/*
Theme Name:   OceanWPChild
Description:  This is the Child Theme of OceanWP. Here we keep our custom changes.
Author:       platicatheo
Author URL:   https://webloungedesign.co.uk/
Template:     oceanwp
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  OceanWPChild
*/

/* Write here your own personal stylesheet */

body {
	min-width: 320px;
}

body .elementor-nav-menu--dropdown.elementor-nav-menu__container {
	margin-top: 0;
}



/** Hide strange footer buttons */
.pswp { display: none; }



/*Center Popup Submit Button*/
.boxzilla-main-mailchimp-form input[type="submit"] {
	margin-left: auto;
	margin-right: auto;
	display: table;	
}

/*Style for Header Submenu*/
.elementor-nav-menu--main .elementor-nav-menu ul.sub-menu {
    box-shadow: 0px 0px 5px rgb(0 0 0 / 20%);
}



/** Customize Product Page */

.product_with_details_column_cont {
	display: flex;
	justify-content: space-between;
}

.product_with_details_right_column .woocommerce-tabs {
	display: none;
}

.product_with_details_left_column {
	width: 42%;
}

.product_with_details_right_column {
	width: 54%;
}

.woocommerce.content-full-width div.product .product_with_details_left_column .woocommerce-product-gallery {
	width: initial;
}

.product_sub_title {
	font-size: larger;
	font-weight: 600;
	color: #333;
}

.product_sub_title,
body.woocommerce div.product .woocommerce-tabs:before {
	content: '';
	display: table;
	padding-top: 40px;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs {
	padding-left: 0;
	padding-bottom: 10px;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	padding-left: 0;
}

body.woocommerce div.product form.cart {
	margin-top: 0;
}

.sold_label_for_sold_product {
    color: #fff;
    padding: 8px 12px;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 1;
    font-weight: 300;
    z-index: 9;
    background-color: rgba(0,0,0,0.8);
    display: table;
    margin-left: auto;
    margin-right: auto;
    min-width: 120px;
    text-align: center;
}


.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs li {
	overflow: hidden;
	height: 108px;
}
	
img[src*="https://i1.ytimg.com"],
.ytb_video_li img {
	position: absolute;
    clip: rect(0px, 119px, 108px, 10px);
    height: 108px;
    width: auto;
    max-width: initial;
    left: -10px;
}

.woocommerce-product-gallery ol.flex-control-thumbs li {
	position: relative;
}

.ytb_video_li:after {
	content: "\f04b";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    line-height: 1;
	width: 13px;
	height: 14px;
	position: absolute;
	display: table;
	top: calc(50% - 7px);
	left:  calc(50% - 7px);
	color: #000;
	z-index: -1;
}

/*.ytb_video_li.active:after,
.ytb_video_li:hover:after {
	color: #fff;
}*/

.ytb_thumb_overlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 100;
}


body .woocommerce #order_review table.shop_table ul#shipping_method.woocommerce-shipping-methods {
	text-align: right;
}

body ul#shipping_method li label,
body .woocommerce #order_review table.shop_table ul#shipping_method.woocommerce-shipping-methods li label {
	padding-left: 0;
}

th.product-quantity,
td.product-quantity,
.sold-individually form.cart > .quantity  {
	display: none;
}










/** ----------Media Queries--------------*/

@media screen and (max-width: 1280px) {

    img[src*="https://i1.ytimg.com"],
    .ytb_video_li img {
        max-width: 135%;
        left: -1vw;
        height: auto;
        clip: rect(0px, 17vw, 108px, 0vw);
    }

}


@media screen and (max-width: 1080px) {

	.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs li {
		height: 90px;
	}

}


@media screen and (max-width: 910px) {

	.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs li {
		height: 70px;
	}

}


@media screen and (max-width: 766px) {

	.product_with_details_column_cont {
		flex-direction: column;
	}

	.product_with_details_left_column,
	.product_with_details_right_column {
		width: 100%;
	}

	.product_with_details_left_column .woocommerce-tabs {
		display: none;
	}

	.product_with_details_right_column .woocommerce-tabs {
		display: initial;
	}

	.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs li {
		height: 20vw;
	}

	img[src*="https://i1.ytimg.com"],
	.ytb_video_li img {
		max-width: 133%;
		left: -5vw;
		height: auto;
		clip: rect(0px,25vw,20vw,5vw);
	}

}



@media screen and (max-width: 500px) {

	.woocommerce-product-gallery ol.flex-control-thumbs li:last-child:after {
	    top: 8vw;
	}

	#youtube-video {
		max-height: 65vw;
	}

}