/* 
 Theme Name:     Divi Child
 Author:         Dutch Hoffman
 Author URI:     https://www.devbydutch.com
 Description:    Divi Child Theme
 Template:       Divi
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE -------------- */

/* ---- globals ---- */
li.hidden-menu { display:none !important; }
.grecaptcha-badge { visibility: hidden !important; }
.re-captcha-notice { font-size: .8em; line-height: 1.4em; margin-top: 15px; color: #8e8e8e; }
.re-captcha-notice a { color: #b1b1b1; }
.trans { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
table.tablestyled, table.tablestyled tr, table.tablestyled td { border: none !important; }

/* ---- Wrappers ---- */
.container, .et_pb_row { position: relative; width: 95%; max-width: 1200px; margin: auto; }
/* ---- Wrappers ---- */

/* ---- List Fixes ---- */
.entry-content ol, .entry-content ul { padding: 1.6em 0 23px 2.2em;list-style-position: outside; }
/* ---- List Fixes ---- */

/* Header and Nav */
.nav li ul.sub-menu { width: auto; }
#top-menu li ul li {display: block; }
#top-menu li li a { width: 100%; white-space: nowrap !important; display: block; }
#top-menu > li:last-child .sub-menu { position: absolute; right: 0; }
.et_primary_nav_dropdown_animation_slide #et-top-navigation ul li:hover > ul { -webkit-animation: fadeRight .4s ease-in-out; animation: fadeRight .4s ease-in-out; }
/* Header and Nav */

/* Mobile Menu */
/* Hamburger icon */
span.mobile_menu_bar:before { color:#004835; }
.mobile_nav.opened .mobile_menu_bar:before { content: 'M'; }
/* Mobile Menu */
/* ---- globals ---- */

/* Form Styles */
.fullwidth-field { width: 100% !important; font-size: 18px; line-height: 24px; margin-bottom: 9px !important; background-color: #faf9f9 !important; border-radius: 3px !important; border-color:#dddddd !important; }
.fullwidth-field:focus { background-color:#ffffff !important; border-color:#99ca3d !important; }
.form-submit-btn { background-color: #1e2979; padding: 7px 20px; border-radius: 55px; color: #fff; font-size: 16px; font-weight: 600; text-transform: uppercase; border: none; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.form-submit-btn:hover { background-color:#99ca3d; color:#000000; }
.wpcf7 form .wpcf7-response-output { margin: 0; padding: 0.2em 1em; border: 2px solid #00a0d2; }
.wpcf7-not-valid-tip { background-color: #dc3232; color:#ffffff; font-size: 1em; font-weight: normal; display: block; margin-bottom: -20px; padding-left:7px; }
.wpcf7 form.invalid .wpcf7-response-output { margin: 10px 0; }
/* Form Styles */


/* ------------- Responsive breakpoints ------------- */

/* Smartphones in portrait mode (0-479px) */
@media only screen and ( max-width: 479px ) {

}

/* Smartphones in landscape mode (480-768px) */
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {

}

/* Tablets in portrait mode (768-980px) */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {

}

/* Tablets in landscape mode (981-1100px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { 

}

/* Laptops and desktops (1101-1405px) */
@media only screen and ( min-width: 1101px ) and ( max-width: 1405px) { 

}

/* Large screens (1406px upwards) */
@media only screen and ( min-width: 1406px ) { 

}