/*!
Template: xtocky
Theme Name: Xtocky Child
Theme URI: http://themepiko.com/demo/stock/
Author: themepiko
Author URI: http://themepiko.com/
Description: Child theme for Xtocky
Version: 1.0
License:
Text Domain: xtocky
Domain Path: /languages/
*/


/*------------------------  GENERAL  ------------------------*/
body p { color: #000; }
p a { color: #33c8f9; }
ul { color: #000; }

/*------------------------  FONTS  ------------------------*/
body { font-family: "Lato", sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: "Montserrat", sans-serif; letter-spacing: -1px; }

/*------------------------  HEADER  ------------------------*/
/* .header_login { background: #ef5101; color: #FFF; } */ 
/* .header_login:hover { background: #b5570f; color: #FFF; } */

@media (max-width: 480px) {
}
@media (min-width: 480px) {
}
@media (max-width: 640px) {
}
@media (min-width: 640px) {
}
@media (max-width: 767px) {
	.navbar-toggle { margin-top: 30px !important; }
	.header-dropdown { margin-top: 45px !important; }
}
@media (min-width: 767px) and (max-width: 992px) {
	.navbar-toggle { margin-top: 30px !important; }
	.header-dropdown { margin-top: 60px !important; }
}
@media (min-width: 992px) and (max-width: 992px) {
	.header-dropdown { margin-top: 40px !important; }
}
@media (max-width: 992px) {
	#menu-main-menu > li > a { padding-left: 7px; padding-right: 7px; font-size: 1em; }
	.login_container { display: none; }
}
@media (min-width: 992px) {
	.header-layout-1 .site-header .logo { width: 18%; }
	.header-layout-1 .site-header .main-menu-wrap { width: 67%; }
	.header-layout-1 .header { width: 15%; }
	.login_container { float: left; padding-top: 39px; }
	.login_container a { font-size: 1em; }
}
@media (min-width: 992px) and (max-width: 1200px) {
	#menu-main-menu > li > a { padding-left: 7px; padding-right: 7px; font-size: 1em; }
}
@media (min-width: 1200px) {
	#menu-main-menu > li > a { padding-left: 20px; padding-right: 20px; font-size: 1em; }
}

.login_container > a { padding: 13px 0 10px; }
#menu-main-menu {}
#menu-main-menu > li { margin-left: 0; }
/* #menu-main-menu > li.active > a { color: #33c8f9 !important; } */
.header .dropdowns-container .dropdowns-wrapper div:last-child { display: none; }
.header .dropdowns-container .search-full { display: none; }
.woocommerce-breadcrumb { text-align: center; }

.header-dropdown.cart-dropdown > a .badge-number {
	width: 28px !important; line-height: 28px !important; top: -24px !important;
}

.menu_brands > div  > div > ul.sub-menu { display: block; width: 700px; left: -250px; height: 300px; padding: 20px; }
.menu_brands_col > a { display: none !important; }
.menu_brands_col > ul.sub-menu { display: block !important; top: inherit !important; opacity: 1 !important; left: inherit !important; box-shadow: none !important; border: none !important; background-color: inherit !important; }
.menu_brands_col > ul.sub-menu > li {}
.menu_brands_col > ul.sub-menu > li a { margin-top: 0 !important; }

.logo img { margin-bottom: 20px; max-height: 70px; padding-top: 10px; }
@media (min-width: 992px) {
	.logo { margin-top: 18px; }
	.header-layout-1 .header, .header-layout-1 .site-header .logo { margin-top: 20px; }
}
.header-layout-1 .mega-menu:not(#menu-category-menu) > li.menu-item { margin-top: 20px; }

.narrow .popup > .inner ul.sub-menu li:not(:last-child) { border-bottom: none !important; }

.mega-menu.effect-down .popup li.menu-item > a,
.mega-menu.effect-down .popup li.menu-item > h5 {
   -webkit-transition: inherit !important; 
   -webkit-transition: inherit !important; 
   transition: inherit !important; 
   transition: inherit !important; 
   transition: inherit !important; 
   -webkit-transform: inherit !important; 
   transform: inherit !important; 
}

.mega-menu.effect-down > li.menu-item .popup {
  -webkit-transition: transform 0.2s ease-out;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
  -webkit-transform: translate3d(0, -5px, 0);
  transform: translate3d(0, -5px, 0);
}



/*------------------------  FOOTER  ------------------------*/
.login_base footer .footer-box .links { display: none; }



/*------------------------  HOME  ------------------------*/
.page_home_bottles { min-height: 300px; }
.product-wrap.pl-2:hover { padding-bottom: 21px; }




/*------------------------  WOO  ------------------------*/
.product-wrap figure .product-image + .product-image { text-align: center; }
/*.product-top figure img { max-height: 220px; width: auto; padding: 20px; margin: 0 auto; }*/
.product-top figure img {
    height: 300px; object-fit: contain;
}
*::-ms-backdrop, .product-top figure img { max-height: 220px; width: auto; padding: 0 auto; margin: 0 auto; } /* IE11 */
.product-single .woocommerce-product-gallery__image { position: relative; display: block; width: 100%; overflow: hidden; }
.product-single .woocommerce-product-gallery__image a { width: 100%; position: relative; display: block; overflow: hidden; text-align: center; }
.product-single .woocommerce-product-gallery__image img { margin: 0 auto; }

.widget_top_rated_products .product_list_widget > li { padding: 3px; border: 1px solid #eae9e9; }
.widget_top_rated_products .product_list_widget > li img { border:none !important; }
.widget_top_rated_products .product_list_widget > li .link_img { float: left; width: 38%; overflow: hidden; text-align: center; margin-right: 2%; }
.widget_top_rated_products .product_list_widget > li .link_img img { float: none; display: inline-block; overflow: hidden; text-align: center; margin-right: 0; }
.widget_top_rated_products .product_list_widget > li .link_title { float: left; width: 60%; }

.product-action .cart-btn-wrap { display: none; }

.page_brand_banner img { width: 100%; }
.archive .just-wraper { margin: 0 !important; }

.page_brand_banner p {
     text-align: center;
     font-size: 22px;
}

.woocommerce-error,
.woocommerce-message { max-width: 100% !important; background: #eee; color: #222; font-weight: bold; }
.woocommerce-error a,
.woocommerce-message a { margin-top: -8px !important; }


/*------------------------  RESPONSIVE  ------------------------*/
@media (max-width: 1200px) {
	.menu_brands_col .arrow { display: none; }
}
@media (min-width: 1200px) {
	.menu_brands_col { float: left !important; width: 24% !important; min-height: 260px; }
	.widget.woocommerce .product_list_widget li img { max-width: 110px; max-height: 110px; width: auto; }
}




/* Dock */
#dock { display: block; margin: -60px auto 0; padding-top: 40px; position: absolute; top: 0px; width: 100%; max-width: 1140px; text-align: center; overflow: hidden; } #dock ul { height: 340px; } #dock li { display: inline-block; vertical-align: bottom; margin: 0px; padding: 0px; position: relative; overflow: visible; } #dock li a { border: 0; height: 260px; width: 45px; display: inline-block; text-align: center; position: relative; vertical-align: bottom; text-decoration: none; color: black; white-space: normal; letter-spacing: normal; line-height: 1.3em; text-align: center; font-family: Arial; padding-top: 40px; margin-bottom: 5px; overflow: visible; text-decoration: none; padding-top: 130px; z-index: 30; } 
/* Dock Tooltip */
body.no_js #dock li a:hover { width: 128px !important; } #dock li a { border-bottom: 0; text-decoration: none; } #dock li a span { border: 1px solid #e4701e; position: relative; line-height: 1.3em; display: none; text-align: center; background-color: #fff; margin: 0px auto; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; top: -180px; left: -28px; z-index: 50; } #dock li a:hover span { display: inline-block; height: 100px; width: 115px; } #dock li a:hover span img { top: 0; height: 100px; width: 115px; } #dock li a:hover span:after { bottom: -10px; display: block; height: 15px; color: transparent; background: transparent url(img/tooltip_tail.png) center top no-repeat; position: absolute; content: ""; text-align: center; padding: 0px; width: 100%; } #dock li a img { height: auto; width: 100%; position: absolute; left: 0px; bottom: 10px; text-align: center; border: 0px none; margin-bottom: 15px; } 


/* Style hack on the Checkout Sidebar */
dd.variation- table tbody tr {
      display: flex;
    flex-flow: row wrap;
}
dd.variation- table tbody td {
        width: 100% !important;
}

/* Add transparency to the lightbox */
.pswp__bg {
  opacity: 0.5 !important;
}

.wpb_wrapper p {
    font-size: 16px;
}