/*
Theme Name:     HCB Mod
Description:    Custom Theme for HCB
Author:         hcb_jef
Template:       Divi

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

/* GLOBAL - all links */
p a:link, #main-content ul a:link, #main-content ol a:link
/*, .et_pb_blurb a:link*/ 
{
	text-decoration: underline !important;
}
.white-link a {
	color: #FFFFFF;
}

/* GLOBAL - h1,h2,h3 */
h1 {
	font-size: 41px !important;
	text-decoration: none !important;
	font-style: italic !important;
	line-height: 1.2em;
}
h2 {
	font-size: 31px !important;
	font-style: normal !important;
}
h3 {
	font-size: 21px !important;	
	/*color: rgb(150, 50, 26) !important;*/
	padding: 30px 0px 10px 0px !important;
	margin-bottom: 3px !important;
	text-decoration: none !important	
}

/* GLOBAL - ul/ol indent */
#left-area ul, .entry-content ul, .comment-content ul,
#left-area ol, .entry-content ol, .comment-content ol {
	margin-left: 30px;
	list-style-position: outside;
}

#left-area ol, .entry-content ol, .comment-content ol {
	line-height: 23px !important;
}



/* GLOBAL - text */
body {
	font-weight: 400 !important;
}


/* mobile menu sooner */
@media only screen and (max-width: 1224px) and (min-width: 980px) {
 #top-menu-nav { display:none; }
}
@media only screen and (max-width: 1224px) and (min-width: 980px) {
 #et_mobile_nav_menu { display:block }
}

span.mobile_menu_bar:before {
    color: #132747 !important;
}


/*- HOME -*/
@media only screen and (min-width: 100px) and (max-width: 980px){
	.home-hero-text h1 {
		background: rgba(255,255,255,0.7);
    	display: inline;
    	padding: 0px 10px 0px 10px;
		font-size: 25px !important;
	}
}


.home-callout-resource {
	border: 4px solid #FFFFFF;
	border-radius: 5px;
	background-color: #13B5EA;
	padding: 20px;
	overflow: hidden;
	margin-top: -150px;
}

.global-callout-resource {
	overflow: hidden;
}


@media all and (max-width: 900px) {
	
}

@media all and (min-width: 901px) {
	.home-callout-resource-col1, 
	.home-callout-resource-col2, 
	.home-callout-resource-col3, 
	.home-callout-resource-col4,
	.home-callout-resource-col1:before, 
	.home-callout-resource-col2:before, 
	.home-callout-resource-col3:before, 
	.home-callout-resource-col4:before  {
		width: 25%;
		float: left;
		padding: 0px 20px 10px 20px;
	} 
}



.global-callout-resource h3, .home-callout-resource h3 {
	text-align: center;
	color: #FFFFFF;
}

.global-callout-resource .et_pb_button_module_wrapper,
.home-callout-resource .et_pb_button_module_wrapper {
    clear: both;
}

.home-callout-01, .home-callout-02, .home-callout-03, .home-callout-04 {
	border: 1px solid #7BDFDE;
	border-radius: 20px;
	background-color: #FFFFFF;
	padding: 0px;
	transition: all .2s ease-in-out;
	overflow: hidden;
}

.home-callout-01 a, .home-callout-02 a, .home-callout-03 a, .home-callout-04 a {
	display: block;
	height: 100%;
	width: 100%;
}

.home-callout-01 .et_pb_text {
    /*background-color: #EFEFEF;*/
	padding: 20px 20px 40px 20px;
}
.home-callout-01 .et_pb_image {
	padding: 5px 70px 10px 70px;
}
.home-callout-01 .et_pb_image img {
	max-width: 100px;
}


.home-callout-campaign {
	border: 1px solid #7BDFDE;
	border-radius: 20px;
	background-color: #FFFFFF;
	padding: 0px;
	transition: all .2s ease-in-out;
	overflow: hidden;
	object-fit: cover;
}

.home-callout-campaign .et_pb_column {
	margin-bottom: auto;
}

.home-callout-campaign img {
	height: 100% !important;
}




/* header */
#top-header .container {
    padding-top: 1.3em;
    font-weight: 600;
    padding-bottom: 0.75em;
}
 
#et-info {
    width: 33.3%;
    float: right;
    text-align: right;
}
 
.cta {
width: 33.3%;
text-align: left;
float: left;
margin-top: -3px;
}
 
.cta a {
background: #fff;
    color: #eb593c !important;
    padding: 5px 10px;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: 700 !important;
    transition: all 0.5s;
}
 
.cta a:hover {
background: #555;
color: #fff !important;
}
 
#et-secondary-menu {
width: 33.3%;
float: left;
text-align: left;
}
 
@media (max-width: 980px){

	#et-info {
    	width: 50%;
    	float: right;
    	text-align: right;
		/*border: 1px solid lime;*/

	}
 
	.cta {
		width: 30%;
		/*text-align:center;*/
		float: left;
		margin-top: -3px;
		/*border: 1px solid lime;*/
}
 
	#et-info {
		padding-top:0px;
		padding-bottom: 0.75em;
		}
}
 
@media (max-width: 740px){
	.cta {
		float: none;
		clear: both; 
	}
	#et-info-phone {
		margin-right: 0px;
		padding-bottom: 6px !important;
		display: inline-block;
	}
	
	#et-info  a {
		text-decoration: underline;
	}

	#et-info {
		float: none;
		clear: both;
		text-align: left; 
	}
	
}

	/* hide secondary */
	.et_fixed_nav #top-header { position: absolute !important; } .et-fixed-header { top: 0px!important; position: absolute !important;}



/* menu + submenu*/

.nav li li {
	line-height: 1.5em !important;
}

/* sub menu */
#top-menu .menu-item-has-children > a:first-child, 
#et-secondary-nav .menu-item-has-children > a:first-child {
	display: inline;
	/*border: 1px solid #336699;*/
	margin: 0 !important;
	padding: 5px 20px 3px 10px !important;
}

#top-menu .menu-item-has-children > a:first-child::after, 
#et-secondary-nav .menu-item-has-children > a:first-child::after {
	padding: 9px 5px 0px 0px !important;
}

ul.sub-menu {
	margin-top: 5px;
}




/* section */
.section-header h1 {
	color: #FFFFFF;
}

.section-columns h3 {
	border-top: 2px solid #0E7E87;
	margin-top: 5px;
	padding-top: 10px !important;
}



/* section callouts */
.section-callout:not(.et_pb_column_empty) {
	border: 1px solid #7BDFDE;
	border-radius: 20px;
	background-color: #ECF6F9;
	padding: 0px;
	transition: all .2s ease-in-out;
	overflow: hidden;
}

.section-callout a {
	display: block;
	height: 100%;
	width: 100%;
}

.section-callout .et_pb_text {
    /*background-color: #ECF6F9;*/
	padding: 20px 30px 40px 30px;
}
.section-callout .et_pb_image {
	padding: 20px 10px 20px 10px;
	background-color: #FFFFFF;
}
.section-callout .et_pb_image img {
	/*max-width: 333px;*/
}

.section-callout .et_pb_module {
	margin-bottom: 0px !important;
}

/* - - - article - - - */
@media all and (max-width: 480px) {
	.article-section {
		width: 100% !important;
		background-color: #FFFFFF;
		padding: 20px 40px 40px 40px !important;
	}
}
@media all and (min-width: 481px) and (max-width: 980px) {
	.article-section {
		width: 85% !important;
		background-color: #FFFFFF;
		padding: 30px 50px 50px 50px !important;
	}	
}

@media all and (min-width: 981px) {
	.article-section {
		max-width: 1200px !important;
		background-color: #FFFFFF;
		padding: 70px 100px 100px 100px !important;
	}	
}



/* = = = all footer = = = = */
/* footer */
#footer-widgets {
	padding: 15px 0 20px 0;
	margin: 0;
	/*border: 1px dotted teal;*/
	width: 100% !important;
}
#footer-widgets .footer-widget{
	margin: 0 0 0 0;
}
#footer-widgets .footer-widget .textwidget{
	color: #666666;
	font-size: 13px !important;
}
#footer-widgets .footer-widget .textwidget a{
	text-decoration: underline;
}
#footer-widgets .footer-widget li {
	padding-left: 0;
}


/* footer nav whole container block */
.et_pb_widget {
	padding: 20px 0px 5px 0px;
	color: #666666 !important;
	text-decoration: none;
}

/* footer columns */
.footer-widget .et_pb_widget ul li {
	list-style-type: none;
	float: left;
	padding-right: 35px; /* gutter */	
}
.et_pb_widget {
	width: 100% !important; 
}


/* footer dynamic column width */
@media all and (max-width: 480px) {
	.footer-widget .et_pb_widget ul li {
		/*border: 0px dotted blue;*/
		width: 100%;
		/*max-width: 180px;*/
	}	
}
@media all and (min-width: 481px) and (max-width: 980px) {
	.footer-widget .et_pb_widget ul li {
		/*border: 0px dotted green;*/
		width: 100%;
		/*max-width: 180px;*/
	}
}

@media all and (min-width: 981px) {
	.footer-widget .et_pb_widget ul li {
		/*border: 0px dotted red;*/
		width: 18%;
		/*max-width: 180px;*/
	}
}

.footer-widget .et_pb_widget ul.sub-menu li {
	clear: both;
}

/* underline links */
.footer-widget .et_pb_widget ul li a {
	border-bottom: 1px dotted #999999;	
}
.footer-widget .et_pb_widget ul li a:hover {
	border-bottom: 0px;	
}
.footer-widget .et_pb_widget ul.sub-menu li a {
	color: #999999 !important;
	border-bottom: 1px dotted #999999;	
}
.footer-widget .et_pb_widget ul.sub-menu li a:hover {
	color: #999999 !important;
	border-bottom: 0px;	
}


/* footer menu bullets */
#footer-widgets .footer-widget li:before {
	border: 1px solid #999999;
	content: "";
	margin-left: -5px;
}

/* footer nav block */
.footer-widget .et_pb_widget ul li {
	/*border: 1px dotted red;*/
	margin-bottom: 15px;
}

/* footer nav children */
.footer-widget .et_pb_widget ul li ul li:first-child{
	margin-top: 13px;
}
.footer-widget .et_pb_widget ul li ul li {
	/*border: 1px dotted green;*/
	margin-bottom: 13px;
	margin-left: 0px;
	padding-left: 0px;
	width: 100%;
}
.footer-widget .et_pb_widget ul li ul li :after {
	content: "";
}

/* footer logo */
img.footer-cdph-logo {
	max-width: 190px !important;	
	padding-right: 30px;
	padding-bottom: 10px;
}