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

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

/* CTA! */
.button.secondary {
    color: #000;
}

/* Header Icons */

a.account-link i.icon-user {
    margin-top:3px;
}

a.account-link i.icon-user::before {
    font-family: 'Material Symbols Outlined' !important;
    content: "\e853";
    font-weight: normal;
    font-size: 35px;
    font-style: normal;
    color:#009fe3;
}

a.account-link:hover > i.icon-user::before {
    color:#009fe399;
}

a.header-cart-link i.icon-shopping-bag::before {
    font-family: 'Material Symbols Outlined' !important;
    content: "\e54c";
    font-weight: normal;
    font-size: 35px;
    font-style: normal;
    color:#009fe3;
}

a.header-cart-link:hover > i.icon-shopping-bag::before {
    color:#009fe399;
}

/* Header Reviews */

.header-block {
    width: auto;    
}

/* Header USP */

.wm-stack-topbar-usp-checkmark ul li.bullet-checkmark:before {
    color:#ffffff;
    font-family: 'Material Symbols Outlined' !important;
    content: "\e876" !important;    
    font-size: 22px;
    line-height: 24px;

}

/* Header Custom Text */

.wm-custom-header-text {
    font-weight: 700;
    font-family: 'Quicksand';
    color:#009fe3;
}

.wm-search-container {
    width:450px;
}

/* Banner / Grid Radius */

.col-inner .banner {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    overflow: hidden;
}

/* Product catalog layout */

.product-category .box-image .overlay {
    background-color: rgba(0,159,227,.15);
}

.product-category .box-text.text-center {
    text-align: left;
    top: 10%;
}

.product-category .box-text.text-center .box-text-inner {
    text-shadow: 1px 1px 1px rgb(255 255 255 / 50%);
}

.product-category .box-text.text-center .box-text-inner h5, .product-category .box-text.text-center .box-text-inner .is-xsmall.uppercase.count {
    color:#000;
}

.wm-cat-button {
    float: right;
    margin-top:-44px;
}

.product-small.box, .product-category .box-overlay {
    border: 1px solid #C9C9C9;
    border-radius: 12px;
    overflow: hidden;
}

.product-small.box {
    padding: 15px;
}

.product-small.box p.product-title {
    font-weight: bold;
}

.product-small.box .box-text .title-wrapper {
    margin-top:10px;
    margin-bottom:10px;
}

.product-small.box .box-image {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

body.archive .box-image img {
	object-fit: contain; /* Change to cover for full pictures in frame with hidden overflow.. */
}

.badge {
    height: 1.8em;
    width: 4em;
}

.badge-container.absolute.left {
    right: 0;
    left: initial;
    margin: 45px 1px 0 0;
    margin-right: 2px;
}

.badge-container.absolute.left span {
    color:#575757;
    font-weight: bold !important;
}

.badge-inner {
    -webkit-border-top-left-radius: 12px;
    -webkit-border-bottom-left-radius: 12px;
    -moz-border-radius-topleft: 12px;
    -moz-border-radius-bottomleft: 12px;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}


span.price .woocommerce-Price-amount.amount bdi {
    color: #009fe3;
    font-size: 20px;
    float: left;
}

span.price del, span.price del .woocommerce-Price-amount.amount bdi {
    color: #B1B2B2;
    font-size: 10px;
    margin-left: 5px;
}

span.price ins .woocommerce-Price-amount.amount bdi {
    float: left;
    color: #009fe3;
    font-size: 18px;
}

small {
    display: inline-block;
    font-size: 60%;
    margin-left: 4px;
    margin-top: 7px;
}

.wm-price-prefix {
    font-size: 60%;
    float: left;
    margin-top: -10px;    
}

.product-small.box .price-wrapper {
    margin:8px 0;
}

span.price del, span.price del .woocommerce-Price-amount.amount bdi {
    color: #B1B2B2;
    font-size: 10px;
    clear: both;
    position: absolute;
    margin-top: -2px;
    margin-left: 2px;
    text-decoration: line-through;
}

.product-small .price-wrapper {
    float: left;
}

.product-small .add-to-cart-button {
    float: right;
}

.product-small .add-to-cart-button a.button {
    margin:0px;
}

/* Shop / Category layout */

.widget-title.shop-sidebar {
    display: none;
}

.widget.woocommerce.widget_layered_nav.woocommerce-widget-layered-nav .is-divider.small {
    display: none;
}

.category-page-row .large-9 {
    border-left:1px solid #E0E0E0;
}

/* Shop sidebar */
.select2-container--default .select2-selection--single {
    border-radius:12px !important;
    line-height: 20px !important;
    height: auto !important;    
}

/* layout shift for header */

.shop-page-title, .category-page-title {
    width: 1280px;
    margin: 0 auto;
}

.shop-page-title .page-title-inner, .category-page-title .page-title-inner {
    max-width: 960px;
    float: right;
    z-index: 200;
    padding: 0 25px;    
}

.shop-page-title .page-title-inner .flex-col {
    max-width: 70%;
}

body.post-type-archive-product .category-page-row .large-3 {
    margin-top: -90px;
}

/* Product Details Adjustments */

.wc-pao-addon-name {
    text-transform: initial;
}

.add-to-cart-container th.label {
    width:30%;
}

.add-to-cart-container td.value {
    padding:0px;
}

.wc-pao-addon .wc-pao-addon-wrap select {
    max-width: 100%;
    width:100%;
}


/* Tooltip */
.wm-tooltip {

}
  
.wm-question-mark {
    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    border-radius: 50%;
    text-align: center;
    background: #009fe3;
    color: #fff;
    border:1px solid #fff;
    z-index: 2;
}

.wm-tooltip .wm-tooltiptext {
    visibility: hidden;
    display:none;
    width: 280px;
    background-color: #009fe3;
    color: #fff;
    text-align: center;
    border-radius: 12px;
    height: auto;
    position: absolute;
    display: block;
    z-index: 1;
    white-space: pre-wrap;
    padding: 15px;
    margin-left: -14px;
}
  
.wm-question-mark:hover .wm-tooltiptext, .wm-question-mark:active .wm-tooltiptext {
    display: inline-block;
    visibility:visible;
}

label .wc-pao-addon-price {
    display: none !important;
}

td.wm-addons-radiobuttons div.wc-pao-addon-wrap div {
    float: left;
}
td.wm-addons-radiobuttons div.wc-pao-addon-wrap div label {
    float: left ;
    cursor: pointer;
    color:#fff !important;
    padding:0px;
    font-weight: bold;
    line-height: 20px;
    border:1px solid #ccc;
    background:#ccc;
    border-radius: 12px;
    line-height: 40px;
    padding:0px 15px;
    height: 40px;

    margin-right:15px;
    color:#fff;
    font-weight: bold;    
}

td.wm-addons-radiobuttons div.wc-pao-addon-wrap div label:hover {
    background-color: #009fe3;
}

td.wm-addons-radiobuttons input[type="radio"]:checked + label {
    background-color: #009fe3;
    display: block;
}

td.wm-addons-radiobuttons input[type="radio"] {
    margin-right:0px;
    display: none;
}

form.cart table {
    margin-bottom:0px;
}

.wm-variations th, .wm-variations td {
    border:0px;
}

@media screen and (min-width: 850px) {

    .cart-wrapper .cross-sells {
        float: left;
        width: 66%;
    }

    .cart-wrapper .cross-sells .products {
        float: left;
        margin-right: 0;
        padding: initial;
        clear: none;
    }

    .cart-wrapper .cross-sells .large-columns-4>.col {
        flex-basis: 50%;
        max-width: 50%;
    }

    .cart-wrapper .wm-general-usp-block {
        margin-top: 60px;
    }

    .cart-wrapper .wm-general-usp-block .col {
        padding: 0 5px 30px;
    }

}

/* Sidebar Widget */

.widget {
    margin-bottom: 0px;
}

.widget.block_widget p {
    margin-bottom: 0px;
}

/* Block with Gradient */
.wm_gradient_block .overlay {
    background: rgb(48,183,255);
    background: linear-gradient(270deg, rgba(48,183,255,0) 0%, rgba(48,183,255,0.804359243697479) 50%, rgba(48,183,255,1) 100%);
}

/* Footer adjustments */
.wm-footer-section .fill {
    background: url(/wp-content/uploads/2023/12/Footer-Wave.png) no-repeat bottom right;
    background-size: 470px !important;

}

.absolute-footer {
    display: none;
}

.payment-icons .payment-icon svg {
    height: 30px;
}

/*************** ACCORDION ***************/
.accordion-big .accordion-item {
    background: #F6F9FD;
    margin-bottom: 10px;
    border-radius: 10px;
    padding: 20px;
}
.accordion-big .accordion-title {
    border-top: 0px;
    font-size: 115%;
}
/*************** ACCORDION STYLING ***************/
.accordion-item {
    background: #f1efe9; /* CHANGE ACCORDION BG */
    margin-bottom: 10px;
    border-radius: 20px;
    padding: 20px;
}
.dark .accordion-item {
    background: #292933; /* CHANGE ACCORDION BG - DARK */
    margin-bottom: 10px;
    border-radius: 20px;
    padding: 20px;
}
.accordion-title.active {
    background-color: transparent;
}
.accordion-item .toggle i {
    font-size: 1em;
}
.accordion-title {
    border-top: 0px;
    font-size: 90%;
    font-weight: 700;
}
/*************** PRODUCT PAGE GENERAL ***************/
.accordion-item .toggle i {
    font-size: 1em;
}
.accordion-title.active {
    background-color: transparent;
}
.accordion-inner {
    padding: 1em;
}
.single-product ul li.bullet-checkmark {
    padding: 0px 0px 0px 25px;
    border-bottom: 0px;
    font-size: 95%;
}
.single-product .container-width {
    max-width: 100%;
}
.product-section-title.uppercase {
    text-transform: none;
    letter-spacing: 0px;
    padding: 30px 0px 0px 0px;
    font-size: 130%;
}
#wrapper>.message-wrapper {
    padding-bottom: 0px;
    margin-bottom: 0px;
}
/*************** PRODUCT PAGE 01 ***************/
.product-page-01 h1.product_title {
    margin: 0px;
}
.product-page-01 .flickity-viewport, .product-page-01 .fill {
    border-radius: 10px;
}
.product-page-01 .product-thumbnails a {
    border: 1px solid #ddd;
    border-radius: 5px;
}
.product-page-01 .product-thumbnails .is-nav-selected a {
    border-color: #424FE4;
}
.product-page-01 .has-border {
    border-radius: 10px;
    border-width: 1px;
}
.product-page-01 .product-page-sections .large-2, .product-page-01 .product-page-sections .large-10 {
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}
.product-page-01 .product-page-sections .uppercase.mt {
    text-transform: none;
    margin-bottom: -10px;
    letter-spacing: 0px;
}
/*************** PRODUCT PAGE 03 ***************/
@media screen and (min-width: 550px) {
  .product-page-03 .flickity-slider>div:not(.col) {
    width: 50% !important;
  }
}
@media screen and (min-width: 849px) {
  .product-page-03 .flickity-slider>div:not(.col) {
    width: 40% !important;
  }
}
@media screen and (min-width: 1200px) {
  .product-page-03 .flickity-slider>div:not(.col) {
    width: 30% !important;
  }
}
@media screen and (max-width: 549px) {
.product-page-03 .slider-wrapper .flickity-prev-next-button {
    display: inherit;
}
}
.product-page-03 .flickity-prev-next-button {
    opacity: 1;
}
/*************** PRODUCT PAGE 07 ***************/
.product-page-07 .row-full-width:not(.row-full-width .row-full-width, .row-full-width.row-slider, .row-expand) {
	padding-left: 0px !important;
    padding-right: 0px !important;
  @include for-desktop-up {
    padding-left: 110px !important;
    padding-right: 110px !important;
  }
}
.product-page-07 .row:first-of-type .row:not(.row-collapse) {
    margin-left: 0px;
    margin-right: 0px;
}
.product-page-07 .row-full-width.row-slider {
	padding-left: 0px !important;
    padding-right: 0px !important;
  @include for-desktop-up {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}
/*************** PRODUCT PAGE 09 ***************/
.product-page-09 .accordion-custom .accordion-title, .accordion-custom .accordion-title.active {
    font-size: 18px;
	border-bottom: 1px solid #14163D;
	border-top: 0px;
	padding: 1.4em 3em;
	}
.product-page-09 .accordion-product .accordion-custom .accordion-title.active {
    background-color: #EBEEF3!important;
}
.product-page-09 .accordion-custom .toggle {
    color: #14163D;
	top: 1em;
}
.product-page-09 .accordion-inner {
	 padding: 20px 15px 0px 15px;
}
/*************** STICKY ADD TO CART ***************/
.sticky-add-to-cart-wrapper {
    width : 100%!important ;
}
.add-to-cart-container form.variations_form {
    display: flex !important;
    flex-direction: column !important;
}
/*************** PRODUCT PAGE BUTTON ***************/
.sticky-add-to-cart:not(.sticky-add-to-cart--active), .woocommerce-variation-add-to-cart:not(.sold-individually) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom:0px;
}
.sticky-add-to-cart:not(.sticky-add-to-cart--active) .quantity, .woocommerce-variation-add-to-cart:not(.sold-individually) .quantity {
    opacity: 1;
    display: inline-block;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 1em;
    white-space: nowrap;
    vertical-align: top;
    margin-bottom: 0px;
    height: 100%;
}
.sticky-add-to-cart:not(.sticky-add-to-cart--active) .single_add_to_cart_button, .woocommerce-variation-add-to-cart:not(.sold-individually) .single_add_to_cart_button {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
/********** New Update  **********/
/* PP1 : new Update */
.add-to-cart-container form {
    display: block !important;
}
.single_add_to_cart_button{
    flex-grow : 1  ;
}
.quantity{
    display: inline-table ;
 }
 .quantity .button.minus {
     border-right: 1px solid rgba(221, 221, 221, 0) !important;
}
.quantity .button.plus{
     border-left: 1px solid rgba(221, 221, 221, 0) !important;
}
.quantity input {
    padding-bottom: 1px ;
}
*/ Sticky Add to cart  */
.sticky-add-to-cart-wrapper {
    width : 100%!important ;
}
.add-to-cart-container form.variations_form {
    display: flex !important;
    flex-direction: column !important;
}
/* PRODUCT PAGE BUTTON */
.sticky-add-to-cart:not(.sticky-add-to-cart--active), .woocommerce-variation-add-to-cart:not(.sold-individually) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom:0px;
}
.sticky-add-to-cart:not(.sticky-add-to-cart--active) .quantity, .woocommerce-variation-add-to-cart:not(.sold-individually) .quantity {
    opacity: 1;
    display: inline-block;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 1em;
    white-space: nowrap;
    vertical-align: top;
    margin-bottom: 0px;
    height: 100%;
}
.sticky-add-to-cart:not(.sticky-add-to-cart--active) .single_add_to_cart_button, .woocommerce-variation-add-to-cart:not(.sold-individually) .single_add_to_cart_button {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}



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

    /* Header USP - Mobile */

    .header-block {
        width: 100%;    
    }

    .wm-search-container {
        width: 300px;
    }

    /* Header Icons */

    a.account-link-mobile i.icon-user {
        margin-top:3px;
    }

    a.account-link-mobile i.icon-user::before {
        font-family: 'Material Symbols Outlined' !important;
        content: "\e853" !important;
        font-weight: normal !important;
        font-size: 35px !important;
        font-style: normal !important;
        color:#009fe3 !important;
    }

    a.account-link-mobile:hover > i.icon-user::before {
        color:#009fe399 !important;
    }

    a.header-cart-link i.icon-shopping-bag::before {
        font-family: 'Material Symbols Outlined' !important;
        content: "\e54c" !important;
        font-weight: normal !important;
        font-size: 35px !important;
        font-style: normal !important;
        color:#009fe3 !important;
    }

	.quantity+.button {
		width:60% !important;
	}

	
}

.quantity+.button {
    font-size: 0.96em !important;
    margin-right: 0;
	letter-spacing:initial !important;
}


th.label.wm-tooltip {
	width:110px;
}

.ux-quantity.quantity.buttons_added.form-minimal {
	width:92px;	
}

.badge-inner.on-sale {
	padding-left:10px;
	padding-right:10px;
}