/*
Theme Name: Divi Child Theme
Description: A child theme to house custom coding which modifies the Divi parent theme by Elegant Themes. Includes default line numbers where the code was taken from in the parent theme.
Author:   Brad Dalton https://www.aiminternet.co.uk
Template: Divi
*/

@import url("../Divi/style.css");

@font-face {
    font-family: 'latoregular';
    src: url('font/lato-reg-webfont.eot');
    src: url('font/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/lato-reg-webfont.woff') format('woff'),
         url('font/lato-reg-webfont.ttf') format('truetype'),
         url('font/lato-reg-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latobold';
    src: url('font/lato-bol-webfont.eot');
    src: url('font/lato-bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/lato-bol-webfont.woff') format('woff'),
         url('font/lato-bol-webfont.ttf') format('truetype'),
         url('font/lato-bol-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {font-family: 'latoregular'; margin:0px; padding:0px;}
h1 {font-size:32px !important;}
h2 {font-size:26px !important;}	
h3 {font-size:25px !important; line-height: 30px;}

/* SUB NAV BUG FIX */
.nav li ul { display: none; }
.nav li:hover>ul { display: block;}

.et_header_style_left #logo, .et_header_style_split #logo {max-width:100% !important;}
.logo_container {position: inherit !important; max-height: 100px; margin: 10px 0px;}
#logo {max-height:100%;}
.et_header_style_left .logo_container {text-align:center;}
#et-secondary-menu {width:auto; display:block !important;padding-bottom: 12px;}
nav#top-menu-nav, #top-menu, nav.fullwidth-menu-nav, .fullwidth-menu {display:none;}
#et-top-navigation {float:none;  padding-top:10px !important; padding-left:0px !important;}
#et_mobile_nav_menu {display:block;}
.mobile_menu_bar {padding-bottom:7px !important;}
.mobile_menu_bar::before {color:#496E8A;}
#et-secondary-nav li ul, #top-header { background-color: #fff; }
.copyright,.footerlink {float:none; text-align: center;}
.home-slide .et_pb_slider .et_pb_slide {height:250px !important;}
.home-slide .et_pb_slider_with_text_overlay .et_pb_text_overlay_wrapper {padding:7px 10px 3px 10px;}
.home-slide .et_pb_slide_description {padding-left:2%; padding-right:2%;}
.home-slide .et_pb_slide_description .et_pb_slide_title {line-height: 30px;}
.home-slide .et-pb-active-slide .et_pb_slide_description {animation:none;}
.blurb_block .et_pb_column { width:99% !important; margin-bottom:20px; margin-right:0px;}
.blurb_block .et_pb_main_blurb_image {margin-bottom:10px;}
.blurb_block .et_pb_blurb h4 {color:#333333 !important;}
.btn-assessment {width:99%;}
.btn-assessment {display:table; margin:0px auto; text-align: center; background-color: #353535; color: #fff; border-radius: 12px; border: 2px solid #fff; padding:10px 15px;}
.btn-assessment a {display:block; cursor:pointer; color:#FFFFFF; text-transform: uppercase; font-weight: bold;  transition: all 0.5s;}
.btn-assessment a:hover {background-color: #4e4e4e;}
.btn-assessment:hover {background-color: #4e4e4e;}

#et-secondary-menu .et-social-icons {margin-left: 20px; margin-right:0px;}
.et-social-icons {text-align: center; margin-bottom:5px;}
.et-social-icons li {margin-left: 1px;}
.et-social-icon a {background-color:#000000; padding:5px 5px 2px 5px !important; color:#FFFFFF; font-size:19px; font-weight:normal;}
.et-social-icon a:hover {opacity:0.9 !important; color:#FFFFFF;}

.et-social-facebook a {background-color:#3C5A99 !important;}
.et-social-twitter a {background-color:#28AAE1 !important;}
.et-social-youtube a {background-color:#E32525 !important;}
.et-social-linkedin a {background-color:#0274B3 !important;}
.et-social-google-plus a {background-color:#DF493A !important;}
.et-social-rss a {background-color:#FF9900 !important;}
.et-social-pinterest a {background-color:#D73532 !important;}
.et-social-instagram a {background-color:#000000 !important;}

.et_mobile_menu {border-top: 3px solid #482f89;}
.et_mobile_menu li a {padding:12px 3%; font-size:18px; font-weight:normal; border-bottom:1px solid #DDDDDD;}
.et_mobile_menu li a:hover {opacity:0.9;}

.bottom-nav li {font-size:16px; font-weight:400 !important;}
.bottom-nav a:hover {color:#FFFFFF !important; opacity:0.9 !important; text-decoration: underline;}
.bottom-nav li.current-menu-item > a {color:#FFFFFF; text-decoration: underline;}
#footer-widgets { padding:20px 0px; }
.et_pb_gutters2.et_pb_footer_columns3 .footer-widget {margin-bottom:0px;}
#footer-bottom { padding:10px 0px; }
.copyright, .footerlink {float:none; font-size:13px; color:#d4d4d4; margin:0px; padding:0px; text-align: center;}
 .footerlink a {color:#d4d4d4; text-decoration:underline;}
.footerlink a:hover {text-decoration:none;}

.field02 {width:100%; float:left;}
.field01 {width:99%; float:none; margin-right:0px; margin-bottom: 20px;}
input[type="text"], input[type="email"] {width:98%; height:35px; font-size:14px; padding:1%; margin:0px; color:#000000; border:1px solid #ccc; border-radius:0px;}
textarea {width:98%; padding:1%; margin:0px; font-size:14px; color:#000000; border:1px solid #ccc; border-radius:0px;}
input[type="text"]:focus, input[type="email"]:focus, textarea:focus {border-color:#333333;}
.btn-send {background-color:#496E8A; border:none; border-radius: 0px; color:#ffffff; cursor:pointer; font-size:17px; font-weight:400; padding:5px 15px; text-transform:uppercase; margin-top: 10px;}
.btn-send:hover {text-decoration: underline;}
.wpcf7-mail-sent-ok {display:none !important;}
div.wpcf7-mail-sent-ng, div.wpcf7-validation-errors {float:left;}

.bullet01 {margin:0px; padding:0px !important;}
.bullet01 li {list-style-type: none; margin: 0px; padding: 0px 0px 5px 0px;}
.bullet01 li::before {font-family: "ETmodules"; content: "9"; margin-right:5px; color:#496E8A; font-size:20px;}
.bullet {margin: 0px; padding: 0px !important;}
.bullet li {list-style-type: none; margin: 0px; padding: 0px 0px 7px 5px;}

.bst-quote-row.et_pb_row {
  background: #eee;
  background: rgba(0,0,0,0.2);
  padding: 24px 12px;
}
.bst-quote-row .et_pb_column {
  border: 1px solid transparent;
  background: #087fff;
  color: #fff;
  color: rgba(255,255,255,0.85);
  border-radius: 8px;
  text-align: center;
  padding: 12px 4px;
  min-height: 80px;
}
.bst-quote-row .et_pb_column:before {
  content: '';
  position: absolute;
  top: -15px;
  left: 20px;
  height: 0;
  width: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 15px solid #087fff;
}

.bst-button, .bst-button-small {
  font-size: 20px;
  font-weight: 500;
  padding: .3em 1em;
  line-height: 1.7em!important;
  background-color: transparent;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  border: 2px solid;
  border-radius: 3px;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.bst-button:hover, .bst-button-small:hover {
  background-color: rgba(0,0,0,.05);
  border: 2px solid transparent;
  padding: .3em 2em .3em .7em;
}
.bst-button:hover:after, .bst-button-small:hover:after {
  font-family: ETmodules!important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: 0 0;
    
  font-size: 32px;
  line-height: 1em;
  content: "\35";
  opacity: 0;
  position: absolute;
  margin-left: -1em;
  -webkit-transition: all .2s;
  transition: all .2s;
  text-transform: none;
  -webkit-font-feature-settings: "kern" off;
  font-feature-settings: "kern" off;
  font-variant: none;
  font-style: normal;
  font-weight: 400;
  text-shadow: none;
  
  opacity: 1;
  margin-left: 0;
}

.bst-button-small, #et-top-navigation .button-small {
  font-size: 14px;
  font-weight: 400;
  padding: .25em 0.4em;
}

.bst-button-small:hover {
  padding: .25em 1.2em 0.25em 0.4em;
}
.bst-button-small:hover:after {
  font-size: 22px;
}

#et-top-navigation .bst-button:hover {
  padding: .3em 1em;
}
#et-top-navigation .bst-button-small:hover {
  padding: .25em 0.4em;
}
#et-top-navigation .bst-button:hover:after, et-top-navigation .bst-button-small:hover:after, #et-top-navigation .button-small:after {
  content: none;
}

#et-top-navigation .et-cart-info {
  line-height: 1.9em;
}

.qa-start-button {
  color: #ffffff!important;
  background-color: #0c71c3;
}
.qa-start-button:hover {
  background-color: #0c71c3;
}

.bst-blue-bg {
  color: #ffffff!important;
  background-color: #0c71c3;
}
.bst-blue-bg:hover {
  color: #000!important;
}

/* Desktop css */
@media only screen and (min-width: 768px) {
    h1 {font-size:35px !important;}
    h2 {font-size:30px !important;}
    h3 {font-size:25px !important; line-height: 30px;}
    .logo_container {width:auto !important; float:left;} 
    .et_header_style_left #logo, .et_header_style_split #logo {max-width:100%;}    
    .et_fixed_nav #top-header {height:1px; display:none;}
    #et-secondary-menu {width:99%; float:none;}
    .et-social-icons {margin-bottom:35px; text-align: right;}
    #et-top-navigation {width:auto; float:right;}
    nav#top-menu-nav, #top-menu, nav.fullwidth-menu-nav, .fullwidth-menu {display:block}
    #et_mobile_nav_menu {display:none;}
    #top-menu-nav {float:right !important;}
    #top-menu a {font-weight:400; text-transform: uppercase; padding-bottom:20px !important;}
    #top-menu li a:hover {opacity: 0.9 !important; color:#496E8A;}
    .nav li ul {padding:0px;}
    #top-menu li {padding-left:15px; padding-right:0px;}
    .blurb_block .et_pb_column {width:31% !important; margin-bottom:0px; margin-right:20px;}

    .home-slide .et_pb_slider .et_pb_slide {height:450px !important;}
    .home-slide .et_pb_slide_description {padding:0px; display:table;}
    .home-slide .et_pb_slider_with_text_overlay .et_pb_text_overlay_wrapper {padding:15px 30px;}
    
    .field01 {width:32%; float:left; margin-right:1%;}
    .copyright {float:left}
    .footerlink {float:right;}
    
    .btn-assessment {width:auto;}
}   

@media only screen and (min-width:250px) and (max-width:1300px){
    .container, .et_pb_row {width: 95%;}
}  
@media only screen and (min-width:550px) and (max-width:767px){
    .et_header_style_left .logo_container {width:auto; display:inline-flex; text-align: left;}
    #et-top-navigation {float:right;}
}

@media only screen and (min-width:900px) and (max-width:1050px) {
	.home-slide .et_pb_slider .et_pb_slide {height:400px !important;}
}   

@media only screen and (min-width:768px) and (max-width:900px){
    #et-top-navigation {width:99%; float:none;}
    #et-secondary-menu {width:auto;}
    .home-slide .et_pb_slider .et_pb_slide {height:350px !important;}
}