/* 
 Theme Name:     Divi Child
 Author:         Dutch Hoffman
 Author URI:     http://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: #b8b8b8; }
.re-captcha-notice a { color: #b8b8b8; }
.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; }
.entry-content ol, .entry-content ul { padding: 1.6em 0 23px 2.2em !important;list-style-position: outside !important; }
.container, .et_pb_row { position: relative; width: 95%; max-width: 1200px; margin: auto; }
.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4 {font-weight: 800;}

/* Header and Nav */
.nav li ul { width: auto; }
#top-menu li ul li {display: block; }
#top-menu li li a { width: 100%; white-space: nowrap; 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 */

#secondary-page-heading-section { font-family: 'Inter',Helvetica,Arial,Lucida,sans-serif; }
#secondary-page-heading-section h1 { font-size: 44px; font-weight: 800 !important; color:#ffffff; }
#secondary-page-heading-section h2 { font-size: 36px; font-weight: 600 !important; color:#cae099; }

/* ---- 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 ) {
#secondary-page-heading-section { margin-top:-60px !important; padding-top:95px !important; }
#secondary-page-heading-section h1 { font-size: 36px; }
#secondary-page-heading-section h2 { font-size: 26px; }
}

/* Smartphones in landscape mode (480-768px) */
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
#secondary-page-heading-section { margin-top:-60px !important; padding-top:85px !important; }
#secondary-page-heading-section h1 { font-size: 36px; }
#secondary-page-heading-section h2 { font-size: 26px; }
}

/* Tablets in portrait mode (768-980px) */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
#secondary-page-heading-section { margin-top:-60px !important; padding-top:95px !important; }
}

/* Tablets in landscape mode (981-1100px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { 
#secondary-page-heading-section { margin-top:-60px !important; padding-top:85px !important; }
}

/* 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 ) { 

}