/*
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.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
:root {
	--eras-primary : #102b4e;
	--eras-second : #d2ad31;
	--eras-third: #d45f62;
}
.mfp-close-btn-in .mfp-close {
    color: #fff;
}
p {margin-bottom: 5px}
.icon-user:before {content: url('/wp-content/uploads/2026/07/account.svg');}
.icon-search:before {content: url('/wp-content/uploads/2026/07/search.svg');}
.icon-search {font-size: 25px!important}
.cart-img-icon {width: 16px; height: 16px;}

.text-2xl {font-size: 4rem; margin-bottom: 0; }
.bold {font-weight: 600}













.form-minimal.quantity .qty {height: auto;}

.price ins .amount {
	font-size: 24px;
	color: #000
}

#accordion-detail a, #accordion-sizing a {
	padding: 10px 0;
	font-size: 120%;
	font-weight: 600
}

#accordion-detail a:hover, #accordion-sizing a:hover {
	color: #ccc;
}

#accordion-detail .toggle, #accordion-sizing .toggle {
	opacity: 1;
	margin: 0;
	width: auto;
	position: absolute;
    left: 98%
}

#accordion-detail .toggle i, #accordion-sizing .toggle i {
	font-size: 100%;
	top: -5px;
}

#accordion-detail .accordion-title.active , #accordion-sizing .accordion-title.active {
	background: transparent;
	border-color: #000;
	color: #000;
	font-weight: 600;
}

#accordion-detail .accordion-title.active .toggle i, #accordion-sizing .accordion-title.active .toggle i {
	top: 5px;
}

#accordion-sizing-content, #accordion-detail-content {
	padding: 0px 5px;
	color: #242424
}

#accordion-sizing a.accordion-title {
    border-bottom: 1px solid #ddd!important;
}

#accordion-sizing .accordion-title.active {
	 border-bottom: 0px solid #ddd!important;
}


/* CSS custome button cart - buy now */
.single .product-short-description {
	display: inline-block;
	margin-top: 15px;
}

.single .isures_buy_now {
	width: 60%;
	float: right;
	margin-right: 0;
    border-radius: 5px;
	font-size: 18px;
	height:70px;
	line-height: 20px;
	padding: 0 10px;
}

button.single_add_to_cart_button.button, .isures_buy_now {
	font-weight: 600
}
button.isures_buy_now span {
	font-weight:300;
	font-size: 13px;
	display: block;
}

.single .product-info .price {
	font-size: 1.2em
}

.ux-quantity.quantity.buttons_added.form-minimal:before {
    content: "Qty ";
    line-height: 40px;
    margin-right: 10px;
    font-weight: 700;
	font-size: .9em
}

.single .col-divided {
	border-right:0px;
	padding-right: 0px;
}


.single .button , .single button {
	margin-bottom:0;
}

.single-no-price {
	display: flex;
	align-items: center;
}

.size-chart {
	display: contents;
    margin: auto;
	text-decoration: underline
}

#sizechart {
	border-radius: 10px;
}
#sizechart  tr td {
	padding: 10px;
}

#sizechart tbody tr:nth-child(even) {
	background: #f7f7f7;
}

#sizechart table {width: 100%!important}

.woocommerce-variation-add-to-cart, form.cart {
	align-items: center;
}

.single .single_add_to_cart_button {
	width : 24.5%;
	border-radius: 5px;
	background: -webkit-linear-gradient(45deg,#7BC7F6, #1A69D0);
	border:0; font-size: 12px;
	padding:6px 0;
}

.single .ux-buy-now-button {
	width: 24.5%;font-size: 12px;
	border-radius: 5px;background: #383838;padding:6px 0;
}

.page-numbers .page-number {
	background-color: #fff!important;
	border-color: var(--eras-primary)!important;
	border-radius: 5px;
}

.page-numbers .current, .page-numbers .page-number:hover {
	background-color: var(--eras-primary)!important;
	border-color: var(--eras-primary)!important;
	border-radius: 5px;
}

.woocommerce a.remove, .cart-item a.remove {
    width: 30px;
    height: 22px;
    position: relative;
    transition: opacity 200ms;
    vertical-align: top;
    display: block;
    -webkit-appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    text-indent: -9999px;
}

.woocommerce a.remove:before,
.woocommerce a.remove:after,
.cart-item a.remove:before,
.cart-item a.remove:after{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAQAAACMnYaxAAAAXUlEQVR4XsWQQQrAQAgD84Pti/JSoaftN1MCdgXxXgYvGfUQyABE4DEIUJmeuKgVlJI5em0RGTesFXXZuLwCzvL2pYbHmfCTNSXxpyyajLGClFy7K1dgaaho7YYovIpO3rju6hYFAAAAAElFTkSuQmCC) 0 0 no-repeat;
    left: 8px;
    position: absolute;
    right: 8px;
    top: 2px;
    display: inline-block;
    content: '';
}

.woocommerce a.remove:before, .cart-item a.remove:before {
    height: 6px;
    transform-origin: -7% 100%;
    -moz-transform-origin: -7% 100%;
    -webkit-transform-origin: -7% 100%;
    transition: transform 150ms;
    -moz-transition: transform 150ms;
    -webkit-transition: transform 150ms;
    width: 14px;
}

.woocommerce a.remove:after, .cart-item a.remove:after {
    background-position: -1px -4px;
    height: 12px;
    margin-left: 1px;
    margin-right: 2px;
    margin-top: 4px;
    width: 11px;
}

.woocommerce a.remove:hover:before, .cart-item a.remove:hover:before {
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transition: transform 250ms;
    -moz-transition: transform 250ms;
    -webkit-transition: transform 250ms;
}

.woocommerce a.remove:hover, .cart-item a.remove:hover {
    background: transparent;
}


#footer a.ux-menu-link__link {font-size: 14px; transition : padding .3s ease}
#footer a.ux-menu-link__link:hover {padding-left: 5px}
.copyright-footer {	color: #000;}


/*Css badge va border product*/

.badge-container {
    margin: 0
}
.badge-circle-inside .badge-inner,
.badge-circle .badge-inner {
    border-radius: 8px 30px 30px 0;
    background: #f00;
    position: relative;
    padding: 0 5px;
}

.badge-circle-inside .badge-inner:after,
.badge-circle .badge-inner:after {
    position: absolute;
    content: '';
    width: 3px;
    height: 15px;
    background: #8b0018;
    bottom: -5px;
    left: 0;
    z-index: -1;
    border-radius: 0 0 0 15px;
    
}

.badge {
    height: 30px;
    width: 50px;
    font-size: 13px;
    margin-left: -3px;
    margin-top: 0px;
}

.product-small.col .badge-container .badge {
    height: 30px;
    width: 60px;
    font-size: 13px;
    margin-left: -8px;

}

.products .product-small .badge-container .badge {
    margin-left: -2px;
}

.home-product .col-inner,.row-viewed .col-inner, .products .product-small .col-inner, .related .product-small .product-small .col-inner{
	border-radius:10px; 
}

.home-product .product-small, .row-viewed .col-inner, .products .product-small  .product-small, .related .product-small .product-small  {  
    margin-bottom: 10px;
    padding: 10px 5px;
    background: #ffffff;
    position: relative;
    border-radius: 10px;
    box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;
    transition-duration: .3s;
}
.product-small .product-title a{
	font-weight: 600;
	color: #000;
}

.product-small .box-text {
	padding-left: 0.5em;
	padding-right: 0.5em
}

.product-small .product-title a {
	display: block;
 display: -webkit-box;
 max-width: 100%;
 height: 42px;
	font-size: 15px;
 margin: 0 auto;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
 overflow: hidden;
 text-overflow: ellipsis;
}

/* CSS BUTTON SLIDER CUSTOM*/
.mfp-arrow, .mfp-counter {color: #000}
.mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: pointer}

.jet-slider .flickity-prev-next-button {
    width: 50px;
}

.jet-slider .flickity-prev-next-button,
.jet-slider .slider-show-nav .flickity-prev-next-button, 
.jet-slider .slider:hover .flickity-prev-next-button {
    opacity: 1;
}

.jet-slider .flickity-prev-next-button svg, 
.jet-slider .slider-nav-circle .flickity-prev-next-button:hover .arrow, 
.jet-slider .slider-nav-circle .flickity-prev-next-button:hover svg {
    background-color: var(--eras-primary);
    border-color: var(--eras-primary)!important;
    padding: 16px;
    fill: #000!important;
    border-radius: 99px
}

.jet-slider .flickity-page-dots {
    bottom: 5%;
    background-color: #fff;
    padding : 10px 20px;
    border-radius: 99px;
    width: max-content;
    margin: 0 auto;
    box-shadow: 0 0 10px #dcdcdc;
}

.jet-slider .flickity-page-dots .dot {
    width: 8px;
    height: 8px;
	border-color: var(--eras-primary);
	background-color: var(--eras-primary);
	opacity: .8
}

.jet-slider .flickity-page-dots .dot.is-selected {
    width: 30px;
    border-radius: 99px;
	border-color: var(--eras-primary);
	background-color: var(--eras-primary)
}