/* 
 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: #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; }
#top-header #et-info { float: right; }
.ehrtab_one_third { width: 31%!important; margin-right:2%!important; float: left; position: relative; }
.et-social-instagram a.icon:before{content:"\E09D"}
h4.accordion-toggle,h4.desc {font-size:20px !important;}

.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a:last-child { padding-right:10px; padding-left:10px; }
li.buttonized a { font-weight:normal !important; border-radius: 25px; color:#fff !important; background-color: #ffa409; border-color: #ffa409 !important; padding-right:27px; padding-left:27px; font-weight:800 !important; }
li.buttonized a:hover { color:#fff !important; background-color: #76bd1d; border-color: #76bd1d !important; opacity:1; }

/* ---- 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 */
/* old dropdown width adjust
.nav li ul { width: auto; }
#top-menu li ul li {display: block; }
#top-menu li li a { width: 100%; white-space: nowrap !important; display: block; }
*/
/*set the Divi menu dropdown auto width*/
@media only screen and (min-width: 981px) {
.nav li ul {width: fit-content; display: flex; flex-direction: column;}
.nav li li {white-space: nowrap;}
.nav li li a {/*width: auto;*/ width:250px;}
.nav li ul {width: auto;}
}
#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 ) {
.ehrtab_one_third {float: none; }
}

/* Smartphones in landscape mode (480-768px) */
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
.ehrtab_one_third {float: none; }
}

/* Tablets in portrait mode (768-980px) */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
.ehrtab_one_third {float: none; }
}

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

}