/*
Theme Name: Happy Family
URI: https://eoshealthcaremarketing.com
Description: A Custom Child Theme For Divi
Author: EOS Corporate
Author URI: https://eoshealthcaremarketing.com
Template: Divi
Version: 2.1
*/

body {
	font-family: 'Metropolis',sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 18px;
	color: #8D8D8D; /* gray */
}

a {
	color: #097CB6; /* gold */
}

h1, h2, .quote {
	/* font-family: playfair-display,serif; */
	font-weight: 400;
	font-style: normal;
}

h1 {
	color: #ffffff; 
	font-size: 2.4em;
}

h2 {
	color: #097CB6; 
	line-height: 1.3em;
	font-size: 1.8em;
}

.hp-hero {
	letter-spacing: -2px;
}

.hp-hero h1 {
	color: #ffffff;
	font-weight: 600;
	font-size: 2.1em;
	line-height: .9em;
}

.hp-hero h2 {
	color: #ffffff; 
	font-weight: 400;
	font-style: normal;
	font-size: 1.3em;
	line-height: .9em;
}

@media only screen and (max-width: 1200px) {
	.hp-hero h1 {
		font-size: 2em;
	}
	.hp-hero h2 {
		font-size: 1.4em;
	}
}


@media only screen and (max-width: 700px) {
	.hp-hero h1 {
		font-size: 1.4em;
	}
	.hp-hero h2 {
		font-size: 1.1em;
	}
}

h3 {
	color: #5C7CA4; /* light blue */
	font-size: 1.2em;
	line-height: 1.3em;
	font-weight:500;
}

.cta h2, .cta h3 {
	color: #ffffff;
}

/* Background colors - rarely used for this theme
.color1 {
	background-color: #4CB848; 
}
.color2 {
	background-color:#60BAE7; 
}
.color3 {
	background-color:#0C3659; 
}

.color4 {
	background-color: #ffffff; 
}

*/

.et_pb_button, .et_pb_button:hover, .cta a, .cta a:hover, div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form button[type=submit]:hover{
	background: #47c6a0!important;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 20px;
	color:#ffffff;
	border:none!important;
}
/*
.et_pb_button:hover, div.wpforms-container-full .wpforms-form button[type=submit]:hover {
	background: #FCD331!important;
}
*/
label {
	font-size: 18px!important;
	/*color: white!important;*/
}


#top-menu .sub-menu li a {
   font-size: 13px; /* Font size dropdown */
   width: 100%;
}

.nav li ul {
   width: 280px !important; /* Width of the dropdown menu */
}

.nav li li ul {
   left: 280px !important; /* Use the same size as above */
}

#top-menu li li a {
   width: 240px!important; /* Make this 40 less then the width of the dropdown menu */
}

.et-menu li li a {
    width: 240px!important;
	font-size: 16px!important;
}

.nav li.et-reverse-direction-nav li ul {
    left: 300px!important;
}

.et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
    top: calc(80% - 1px);
    left: -180px;
}
/*
.et_mobile_menu li a:hover, .nav ul li a:hover {
    background-color: none!important;
} */

@media screen and ( max-width: 980px ) {
    .reverse-col {
        display: flex;
        flex-direction: column-reverse;
    }
} 


.cta-secondary .et_pb_button_module_wrapper {
    display: inline-block;
}

.cta-secondary {
	text-align: right!important;
}

@media screen and (max-width:980px) {
.cta-secondary {
	text-align: center!important;
}
}

sup {
	bottom: .2em;
}

#telephony a:before {
	font-family: 'ETMODULES';
	content: '\e090';
    margin-right: 2px;
}