/*
Theme Name: JoshuaWright
Theme URI: http://joshuawright.com.au
Description: Joshua Wright's Theme based on Divi
Author: Joshua Wright
Author URI: http://joshuawright.com.au
Template: Divi
Version: 1.0.0

*/
@import url(../Divi/style.css);
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700');

body{
	line-height: 1.5;
	font-family: 'Montserrat', sans-serif;
	font-size: 100%;
}

/*************************
	TYPOGRAPHY
**************************/

h1, .h1, h2, .h2, h4, .h4, h5, .h5{
			font-family: 'Playfair Display', sans-serif;
}
		
h1, .h1{
font-size: 50px;
}
		
h1, .h1, h2, .h2{
	font-weight: 700;
}
h2{	
	display: block;
	width: 90%;
	border-bottom: 2px solid black;
	margin: 1em auto;
	text-align: center;
	font-size: 45px;
}

h3{
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 900;
	font-size: 20px;

}



/**************************
	COLOURS
***************************/

.charcoal {color: #373737;}
.green, a, button.et_pb_contact_submit, button.et_pb_button {color: #2ea4a4; transition: all ease-in-out 0.2s;}
.white, .heading_content h1 {color: #ffffff;}
.red, a:hover, button.et_pb_contact_submit:hover, button.et_pb_button:hover {color: #ea460b; transition: all ease-in-out 0.2s;}




/**************************
	HOME STYLES
***************************/
.home #main-header{background: rgba(255,255,255,0.8);}
.home .videocontainer{height: 100vh; min-height:900px; position: relative; top: 0; left:0;  margin-top: -140px; overflow: hidden;}
.home .downarrow i{color: white; text-shadow: 0px 0px 10px rgba(0,0,0,0.3); font-size: 4rem;}
.home .downarrow i:hover{color: #ea460b; }
.home .downarrow {width: 100%; text-align: center; position:absolute; bottom: 35px; }
.home .downarrowsection{ -webkit-animation-delay: 15s; /* Safari 4.0 - 8.0 */    animation-delay: 15s;  -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
    animation-duration: 2s;}



body {
  background: #000;
}




.home .videohero{min-height:100vh; position: relative}
.home .videohero #video-background { position: absolute; right: 0; top:-100px; min-width: 100%;  min-height: 100%; width: auto; height: auto;  }




.home .portfolios .et_pb_code {text-align: center; font-size: 4em;}
.home .portfolios .et_pb_code i.fa-circle {text-shadow: 0px 0px 10px rgba(0,0,0,0.3);}
.home .portfolios .et_pb_code a:hover i.fa-circle {text-shadow: 0px 13px 20px rgba(0,0,0,0.4);}
.home .portfolios .et_pb_code i.fa-circle:before  {color: #2ea4a4; transition: ease-in-out 0.5s;}
.home .portfolios .et_pb_code a:hover i.fa-circle:before  {color: #ea460b; transition: ease-in-out 0.5s;}

.home h2.et_pb_slide_title {border-bottom: 0px; font-family: 'Montserrat', sans-serif; line-height: 1.5}
.home .et_pb_section_2  {padding: 0;}


/**************************
	GENERAL STYLES
***************************/

body:not(.home) .et_pb_section_0 .et_pb_fullwidth_code {position: absolute; top: 40%; width: 100%; margin: 0 0.5em; left: 0;; padding 2em;}
.et_pb_section, .et_pb_fullwidth_header  {text-align: center; padding: 4em 1em; position: relative;}
.et_pb_fullwidth_header  {text-align: center; padding: 4em 1em; position: relative; min-height: 400px;}
.et_pb_section:nth-child(odd){background: #dedede;}

.et_pb_fullwidth_header .header-content {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate3d(-50%, -50%, 0); font-size: 1.5rem;}

.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content{margin-top: 6em; text-shadow: 0 0 2px rgba(0,0,0,0.3);}


.rightblock {text-align: center;}
.rightblock ul{list-style-type: none;}
.rightblock i{display: block; text-align: center; margin: 0.5em auto;} 


.et_pb_bg_layout_light .et_pb_button:hover, .et_pb_bg_layout_light.et_pb_button:hover, .et_pb_contact_reset:hover, .et_pb_contact_submit:hover, .et_pb_pricing_table_button:hover{
background: #2ea4a4; color: #fff;}

.footerSocials .et_pb_code a {display: inline-block; margin: 0.5em;}
.footerSocials .et_pb_code a i{display: inline-block;}

.vertical-page .chartbox{width: 150px;}




/***************************
RESPONSIVE DESIGN
****************************/

@media handheld,only screen and (max-width:1460px) { /*********** Laptop ***********/
	
	
#top-menu li {font-size: 1.2em; letter-spacing: initial;}

	
}

@media handheld, only screen and (max-width: 1024px) {
/* Change Divi for High Retina Logo*/


	
	.et_header_style_left #logo, .et_header_style_split #logo{max-width: none;}

 	.logo_container a.logo_highres {
		background: url(/wp-content/uploads/2017/10/logo_highRes-1.png);
		display: inline-block;
		background-size: 216px 90px;
		background-repeat: no-repeat;
	}
	.logo_container a.logo_highres img {
		visibility: hidden;		
		width: 270px;
	}
	
	.home #main-header{background: #fff;}
	.home h2.et_pb_slide_title {border-bottom: 0px; font-family: 'Montserrat', sans-serif; line-height: 1.5; font-size: 12px;}
	.mobile_menu_bar:before {color: #2ea4a4;}
	.et_mobile_menu{border-top: 3px solid #2ea4a4;}

} 
}	

@media handheld,only screen and (max-width:1024px) { /*********** Tablet - Landscape ***********/


	
}

@media handheld,only screen and (min-width:981px) { /*********** Tablet - Portrait ***********/
	
	
	
}

@media handheld,only screen and (max-width:980px) {

}



@media handheld,only screen and (max-width:768px) { /*********** Tablet - Portrait ***********/

	h2, .h2{font-size: 30px;}
	.footerSocials .et_pb_code a, .footerSocials .et_pb_code a i{display: block; margin: 1em 0;}

	
}

@media handheld,only screen and (max-width: 767px) and (min-width: 340px) { /*********** Larger Mobile Devices Only ***********/

}



@media handheld,only screen and (max-width: 340px) { /*********** Smaller Mobile Devices Only ***********/
	

}


@media handheld,only screen and (max-width: 481px) { /*********** Mobile Devices ***********/


}