/*
 Theme Name:   wonderbuild
 Template:     Divi
*/


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


/* =Theme customization starts here
-------------------------------------------------------------- */
.page-title h1 {line-height: .9 !important;}


/* SMALLER H1 TITLES FOR MOBILE */
@media all and (max-width: 767px) {
.page-title h1 {font-size: 32px;}
}

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

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

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

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


/* 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: #0098cd; /*** 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;
}

#top-menu > li:last-child .sub-menu {
position: absolute;
right: 0;
}

/* SUBNAV STYLES PER ERIC'S DESIGN */
#top-menu li ul {
    border: 2px solid #233f6f !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 #233f6f;
    border-top: none !important;
}



/* INTERNAL PAGE MENU CUSTOM CSS */

.et_pb_menu__menu nav li ul {
    margin-top: 21px;
    position: absolute;
    padding: 0px;
    width: 170px;
    border-left: 1px solid #4d4d4d;
    border-right: 1px solid #4d4d4d;
    border-bottom: 1px solid #4d4d4d;
    border-top: none;
    box-shadow: none;
    text-align: left;
}

.et_pb_menu .et-menu-nav ul ul {
    padding: 0;
    text-align: left;
}

.et_pb_menu__menu nav li li {
    padding: 0px;
    margin: 0;
}

.et-menu li li a {
    padding: 6px 20px;
    width: 168px;
}

/* internal page menu for mobile devices */
.et_pb_menu .et_mobile_nav_menu .mobile_menu_bar:after {
    content: 'MENU';
    position: relative !important;
    bottom: 8px;
    left: 10%;
    color: #4d4d4d;
    font-size:18px;
}

.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}
.et_pb_menu .et_mobile_menu li ul {padding-left: 0px;}
.et_pb_menu .et_mobile_menu li li {padding-left: 0px;}
.et_pb_menu .et_mobile_menu li li a {
  font-size: 16px !important;
  text-transform: capitalize !important;
}
.et_pb_menu .et_mobile_menu li li a:before {
  content: "\35";
  font-family: 'etModules';
}

.et_pb_menu .et_mobile_nav_menu .et_mobile_menu {
    position: absolute;
    left: auto !important;
    right: auto !important;
    padding: 0px !important;
    max-width: 200px !important;
    border-top: none !important;
    border-left: 1px solid #4d4d4d;
    border-right: 1px solid #4d4d4d;
    border-bottom: 1px solid #4d4d4d;
    margin-top: 20px;
}


/* 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 {margin: 0px 5px;}
}

/* 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;}
    

/* MOBILE MENU TEXT WITH CLOSE AND OPEN X */
.mobile_menu_bar:after {
    content: 'MENU';
    position: relative !important;
    bottom: 8px;
    left: 10%;
    color: #009bd2;
    font-size:20px;
}
.mobile_menu_bar:before {color:#009bd2;}

/* Change the hamburger to X when opened */
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}


/* HOMEPAGE FULL-WIDTH HEADER */
.home .et_pb_fullwidth_header_container h1 {
    padding-top: 25% !important;
}


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



/* IMAGE CAPTIONS IN NEWS POSTS */
.wp-caption {
  border:none; 
  background: none;
  padding-bottom: 0px;
  margin-bottom: 30px;
}
.wp-caption p.wp-caption-text {
    font-size: 12px;
    font-weight: 400;
    padding: 0 4px 5px;
    margin: 0;
    border-bottom: 2px solid #4d4d4d;
}




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


/* IMAGE ZOOM ON HOVER */
.image-zoom img {
  transition:all 0.5s; 
  -moz-transition:all 0.5s; 
  -webkit-transition:all 0.5s; 
}
  
.image-zoom img:hover{
  transform:scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform:scale(1.1);
}


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

#recent-posts-2 li a {
  color: #0098cd;
}

#recent-posts-2 li a:hover {
  color: #666;
}


/* BULLET LIST STYLE */
 
.et_pb_text ul ul  {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
 
.et_pb_text li li {
  padding-left: 1em;
  text-indent: -1em;
}
 
.et_pb_text li li:before {
  content: "\203A";
  padding-right: 5px;
} 


.et_pb_toggle_open .et_pb_toggle_title:before {
	display: block !important;
	content: "\e04f";
}



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


/* MAILCHIMP NEWSLETTER ARCHIVE */
.display_archive {
  font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}
.display_archive a:hover {
 color: #333;
}

/* FOOTER STYLES */

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


/* PHOTO GALLERY STYLES */
.et-pb-arrow-prev:before, .et-pb-arrow-next:before {
    color: #0198ce;
    font-size: 70px;
    font-weight: 800px;
}
.et-pb-controllers {display:none;}