/*
Theme Name:Child Theme for Divi
Theme URI: http://wordpress-style.net
Description: Child Theme For Divi
Author: Eduard Ungureanu
Author URI: http://wordpress-style.net
Template: Divi
Version: 1.0
*/

/* Start your custom CSS bellow this comment
============================================ */

@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham-Light.woff2') format('woff2'),
               url('fonts/Gotham-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham-Bold.woff2') format('woff2'),
               url('fonts/Gotham-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham';
  src: url('fonts/Gotham-Black.woff2') format('woff2'),
               url('fonts/Gotham-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}

body, #main-header, #et-top-navigation {
  font-family: 'Gotham', sans-serif;
}


@media screen and (max-width: 980px) {
  .et_header_style_left #logo, .et_header_style_split #logo {
    max-width: 100%;
  }

  #main-header > .container {
    display: flex;
  }

  #main-header .logo_container {
    flex: 1;
    text-align: left;
  }

  #main-header .select_page {
    position: relative;
    bottom: 10px;
    font-size: 12px;
    text-transform: uppercase;
  }

  #main-header #et-top-navigation {
    flex: 2;
  }

  #main-header #et_mobile_nav_menu {
    margin-top: 12px;
    position: absolute;
    left: -50%;
    right: 0;
  }

  #main-header .mobile_nav {
    text-align: right !important;
  }

  #main-header .mobile_nav .et_mobile_menu {
    text-align: left;
    border-top: 3px solid #f57f29;
    margin-top: 10px;
  }

  #main-header .mobile_menu_bar_toggle {
    position: static;
    display: inline-block;
    margin-left: 15px;
    padding: 0;
  }

}

#wpsl-gmap div[title*="Start location"] {
    display: none !important;
}

.entry-summary p.price span {
	font-size: 38px !important;
}
.woocommerce-breadcrumb {
	text-transform: uppercase !important;
	font-size: 16px !important;
	color: #333 !important;
}
.product_title {
	text-transform: uppercase !important;
	font-weight: 700;
	font-size: 40px !important;
	line-height: 50px;
	margin-bottom: 30px;
}
.single_add_to_cart_button {
	border: solid 2px;
	text-transform: uppercase;
	font-weight: bold !important;
	border-radius: 10px !important;
}
.woocommerce .woocommerce-message {
	background: WHITE !important;
	color: green !important;;
}
.product .related h2 {
	font-size: 32px !important;
	padding-top: 50px !important;
	font-weight: bold;
	text-transform: uppercase !important;
}

#top-header {
  position: relative;
  z-index: 500;
}

#main-header {
  z-index: 400 !important;
}

#top-header .cta {
  margin-top: -8px;
}

#countrySelectBar {
  position: relative;
  z-index: 9999999;
  width: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
  float: left;
  border-radius: 5px;
  background-color: rgba(0,0,0,0.5);
}
#countrySelectBar:hover {
  border-radius: 5px 5px 0 0;
  background-color: #231f20;
}
#countrySelectBar:hover #countryFlagContainer {
  display: flex;
}
#countryFlagContainer {
  width: 600px;
  margin: 0;
  padding: 0;
  position:absolute;
  top: 100%;
  border-radius: 0 5px 5px 5px;
  background: #231f20;
  box-shadow: 0 5px 10px 0 rgba(0,0,0,0.5);
  display: none;
  z-index: 999;
}
ul.countryFlagList {
  width: 33.333%; /* 159 / 506 = 31.422924901186 */
  margin: 0;
  padding: 0 5px;
  list-style:none;
}
ul.countryFlagList li {
  width: 100%; /* 159 / 159 = 100% */
  height: auto;
  border-top: 1px solid #312c2b;
  background: #231f20;
  -moz-transition: background 0.2s linear;
  -webkit-transition: background 0.2s linear;
  transition: background 0.2s linear;
  display: flex;
}
ul.countryFlagList li:first-child {
  border: none;
}
ul.countryFlagList li:hover {
  border-color: #312c2b;
  background: #312c2b;
}
#top-header ul.countryFlagList li a {
  margin: 0;
  padding: 7px 0;
  color: #72675e;
  font-size: 12px; /* 14 / 16 = 0.875 */
  font-weight: normal;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  position: relative;
}
#top-header ul.countryFlagList li a:before {
  content: '';
  width: 25px;
  height: 13px;
  display: block;
  float: left;
  background-image: url('img/countrySelectFlag.png');
  background-repeat: no-repeat;
}

#top-header ul.countryFlagList li a:hover {
  color: #aea089;
}

span.countryArrowBar {
  width:  30px;
  height: 20px;
  margin: 5px;
  background: url('img/countrySelectArrow.png') no-repeat center center rgba(255,255,255,0.8);
  border-radius: 3px;
  cursor: pointer;
  display: block;
  float: left;
  z-index: 200
}
#countrySelectBar:hover span.countryArrowBar {
  background-color: rgba(255,255,255,0.9);
}
span.countryFlagBar {
  width: 20px; /* 16 / 121 = 13.223140495868 */
  height: 13px;
  margin: 5px;
  background-image: url('img/countrySelectFlag.png');
  background-repeat: no-repeat;
  display: block;
  float: left;
}
span.countryNameBar {
  font-size: 0.7375em; /* 15 / 16 = 0.9375 */
  line-height: 1em;
  margin-right: 5px;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  display: inline-block;
  float: left;
}



/* Flag Icons for Country Selection */
.flag-usa:before {background-position: 0 0;}
.flag-jap:before {background-position: 0 -28px;}
.flag-aus:before {background-position: 0 -56px;}
.flag-kor:before {background-position: 0 -84px;}
.flag-uae:before {background-position: 0 -112px;}
.flag-new:before {background-position: 0 -140px;}
.flag-phi:before {background-position: 0 -168px;}
.flag-indo:before {background-position: 0 -196px;}
.flag-rom:before {background-position: 0 -224px;}
.flag-tha:before {background-position: 0 -252px;}
.flag-kuw:before {background-position: 0 -280px;}
.flag-ire:before {background-position: 0 -308px;}
.flag-cyp:before {background-position: 0 -336px;}
.flag-nor:before {background-position: 0 -364px;}

.flag-jor:before {background-position: -169px 0;}
.flag-kha:before {background-position: -169px -28px;}
.flag-mac:before {background-position: -169px -56px;}
.flag-mal:before {background-position: -169px -84px;}
.flag-mex:before {background-position: -169px -112px;}
.flag-pak:before {background-position: -169px -140px;}
.flag-sin:before {background-position: -169px -168px;}
.flag-vie:before {background-position: -169px -196px;}
.flag-egy:before {background-position: -169px -224px;}
.flag-fij:before {background-position: -169px -252px;}
.flag-ind:before {background-position: -169px -280px;}
.flag-bah:before {background-position: -169px -308px;}
.flag-qat:before {background-position: -169px -336px;}
.flag-ukr:before {background-position: -169px -364px;}

.flag-per:before {background-position: -338px 0;}
.flag-chi:before {background-position: -338px -28px;}
.flag-cze:before {background-position: -338px -56px;}
.flag-leb:before {background-position: -338px -84px;}
.flag-cam:before {background-position: -338px -112px;}
.flag-oma:before {background-position: -338px -140px;}
.flag-sou:before {background-position: -338px -168px;}
.flag-ban:before {background-position: -338px -196px;}
.flag-sau:before {background-position: -338px -224px;}
.flag-aze:before {background-position: -338px -252px;}
.flag-eas:before {background-position: -338px -280px;}
.flag-tai:before {background-position: -338px -308px;}
.flag-tur:before {background-position: -338px -336px;}
.flag-sri:before {background-position: -338px -364px;}

.flag-mmr:before {background-position: -507px 0;}
.flag-bga:before {background-position: -507px -28px;}
.flag-uk:before {background-position: -507px -56px;}


#et_search_icon:hover, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a, .bottom-nav li.current-menu-item>a, .comment-reply-link, .entry-summary p.price ins, .et-social-icon a:hover, .et_password_protected_form .et_submit_button, .footer-widget h4, .form-submit .et_pb_button, .mobile_menu_bar:after, .mobile_menu_bar:before, .nav-single a, .posted_in a, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content input.button, .woocommerce #content input.button.alt, .woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce .star-rating span:before, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce button.button.alt:hover, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content input.button, .woocommerce-page #content input.button.alt, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit, .woocommerce-page #respond input#submit.alt, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page .star-rating span:before, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page input.button, .woocommerce-page input.button.alt, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .wp-pagenavi a:hover, .wp-pagenavi span.current {
  color: #f57f29;
}

.woocommerce #payment .stripe-icon {
  max-width: 50px;
}

.category-container article.menu-prod .prod-info p {
    font-size: 13px !important;
    font-weight: 400;
    line-height: 1.2;
}

.category-container article.menu-prod .prod-info h3 {
    font-size: 20px !important;
    font-weight: 700;
    text-transform: uppercase;
}