.et_pb_pagebuilder_layout #main-header {
background-color: #063F79!important;
box-shadow: 0 0 0 rgba(0,0,0,.1);
}
.et_pb_pagebuilder_layout #top-header {
background-color: #5e72a0!important;
background-image: none;
}
.et_pb_pagebuilder_layout #page-container {
padding-top: 0px!important;
}
.et_pb_pagebuilder_layout .et-fixed-header#main-header, .et-fixed-header#main-header .nav li ul, .et-fixed-header .et-search-form {
background-color: #5e72a0 !important;
}
.et_pb_pagebuilder_layout .et-fixed-header#top-header, .et-fixed-header#top-header #et-secondary-nav li ul {
background-color: #142630!important;
background-image: linear-gradient(150deg,rgba(255,255,255,0) 55%,#8dc63f 25%);
}
.mobile_menu_bar:before {color:#fff;}
/* Paralax image background color overlay effect */
.bg-overlay .et_parallax_bg::before {
background-color: rgba(0, 0, 0, 0.35);
content: “”;
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
}
/* Mobile Menu Collapse /
/**** This hides the sub menu items on mobile ****/
main-header .et_mobile_menu li ul.hide {
display: none !important;
}
/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
mobile_menu .menu-item-has-children {
position: relative;
}
mobile_menu .menu-item-has-children > a {
background: transparent;
}
/**** This styles the icon and moves it to the right ****/
mobile_menu .menu-item-has-children > a + span {
position: absolute;
right: 0;
top: 0;
padding: 10px 20px;
font-size: 20px;
font-weight: 700;
cursor: pointer;
z-index: 3;
}
/**** Here you can swap out the actual icons ****/
span.menu-closed:before {
content: “\4c”;
display: block;
color: #fff;
font-size: 16px;
font-family: ETmodules;
}
span.menu-closed.menu-open:before {
content: “\4d”;
}
body, #top-menu li a, #footer-bottom a {font-weight:200;}
body strong {font-weight:400;}
.et_pb_button {font-weight:200;}
.header-content p {font-weight:400;}