/*
 Theme Name:   Divi Child
 Theme URI:    http://allenweblaw.com/Divi-child/
 Description:  Divi Child Theme
 Author:       Allen Webb Law
 Author URI:   http://allenwebblaw.com
 Template:     Divi
 Version:      1.0.0
 Text Domain:  Divi-child
*/

/* CSS Document */

/*positions logo in header*/
.et_fixed_nav #logo {
position: absolute;
top: 0px;
left: 4%;
max-height: 150px !important;
}

#main-footer {
display:none;
}

#main-header {padding-top:20px;padding-bottom:20px;margin-top:-33px;}

/*removes colored header*/
div#page-container div#top-header {display:none;}
.et_fixed_nav #main-header {
border-bottom:2px solid #666666;
}
/* positions top navigation */
div#et-top-navigation {
padding-top: 55px !important;
margin-right:17%;
}


/*colors*/
.yellow {color:#deb304 !important;}
.white {color:#ffffff !important;}

/*fonts*/
.fw4 {font-weight:400 !important;}
.fw5 {font-weight:500 !important;}
.fw6 {font-weight:600 !important;}
.fw7 {font-weight:700 !important;}

.fs50 {font-size:50px !important;}
.fs40 {font-size:36px !important;}
.fs36 {font-size:36px !important;}
.fs30 {font-size:30px !important;}
.fs26 {font-size:26px !important;}
.fs24 {font-size:24px !important;}
.fs22 {font-size:22px !important;}
.fs20 {font-size:20px !important;}
.fs18 {font-size:18px !important;}
.fs16 {font-size:16px !important;}
.fs14 {font-size:14px !important;}

.j {text-align:justify !important;}
.c {text-align:center !important;}
.r {text-align:right !important;}
.l {text-align:left !important;}

.sc {font-variant:small-caps !important;}
.lh {line-height:1.25 !important;}

.ts1100 {text-shadow: 1px 1px 0px #000000;}
.ts1109 {text-shadow: 1px 1px 0px #999999;}
.ts1106 {text-shadow: 1px 1px 0px #666666;}
.ts1103 {text-shadow: 1px 1px 0px #333333;}
.ts1110 {text-shadow: 1px 1px 1px #000000;}
.tsblur {text-shadow: 1px 1px 5px #333333;}

.nopad10 {padding-bottom:0px !important; margin-bottom:-10px !important;}
.nopad5 {padding-bottom:0px !important; margin-bottom:-5px !important;}
.nopad {padding-bottom:0px !important; margin-bottom:0px !important;}
.pad0TB {padding-top:0px; padding-bottom:0px;}
.padT10 {padding-top:10px !important;}
.padT20 {padding-top:20px !important;}
.padTB20 {padding-top:10px; padding-bottom:10px !important;}
.padT10 {padding-top:10px;}
.padT50 {padding-top:50px;}


#display-header, #aboutheader, #contact-header, #client-header {max-height:400px;}
#contact-header .header-content-container {margin-top:-70px;}
#client-header p {text-shadow:2px 1px 0px #333333;}


.home h2 {color:#deb304 !important;}
#homecta h2 {color:#deb304 !important; font-size:30px !important; text-shadow:1px 1px 1px #000000 !important; width:80% !important;}
.banner h2{color:#deb304 !important;}
#h1header h1, #videos h2 {color:#deb304 !important;}

.homeslider .et_pb_slide_content {
background: rgba(0,0,0,0.3);
padding: 40px !important;
border-radius:5px 5px 5px 5px;
border:1px solid #deb304;
width:75%;
margin-left:30%;
margin-top:-50px;
}

#aboutheader h1 {font-size:35px; color:#deb304; font-weight:600; text-shadow:2px 1px 0px #000000;width:50%;}
#contact-header p {width:50%; margin-left:50%;}

/*change color of block quote bar*/
blockquote {
border-color: #deb304!important;
}

.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
background-color: #eee !important;
border: 1px solid #666666;
width: 100% !important;
-moz-border-radius: 3px !important;
-webkit-border-radius: 3px !important;
border-radius: 3px !important;
font-size: 14px;
color: #999 !important;
padding: 16px !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom:10px !important;
}
.wpcf7-submit {
color: #deb304 !important;
margin: 8px auto 0;
cursor: pointer;
font-size: 20px;
font-weight: 500;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 6px 20px;
line-height: 1.7em;
background: #000000;
border: 1px solid #deb304;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.wpcf7-submit:hover { 
background-color: #eee; 
border-color:#eee; 
padding: 6px 20px !important; 
}

#habla {position:absolute !important; right: 4%; top:20px;}



@media only screen and (max-width:981px) {
#habla {display:none;}
div#et-top-navigation {margin-right:4%;}
#et_mobile_nav_menu {margin-top:-30px;}
.homeslider .et_pb_slide_content {width:100%;margin-left:0%;padding: 200px !important;margin-top:5px;}
#aboutheader h1 {margin-top:-20px;}
#client-header .header-content {margin-top:-50px;}
}

@media only screen and (max-width:800px) and (min-width:500px){
div#et-top-navigation {padding-top: 20px !important;margin-right:2%;}
#et_mobile_nav_menu {margin-top:0px;}
.homeslider .et_pb_slide_content {width:100%;margin-left:0%;padding: 20px !important;margin-top:5px;}
#contact-header p {width:100%; margin-left:0%;text-align:center !important;}
#aboutheader h1 {font-size:30px !important;width:100%;margin-top:-30px;}
#client-header .header-content {margin-top:-50px;}
}

@media only screen and (max-width:640px) and (min-width:500px) {
.homeslider .et_pb_slide_content {width:100%;margin-left:0%;padding: 20px !important;margin-top:5px;}
#et_mobile_nav_menu {margin-top:0px;}
.logo_container {left:-25px;top:15px;}
#aboutheader h1 {font-size:30px !important;width:100%;margin-top:-30px;}
#client-header .header-content {margin-top:-50px;}
}

@media only screen and (max-width:499px) {
.homeslider .et_pb_slide_content {background: transparent;padding: 0px !important;border-radius:none;border:none;width:100%;margin-left:0%;margin-top:25px;}

.homeslider .et_pb_slide_content p {font-size:20px !important;}
.dn499 {display:none !important;}

#aboutheader h1 {font-size:25px !important;width:100%;margin-top:-30px;}
#client-header p {font-size:25px !important;width:100%;}
#client-header .header-content {margin-top:-100px;}

#videos h1 {font-size:30px !important;text-align:left !important; margin-top:-80px; color:#deb304 !important;}

#contact-header .mfs40 {font-size:30px !important;}
#contact-header p {width:100%; margin-left:0%;text-align:center !important;}

img#logo {max-width:200px !important;}

div#et-top-navigation {padding-top: 20px !important;margin-right:2%;}
#et_mobile_nav_menu {margin-top:5px;}
.logo_container {left:-25px;top:15px;}
}