/*
 Theme Name:   wonderbuild
 Template:     Divi
*/


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



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

/* SETTING BREAKPOINT FOR MOBILE MENU */
@media only screen and ( max-width: 1250px ) {
#top-menu-nav, #top-menu {display: none;}
#et_mobile_nav_menu {display: block;}
#et_top_search {margin-top: 10px;}
.et_header_style_centered .mobile_nav .select_page {
  text-transform: uppercase; 
  font-size: 20px;
}
.et_header_style_centered #main-header {padding:0px !important;}
.et_header_style_centered #logo {
    max-height: 100% !important;
}
}

.mobile_menu_bar:before {color:#FFF !important;}



.et_secondary_nav_enabled #page-container #top-header, #et-secondary-nav li ul {
    background-color: #194a6b !important;
    margin-top: 50px;
}

#top-header .et-social-icon a {
    font-size: 20px;
}
.divi-flickr:before {
content: "\e0a6";
display: block;
font-family: "ETmodules";
font-weight: normal;
}

#et-secondary-menu {padding-right: 20px;}

#et-secondary-menu>ul>li a {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
}

li.flag a {
  border: 1px solid #cccccc;
  padding: 2px 4px 2px 4px !important;
  line-height: 1.2;
  border-radius: 5px;
}

li.menuitem-gold a {
  color: #FFB612 !important;
  border: 1px solid #cccccc;
  padding: 2px 4px 2px 4px !important;
  line-height: 1.2;
  border-radius: 5px;
}

.et_boxed_layout #page-container .container {
    width: 100%;
    margin-top: 0px;
}

.et_header_style_centered #logo {
    max-height: 120% !important;
    margin-top: -30px !important;
}

#main-header {background-color: #194a6b !important; text-align:left !important;}

.et_header_style_centered #main-header .container {
    text-align: left;}

.et_header_style_centered #main-header .logo_container {padding-left: 24px;}

.et_header_style_centered #main-header div#et-top-navigation {
  background-color: #3f78a7 !important;
  padding-left: 10px;
}

.et_header_style_centered #top-menu>li>a {
      padding: 12px 16px;
      font-size: 16px;
}




/* remove divi default effects for items with a drop down menu */
‪#‎top‬-menu .menu-item-has-children > a:first-child {padding-right: 0px; padding-bottom: 17px!important;}
#top-menu .menu-item-has-children > a:first-child:after{content: ''; margin-top: -2px;}
#top-menu .menu-item-has-children {padding-right: 0px;}



/* SUBNAV STYLES */
.nav li ul {width:300px !important; padding:0px;}
#top-menu li ul {box-shadow: 1px 1px #cccccc; border: 1px solid #ccc;}

#top-menu li li {
    padding: 0;
    margin: 0;
}

#top-menu li li a {
  font-size: 14px;
  color: #333;
  width: 300px;
  text-transform: none !important;
  margin:0px;
  padding: 10px 20px !important;
}

#top-menu li li a:hover {
  text-decoration:underline; 
  background-color: #fbf8e9 !important;
  border-left: 4px solid #e4cd6c !important;
}




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



/* adding margin to bottom of main container */
#main-content {margin-bottom: 20px;}

/* HOMEPAGE FEATURE SLIDER */
.et-pb-arrow-prev, .et-pb-arrow-prev:hover {left: 0 !important;}
.et-pb-arrow-next, .et-pb-arrow-next:hover {right: 0 !important;}

.et-pb-arrow-prev, .et-pb-arrow-next, .et-pb-arrow-prev:focus, .et-pb-arrow-next:focus  {
  opacity: 1;
  background: #072f49;
  color: #fff !important;
}

.et-pb-arrow-prev:hover, .et-pb-arrow-next:hover  {
  opacity: 1;
  background: #edbd03;
  color: #fff;
}


/* BREADCRUMBS */
.home #breadcrumbs {display:none;}
#breadcrumbs {
  padding:10px 0 0 30px;
  background: #FFF;
  font-size: 13px;
  margin-bottom: 0px;
  font-weight: 500;
  color: #777 !important;
}
#breadcrumbs a {
    color: #014c8b;
    text-decoration: none;
}

/* WIDGET SIDEBAR STYLES */
.widgettitle {padding-top: 50px; color: #ccc; font-weight: 900; text-transform: uppercase;}
.et_pb_widget .post-date {font-size: 13px; color: #555;}
.et_pb_widget li a {color: #000 !important; font-weight: 600;}


/* STYLES TO GLOBAL HEADER AREA */

.global-nav-menu .inline-div > ul> li:first-child {
    width: 20em;
}

.global-nav-menu a {
    color: #FFFFFF;
    padding: 0 0.63em;
    letter-spacing: 1px;
    font-weight: 700 !important;;
    font-size: 12px !important;
}


.global-nav-menu .inline-div > ul {
    display: inline-block;
    font-size: .75em;
    line-height: 1em;
    margin: 0;
    padding: 0;
    text-align: right;
    max-width: 1200px !important;
    width: 100%;
    vertical-align: bottom;
}

.inline-div {
    margin: 0 auto;
    max-width: 1200px !important;
}