/* Logos */
@media (max-width:991px){
    #sp-header .logo img{max-height:45px;height:45px;}
  }
    @media (min-width:992px){
      #sp-header .logo img{max-height:80px;height:80px;}
  }
  
  /* reviews in promobar */
  .carousel-modvmreviews{min-height:55px;display:flex; align-items:center;padding:0 20px;background:#e30b5d;color:#FFFFFF;}
  .carousel-modvmreviews .owl-stage{display:flex;display:-webkit-flex;flex-wrap:wrap;align-items:center;}
  .carousel-modvmreviews .owl-carousel .owl-item img{width:auto; display:initial}
  .carousel-modvmreviews .item{display:flex;flex-direction:column;align-items:center;max-height:55px;}
  .carousel-modvmreviews a{color:#FFFFFF;}
  .carousel-modvmreviews .vmrevheader{display:flex;flex-wrap:wrap;}
  .carousel-modvmreviews .vmrevheader .promo-title{margin-right:10px;}
  .carousel-modvmreviews .promo-title{font-weight:700; text-transform:uppercase;}
  .carousel-modvmreviews .promo-message{text-align:center;float:none!important;}
  
  /* Virtuemart custom count in categories and front-page */
  
  .addtocart-bar{text-align:center;}
  .quantity-content{display:inline-block;margin-bottom:5px;}
  .quantity-content > span{background:transparent!important;}
  .quantity-content > span > input{background:#ffffff!important;}
  .productdetails-view .PricesalesPrice .PricesalesPrice, .productdetails-view .PricesalesPrice .vm-price-desc{color: #e30b5d!important;}
  
  /* UT Clients*/
  .sppb-addon-ut-clients div[class*="ut-clients-"] .owl-item a .sppb-img-responsive{width:100%!important;}
  
  /* UIKit */
  .uk-slidenav-position img{width:100%;}
  .uk-slidenav-position ul li{padding-left:0!important;border-bottom:none;}
  ul.uk-dotnav > li{border-bottom:none;}
  ul.uk-dotnav > li > a{padding:0;}
  
  #sp-top2 .custom img{display:inline-block!important;}
  #sp-top2 .mod-languages .btn-group{text-transform: uppercase;}
  
  @media (max-width: 767px){
      .sp-contact-email{display: none!important;}
  }
  
  /* custom colorcode */
  .color-variations{position:relative;float:left;overflow:hidden;}
  .color-variations .product-fields-title{display:block; text-transform:uppercase;letter-spacing:2px; font-weight:700;margin-bottom:10px;font-size:16px;color:#222;}
  .product-colorcode{text-align:center;margin:-5px;position:relative;transition:all 500ms ease-in-out;}
  .product-colorcode{height:260px;overflow-y:scroll;margin-right:-22px;display:flex;flex-wrap:wrap;}
  .product-colorcode.open{height:405px;}
  .product-colorcode > a{width:33.3333%;float:left;padding:5px;}
  .product-colorcode span{text-transform:capitalize;}
  .color-controls:before{content:"";height:20px;display:block; position:absolute;left:0;right:0; top:-14px;z-index:1;background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);}
  .color-controls{text-align:center;display:block;margin:-5px; padding: 20px 0 25px;position:relative;}
  .color-controls > div{width:33%;color:#222;padding:5px;display:inline-block;}
  .color-controls > .scrollers{width:67%;text-align:left;float:left;}
  .color-controls > .scrollers > div{display:inline-block;text-align:center; margin-right:10px;}
  .color-controls i{height: 36px;text-align: center;background: #fff;font-size: 20px;line-height: 36px;width: 36px;margin-bottom: 7px;border: 1px solid #222;cursor: pointer;}
  .color-controls span{text-transform:uppercase;font-size:12px; font-weight:700;display:block;}
  .color-variations.scrollable .color-controls .fa-plus,
  .color-variations.scrollable .color-controls .open-text{display:none;}
  .color-variations.scrollable .color-controls .toggler{text-align:right;}
  .color-variations:not(.scrollable) .color-controls .scrollers{display:none;}
  .color-variations:not(.scrollable) .color-controls .fa-minus,
  .color-variations:not(.scrollable) .color-controls .close-text{display:none;}
  
  @media (max-width: 767px){
      .product-colorcode > a{width: 100%;}
  }
  
  @media (min-width:768px) and (max-width: 991px){
      .product-colorcode > a{width: 50%;}
  }
  
  /** Virtuemart categories **/
  div.category .spacer h2, div.category .spacer h3, div.category .spacer h4{letter-spacing:1px!important; position:relative!important;top:auto!important;left:auto!important;transform:none!important;-wekit-transform:none!important;}
  /** description **/
  .category_description > .row.custom-desc{margin-top:0!important; margin-bottom:20px!important; -webkit-align-items:center; align-items:center;}
  .category_description > .row p{margin-bottom:15px;}
  .category_description > .row img{width:auto;}
  @media (max-width: 767px){
      .category_description > .row .media-desc{margin-bottom:25px;}
  }
  
  /* menu */
  ul.sp-megamenu-parent >li >a, ul.sp-megamenu-parent >li >span{padding:0 10px;font-size:calc(min(0.9vw, 14px));letter-spacing:inherit;white-space:nowrap;}

  /* Rebuild mega menu */
  .sp-dropdown-mega > .sp-dropdown-inner > .row{display:flex; display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;margin-top:-30px;}
  .sp-dropdown-mega > .sp-dropdown-inner > .row > div{margin-top:30px;}
  .sp-dropdown-mega > .sp-dropdown-inner > .row > div:nth-child(5){border-left:none!important;}
  .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span{padding: 5px 10px;}
  
  /** Shop slider - pagebuilder section and slideshow addon **/
  .shop-slider .sppb-container-inner > .sppb-row{min-width:100%;}
  .shop-slider .sp-slider .sp-item .sp-background{background-position:left center;}
  
  /** Payment Cards **/
  .payment-cards img{display:inline-block;}
  
  /** Product details **/
  .productdetails-view .DummyPrice{font-weight: 600; font-size: 16px;}
  
  /** Aacademy schedule **/
  .academy-schedule .btn-primary{color:#ffffff!important;}
  .academy-schedule .addtocart-bar span.quantity-controls{background:transparent!important;}
  .academy-schedule .addtocart-bar span.quantity-controls input[class*="quantity-"]{background:#f7f7f7!important;}
  
  /** Artibot **/
  #artibot-1554647328568{width:100% !important;}
  
  /** Modal **/
  .white-popup-block{padding:20px!important;}
  /** Review in shop only **/
  .review-full-width #review-container .romw-swiper-container{padding:0!important;}
  /**Price Table **/
  .price-table tbody>tr:nth-of-type(odd){background:#f9f9f9;}
  .price-table thead{background:#e30b5d;color:#ffffff;}
  .price-table table th, .price-table table td{padding:12px 10px!important;}
  .price-table tbody th{font-weight:400;}
  .price-table .table-bordered>thead>tr>td, .price-table .table-bordered>thead>tr>th{border-bottom-width:1px;}
  
  /** Mod Languages **/
  div.mod-languages ul.dropdown-menu{padding:0 5px;}
  div.mod-languages li{margin-left: 5px; margin-right: 5px;}
  
  /** Dropdown in top-bar **/
  #sp-top-bar a.btn.dropdown-toggle{padding: 0 15px;}
  
  /** New button order alternate with details link for products parents and children **/
  div.product .vm-product-media-container .vm-details-button a.product-details{width: auto;padding: 0 15px;font-size: 15px;font-weight: 500;letter-spacing: normal;}
  div.product .vm-product-media-container .product-overlay div.product-actions{top: auto;left: auto;width: auto;right: 0;bottom: 0; transform: none;-webkit-transform:none;}
  .product-actions .addtocart-bar{margin-bottom: 0;display: inherit;}
  .product-actions .addtocart-bar .quantity-content{margin-bottom: 0;margin-right: 5px;}
  .product-actions .addtocart-bar span.addtocart-button{float: right;}
  .product-actions .addtocart-bar .addtocart-button button{padding: 8px 12px;line-height: 1.42857143;}
  .product-actions .addtocart-bar .addtocart-button i{font-size: 24px;}
  .vmgroup .product-actions .addtocart-area{margin: 0;}
  
  /** Disabling order parent products **/
  .not-order{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1050;cursor: pointer;}
  .addtocart-bar .alert{line-height:1.6;}
  
  /** Disabling product overlay **/
  div.product .vm-product-media-container .product-overlay{background-color: transparent !important;opacity: 1!important;visibility: visible !important;top: auto;left: auto;height: auto;bottom: 0;right: 0;}
  div.product .vm-product-media-container div.vm-details-button{right: 0!important; bottom: 0!important;transform: none;-webkit-transform: none;}
  
  .vm-product-media-container a{display: block;}
  .shipping-message{padding: 10px 0;}
  
  /** Bottom customizations **/
  #sp-bottom img{display: inline-block;}
  
  /** hidden klarna unsupported page mesage **/
  #klarna-unsupported-page{display: none!important;}
  
  .jce-video-modal{display:block; position:relative}
  .jce-video-modal .fa{position: absolute;top: 50%;left: 50%;font-size: 80px;margin: -40px 0 0 -40px;z-index:99;}
  .jce-video-modal .jcemediabox-zoom-image{display:none!important;}
  .jce-video-modal .jcemediabox-zoom-span{max-width:100%!important;display:block!important}
  .jce-video-modal .jcemediabox-zoom-span img{width:100%!important;}
  
  /** Customization for Onepage generic payment plugin **/
  #coupon_code_txt a{display:inline-block;position:relative;top:3px;}
  @media  (min-width: 1px)  and (max-width: 480px){
    .opg-width-1-1{width:100%!important;float:none!important;}
    .opg-form div[class*="-1-1"]{width:100%;}
    #coupon_code_txt{width:100%;float:none;}
    
    .spacer_div > div > div:nth-child(1){width:60%;}
    .spacer_div > div > div:nth-child(2){width:40%;}
  }
  
  /* For Virtuemart wall categories on home */
  div#vm-categories-wall.category-view .row{display:flex;display:-webkit-flex;}
  
  /* Virtuemart Review Component */
  .starrs img, .stars img{display:inline-block;}
  #review_form #name_field, #review_form #email_field{width:100%;}
  #review_form #reviewtxtarea{width:100%;height:auto;}
  #review_form #counter{display:inline-block;}
  #review_form #sendbtn{color:#FFFFFF;}
  
  div.plgvmreview{border-top:none;padding-top:0;border-bottom: none;}
  div.plgvmreview #aggrating{padding:40px 30px; background:#f5f5f5;}
  .plgvmreview #vmreviewav{display: flex;flex-wrap: wrap;align-items: center;}
  #vmreviewav span{font-size: 42px;line-height: 1; font-weight: 700;margin: 0 10px 0 0;color:#222;}
  #vmreviewtot{text-transform: uppercase;color: #222;font-weight: 700;margin-top: 5px;}
  .plgvmreview ul.plgvmreview li{position:relative;padding: 20px 0 20px 65px;}
  .review-avatar{width:48px; height:48px;line-height:48px;text-align:center;background:#f5f5f5;border-radius:50%;position:absolute;left:0;top:20px;}
  .review-avatar span{font-size:20px;color:#222;font-weight:700;}
  .review-content{position:relative;}
  #aggrating > .row{display: flex;align-items: center;}
  #rev_toggler_loader{text-align: left;margin-top: 20px;}
  @media screen and (min-width:768px){
    .review-content .vmreviewdate{position:absolute;top:0;right:0;}
    #rev_toggler_loader{text-align: right;margin-top: 0px;}
  }
  .review-content .reviewauthor{color:#222;font-weight:600;}
  .review-content .reviewauthor i{margin-left:5px;color:#008000;}
  .review-content .button.gjcreadmorebutton{float:none; color:#e30b5d!important;margin-top:5px;text-transform:capitalize;display:inline-block;}
  div.plgvmreview .reviewdesc{margin: 5px 0 0 0;}
  div.vmradmincomment{margin:15px 0 0 0;padding:10px;}
  div#gjcvmrtophold{padding: 30px 15px; background: #f5f5f5; float: none;border-bottom: none;width:100%}
  #ratingfilter{margin-top: 10px;}
  .ratechoose{font-weight: 600;color: #222;margin-bottom: 5px;}
  .singleprodreview{font-size: 20px; text-transform: uppercase;margin-bottom: 20px;line-height: 1.5;}
  @media screen and (max-width: 7676.98px){
      #gjcvmrinfo{margin-top: 20px;}
  }
  #gjcvmr_return{margin-bottom: 20px;}
  div.reviewitemimg{width: 20%;margin: 0;padding-right: 20px;}
  .reviewiteminfo{width: 80%; margin: 0;float: left;}
  .reviewiteminfo h4{font-size: 16px; font-weight: 700;}
  
  /* lis of all product reviews*/
  h1.allreviews{font-size: 20px; text-transform: uppercase;margin-bottom: 20px;}
  .reviewsproducts{border-top: 1px solid #ccc !important;}
  .reviewsproducts .review_label{display: none;}
  .reviewsproducts .review_display{margin: 0;font-weight: 600;}
  
  /* Leave review form */
  div.reviewform-header{margin-top: 0;}
  #my_reviews_heading{font-size: 20px; text-transform: uppercase;}
  #reviews_email_txt{font-size: 16px;}
  .leave-review-form{margin-bottom: 20px;}
  .leave-review-form input{width: 100%;}
  #reviews_your_email{font-size: 16px;margin-bottom: 5px;}
  #saved_cart_list h3{font-size: 16px;}
  #saved_cart_list table{border-spacing: 0;}
  #saved_cart_list table .write-reviews{margin: -9px -8px 10px; border: 1px solid #ddd; padding: 20px;}
  #saved_cart_list table .reviewmodal.write-reviews{margin-bottom: -9px;}
  #saved_cart_list input.vm-default{display: inline-block;margin: 0 5px;}
  #saved_cart_list .txtfield{width: 100%;}
  #saved_cart_list .btn-primary{color: #ffffff;border-color: #e30b5d!important;}
  
  /* ajax overlay */
  #resultLoading{display:none !important;}
  
  /* Force Pagebuilder container (used in modules) */
  div[id*="section-id-"].force-container .sppb-container-inner{padding-left:15px; padding-right:15px; margin:auto!important;}
  @media (min-width:992px){
      div[id*="section-id-"].force-container .sppb-container-inner{width:1170px; max-width:100%;}
  }
  @media (min-width:768px) and (max-width:991.98px){
    div[id*="section-id-"].force-container .sppb-container-inner{width:750px; max-width:100%;}
  }
  @media (max-width:767.98px){
    div[id*="section-id-"].force-container .sppb-container-inner{width:450px; max-width:100%;}
  }
  
  /* Discounted Sales price color */
  div.product .product-small-detail .product-price.discounted .PricesalesPrice span{color:#ff2b02!important;}
  .productdetails-view .product-price.discounted .PricesalesPrice .vm-price-desc,
  .productdetails-view .product-price.discounted .PricesalesPrice .PricesalesPrice{color:#ff2b02!important;}
  
  /* text color */
  .text-black{color:#000000;}
  
  /* payments cards */
  .payments{display:flex;flex-wrap:wrap;margin-bottom:25px;justify-content:center;}
  
  /* Breadcrumbs */
  #sp-title .breadcrumb{background:transparent;margin-top:25px;margin-bottom:-20px;}
  
  /* Virtuemart images in categories */
  div.category-view .category_description img{max-width:313px;max-height:211px;}
  div.category-view .category_description .jce-video-modal.wfpopup img{max-width:100%; max-height:100%;}

.com-virtuemart .category-view{display:flex;flex-direction:column;}
.com-virtuemart .category-view > div > .row{margin-top:0;}

/* for virtuemart categories module because use DIV */
.sp-module-title{color:#222222;font-weight:normal;}

.browse-view .labels .product-fields {
    text-align: center;
    margin-top: 15px;    
}

.browse-view .labels .product-fields .product-field {
    width: auto;
    margin: auto;
    float: unset;
    padding: 3px 10px;
    background: #f0efef;
    color: #000; 
}

.vm-customfields-wrap .product-field-display .button {
    float: left;
    margin: 0 10px 0 0;
    width: auto;
    position: relative;        
}

.vm-customfields-wrap .product-field-display .button label,
.vm-customfields-wrap .product-field-display .button input {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.vm-customfields-wrap .product-field-display .button input[type="radio"] {
    opacity: 0.011;
    z-index: 100;
}

.vm-customfields-wrap .product-field-display .button input[type="radio"]:checked + label {
    background: #e30b5d;
    color: #fff;
    border: 1px solid #e30b5d;    
}

.vm-customfields-wrap .product-field-display .button label {
    cursor: pointer;
    display: block;
    text-align: center;
    width: auto;
    position: relative;
    margin: 0px;
    padding: 10px 15px 10px 15px;
    color: #000;
    border: 1px solid #222;    
}

.opg-show-small {
    display: none !important;
}

@media (max-width: 767px) {
    .opg-show-small {
        display: block !important;
        font-size: 100%;
        font-weight: 300;
        
    }
}

/*OPTIMIZATION FOR MOBILES */
/* products 2 cols for mobiles in categories */
@media only screen and (max-width: 480px){
  div[class*="-view"] div.row{margin:-20px -5px 0!important;}
  .category-view div.product {width: 50% !important;}
  .category-view div.product .spacer{padding:0 5px!important;}
}

@media only screen and (max-width: 575.98px){
  div.product .product-small-detail h3{margin: 0 0 12px;text-transform: none;font-size: 15px;letter-spacing: inherit;font-weight: 400;line-height: 1.5;}
  div.product .product-small-detail .product-price .PricesalesPrice span{font-weight:400;font-size:15px;}
  div.product{margin-top:30px;}
  div.product .vm-product-media-container .vm-details-button a.product-details{height:auto;text-transform:none;}
  /*detail product */
  .productdetails-view .vm-product-container .vm-product-details-container .product-header h2{text-transform:none;letter-spacing:initial;padding-bottom: 0;border-bottom: none;}
  .productdetails-view .vm-product-container .vm-product-details-container .spacer-buy-area > div:first-child{float:right;}
  .productdetails-view .vm-product-container .vm-product-details-container .spacer-buy-area .product-price{float:left;margin:0;}
  .productdetails-view .vm-product-container .vm-product-details-container .spacer-buy-area .vm-price-desc{display:none;}
  .productdetails-view .vm-product-container .vm-product-details-container .spacer-buy-area .PricesalesPrice{font-size:20px !important;}
  .productdetails-view .vm-product-container .vm-product-details-container .spacer-buy-area > .clear{clear:none;}
  .productdetails-view .vm-product-container .vm-product-details-container .spacer-buy-area > .clear ~ .clear{clear:both;}
  div.product-colorcode > a{width:33.3%;}
  .color-variations .product-fields-title,
  .product-fields-title-wrapper .product-fields-title{text-transform:none!important; letter-spacing:inherit!important;}
  .vm-customfields-wrap .product-field-display .controls{display:block;margin:-2px;}
  .vm-customfields-wrap .product-field-display .button{margin:2px;}
  .productdetails-view .vm-product-container .vm-product-details-container .spacer-buy-area .addtocart-area .addtocart-bar{display:flex;}
  .productdetails-view .vm-product-container .vm-product-details-container .spacer-buy-area .addtocart-area .addtocart-bar .addtocart-button{flex-grow: 1;order: 10;margin-right: 0;margin-left: 10px;}
  .productdetails-view .vm-product-container .vm-product-details-container .spacer-buy-area .addtocart-area .addtocart-bar .btn{width: 100%;font-weight: 700;}
  .productdetails-view .vm-product-container .vm-product-details-container .spacer-buy-area .addtocart-area .addtocart-bar .quantity-controls{order:1}
  .productdetails-view .vm-product-container .vm-product-details-container .spacer-buy-area .addtocart-area .addtocart-bar .quantity-box{order:2}
  .productdetails-view .vm-product-container .vm-product-details-container .spacer-buy-area .addtocart-area .addtocart-bar .quantity-controls ~ .quantity-controls{order:3}
}
/* increase addtocart */
div.addtocart-bar span.addtocart-button input,
div.addtocart-bar span.quantity-box input,
div.addtocart-bar span.quantity-controls input[class*="quantity-"]{height:48px;}

/* #28679 - Add related products as buttons with redirect on the product detail as the Amazon sample */
.related-products-buttons p {
    color: #222222;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    line-height: 1.5;
    font-weight: normal;
}
.related-products-buttons p span {
        font-weight: bold;
}
.related-products-buttons .button a.btn-related {
    cursor: pointer;
    display: block;
    text-align: center;
    width: auto;
    position: relative;
    padding: 10px 15px 10px 15px;
    color: #000;
    border: 1px solid #222;
    padding: 6px 30px;
    border-radius: 0px;
    font-size: 15px;
    line-height: 2;
    border-width: 1px;
    white-space: inherit;
}

.related-products-buttons .button a.btn-related:hover {
    background-color: #e6e6e6;
}

.related-products-buttons .button * {
    float: left;
    margin: 0;
    margin-left: 10px;
    width: auto;
    position: relative;
}
.related-products-buttons .button *:first-child { margin-left: 0px;}
