/*
 Theme Name:   wonderbuild
 Template:     Divi
*/


@import url("../Divi/style.css");


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

a {
    font-weight: bold;
}
.mtsnb {z-index: 100000;}

/*OVERHANGING LOGO */
#top-header {z-index: 99;}
#logo {
    max-height: 150% !important;
    margin-top: 0px;
    z-index: 999;
}
 
@media only screen and (max-width : 980px) {
    #logo { margin-top: 0px}}

.mobile_menu_bar:before {color:#FFF;}



.page-title h1 {line-height: .9 !important;}

h2 {
  font-size: 28px !important;
  color: #1d5d6d !important;
  font-weight: 700 !important;
}

h3 {
  font-size: 28px !important;
  color: #4d4d4d !important;
  font-weight: 700 !important;
}

h4 {
  font-size: 18px !important;
  color: #1d5d6d !important;
  font-weight: 800 !important;
}

h5 {
  font-size: 18px !important;
  color: #4d4d4d !important;
  font-weight: 800 !important;
}

/* Header color gradient */
#main-header {
    background: linear-gradient(180deg,#43a3bc 0%,#1e5f6f 100%);
}


/* Full Width Slider - No Link on Title Text */
.et_pb_slide_title a {
pointer-events: none;
}



/* BLUE UNDERLINE ON MAIN NAV ITEMS, PER ERIC'S DESIGN */
#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
 content: "";
 position: absolute;
 z-index: 2;
 left: 0;
 right: 0;
}
#top-menu > li > a:before {
 content: "";
 position: absolute;
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: 50%;
 background: #e97082; /*** COLOR OF THE LINE ***/
 height: 2px; /*** THICKNESS OF THE LINE ***/
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
#top-menu > li > a:hover {
 opacity: 1 !important;
}
#top-menu > li > a:hover:before {
 right: 0;
}



/* REMOVE DOWN ARROW FROM MAIN MENU NAVIGATION WHEN SUB-MENU ITEMS EXIST */
.menu-item-has-children>a:after {display: none!important;}
#top-menu .menu-item-has-children>a:first-child{
    padding-right: 0px !important;
}

/* SUBNAV STYLES PER ERIC'S DESIGN */
.nav li ul {
    border: 2px solid #1d5d6d !important;
    border-top: 0px !important;
    padding: 0px !important;
    width: 260px !important;
}

#top-menu li li {
    padding: 0 !important;
}

#top-menu li li a {
    width: 256px !important;
    margin:0px !important;
  }

.et_mobile_menu li a:hover, .nav ul li a:hover {
    background-color: #dbdbdb !important;
}
.et_mobile_menu {
    border: 2px solid #1d5d6d;
    border-top: none !important;
}



/* SETTING BREAKPOINT FOR MOBILE MENU */
@media only screen and ( max-width: 1350px ) {
#top-menu-nav, #top-menu {display: none;}
#et_mobile_nav_menu {display: block;}
#et_top_search {margin-top: 10px;}

}

/* SETTING BREAKPOINT FOR SEARCH ICON */
@media only screen and ( max-width: 980px ) {
#et_top_search {display:none;}
}

/* MOBILE MENU STYLES */
.et_mobile_menu {
    position: absolute;
    left:auto !important;
    right: 0 !important;
    padding: 3% !important;
    max-width: 300px !important;
    border-top: none !important;
}
.et_mobile_menu {background-color: #FFF !important;}
.et_mobile_menu li a {color: #4d4d4d !important; font-weight: 500!important;}
.et_mobile_menu li a:hover {background-color: #dbdbdb !important;}
    



/* IMAGES AND CAPTIONS ON PAGES */
.et_pb_image {
  margin-bottom: 3% !important;
}
.image-caption {
  font-weight: 400; 
  border-bottom: 2px solid #4d4d4d !important;
  padding-bottom: 8px;
}

/* IMAGE LIGHTBOX STYLES */
.mfp-content {margin:20px !important;}
.mfp-close {opacity: 1 !important;}


/* REMOVE ANIMATION FROM SLIDER */
.et-pb-active-slide .et_pb_slide_description {
    animation-name: none;
}


/* LINK TEXT UNDERLINE ON HOVER IN NOTIFICATION BAR */
.mtsnb-link:hover {
    text-decoration: underline;
}


/* NEWS SIDEBAR */
.widget_recent_entries .post-date {
  font-size: 12px;
  opacity: .6;
  color: #000000;	
}



/* VERTICALLY ALIGN CONTENT MODULES IN A ROW */
.vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
} 



/* FOOTER STYLES */

#global-footer a {
  color: #FFF !important;
}
#global-footer a:hover {
  color: #e97082 !important;
}