/*
 Theme Name:     Divi Child
 Theme URI:      https://clearbrand.com/
 Description:    Divi Child Theme
 Author:         ClearBrand
 Author URI:     https://clearbrand.com/
 Template:       Divi
 Version:        1.0.0
*/

/* Theme customization starts here
------------------------------------------------------- */

/** Change CTA Button Background Color  
------------------------------------**/

.cta_topnav1 {
	background-color: #0E3860 !important;	
}
.et_pb_bg_layout_dark.et_pb_menu ul li.cta_topnav1 a {
	color: #fff !important;
}

.cta_topnav2 {
	background-color: #287CA7 !important;
}
.et_pb_menu_0_tb_header.et_pb_menu ul li.cta_topnav2 a {
	color: #fff !important;
}

.cta_topnav3 {
	background-color: #154385 !important;
}
.et_pb_menu_0_tb_header.et_pb_menu ul li.cta_topnav3 a {
	color: #fff !important;
}

.cta_topnav4 {
	background-color: #000000 !important;
}
.et_pb_menu_0_tb_header.et_pb_menu ul li.cta_topnav4 a {
	color: #fff !important;
}

/** Top Navigation CTA Button 
------------------------------------**/

.cta_topnav1,
.cta_topnav2,
.cta_topnav3,
.cta_topnav4 {
	align-items: center !important;
    height: 45px;
    margin: auto !important;
    margin-left: 24px !important;
    padding: 0 !important;
}

.cta_topnav1 a,
.cta_topnav2 a,
.cta_topnav3 a,
.cta_topnav4 a {
	padding: 10px 30px !important;
    margin: 0;
}

.cta_topnav1 a,
.cta_topnav4 a {
	padding: 16px 30px 16px 30px !important;
    margin: 0;
}

.cta_topnav1 a:hover,
.cta_topnav2 a:hover,
.cta_topnav3 a:hover,
.cta_topnav4 a:hover {
	opacity: 1;
}

.cta_topnav1:after,
.cta_topnav2:after,
.cta_topnav3:after,
.cta_topnav4:after {
	display: none;
}


/** Move OPENED mobile menu down  
------------------------------------**/

@media screen and (max-width: 980px) { 
	.top_nav_mob .mobile_nav.opened ul.et_mobile_menu,
	.top_nav_mob .mobile_nav.closed ul.et_mobile_menu {
		top: 55px !important;	
	}
}

/** Top Navigation CTA Button HIDE on mobile 
------------------------------------**/

/**@media screen and (max-width: 980px) {
	.cta_topnav1,
	.cta_topnav2,
	.cta_topnav3,
	.cta_topnav4 {
		display: none;
	}
}**/

/** Top Navigation CTA Button NORMALIZE on mobile 
------------------------------------**/

@media screen and (max-width: 980px) {
	.cta_topnav1,
	.cta_topnav2,
	.cta_topnav3,
	.cta_topnav4 {
		height: auto;	
		margin-left: 0 !important;
		padding: 0 !important;
		background-color: inherit !important;
	}
	.cta_topnav1 a,
	.cta_topnav2 a,
	.cta_topnav3 a,
	.cta_topnav4 a {
		padding: 10px 5% !important;
		margin: 0;
	}
}

/** Footer Navigation Menus OPEN on Mobile 
------------------------------------**/

@media screen and (max-width: 980px) {
	.menu_open .et_pb_menu__menu {
		display: flex!important;
	}
	.menu_open .et_mobile_nav_menu {
		display: none!important;
	}
}

/** Footer Navigation CENTERED on Mobile 
------------------------------------**/

@media screen and (max-width: 980px) {
	.et_pb_module.et_pb_image_0_tb_footer.centered_image_mobile {
		margin-left: auto !important;
	}
	.et_pb_text_0_tb_footer.centered_text_mobile {
		margin: auto;
		max-width: 80%;
	}
	.expanded_column {
		width: 100% !important;
    	margin-right: auto !important;
    	float: none !important;
    	margin-left: auto !important;
    	margin-top: 20px;
    	margin-bottom: 30px !important;
	}
	.expanded_column.et_pb_column:last-child {
		margin-right: auto !important;
	}
	.footer_nav_menu .et_pb_menu__wrap,
	.et_pb_menu.footer_nav_menu .et_pb_menu__menu>nav>ul {
		justify-content: center !important;
	}
}