/*
Theme Name: The Retailer Child SLUSNY
Theme URI: http://theretailer.getbowtied.com/
Description: This is a child theme for The Retailer.
Author: Get Bowtied
Author URI: http: //www.getbowtied.com/
Template: theretailer
Version: 1.1
Text Domain: theretailer-child-sl
*/


/* KUBA mod */  
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media (max-width:639px){
	.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 98%; height: 98%; }
}

.woocommerce div.product .out-of-stock {
  background-color: white !important;
}
.woocommerce-variation-availability .out-of-stock, woocommerce-variation-availability {
  -color: red !important;
  background-color: #878787 !important;
  padding: 8px 10px 6px;
}
.woosb-availability .out-of-stock{
  background-color: white !important;
}
.product_button {
	--display: none !important;
}
.checkout_dop_ico  {
	position: absolute;
	margin-top: -9px;
	margin-left: -51px;	
}
.checkout_dop_ico.off  {
	opacity: 0.4;
}

.ytshorts-container {
  overflow: hidden;
/* No clicking/hover effects */
  
  padding-left: 18%;
  padding-bottom: 10px;
	
  
}
@media (max-width:639px){
	.ytshorts-container { padding-left: 5%;}
}

.ytshorts-container .elementor-video {
  border-radius: 12px;	
  
}

.woocommerce li.product:hover .entry-header .product_button, 
.woocommerce-page li.product:hover .entry-header .product_button {
    display: none;
}
	


.entry-content .cross-sells .product_item .product_button,
.entry-content .cross-sells li.product .product_button,
.woocommerce .cross-sells ul.products .product_item .product_button,
.woocommerce .cross-sells ul.products li.product .product_button,
ul.products .cross-sells .product_item .product_button,
ul.products .cross-sells li.product .product_button,
ul.swiper-slide .cross-sells .product_item .product_button,
ul.swiper-slide .cross-sells li.product .product_button,
.woocommerce .cross-sells ul.products li.product .product_button a.button {
	display: block !important;
	position: relative !important;
	width: 100%;
	background-image: none !important;
	background-color: #f4f4f4 !important;
	text-indent: 0px !important;
	--height: 15px;
	cursor: default;
	padding: 15px 0px;
	margin-bottom: 10px !important;
	margin-top: 10px !important;
	color: black;
	
	
}
.woocommerce .cross-sells h2 {
	font-size: 28px !important;
	margin: 20px 0 25px 0 !important;
}
@media (max-width:639px){
	.entry-content .cross-sells .product_item .product_button,
	.entry-content .cross-sells li.product .product_button,
	.woocommerce .cross-sells ul.products .product_item .product_button,
	.woocommerce .cross-sells ul.products li.product .product_button,
	ul.products .cross-sells .product_item .product_button,
	ul.products .cross-sells li.product .product_button,
	ul.swiper-slide .cross-sells .product_item .product_button,
	ul.swiper-slide .cross-sells li.product .product_button,
	.woocommerce .cross-sells ul.products li.product .product_button a.button {
		margin-bottom: 40px !important;
		}
	.woocommerce .cross-sells h2 {
	text-align: center !important;
		}	
		
}

.entry-content .cross-sells .product_item:hover .product_button,
.entry-content .cross-sells li.product:hover .product_button,
.woocommerce .cross-sells ul.products .product_item:hover .product_button ,
.woocommerce .cross-sells ul.products li.product:hover .product_button,
.cross-sells ul.products .product_item:hover .product_button,
.cross-sells ul.products li.product:hover .product_button,
.cross-sells ul.swiper-slide .product_item:hover .product_button,
.cross-sells ul.swiper-slide li.product:hover .product_button,
.woocommerce .cross-sells ul.products li.product:hover .product_button a.button  {
    background-color: #d4d4d4 !important;
}



span.onsale, span.itsnew {
	border-radius:0;color:#21deff;display:block;font-weight:700;line-height:1;margin:0 8px 0 0 !important;min-height:0;min-width:0;text-align:center;text-transform:uppercase;width:auto;
	float: left;
	padding: 8px 8px 8px !important;
	position: relative !important;	
	
}

.woocommerce span.onsale, .woocommerce span.itsnew {
	left: 0px !important;
	--top: 186px !important;
	--top: 212px !important;
	top: 259px !important;
	background-color: #aa37b2d6 !important;
}

.product_item.sale {
	margin-top: -26px !important;
}
.elementor-grid .product_item.sale {
	margin-top: -26px !important;
}
.elementor-grid .product_item span.onsale, .elementor-grid .product_item span.itsnew {
	top: 176px !important;
}