/* 
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* global */
.tooltipster-content {
    color: #fff;
    max-width: 450px;
    background: #333;
    text-align: center;
    border-radius: 3px;
    padding: .618em 1em;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
}

.single_add_to_cart_button {
	width:  100%;
}

.jquery-modal {
	padding-top: 30px;
}

/* Border for Gender select */
.pewc-radio-image-wrapper label input:checked + img,
.pewc-checkbox-image-wrapper label input:checked + img {
	border: 4px solid #009999;
}

/* .product_meta {
	margin-top: 123px;
}

/* modal */
/* .blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:100;padding:20px;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,0.75);text-align:center}.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em}.blocker.behind{background-color:transparent}.modal{display:none;vertical-align:middle;position:relative;z-index:2;max-width:60%;box-sizing:border-box;width:90%;background:#fff;padding:15px 30px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;text-align:left}.modal a.close-modal{position:absolute;top:-12.5px;right:-12.5px;display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==')}.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.5)}20%{-webkit-transform:scaleY(1.0)}}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}} */

/* Modal Background */
.blocker {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	z-index: 100;
	padding: 20px;
	box-sizing: border-box;
	background-color: rgba(0, 0, 0, 0.75);
	text-align: center;
}

.blocker:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.05em;
}

.blocker.behind {
    background-color: transparent;
}

/* Modal Box */
.modal {
    display: none;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    max-width: 60%;
    width: 90%;
    background: #fff;
    padding: 15px 30px;
    border-radius: 8px;
    box-shadow: 0 0 10px #000;
    text-align: left;
}

/* Close Button */
.modal a.close-modal {
    position: absolute;
    top: -12.5px;
    right: -12.5px;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('close-icon.png'); /* Replace with an external image */
}

/* Loading Spinner */
.modal-spinner {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    
    /* Fix for warnings: WebKit first, then standard */
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    
    padding: 12px 16px;
    border-radius: 5px;
    background-color: #111;
    height: 20px;
}

/* Spinner Bars */
.modal-spinner > div {
    border-radius: 100px;
    background-color: #fff;
    height: 20px;
    width: 2px;
    margin: 0 1px;
    display: inline-block;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.modal-spinner .rect2 { animation-delay: -1.1s; }
.modal-spinner .rect3 { animation-delay: -1.0s; }
.modal-spinner .rect4 { animation-delay: -0.9s; }

/* Animation Keyframes */
@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
    20% { -webkit-transform: scaleY(1.0); transform: scaleY(1.0); }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
    20% { -webkit-transform: scaleY(1.0); transform: scaleY(1.0); }
}

#modalBook {
	/* background-color: #e8e8e8;
	background-color: rgb(255, 243, 231); */
	/* background-color: #eb7d26; */
	padding-left: 10px;
	padding-right: 10px;
}

/* END OF MODAL CODE */

.ui-datepicker-title {
	display:inline;
}
.ui-datepicker-header {
	padding-top: 15px;
	text-align: center;
}
.ui-datepicker-month,
.ui-datepicker-year {
	display: inline;
	/* margin-right: 10px; */
	padding-left: 10px;
}

.ui-datepicker-next:before {
	padding-left: 0px !important;
	padding-right: 7px;
}
.ui-datepicker-next:after {
	padding-right: 0px !important;
	padding-left: 7px;
}

.book-preview {
	background-color: #446084 !important;
	color: #fff !important;
	width:  100%;
}

/* sigle product page */
/* .woocommerce-variation-description:nth-child(1){
	display: none !important;
} */

#modalContent {
	/* display: flex; */
	text-align: center;
	margin: 0;
	height: 100% !important;
	padding: 0px 20px 0px 20px;
}

/* Hide the images by default */
.mySlides {
	/* padding: 2px; */
	display: none;
	width: 50%;
}

.activeSlide {
	display: inline-block;
}

#prevImage,#nextImage {
	margin-top:-33%;
	cursor: pointer;
	font-size: 24px;
	color: #fff;
}
/* Modal navigation left arrow */
#prevImage {
	/* margin-top: -250px; */
	float:left;
	position:relative;
	margin-right:-65px;
	z-index:100;
	display: none;
}
/* Modal navigation right arrow */
#nextImage {
	/* margin-top: -250px; */
	float:right;
	position:relative;
	margin-left:-45px;
	z-index:100;
}
/* validation modal  */
#requiredValidation {
	/* background: #ee1700;
	border-left: 7px solid #cb1400; */
	/*color: #fff8d6;*/
	color: #fff8d6;
}

/* CART PAGE */
/* .cartDataContainer {
	display: flex;
	flex-flow: row wrap;
} 

.woocommerce-cart-form {
	max-width: 58.33333%;
	flex-basis: 58.33333%;
	padding: 0 30px 30px;
	padding-left: 0px;
}
.cart-collaterals {
	max-width: 41.66667%;
	flex-basis: 41.66667%;
	padding: 0 30px 30px;
	padding-right: 0px;
	border-left: 1px solid #ececec;
}

.widget-title {
	font-size: 15.2px;
} */

td.product-name {
	font-size: .9em !important;
}

dl, dt {
	width: 100%;
	margin-bottom: 0;
}

/* header */
dt {
	font-weight: bold;
	text-transform: uppercase;
}

dd {
	margin-bottom: 20px !important;
}

/* data */
/* dl {
	text-transform: initial;
} */

td.product-thumbnail, 
td.product-price, 
td.product-quantity, 
td.product-subtotal,
td.product-total {
	vertical-align:top;
}

/* #place_order {
	width: 100%;
} */

#verifyCheckout {
	font-size: .9em;
	text-transform: inherit;
	letter-spacing: 0;
	font-weight: normal
}

/* .wc-proceed-to-checkout > label {
	color: #777;
}

.wc-proceed-to-checkout {
	margin-top: 0 !important;
}

.applyCoupon {
	width: 100%;
} */

/* cart  */
/* #cartModal {
	background-color: #eb7d26;
	padding-left: 10px;
	padding-right: 10px;
}
.cartModal {
	width: 100%;
	padding: 0px !important;
} */

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.mySlides img {
	max-width: 100%;
	max-height: 100%;
	display: block;
	height: 100%;
	width: 100%;
	object-fit: contain;
	}
.mySlides {
	width: 100% !important;
	}
#modalBook {
	/* height: 60% !important; */
	max-width: 100%;
	width: 95%;
	padding: 0px 5px 0px 5px;
	}
#modalContent {
	padding-top: 5px;
	}
#prevImage, #nextImage {
	margin-top:-63%;
	}
.jquery-modal {
	padding: 0px 5px 0px 5px;
	}

/****  cart  ****/
/* #cartModal {
	max-width: 100%;
	width: 95%;
	padding: 0px 5px 0px 5px;
	}
.woocommerce-cart-form {
	max-width: 100%;
	flex-basis: 100%;
	padding: 0 0 30px;
	padding-left: 0px;
	}
.cart-collaterals {
	max-width: 100%;
	flex-basis: 100%;
	padding: 0 0 30px;
	padding-right: 0px;
	border-left: 1px solid #ececec;
	} */
.product-remove > a {
	top:50% !important;
	}
/* validation modal */
#requiredValidation {
	max-width: 80%;
	}
.validation-message {
	margin-bottom: 0;
	}
}