/* * * ### HOMEPAGE * */ /* -- Homepage - Hero Slider */ #homepage_hero{width: 100%;float: left;position: relative;padding: 0;} #homepage-hero-slider .homepage-hero-slide{width: 100%;height: var(--height-slider);position: relative;} #homepage-hero-slider .homepage-hero__img{width: 100%;height: 100%;position: relative;} #homepage-hero-slider .homepage-hero__img:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: linear-gradient(90deg, rgba(0,0,0,0.25), rgba(0,0,0,0), rgba(0,0,0,0));} #homepage-hero-slider .homepage-hero__img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;} .homepage-hero__wrapper{position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;z-index: 100;display: flex;align-items: center;} .homepage-hero__info{width: 100%;float: left;padding: 50px 0px; display: flex;flex-wrap: wrap;} .homepage-hero__info h1, .homepage-hero__info h2, .homepage-hero__info p{width: 100%;color: var(--color-secondary);} .homepage-hero__info h2{margin-bottom: 20px;} .homepage-hero__info p{opacity: .8;width: 100%;max-width: 460px;line-height: var(--font-lh-description);} .homepage-hero__btns{width: 100%;float: left;margin-top: 40px;position: relative;display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap;gap:20px;} /* .homepage-hero__info a{margin-top: 40px;} */ .homepage-hero__btns .btn--arrow-black{border-color:white;} .homepage-hero__btns .btn--arrow-black:hover{border-color:var(--color-primary, black);} /* -- Homepage - Hero Slider -- ALIGNMENTS */ /* -- Homepage - Hero Slider -- LEFT */ .homepage-hero__wrapper, .homepage-hero__wrapper--left .homepage-hero__info{text-align: left;} /* -- Homepage - Hero Slider -- CENTER */ .homepage-hero__wrapper--center .homepage-hero__info{justify-content: center;text-align: center;} .homepage-hero__wrapper--center .homepage-hero__info p{margin: auto;} .homepage-hero__wrapper--center .homepage-hero__btns{justify-content: center;} .homepage-hero__wrapper--center .subtitle-effect:before{left: 50%;transform: translate(-50%);} /* -- Homepage - Hero Slider -- RIGHT */ .homepage-hero__wrapper--right .homepage-hero__info{justify-content: flex-end;text-align: right;} .homepage-hero__wrapper--right .homepage-hero__info p{margin-right: 0;} .homepage-hero__wrapper--right .homepage-hero__btns{justify-content: flex-end;} .homepage-hero__wrapper--right .subtitle-effect:before{left: 100%;transform: translate(-100%);} /* -- Homepage - Tabs Section */ #homepage_tabs{padding-top: 100px;} #homepage_tabs .tabs-wrapper, #homepage_tabs .tabs__navigators, #homepage_tabs .tabs__content{width: 100%;float: left;position: relative;z-index: 1;} #homepage_tabs .tabs__navigators{margin-bottom: 15px;display: flex;justify-content: center;align-items: center;} #homepage_tabs .tabs__navigators li a.tab__link{float: left;padding: 10px 25px;text-transform: uppercase;font-family: var(--font-family-500); font-size: var(--font-size-small)} /*#homepage_tabs .tabs__navigators li a.tab__link:hover, #homepage_tabs .tabs__navigators li a.tab__link.active{border-bottom: 2px solid var(--color-primary);}*/ #homepage_tabs .tabs__content{padding: 40px 0px;} #homepage_tabs .tab__content{display: none;} #homepage_tabs .tab__content.active{display: block;} .tabs__navigators a.a-hover:hover:before, .tabs__navigators a.a-hover:hover:after, .tabs__navigators a.a-hover.active:before, .tabs__navigators a.a-hover.active:after{background-color:var(--color-primary, black);} #homepage_tabs .slick-list{margin: 0 -7px;} #homepage_tabs .slick-slide.archive-product{position: relative;margin: 0px 7px;} #homepage_tabs .home_empty_recently, #homepage_tabs .home_empty_wishlist{width: 100%;float: left;position: relative;padding: 100px 0px;grid-column: auto/span 4;text-align: center;} /* -- Homepage - Promo Slider */ #homepage_promo{width: 100%;float: left;position: relative;padding: 0;} #homepage-promo-slider .slick-dots{width: 100%;height: auto;position: absolute;bottom: 0;left: 0;display: flex;justify-content: center;margin: 10px 0px;} #homepage-promo-slider .slick-dots li{margin: 0px 5px;} #homepage-promo-slider .slick-dots li button{width: 45px;height: 4px;background-color: var(--color-background);border-radius: 0%;} #homepage-promo-slider .slick-dots li.slick-active button{background-color: var(--color-primary);} #homepage-promo-slider .homepage-promo-slide{width: 100%;height: var(--height-slider);position: relative;}/*height: 80vh;min-height: 400px;max-height: 1000px;*/ #homepage-promo-slider .homepage-promo__img{width: 100%;height:100%;display: flex;align-items: center;} #homepage-promo-slider .homepage-promo__img img, #homepage-promo-slider .homepage-promo__img video, #homepage-promo-slider .homepage-promo__img iframe{width: 100%;height: 200vh;object-fit: cover;} #homepage-promo-slider .homepage-promo__img .mobile-video-thumb {width: 100%;height: 100%;object-fit: cover;} #homepage-promo-slider .homepage-promo__img:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: linear-gradient(90deg, rgba(0,0,0,0.25), rgba(0,0,0,0), rgba(0,0,0,0));} #homepage-promo-slider .homepage-promo__img:after{background-image: linear-gradient(90deg, rgba(0,0,0,0.25), rgba(0,0,0,0.25));} #homepage-promo-slider .homepage-promo__wrapper{position: absolute;top: 0;left: 0;right: 0;width: auto;height: 100%;z-index: 100;display: flex;align-items: center;} #homepage-promo-slider .homepage-promo__info{padding: 50px 0px;} #homepage-promo-slider .homepage-promo__info h1, #homepage-promo-slider .homepage-promo__info h2, #homepage-promo-slider .homepage-promo__info p{color: var(--color-secondary);} #homepage-promo-slider .homepage-promo__info h2{margin-bottom: 20px;} #homepage-promo-slider .homepage-promo__info p{opacity: .8;max-width: 60%;line-height: var(--font-lh-description);} #homepage-promo-slider .homepage-promo__info a{margin-top: 40px;} /* -- Homepage - Product Categories */ #homepage_prod_categories{padding-top: 120px;background-color: var(--color-background);} #homepage_prod_categories .section-header{margin-bottom: 60px;} /* -- Homepage - Banner */ #homepage_banner{background-color: var(--color-background);} #homepage_banner .homepage-banner__img{width: 100%;float: left;position: relative;} #homepage_banner .homepage-banner__img img{width: 100%;height: 100%;object-fit: cover;} #homepage_banner .homepage-banner__info{display: flex;align-content: center;flex-wrap: wrap;justify-content: flex-start;padding: 40px 15px;} #homepage_banner .homepage-banner__info p{margin-top: 25px;} #homepage_banner .homepage-banner__info a{margin-top: 35px;} /******************************************************************/ /* HOMEPAGE [B2B] *************************************************/ /******************************************************************/ /* -- Homepage - Collections [B2B] */ #homepage_collections{padding-top:120px;background-color: var(--color-background);} #homepage_collections #homepage-collections-slider{padding: 20px 0px;} #homepage_collections .slick-list{margin: 0 -7px;} #homepage_collections .slick-slide.archive-collection{position: relative;margin: 0px 7px;} #homepage_collections .slick-arrow{display: none !important;} /* -- Homepage - Promo Set [B2B] */ #homepage_promo_set{--promo-set-height: 800px;width: 100%;float: left;position: relative;} .homepage_promo_sets{width: 100%;display: flex;} .homepage_promo_set{width: 50%;height: var(--promo-set-height);position: relative;}/*max-height: calc(100vh - var(--height-header) - var(--pt) * 2);*/ .homepage_promo_set .homepage_promo_set__image {position: relative;width: 100%;height: 100%;overflow: hidden;} .homepage_promo_set .homepage_promo_set__image:before{content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0,0,0,0.2);opacity: 0;transition: var(--trans);z-index: 1;} .homepage_promo_set .homepage_promo_set__image img{width: 100%;height: 100%;object-fit: cover;transition: var(--trans-image);} .homepage_promo_set[data-promo="primary"]{--pt: 0px;} .homepage_promo_set[data-promo="primary"] img{position: absolute;inset: 0;} .homepage_promo_set[data-promo="primary"] .homepage_promo_set__details {width: 100%;max-width: 600px;position: absolute;bottom: 0;left: 0;padding: 64px;color: var(--color-secondary);z-index: 2;} .homepage_promo_set[data-promo="primary"] .homepage_promo_set__details .btn--transparent{border-color: var(--color-secondary);color: var(--color-secondary);} .homepage_promo_set[data-promo="primary"] .homepage_promo_set__details .btn--transparent:hover, .homepage_promo_set[data-promo="primary"] .homepage_promo_set__details .btn--transparent:focus{background-color: var(--color-secondary);color: var(--color-primary);} .homepage_promo_set[data-promo="primary"] .homepage_promo_set__title{font-family: var(--font-family-400);font-size: var(--font-size-h1);} .homepage_promo_set[data-promo="primary"] .homepage_promo_set__title strong{font-family: var(--font-family-700);} .homepage_promo_set[data-promo="primary"] .homepage_promo_set__description{margin-top: 25px;margin-bottom: 35px;} .homepage_promo_set[data-promo="secondary"]{--pt: 80px;--mt-title: 30px;padding-inline: 10vw;} .homepage_promo_set[data-promo="secondary"] .homepage_promo_set__image{margin-top: var(--pt);height: calc(var(--promo-set-height) - var(--mt-title) - var(--pt) * 2);overflow: hidden;} .homepage_promo_set[data-promo="secondary"] .homepage_promo_set__details {width: 100%;margin-top: var(--mt-title);text-align: center;} .homepage_promo_set[data-promo="secondary"] .homepage_promo_set__title {font-family: var(--font-family-500);font-size: var(--font-size-text);text-transform: uppercase;letter-spacing: 1px;} .homepage_promo_set a:hover .homepage_promo_set__image:before{opacity: 1;} .homepage_promo_set a:hover .homepage_promo_set__image img{transform: var(--image-scaleUp);} @media(min-width: 1025px){ #homepage_promo_set{padding: 0;} #homepage_promo_set .container-fluid{max-width: 2048px;} } @media(max-width: 767px){ #homepage_promo_set{--promo-set-height: 500px;padding-bottom: 40px;} .homepage_promo_sets{flex-direction: column;} .homepage_promo_set{width: 100%;} .homepage_promo_set[data-promo="primary"] .homepage_promo_set__details{padding: 20px;} .homepage_promo_set[data-promo="secondary"]{padding-inline: 20px;} .homepage_promo_set[data-promo="secondary"]{--pt: 40px;} } /* -- Homepage - Banner [B2B] */ #homepage_banner{--inner-padding: 55px 100px;padding-inline: 0;padding-bottom: 0;} #homepage_banner .homepage-banner__img, #homepage_banner .homepage-banner__info{width: 50%;} #homepage_banner .homepage-banner__img{display: flex;padding: var(--inner-padding);background-color: white;} #homepage_banner .homepage-banner__img img{max-width: 525px;} #homepage_banner .homepage-banner__info{ padding: var(--inner-padding); display: flex; flex-direction: column; justify-content: center; } #homepage_banner .homepage_banner__buttons{width: 100%;display: flex;gap: 10px;} @media(min-width: 768px){ #homepage_banner .homepage-banner__img{ justify-content: flex-end; } } @media(max-width: 767px){ #homepage_banner {--inner-padding: 20px;} #homepage_banner .homepage-banner__img, #homepage_banner .homepage-banner__info{width: 100%;} } /* * * ### SHOP & ARCHIVE PAGE * */ /* -- Listing Page - Hero */ .listing-page-hero{width: 100%;height: auto;min-height: 360px;display: flex;justify-content: center;align-items: center;background-position: center right;background-repeat: no-repeat;background-size: cover;} .listing-page__header{position: relative;} .listing-page__info{width: 100%;max-width: 430px;float: left;position: relative;color: var(--color-secondary);} .listing-page__info h1{margin-bottom: 5px;} .listing-page__info h3{margin-bottom: 20px;} .listing-page__info h3.listing-page-hero__counter:before{background-color: var(--color-secondary);} /* -- Listing Page - Main */ .listing-page-main{padding-top: 20px;} #products-filters{background: white;position: sticky;top: var(--height-menu);top:60px;z-index: 200;} #listing-page__filters{width: 100%;float: left;padding: 30px 0px;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;transition: var(--trans);} #listing-page__filters label{float: left;margin-right: 30px;font-family: var(--font-family-400);font-size: var(--font-size-small);line-height: var(--font-lh-normal);letter-spacing: var(--font-ls-normal);color: var(--color-grey-light);text-transform: none;} #listing-page__filters .filters label{margin-right: 30px;flex-shrink:0;} #listing-page__filters .sorting label{margin-right: 15px;} #listing-page__filters .woocommerce-ordering{float: left;} #listing-page__filters select{min-width: 160px;float: left;margin: 0px 25px;} #listing-page__filters select:first-of-type{margin-left: 0;} #listing-page__filters select:last-of-type{margin-right: 0;} /* -- Listing Page - XS Filter */ #listing-page__filters .btn-filters{width: auto;float: left;position: relative;padding: 6px 12px;background-color: white;color:var(--color-primary, black);border: 1px solid var(--color-primary);display: flex;align-items: center;justify-content: center;} #listing-page__filters .btn-filters .btn-filters__icon{width: 16px;float: left;display: flex;align-items: center;justify-content: center;} #listing-page__filters .btn-filters .btn-filters__icon img{height: 12px;} #listing-page__filters .btn-filters .btn-filters__title{float: left;margin-left: 10px;font-family: var(--font-family-400);font-size: var(--font-size-text);} #listing-page__filters .btn-filters__counter[data-active-filters-counter="0"]{display: none;} #listing-page__filters .btn-filters__counter{width: 12px;height: 12px;float: left;margin-left: 5px;background-color: var(--color-primary);color: var(--color-secondary);font-size: 8px;line-height: 12px;display: flex;justify-content: center;align-items: center;border-radius: 100%;transition: var(--trans);} /* -- Active Filters */ .filter_tax, form.woocommerce-widget-layered-nav-dropdown{width:100%;float: left;position: relative;} .clear__filter {position: absolute;top: 0;left: 0;right: 0;bottom: 0;text-align: right;padding-right: 10px;display: flex;justify-content: flex-end;cursor: pointer;} .clear__filter:before { content: ""; width: 15px; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 15px; background-color: white; background-image: url(https://www.katerinavassou.com/wp-content/themes/kv/images/icon-close-filter.svg); background-size: 62%; background-position: center; background-repeat: no-repeat; } /* .clear__filter, .clear__filter.hide{display:none;} .clear__filter.show{display: flex;} */ /******************************************************************/ /* SHOP & ARCHIVE [B2B] *******************************************/ /******************************************************************/ .listing-page-hero[data-background-image="true"]{} .listing-page-hero[data-background-image="true"] .listing-page__info{color: var(--color-secondary);} .listing-page-hero[data-background-image="true"] .listing-page__info h3.listing-page-hero__counter:before{background-color: var(--color-secondary);} .listing-page-hero[data-background-image="false"]{background: linear-gradient(180deg, #D9D9D9 0%, rgba(235, 235, 233, 0) 100%);} .listing-page-hero[data-background-image="false"] .listing-page__info{color: var(--color-primary);} .listing-page-hero[data-background-image="false"] .listing-page__info h3.listing-page-hero__counter:before{background-color: var(--color-primary);} /* * * ### SINGLE PRODUCT PAGE * */ /* -- Single Product - Main */ #single-product-main{padding-top: 70px;} /* -- Single Product - Main -- Left*/ #single-product__images{} #single-product__images picture{width: 100%;height: auto;padding-top: 100%;float: left;position: relative;overflow: hidden;} #single-product__images picture img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;} #single-product__images picture + picture{margin-top: 15px;} /* -- Single Product - Main -- Right*/ #single-product__main{position: relative;padding-left: 30px;} #single-product__main .breadcrumb{margin-bottom: 15px;} #single-product__main .single-product__info{width: 100%;max-width: 586px;float: left;padding: 45px 0px;position: sticky;top: var(--height-menu);z-index: 100;} .single-product__title{font-size: 34px;margin-bottom: 5px;} .single-product__sku{color: var(--color-grey-light);} .single-product__price{width: 100%;float: left;position: relative;margin: 30px 0px 25px;font-family: var(--font-family-500);font-size: var(--font-size-h3);} .single-product__price--regular.price--linethrough{text-decoration: line-through;color: var(--color-sale);} .single-product__price--regular + .single-product__price--sale{margin-left: 10px;} .single-product__short-description{width: 100%;float: left;position: relative;} /* -- -- Single Product - Options */ #single-product__options{width: 100%;float:left;position: relative;margin-top: 10px;display: grid;grid-gap: 15px;grid-template-columns: 2fr 1fr;grid-template-columns: 400px 1fr;} /* -- -- Single Product - Attributes */ #single-product__attributes{width: 100%;float: left;position: relative;} .single-product__attribute{width: 100%;float: left;position: relative;} .single-product__attribute .wcpa_form_outer {width: 100%;float: left;} .single-product__attribute .wcpa_form_outer + .wcpa_form_outer{margin-top:20px;} .single-product__attribute .wcpa_form_outer textarea{width:100%;padding:15px;border-color:black;resize: none;} .single-product__attribute .wcpa_form_item.wcpa_type_textarea.form-control.size_parent{display:flex;max-width:400px;} .single-product__attribute .wcpa_form_item.wcpa_type_textarea.form-control.size_parent .fortextarea{width:100%;} .single-product__attribute + .single-product__attribute{margin-top: 15px;} .single-product__attribute label{width: auto;min-width:75px;margin-right: 25px;font-family: var(--font-family-400);font-size: var(--font-size-text);line-height: var(--font-lh-description);letter-spacing: var(--font-ls-medium);color: var(--color-grey-light);text-transform: none;flex-shrink:0;} .single-product__attribute select{width: 100%;max-width: 220px;font-family: var(--font-family-400);font-size: var(--font-size-text);line-height: var(--font-lh-body);letter-spacing: var(--font-ls-medium);} /* -- -- Single Product - Size Guide */ #single-product__size-guide{width: 100%;float: left;position: relative;display: flex;justify-content: flex-end;align-items: flex-start;} .btn--size-guide{padding: 0px 0px 0px 0px;display: flex;align-items: center;} .btn--size-guide__icon{width: auto;float: left;margin-right: 10px;} /* -- -- Single Product - Buttons */ #single-product__buttons{width: 100%;float: left;position: relative;margin: 20px 0px 40px 0px;display: grid;grid-template-columns: repeat(2, 1fr); grid-gap: 15px;justify-content: flex-start;flex-wrap: wrap;} #single-product__buttons .single-product__button{width: 100%;max-width: 300px;font-family: var(--font-family-500);font-size: var(--font-size-btn);line-height: var(--font-lh-normal);letter-spacing: var(--font-ls-big);flex-wrap: nowrap;} #single-product__buttons .single-product__button .btn__icon{width: 16px;height: 14px;float: left;margin-right: 15px;background-repeat: no-repeat;background-size: contain;background-position: center;transition: var(--trans);} #single-product__buttons #single-add_to_bag:hover{background-color: var(--color-accent-hover);} #single-product__buttons #single-add_to_bag .btn__icon{width: 14px;height: 16px;background-image: url(../images/icon-bag--white.svg);} #single-product__buttons #single-add_to_favorite .btn__icon{background-image: url(../images/icon-favorites.svg);} #single-product__buttons #single-add_to_favorite:hover{background-color: var(--color-secondary);color: var(--color-primary);} #single-product__buttons #single-add_to_favorite.added{} #single-product__buttons #single-add_to_favorite:hover .btn__icon, #single-product__buttons #single-add_to_favorite.added .btn__icon{background-image: url(../images/icon-favorites--added.svg);} @media(min-width:768px) and (max-width:1320px){ /* For Comments */ #single-product__options{grid-template-columns:1fr;} #single-product__size-guide{justify-content:flex-start;} } /* -- Accordion styles - jQuery */ .accordion-container{position: relative;height: auto;} .single-product__accordion-tab{width: 100%;float: left;position: relative;} .single-product__accordion-tab > a{display: block;padding: 10px 0px 15px;font-family: var(--font-family-500);font-size: var(--font-size-tiny);line-height: var(--font-lh-normal);letter-spacing: var(--font-ls-large);text-transform: uppercase;} .single-product__accordion-icon{width: 11px;height: 11px;float: left;margin-right: 10px;background-repeat: no-repeat;background-position: center;background-size: contain;} .single-product__accordion-icon, .single-product__accordion-icon.plus{background-image: url(../images/icon-tab--plus.svg);} .single-product__accordion-icon.minus{background-image: url(../images/icon-tab--minus.svg);} .single-product__accordion-content{padding-bottom: 15px;background-color: white;color: var(--color-text);display:none;} .single-product__accordion-content a{text-decoration: underline;} .single-product__accordion-content p{} .single-product__accordion-content ul{position: relative;} .single-product__accordion-content ul li{position: relative;padding-left: 20px;} .single-product__accordion-content ul li + li{margin-top: 5px;} .single-product__accordion-content ul li:before{content: "";width: 3px;height: 3px;border-radius: 50%;position: absolute;top: 6px;left: 6px;background-color: rgba(0,0,0,0.7);} /* -- Single Product - Collection Product */ #single-product-collection{width: 100%;float: left;position: relative;margin-top: 86px;} #single-product-collection label.single-product-collection__title{width: 100%;float: left;position: relative;margin-bottom: 30px;} #single-product-collection .archive-product__favorite, #single-product-collection .archive-product__cta{display: none;} #single-product-collection .archive-product__extras{grid-template-columns: 1fr;} #single-product-collection .archive-product__badges{grid-template-columns: auto;} #single-product-collection .archive-product__extras, #single-product-collection .archive-product__bottom {padding: var(--padding-arc-prod-coll);} #single-product-collection .archive-product__badge{font-size: var(--font-size-tiny-extra);} #single-product-collection .archive-product__title{margin-bottom: 10px;} #single-product-collection .archive-product__short_description{display: none;} /* -- Single Product - Collection Product Grid Slider*/ #single-product-collection__grid .slick-slide.archive-product {position: relative;margin: 0px 7px;} #single-product-collection__grid .slick-dots {width: auto;position: relative;order: 2;display: flex;justify-content: center;} #related-products .slick-track, #single-product-collection__grid .slick-track{margin-left: -7px;margin-right: -7px;} #single-product-collection__grid.slick-arrows--middle .slick-arrow.slick-next{right:12px;} #single-product-collection__grid.slick-arrows--middle .slick-arrow.slick-prev{left: 0px;} @media (max-width: 991px){#single-product-collection__grid .archive-product {width: 70vw;max-width: 280px;}} /* -- Single Product - Related */ #related-products{} #related-products .section-header{margin-bottom: 55px;} #related-products .slick-list{margin: 0 -7px;} #related-products .slick-slide.archive-product{position: relative;margin: 0px 7px;} #related-products-slider .slick-dots{width: 100%;position: relative;order: 2;display: flex;justify-content: center;} /******************************************************************/ /* SINGLE PRODUCT [B2B] *******************************************/ /******************************************************************/ /* -- -- Single Product - Buttons */ #single-product__buttons{grid-template-columns: 1fr;max-width: 400px;} #single-product__buttons .single-product__button{max-width: 400px;} #single-product__buttons .add_to_cart_group{width: 100%;max-width: 400px;display: flex;gap: 10px;} #single-product__buttons .add_to_cart_group .add_to_cart_input{width: 86px;border: 1px solid;text-align: center;font-size: var(--font-size-btn);} #single-product__buttons .add_to_cart_group .single-product__button{max-width: 400px;} /* -- -- Single Product - Collection Set */ .single-product-collection__header{display: flex;gap: 15px;margin-bottom: 30px;} .single-product-collection__header label.single-product-collection__title{margin-bottom: 0;} .single-product-collection__header .btn {padding: var(--padding-button-mini);flex-shrink: 0;} .single-product-collection__header .btn .btn__title{ font-family: var(--font-family-500); } @media(min-width: 1025px){ .single-product-collection__header .btn{margin-right: 10px;} } /* * * ### SECONDARY PAGES - Terms of use, Privacy policy, etc. * */ /* -- Secondary Main */ section#secondary_main{padding: 70px 30px;} /* -- -- Headings */ #secondary_content h1, #secondary_content h2, #secondary_content h3, #secondary_content h4, #secondary_content h5, #secondary_content h6{width: 100%;float: left;position: relative;margin-top: 15px;margin-bottom: 5px;} #secondary_content h1, #secondary_content h2, #secondary_content h3, #secondary_content h4, #secondary_content h5, #secondary_content h6, #secondary_content b{font-family: var(--font-family-500);} #secondary_content h1, #secondary_content h2{font-size: 16px;} #secondary_content h3, #secondary_content h4, #secondary_content h5, #secondary_content h6{font-size: 14px;} /* -- -- Links */ #secondary_content a{font-family: var(--font-family-400);font-size:var(--font-size-text);text-decoration: underline;} #secondary_content a:hover{color: var(--color-accent-hover);} /* -- -- Lists */ #secondary_content ul, #secondary_content ol{margin-left: 5px;} #secondary_content ol{padding-left: 20px;} #secondary_content ul li, #secondary_content ol li{width: 100%;float: left;position: relative;margin-bottom: 3px;} #secondary_content ul li{padding-left: 20px;} #secondary_content ul li:before{content: "";position: absolute;top: 6px;left: 7px;width: 4px;height: 4px;background-color: var(--color-primary);border-radius: 100%;} /* * * ### STORES * */ section#stores{} #stores_hero{width: 100%;float: left;position: relative;padding: 0;} #stores-hero-slider .stores-hero-slide{width: 100%;height: var(--height-slider);position: relative;} #stores-hero-slider .stores-hero__img{width: 100%;height: 100%;position: relative;} #stores-hero-slider .stores-hero__img:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: linear-gradient(90deg, rgba(0,0,0,0.25), rgba(0,0,0,0), rgba(0,0,0,0));} #stores-hero-slider .stores-hero__img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;} #stores_hero_content{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-content: center;justify-content: center;flex-wrap: wrap;pointer-events: none;} #stores_hero_content .secondary_header__title, #stores_hero_content .secondary_header__subtitle, #stores_hero_content .secondary_header__effect{width: 100%;float: left;position: relative;display: flex; justify-content: center; align-items: center;color: var(--color-secondary);text-align: center;} #stores_hero_content .secondary_header__subtitle{margin-top: 8px;} #stores_hero_content .secondary_header__underline{width: 60px;height: 1px;float: left;margin-top: 12px;background-color: var(--color-secondary);} #stores .store_description{ padding-bottom: 65px; text-align: center; } #stores_grid{width: 100%;float: left;position: relative;display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 0px;/*New 22042024*/grid-template-columns: repeat(1, 1fr);} .store-item{width: 100%;float: left;position: relative;} .store-item__image{width: 100%;height: 0;padding-top: 56%;float: left;position: relative;overflow: hidden;} .store-item__image picture{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;overflow: hidden;} .store-item__info{padding: 35px 15%;} /* 35px 15% 60px */ .store-item__info, .store-item__info .store-item__address, .store-item__info .store-item__phones, .store-item__info .store-item__desc{width: 100%;float: left;position: relative;/*New 22042024*/text-align:center;} .store-item__info .store-item__address{margin-bottom: 15px;} .store-item__info .store-item__town{margin-bottom: 5px;} .store-item__info .store-item__town p{font-family: var(--font-family-500);font-size: var(--font-size-text);line-height: var(--font-lh-normal);letter-spacing: var(--font-ls-big);text-transform: uppercase;} .store-item__info .store-item__phones{margin-bottom: 25px;} .store-item__info .store-item__phones a{font-family: var(--font-family-400);font-size: var(--font-size-btn);line-height: var(--font-lh-description);letter-spacing: var(--font-ls-medium);color: var(--color-grey-light);} /* * * ### BLOG STORIES * */ .stories-grid {display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 55px;} /* * * ### SINGLE BLOG PAGE * */ article#single_post{width: 100%;float: left;position: relative;padding: 30px 0px 70px 0px;} article#single_post .container{padding-left: 0;padding-right: 0;} #single_post_header{padding: 35px;} #single_post_header .breadcrumb{text-align: center;margin-bottom: 40px;} .single_post_header__title, .single_post_header__subtitle, .single_post_header__effect{width: 100%;max-width: var(--mxw-medium);margin-left: auto;margin-right: auto;text-align: center;position: relative;display: flex; justify-content: center; align-items: center;} .single_post_header__subtitle{margin-top: 20px;} .single_post_header__underline{width: 60px;height: 1px;float: left;margin-top: 12px;background-color: var(--color-primary);} .social-share{width: 100%;float: left;position: relative;margin-top: 30px;padding-top: 20px;display: flex;justify-content: center;align-items: center;} .social-share .social-share__btn{padding: 5px;opacity: 0.3;transition: var(--trans);} .social-share .social-share__btn:hover{opacity: 1;} .social-share .social-share__btn + .social-share__btn{margin-left: 4px;} /* * Single Post Componets */ .component{width: 100%;float: left;position: relative;padding: 30px 0px;} /* -- SP Component -- Image */ .component--image{} .article-image{width: 100%;padding-top: 60%;float: left;position: relative;} .article-image img{position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: auto;height: 100%;object-fit: cover;} /* -- SP Component -- Video */ .article-video{position: relative;width: 100%;padding-bottom: 56.25%;height: 0;}/* Ratio: 16:9 */ .article-video iframe{position: absolute;top:0;left: 0;width: 100%;height: 100%;} /* -- SP Component -- Slider */ .component--slider{} .component--slider .slick-list{margin: 0 -7px;} .component--slider .slick-slide.archive-product{position: relative;margin: 0px 7px;} .article-slider.slick-arrows--middle .slick-arrow, .article-slider.slick-arrows--middle .slick-arrow.slick-next{transform: translateX(25px) translateY(-50%);} .article-slider.slick-arrows--middle .slick-arrow.slick-prev{transform: translateX(-25px) translateY(-50%) scaleX(-1);} /* -- Single Post Pager */ #article-pager, .article-pager-link, .article-pager__title, .article-pager__excerpt, .article-page__button{width: 100%;float: left;position: relative;} #article-pager{margin-top: 80px;display: grid;grid-gap: 0;grid-template-columns: repeat(2, 1fr);} .article-pager-link{padding: 35px 100px;} .article-pager-link + .article-pager-link{border-left: 1px solid var(--color-border);} #article-link--prev{padding-left: 0;} #article-link--next{padding-right: 0;} .article-pager__title, .article-pager__excerpt, .article-page__button{font-size: var(--font-size-text);} .article-pager__title, .article-page__button{font-family: var(--font-family-500);line-height: var(--font-lh-normal);} .article-pager__title{margin-bottom: 15px;} .article-pager__excerpt{min-height: 54px;margin-bottom: 25px;} .article-page__btn_title, .article-page__btn_icon{width: auto;float: left;position: relative;} .article-page__btn_icon{margin-left: 12px;} .article-pager-link .article-page__btn_icon img{transition: var(--trans);} .article-pager-link:hover .article-page__btn_icon img {transform: translateX(10px);} /* * * ### BECOME A PARTNER PAGE * */ section#become_partner{} #become_partner textarea{min-width: 100%;max-width: 600px;min-height: 100px;max-height: 100px;border: 1px solid var(--color-border-input);padding: var(--padding-input);} #become_partner .form-row--buttons{justify-content: flex-end;} #become_partner .form-row--buttons button{width: 200px;} /* * * ### ABOUT THE BRAND PAGE * */ /* -- Brand Hero */ #brand_hero{width: 100%;float: left;position: relative;padding: 0;} #brand-hero-slider .brand-hero-slide{width: 100%;height: var(--height-slider);position: relative;} #brand-hero-slider .brand-hero__img{width: 100%;height: 100%;position: relative;} #brand-hero-slider .brand-hero__img:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: linear-gradient(90deg, rgba(0,0,0,0.25), rgba(0,0,0,0), rgba(0,0,0,0));} #brand-hero-slider .brand-hero__img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;} #brand_hero_content{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-content: center;justify-content: center;flex-wrap: wrap;pointer-events: none;} #brand_hero_content .secondary_header__title, #brand_hero_content .secondary_header__subtitle, #brand_hero_content .secondary_header__effect{width: 100%;float: left;position: relative;display: flex; justify-content: center; align-items: center;color: var(--color-secondary);text-align: center;} #brand_hero_content .secondary_header__subtitle{margin-top: 2px;} #brand_hero_content .secondary_header__underline{width: 60px;height: 1px;float: left;margin-top: 12px;background-color: var(--color-secondary);} /* -- Brand Content */ .brand_h1, .brand_h2, .brand_descpription{margin: 0 auto;text-align: center;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;} .brand_h1, .brand_h2{max-width: var(--mxw-medium);} .brand_descpription{max-width: var(--mxw-small);padding: 25px;} .brand_h2.subtitle-effect{padding-bottom: 12px !important;} .brand_h2.subtitle-effect:before{left: 50%;transform: translateX(-50%);} /* -- Brand Main Section */ #brand__image{padding-top: 45px;padding-bottom: 45px;} #brand__collection{padding-bottom: 65px;} #brand__collection .brand__collection_group{display: flex;justify-content: center;align-items: center;flex-direction: column;flex-wrap: wrap;} #brand__collection a.btn{margin-top: 15px;} #brand__split{padding-top: 65px;} .brand__split_group{display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 0;} .brand__split__left{width: 100%;height: 84%; /* "100% - 16%" */position: relative;float: left;background-size: cover;background-repeat: no-repeat;background-position: center;} .brand__split__right{padding-left: 16%;padding-top: 16%;} .brand__split__right .brand_h1, .brand__split__right .brand_h2, .brand__split__right .brand_descpription{padding: 0;text-align: left;justify-content: flex-start;} .brand__split__right .brand_descpription{padding-top: 25px;} .brand__split__right .brand_h2.subtitle-effect:before{left: 0;transform: translateX(0);} .brand__split__right .brand__signature{margin-top: 35px;display: flex;justify-content: flex-end;} .brand__split__right .brand__signature img{width: 212px;height: 146px;} /* -- Brand Promo Section */ #brand__promo, #brand__promo_image{padding-left: 0;padding-right: 0;} #brand__promo_image{width: 100%;height: 800px;position: relative;overflow: hidden;} #brand__promo_image img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;} #brand__promo_content{padding-top: 70px;padding-bottom: 45px;} #brand__promo_carousel{padding-left: 0;padding-right: 0;} #brand__promo-slider.slick-dots--overflow{padding-bottom: 0;} #brand__promo-slider .brand__promo-slide{width: 70vw;max-width: 65%;height: var(--height-slider);} #brand__promo-slider .slick-list{margin: 0 -25px;} #brand__promo-slider .slick-slide.brand__promo-slide{position: relative;margin: 0px 25px;} #brand__promo-slider .brand__promo__img, #brand__promo-slider .brand__promo__img img{width: 100%;height: 100%;float: left;object-fit: cover;} #brand__promo-slider.slick-arrows--middle .slick-arrow{top: 50%;} #brand__promo-slider.slick-arrows--middle .slick-arrow.slick-prev{left: 0px;transform: translateX(45px) translateY(-50%) scaleX(-1);} #brand__promo-slider.slick-arrows--middle .slick-arrow.slick-next{right: 0px;transform: translateX(-45px) translateY(-50%);} #brand__promo_outro{margin-top: 75px;margin-bottom: 60px;} /* * * ### CONTACT PAGE * */ #contact, #contact-inner, .contact-wrapper, .contact-info, .contact-info-group > *, .contact__socials > *, .contact-form{width: 100%;float: left;position: relative;} #contact h4.section-header{text-align: left;margin-bottom: 15px;} .contact-info a, .contact-social-link span.contact-social-link--value{text-decoration: underline;} .contact-info{} .contact-info-group{width: 100%;float: left;position: relative;margin-bottom: 50px;} .contact-info-group:last-child{margin-bottom: 0;} .contact__maps{margin-bottom: 20px;} .contact__phone .contact_link{text-decoration: none;} .contact__socials{width: 100%;float: left;position: relative;} .contact-social-link{width: 100%;float: left;position: relative;display: flex;justify-content: flex-start;align-items: center;} .contact-social-link + .contact-social-link{margin-top: 5px;} .contact-social-link span{float: left;} .contact-social-link span.contact-social-link--icon{width: 15px;margin-right: 10px;display: flex;justify-content: center;align-items: center;} .contact-form{} .contact-form p{margin-bottom: 25px;} .contact-form textarea{width: 100%;min-width: 100%;max-width: 100%;height: 110px;min-height: 110px;max-height: 220px;} .contact-form .form-row--buttons{justify-content: flex-end;} .contact-form button{width: 100%;max-width: 200px;text-transform: uppercase;} /************************************************************************************************************* ***** WOOCOMMERCE ********************************************************************************************* **************************************************************************************************************/ /* * * ### WOOCOMMECRE - MY CART * */ .wc__title, #wc_cart__header, #wc_cart__body, #wc_cart__body .wc_cart__grid, #wc_cart__body .wc_cart_grid__header, #wc_cart__body .wc_cart_grid__body, #wc_cart__body .wc_cart_grid__footer, #wc_cart__body .wc_cart__item, #wc_cart__footer{width: 100%;float: left;position: relative;} #wc_cart__body .wc_cart_grid__header{position: sticky;top: var(--height-menu-sticky);z-index: 10;background-color: white;} #wc_cart__body .wc_cart_grid__footer{z-index: 11;background-color: white;} #wc_cart__body, #wc_cart__footer{margin-top: 30px;} .wc__title{margin-bottom: 45px;} /* -- MY CART: BODY */ /* -- -- Cart Grid */ .cart_td{display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap;padding: 15px 8px;gap: 8px;} .cart_td .wc_product_titles{display: none;} .cart_td.product-remove{justify-content: center;} .cart_td.product-remove a{display: flex;padding: 10px;opacity: 0.5;transition: var(--trans);} .cart_td.product-remove a:hover{opacity: 1;} .cart_td.product-name a:hover{text-decoration: underline;} .cart_td.product-quantity input{max-width: 100px;padding-right: 10px;text-align: center;} /* [B2B] Cart */ .cart_td{padding:8px;} .cart_td.product-thumbnail img{width:50px;height:50px;} .cart_td.product-quantity input{padding-block:10px;} .cart_td a.remove.bag-remove-item.remove_from_cart_button img {width: 14px;} .wc_cart_grid__header, .wc_cart__item{border-bottom: 1px solid var(--color-border);display: grid;grid-gap: 0;grid-template-columns: 0.5fr 1fr 1.5fr repeat(3, 1fr);} /* 6fr */ .wc_cart__item:last-child, .wc_cart__item:only-child{border-bottom: 0;} .wc_cart_grid__header{} .wc_cart_grid__header label{text-transform: none;font-size: var(--font-size-text);line-height: var(--font-lh-body);letter-spacing: var(--font-ls-medium);} .wc_cart_grid__footer{padding-top: 20px;border-top: 1px solid var(--color-border);display: flex;justify-content: space-between;align-items: center;} .wc_cart_grid__footer .coupon{display: flex;align-items: stretch;} .wc_cart_grid__footer input{width: auto;height: auto;min-height: var(--height-input);margin-right: 10px;} /* -- MY CART: FOOTER */ #wc_cart__footer{display: flex;justify-content: flex-end;} .cart-collaterals{width: 100%;max-width: 460px;} .cart_totals label.cart_totals_title{width: 100%;float: left;padding: 15px 0px;margin-bottom: 15px;position: relative;border-bottom: 1px solid var(--color-border);} .cart_totals .cart_totals__grid{width: 100%;float: left;position: relative;padding: 40px 30px;background-color: var(--color-background-dark);display: grid;grid-gap: 30px;grid-template-columns: 1fr;} .cart_totals__grid .cart-subtotal, .cart_totals__grid .woocommerce-shipping-totals, .cart_totals__grid .order-total{width: 100%;float: left;position: relative;display: grid;grid-gap: 30px;grid-template-columns: 1fr 2fr;} .cart_totals__grid .cart_totals__head, .cart_totals__grid .cart_totals__data{width: 100%;float: left;position: relative;} .cart_totals__grid #shipping_method li{width: 100%;float: left;margin-bottom: 10px;} #wc_order_shipping .cart_td.cart-shipping-title{align-items: flex-start;} #wc_cart .cart_td.cart-shipping-title, #wc_cart .cart_td.cart-shipping-value{padding: 0;} .woocommerce-shipping-totals label{width: 100%;float: left;position: relative;text-transform: none;font-family: var(--font-family-400);font-size: var(--font-size-text);line-height: var(--font-lg-body);letter-spacing: var(--font-ls-medium);margin-bottom: 3px;} .woocommerce-shipping-totals label .woocommerce-shipping-methods__text{width: auto;float: left;} /*.woocommerce-shipping-totals label .woocommerce-Price-amount{margin-left: 3px;}*/ .woocommerce-shipping-calculator{width: 100%;float: left;margin-top: 20px;} .woocommerce-shipping-calculator a.shipping-calculator-button{float: left;margin-bottom: 10px;text-decoration: underline;} .woocommerce-shipping-calculator section.shipping-calculator-form{padding: 0;/*height: 0;pointer-events: none;overflow: hidden;margin-top: 10px;transition: all 500ms ease-in-out;*/} .woocommerce-shipping-calculator.open section.shipping-calculator-form{/*height: 100px;*/margin-top: 20px;pointer-events: all;} .woocommerce-shipping-calculator button[name="calc_shipping"]{float: right;margin-top: 10px;padding: var(--padding-button-mini);} .cart_totals .wc-proceed-to-checkout{width: 100%;float: left;margin-top: 20px;display: flex;justify-content: flex-end;} /* -- Empty Cart */ .woocommerce-info.cart-empty, .return-to-shop{width: 100%;height: auto;float: left;margin-top: 0;padding: 30px;background-color: var(--color-background-dark);display: flex;flex-wrap: wrap;align-items: center;} .woocommerce-message + .woocommerce-info.cart-empty{margin-top: 15px;} .woocommerce-info.cart-empty{padding-bottom: 15px;} .return-to-shop{padding-top: 15px;} .return-to-shop a{position: relative;float: left;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;padding: var(--padding-button);border: 1px solid;transition: var(--trans);cursor: pointer;background-color: var(--color-primary);color: var(--color-secondary);} /* * * ### WOOCOMMECRE - CHECKOUT * */ /* -- WooCommerce Info */ .woocommerce-form-login-toggle, .woocommerce-form-coupon-toggle{width: 100%;float: left;margin-bottom: 10px;} /* -- WC Checkout Errors */ form#wc_checkout__form{width: 100%;float: left;position: relative;margin-top: 40px;display: grid;grid-gap: 55px;grid-template-columns: repeat(2, 1fr);} form#wc_checkout__form .woocommerce-NoticeGroup-checkout{grid-column: auto/span 2;grid-row: auto/span 1;-ms-grid-column-span: 2;-ms-grid-row-span: 1;} form#wc_checkout__form .woocommerce-NoticeGroup-checkout .woocommerce-error{flex-wrap: wrap;} form#wc_checkout__form .woocommerce-NoticeGroup-checkout .woocommerce-error li{width: 100%;float: left;position: relative;margin-bottom: 10px;} form#wc_checkout__form .woocommerce-NoticeGroup-checkout .woocommerce-error li:last-child{margin-bottom: 0px;} /* -- WC Billing Details */ #different_address, #ship-to-different-address, .woocommerce-account-fields{width: 100%;float: left;position: relative;margin-top: 40px;} #different_address label, #ship-to-different-address label, .woocommerce-account-fields label{font-family: var(--font-family-400);font-size: var(--font-size-text);line-height: var(--font-lh-body);letter-spacing: var(--font-ls-medium);text-transform: none;} .woocommerce-account-fields .create-account label{float: left;margin-bottom: 5px;cursor: pointer;} #form--shipping{width: 100%;float: left;position: relative;margin-bottom: 40px;display: none;} #form--shipping.open{display: block;} .woocommerce-shipping-fields__field-wrapper {width: 100%;float: left;position: relative;margin-top: 40px;} #order_notes{width: 100%;float: left;position: relative;margin-top: 40px;padding-top: 40px;border-top: 1px solid var(--color-border);} #order_notes textarea{min-width: 100%;max-width: 600px;min-height: 100px;max-height: 100px;border: 1px solid var(--color-border-input);padding: var(--padding-input);} /* -- WC Order Details */ /* -- -- Order Review */ #order_review{width: 100%;float: left;position: relative;margin-bottom: 20px;} #order_review .woocommerce-checkout-review-order-table{width: 100%;float: left;position: relative;background-color: var(--color-background-dark);padding: 25px 22px;}/* 40 = 25 + 15.cart_td, 30 = 22 + 8.cart_td */ #order_review .wc_order_details__grid{display: grid;grid-gap: 0px;grid-template-columns: 1fr 1fr;} #order_review .wc_order__row{width: 100%;float: left;position: relative;border-bottom: 1px solid var(--color-border);} #order_review .wc_order__row:last-child{border-color:transparent;} #wc_order__header .product-name, #wc_order__header .product-total, #wc_order__footer .cart-subtotal-title, #wc_order__footer .cart-subtotal-value, #wc_order__footer .cart-shipping-title, #wc_order__footer .woocommerce-shipping-methods label, #wc_order__footer .cart-total-title, #wc_order__footer .cart-total-value{font-family: var(--font-family-500);} #wc_order__body .wc_order__item:last-child{border-bottom: 0;} #wc_order__footer .cart-shipping-title {display: flex;align-items: flex-start;} #wc_order__footer .woocommerce-shipping-methods li{float: left;} #wc_order__footer .woocommerce-shipping-methods li + li{margin-top: 5px;} #wc_order__footer #wc_order_total{border-bottom: 0;} /* -- -- Payment */ #payment{padding-top: 20px;} #payment.woocommerce-checkout-payment, #payment ul.wc_payment_methods, #payment .woocommerce-terms-and-conditions-wrapper, #payment .woocommerce-privacy-policy-text{width: 100%;float: left;position: relative;} #payment ul.wc_payment_methods li{margin-bottom: 30px;} #payment ul.wc_payment_methods li.payment_method_paypal a, #payment ul.wc_payment_methods li.payment_method_paypal img{display: none;} #payment ul.wc_payment_methods li:last-child{margin-bottom: 0px;} #payment ul.wc_payment_methods li .payment_box{display: none;} #payment .form-row.place-order{margin-top: 30px;} #payment .wc_payment_methods, #payment .woocommerce-terms-and-conditions-wrapper{padding: 0px 20px;} #payment .woocommerce-privacy-policy-text{margin-top: 40px; margin-bottom: 20px;} #payment .woocommerce-privacy-policy-text, #payment .woocommerce-form__label-for-checkbox{font-family: var(--font-family-400);font-size: var(--font-size-small);text-transform: none;} #payment .woocommerce-terms-and-conditions-checkbox-text {width: calc(100% - 24px);} #payment .woocommerce-privacy-policy-text a, #payment .woocommerce-terms-and-conditions-checkbox-text a{font-size: var(--font-size-small);text-transform: none;text-decoration: underline;} #payment .payment_box{margin-top: 10px;margin-left: 25px;padding: 20px;background-color: var(--color-background);word-break: break-word;} #payment .input-checkbox span.required{display: none;} #payment button#place_order{width: 100%;float: left;position: relative;margin-top: 40px;font-size: var(--font-size-btn);font-family: var(--font-family-500);line-height: var(--font-lh-nomral);letter-spacing: var(--font-ls-big);} #payment button#place_order:hover{background-color: var(--color-accent-hover);} /* -- Checkout - Extra Forms */ form.woocommerce-form.woocommerce-form-login.login, form.checkout_coupon.woocommerce-form-coupon {width: 100%;max-width: 500px;float: left;margin-top: 15px;margin-bottom: 45px;padding: 15px;background-color: var(--color-background);} form.woocommerce-form.woocommerce-form-login.login .btn, form.checkout_coupon.woocommerce-form-coupon .btn{font-size: var(--font-size-btn);font-family: var(--font-family-500);line-height: var(--font-lh-nomral);letter-spacing: var(--font-ls-big);} /* -- WC Checkout - Returning Customer */ #checkout_login_form .form-row{display: flex;justify-content: space-between;align-items: center;} #checkout_login_form .input-checkbox{width: auto;} form.woocommerce-form.woocommerce-form-login.login .lost_password{width: 100%;float: left;margin-top: 20px;} /* -- WC Checkout - Apply Coupon */ /* -- WC Thank you Page */ .woocommerce-order{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 15px;} .woocommerce-order section{padding: 0px;} .woocommerce-order .woocommerce-order-details, .woocommerce-order .woocommerce-customer-details{padding: 30px;background-color: var(--color-background-dark);} /* ---- "Head" */ .woocommerce-order p.woocommerce-thankyou-order-received, #secondary_content .woocommerce-order ul.woocommerce-thankyou-order-details, #secondary_content .woocommerce-order ul.woocommerce-thankyou-order-details + p{grid-column: auto/span 2;grid-row: auto/span 1;-ms-grid-column-span: 2;-ms-grid-row-span: 1;} .woocommerce-order p.woocommerce-thankyou-order-received{ background-color: black; color: white; padding: 30px; font-size: var(--font-size-h3); } #secondary_content .woocommerce-order ul.woocommerce-thankyou-order-details{margin-left: 0;margin-bottom: 20px;} #secondary_content ul.order_details + p {width: 100%;float: left;margin: 20px 10px;} .woocommerce-table--order-details, .woocommerce-table--order-details thead, .woocommerce-table--order-details tbody, .woocommerce-table--order-details tfoot, .woocommerce-table--order-details thead tr, .woocommerce-table--order-details tbody tr, .woocommerce-table--order-details tfoot tr, .woocommerce-table--order-details tbody .wc-item-meta, .woocommerce-table--order-details tbody .woocommerce-table__line-item.order_item{width: 100%;float: left;position: relative;} #secondary_content .woocommerce-order-details h2.woocommerce-order-details__title, #secondary_content .woocommerce-customer-details h2.woocommerce-column__title{margin-top: 0px;margin-bottom: 15px;} .woocommerce-table--order-details .woocommerce-table__line-item.order_item{margin-bottom: 15px;} .woocommerce-table--order-details .woocommerce-table__line-item.order_item:last-child, .woocommerce-table--order-details .woocommerce-table__line-item.order_item:only-child{margin-bottom: 0px;} #secondary_content .woocommerce-table--order-details .wc-item-meta{margin-left: 0;margin-top: 5px;} #secondary_content .woocommerce-table--order-details .wc-item-meta li{width: 100%; float: left; display: inline-flex;justify-content: flex-start;align-items: center;} #secondary_content .woocommerce-table--order-details .wc-item-meta .wc-item-meta-label{font-family: var(--font-family-400);font-weight: 400; margin-right: 5px;} /* ---- Order Details */ .woocommerce-order-details{} .woocommerce-table--order-details{display: flex;flex-wrap: wrap;} .woocommerce-table--order-details thead{margin-bottom: 15px;} .woocommerce-table--order-details thead tr, .woocommerce-table--order-details tbody tr{display: grid;grid-template-columns: 4fr 1fr;grid-gap: 15px;} .woocommerce-table--order-details thead tr th.product-total, .woocommerce-table--order-details tbody tr td.product-total span, .woocommerce-table--order-details tfoot tr td{text-align: right;float: right;} .woocommerce-table--order-details thead tr th, .woocommerce-table--order-details tfoot tr th{text-align: left;} .woocommerce-table--order-details tfoot{margin-top: 40px;} .woocommerce-table--order-details tfoot tr{display: grid;grid-template-columns: 1fr 2fr;grid-gap: 15px;margin-bottom: 10px;} .woocommerce-table--order-details tfoot tr:last-child{margin-bottom: 0px;margin-top: 20px;} .woocommerce-table--order-details tfoot tr:last-child .woocommerce-Price-amount.amount{font-family: var(--font-family-500);font-size: calc(var(--font-size-text) * 1.1);} /* ---- Customer Details */ .woocommerce-customer-details{} .woocommerce-columns--addresses{display: grid;grid-template-columns: repeat(1, 1fr);grid-gap: 15px;} .woocommerce-columns--addresses .woocommerce-column--billing-address, .woocommerce-columns--addresses .woocommerce-column--shipping-address{width: 100%;max-width: 100%;padding: 0;} .woocommerce-columns--addresses .woocommerce-column--shipping-address{margin-top: 20px;} /************************************************************************************************************* ************************************************************************************************************** ***** MEDIA QUERIES ***************************************************************************************** ************************************************************************************************************** **************************************************************************************************************/ @media(max-width: 991px){ /* * * ### GLOBAL * */ /* -- Slick slider */ #homepage_tabs .tabs__content .archive-product, #related-products .archive-product, #single_post .archive-product{width: 70vw;max-width: 280px;} #related-products-slider, .article-slider{padding-left: 20px;} /* * * ### HOMEPAGE * */ /* -- Homepage - Hero Slider */ #homepage-hero-slider .homepage-hero__wrapper{align-items: flex-end;} #homepage-hero-slider .homepage-hero__info{padding-bottom: 72px;} #homepage-hero-slider .homepage-hero__img img, #homepage-hero-slider .homepage-hero__img video{height: 100%;object-fit: cover;} /* -- Homepage - Tabs Section */ #homepage_tabs{padding: var(--padding-section);padding-bottom: 25px;} #homepage_tabs .container-fluid{padding-right: 0;} #homepage_tabs .container-fluid .row{margin-right: 0;} #homepage_tabs .container-fluid .row .col-12{padding-right: 0;} #homepage_tabs ul.tabs__navigators{justify-content: flex-start;overflow: auto;margin-bottom: 0;} #homepage_tabs ul.tabs__navigators li{white-space: nowrap;padding-bottom: 0px;margin-bottom: 10px;} #homepage_tabs .tabs__navigators li a.tab__link{padding: 10px;font-size: var(--font-size-tiny);} #homepage_tabs .tabs__content{padding-top: 30px;padding-bottom: 0;} #homepage_tabs .home_empty_recently, #homepage_tabs .home_empty_wishlist {width: calc(100vw - 40px);} /* -- Homepage - News Section */ #homepage_news{padding: var(--padding-section);padding-bottom: 100px;} #homepage_news #homepage-news-slider{padding: 0;} #homepage-news-slider .slick-dots{position: absolute;top: 100%;margin-top: 25px;} #homepage-news-slider .slick-dots li.slick-active button{background-color: var(--color-primary);} /* -- Homepage - Promo Section */ #homepage-promo-slider .homepage-promo__wrapper{align-items: flex-end;} #homepage-promo-slider .homepage-promo__info{padding-bottom: 55px;} #homepage-promo-slider .homepage-promo__img img, #homepage-promo-slider .homepage-promo__img video{height: 100%;object-fit: cover;} #homepage-promo-slider .homepage-promo__info p{max-width: 100%;} /* -- Homepage - Promo Slider */ #homepage-promo-slider .homepage-promo-slide{height: var(--height-slider);} /* -- Homepage - Promo Slider */ #homepage-promo-slider .homepage-promo__img img, #homepage-promo-slider .homepage-promo__img video, #homepage-promo-slider .homepage-promo__img iframe{width: 100%;height: var(--height-slider);object-fit: cover;} /* -- Homepage - Product Categories */ #homepage_prod_categories{padding: var(--padding-section);} #homepage_prod_categories .section-header{margin-bottom: 30px;} #homepage_prod_categories .archive-category__bottom{padding: 13px 20px;} /* -- Homepage - Banner Section */ #homepage_banner, #homepage_banner .container{padding: 0;} #homepage_banner .container .row{margin-left: 0;margin-right: 0;} /*#homepage_banner .homepage-banner__img{padding: 0;}*/ #homepage_banner .homepage-banner__info{padding: 40px 20px;} /* -- Homepage - Newsletter */ #homepage_newsletter{padding-top: 35px;} #homepage_newsletter .input--inline, #homepage_newsletter .newsletter-helper-text{ max-width: calc(100vw - 40px); } /* * * ### SHOP PAGE * */ /* -- Shop page - Header */ .listing-page-hero{min-height: 0;align-items: flex-end;padding-bottom: 0;} .listing-page__header{position: relative;} .listing-page__info{max-width: 100%;} .listing-page__info h1{margin-bottom: 20px;} .listing-page__info h3.subtitle-effect{padding-bottom: 15px;} .listing-page__info p{width: 100vw;background: white;padding: 15px 20px;margin-left: -20px;} /* -- Shop page - Main */ .listing-page-main{padding-top: 15px;} /* -- -- Shop page - Filter - Filters */ #products-filters{top: 60px;} #listing-page__filters{padding: 20px 0px;} #listing-page__filters{display: grid;grid-template-columns: repeat(2, 1fr);} /* -- -- Shop page - Filter - Sorting */ /* -- Listing Page - Main */ #listing-page__filters .sorting{display: flex;justify-content: flex-end;} #listing-page__filters .sorting label{display: none;} #listing-page__filters .sorting select{max-width: 50vw;margin: 0;} /* -- -- Shop page - Archive Products Grid */ #products-grid .col-12{padding-left: 0;padding-right: 0;} /* * * ### SINGLE PRODUCT PAGE * */ #single-product-main{padding-top: 0px;} #single-product__images-carousel{width: 100vw;padding: 0;padding-bottom: 35px;overflow: hidden;} #single-product__images-carousel-slider .slick-list {/*margin: 0 -7px;*/} #single-product__images-carousel-slider picture{/*position: relative;margin: 0px 7px;*/display: flex;align-items: center;height: 100vw;} #single-product__images-carousel-slider .slick-dots{top: 100%;height: 35px;margin: 0;display: flex;align-items: center;justify-content: center;} #single-product__main{padding-left: 20px;} #single-product__main .breadcrumb{margin-top:15px;} #single-product__main .single-product__info{padding-top:15px;padding-bottom: 0;} #single-product__options .single-product__attribute select, #single-product__buttons .single-product__button{max-width: 500px;} #single-product__options{grid-template-columns: repeat(1, 1fr);} #single-product__options .single-product__attribute .wcpa_form_item{display: grid;grid-template-columns: 1fr 3fr;} #single-product__size-guide{margin-top: 15px;} #single-product__buttons{grid-template-columns: repeat(1, 1fr);margin:30px 0 50px;} #single-product-collection{margin-top: 70px;} #single-product-collection__grid{width: calc(100% + 40px);margin-left: -20px;margin-right: -20px;} #related-products{padding-top: 0;} #related-products .container-fluid{padding-right: 0;} #related-products .container-fluid .row{margin-right: 0;} #related-products-wrapper{padding: 0;} /*#related-products-wrapper .slick-list{padding-left: 20px;}*/ /* * * ### SECONDARY PAGES - Terms of use, Privacy policy, etc. * */ /* -- Secondary Main */ section#secondary_main{padding: 20px 0px 40px;} /* * * ### STORES * */ section#stores{padding: 35px 0px;} #stores_grid{grid-template-columns: repeat(1, 1fr);} .store-item__info{padding: 35px 0px;} .store-item__info .store-item__town p{font-size: var(--font-size-tiny);} .store-item__info .store-item__phones{margin-bottom: 15px;} /* * * ### BLOG STORIES * */ section#stories{padding-top: 35px;padding-bottom: 40px;} .stories-grid {grid-template-columns: repeat(1, 1fr);grid-gap: 20px;} /* * * ### SINGLE BLOG PAGE * */ article#single_post{padding-top:0;} article#single_post .container{} #single_post_header{padding: 30px 20px 25px;padding: var(--padding-sec-header);} #single_post_header .social-share{display: none;} #single_post_header .single_post_header__title, #single_post_header .single_post_header__subtitle, #single_post_header .single_post_header__effect{text-align: left;justify-content: flex-start;} #single_post_header + .component{padding-top: 5px;} .component{padding: 20px 0px;} .component--text{padding-left: 20px;padding-right: 20px;} .component--slider .container-fluid{padding-right: 0;padding-left: 0;} .component--slider .slick-slide.archive-product:first-child{margin-left: 0;} #single_post_footer{padding: 0 20px;} #single_post_footer .social-share{margin-top: 0;} #article-pager{margin-top: 60px;grid-template-columns: 1fr;} .article-pager-link + .article-pager-link{border: 0;border-top: 1px solid var(--color-border);} #article-link--prev, #article-link--next{padding: 30px 0px;} .article-pager__excerpt{min-height: 0;} /* * * ### BECOME A PARTNER PAGE * */ section#become_partner{padding-top: 35px} #become_partner #my-account__intro p{margin-top: 0;} #become_partner .form-row--buttons button{width: 100%;max-width: 385px;} /* * * ### ABOUT THE BRAND PAGE * */ #brand__image, #brand__split{padding-left: 0;padding-right: 0;} .brand_descpription{padding: 0;} .brand_h2.subtitle-effect{margin-bottom: 25px;} #brand__main, #brand__image, .brand__split__right .brand_descpription{padding-top: 0px;} #brand__image, #brand__split, .brand__split__right{padding-bottom: 0px;} #brand__main_intro, #brand__collection, #brand__split, .brand__split__right, #brand__promo, #brand__promo_content{padding-top: 35px;} #brand__main, #brand__main_intro, #brand__collection, #brand__promo, #brand__promo_content, #brand__promo_outro{padding-bottom: 35px;} #brand__promo-slider.slick-dots--overflow{padding-bottom: 75px;} #brand__image img, #brand__promo-slider .slick-slide.brand__promo-slide img{width: 100vw;object-fit: cover;} #brand__promo-slider .slick-slide.brand__promo-slide, #brand__promo-slider .slick-slide.brand__promo-slide img, #brand__image img, .brand__split__left{height: 40vh;min-height: 200px;max-height: 300px;} #brand__promo_image{height: 80vh;min-height: 400px;max-height: 600px;} #brand__promo_outro{margin-top: 0px;margin-bottom: 0px;} .brand_h1, .brand_h2, .brand_descpription {justify-content: flex-start;text-align: left;} .brand_h2.subtitle-effect:before{left: 0;transform: translateX(0);} .brand__split_group{display: flex;flex-wrap: wrap;} .brand__split__left{order: 1;} .brand__split__right{order: 2;padding-left: 20px;padding-right: 20px;} #brand__promo-slider .slick-slide.brand__promo-slide{margin: 0px;width: calc(100vw - 38px);width: 100vw;} /* * * ### CONTACT PAGE * */ #contact{padding-top: 35px;} .contact-info{} .contact-info-group{width: 100%;float: left;position: relative;margin-bottom: 50px;} .contact-col + .contact-col{margin-top: 70px;} .contact-form .form-row--buttons{justify-content: center;} .contact-form button{width: 100%;max-width: 385px;} /************************************************************************************************************* ***** WOOCOMMERCE ********************************************************************************************* **************************************************************************************************************/ .wc__title {margin-bottom: 30px;} /* * * ### WOOCOMMECRE - MY CART * */ .wc_cart_grid__header{display: none;} .wc_cart_grid__body{display: flex;justify-content: center;flex-wrap: wrap;} .wc_cart__item{max-width: 500px;padding-bottom: 20px;border-bottom: 1px solid var(--color-border);display: grid;grid-gap: 0;grid-template-columns: repeat(1, 1fr);} .wc_cart__item + .wc_cart__item{margin-top: 20px;} .wc_cart__item .cart_td{padding: 10px 0;} .wc_cart__item .cart_td .wc_product_titles, .wc_cart__item .cart_td .wc_product_data{width: 50%;display: flex;justify-content: flex-start;align-items: center;} .wc_cart__item .cart_td .wc_product_titles{width: 40%;} .wc_cart__item .cart_td .wc_product_data{width: 60%;} .wc_cart__item .cart_td .wc_product_titles{display: block;font-family: var(--font-family-500);} .wc_cart__item .cart_td .wc_product_data{justify-content: flex-end;} .wc_cart__item .cart_td.product-remove {position: absolute;top: 0px;right: 0;padding: 0;} .wc_cart__item .cart_td.product-thumbnail{justify-content: center;} .wc_cart__item .cart_td.product-thumbnail img{width: 144px;height: 144px;margin-bottom: 10px;} .wc_cart__item .cart_td.product-quantity input{padding-right: 20px;} .wc_cart_grid__footer{flex-wrap: wrap;padding-top: 0px;} .wc_cart_grid__footer .coupon input, .wc_cart_grid__footer .coupon button, .wc_cart_grid__footer .update_cart button{width: 100%;height: 56px;} .wc_cart_grid__footer .coupon, .wc_cart_grid__footer .update_cart{width: 100%;float: left;margin-top: 30px;} .wc_cart_grid__footer .update_cart{margin-top: 30px;} .cart_totals .cart_totals__grid{padding: 30px 20px;grid-gap: 20px;} .woocommerce-shipping-calculator button[name="calc_shipping"]{width: 100%;} /* -- Empty Cart */ .woocommerce-info.cart-empty, .return-to-shop{padding:20px;} .woocommerce-info.cart-empty{padding-bottom: 10px;} .return-to-shop{padding-top:10px;} /* * * ### WOOCOMMECRE - CHECKOUT * */ form#wc_checkout__form{grid-template-columns: 1fr;grid-gap: 40px;} #order_review .cart_td:first-of-type {padding-left: 0;} #order_review .cart_td:last-of-type {padding-right: 0;} /* Alternative */ #order_review .wc_order_details__grid{grid-template-columns: 2fr 1fr;} #order_review .cart_td:last-of-type{justify-content: flex-end;} #order_review #wc_order_shipping{grid-template-columns: 1fr;} #order_review #wc_order_shipping .cart_td{padding-left: 0;padding-right: 0;} #order_review #wc_order_shipping .cart-shipping-title{padding-bottom: 10px;} #order_review #wc_order_shipping .cart-shipping-value{padding-top: 5px;} /* -- WC Thank you Page */ .woocommerce-order{grid-template-columns: 1fr;} .woocommerce-order p.woocommerce-thankyou-order-received, #secondary_content .woocommerce-order ul.woocommerce-thankyou-order-details, #secondary_content .woocommerce-order ul.woocommerce-thankyou-order-details + p{grid-column: auto/span 1;grid-row: auto/span 1;-ms-grid-column-span: 1;-ms-grid-row-span: 1;} .woocommerce-table--order-details thead tr, .woocommerce-table--order-details tbody tr{grid-template-columns: 2.5fr 1fr;} } @media(min-width: 992px) and (max-width: 1199px){ #wc_cart__body .wc_cart_grid__header{ top: 64px; } } @media(min-width: 1200px){ #products-filters{top: var(--height-menu);top: 100px;} #products-filters{width: 100%;} #products-filters.row{margin: 0 auto;} #products-filters.row .col-12{padding-left: 0;padding-right: 0;} } /********************************************************************************/ /* LANDING PAGE [B2B] ***********************************************************/ /********************************************************************************/ /* -- Landing Hero Section */ #landing_hero{width: 100%;position: relative;padding: 0;} #landing_hero .landing_hero__background{display: flex;} #landing_hero .landing_hero__background_image{width: 100%;height: 800px;} #landing_hero .landing_hero__background_image img{width: 100%;height: 100%;object-fit: cover;object-position: top;} #landing_hero .landing_hero__box{width: 100%;max-width: 780px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);padding: 75px;background-color: white;} #landing_hero .landing_hero__box_description{ width: 100%; max-width: 465px; margin-inline: auto; margin-bottom: 30px; font-family: var(--font-family-400); font-size: 18px; text-align: center; } #landing_hero .landing_hero__box_buttons{display: flex;justify-content: center;align-items: center;gap: 15px;flex-wrap: wrap;} #landing_hero .landing_hero__box_buttons a{min-width: 220px;} /* -- Landing Main */ #landing_main{background-color: var(--color-background);} #landing_main .landing_main__image{width: 100%;display: flex;justify-content: center;align-items: center;} #landing_main .landing_main__image img{max-height: 625px;} #landing_main .landing_main__info{ height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } #landing_main .landing_main__info_group{ width: 100%; max-width: 555px; } #landing_main .landing_main__info_group .subtitle-effect{ margin-bottom: 25px; } #landing_main .landing_main__info__buttons{ margin-top: 30px; display: flex; flex-wrap: wrap; gap: 15px; } /* -- Landing Body */ body.header-no-navigation{ --height-header: 100px; --height-menu: 100px; --height-menu-sticky: 100px; --height-header-diff: calc(var(--height-header) - var(--height-menu-sticky)); padding-top: 120px; padding-top: var(--height-header); } /* -- Landing Header */ header#b2b_header{} header#b2b_header .header-center{align-items: center;} header#b2b_header .header-center .logo{margin-top: 0;} header#b2b_header.sticky{top: 0;} header#b2b_header.sticky .navigation-preferences {padding-top: var(--padding-menu-t);} /* -- Landing Footer */ footer#b2b_footer{} footer#b2b_footer .container-fluid{padding: 0} footer#b2b_footer .footer__main{padding: 38px 50px;background-color: white;} footer#b2b_footer .footer__bottom{padding: 28px 50px;} footer#b2b_footer .footer__main, footer#b2b_footer .footer__main a{font-size: var(--font-size-text);color: var(--color-primary);} footer#b2b_footer .footer__main a{display: flex;} footer#b2b_footer .footer__main .footer__row{display: flex;justify-content: space-between;} footer#b2b_footer .footer__part{display: flex;align-items: center;gap: 20px;} footer#b2b_footer .footer__part_contact{gap: 84px;} @media(max-width: 991px){ #landing_hero{padding-bottom: 30px;} #landing_hero .landing_hero__background_image{height: 400px;} #landing_hero .landing_hero__box{position: relative;padding: 30px;} #landing_hero .landing_hero__box_buttons a{min-width: 150px;} #landing_main .landing_column + .landing_column{padding-top: 25px;} /* -- Landing Body */ body.header-no-navigation{ --height-header: 60px; --height-menu: 60px; --height-menu-sticky: 50px; } /* -- Landing Header */ header#b2b_header .navigation-preferences{ align-items: center; justify-content: flex-end; } header#b2b_header .navigation-preferences, header#b2b_header.sticky .navigation-preferences{ padding-top: 0; } /* -- Landing Footer */ footer#b2b_footer {padding-inline: 0;} footer#b2b_footer li + li, footer div + div {margin-top: 0px;} footer#b2b_footer .footer__main, footer#b2b_footer .footer__bottom{padding: 20px;} footer#b2b_footer .footer__part, footer#b2b_footer .footer__part_contact{gap: 20px;} footer#b2b_footer .footer__main .footer__row{ flex-wrap: wrap; gap: 10px; } } /********************************************************************************/ /* SIGN IN/UP PAGE [B2B] ***********************************************************/ /********************************************************************************/ section#b2b_signin{ --form-size:400px; padding-block:140px; } .b2b_signin__image{width: 100%;display: flex;justify-content: center;align-items: center;position:sticky;top:100px;} .b2b_signin__image img{max-height: 680px;} .b2b__form{width: 100%;display: flex;flex-wrap: wrap;justify-content: center;} .b2b__form .b2b__form_group{max-width: var(--form-size);display: flex;flex-direction: column;align-items: center;} .b2b__form .b2b__form_header{float:left;display: flex;flex-direction: column;align-items: center;} .b2b__form .b2b__form_header h1{margin-bottom: 10px;} .b2b__form .b2b__form_header h3.subtitle-effect{margin-bottom: 40px;} .b2b__form .b2b__form_header h3.subtitle-effect:before{left:50%;transform: translateX(-50%);} .b2b__form .b2b__form_header p{max-width:300px;text-align: center;margin-bottom: 20px;} .b2b__form form.woocommerce-form.woocommerce-form-login.login{background-color:white;margin:0;padding: 0;} .b2b__form .form-row--buttons{flex-direction: column;gap:15px;margin-top: 40px;align-items: center;} .b2b__form .form-row--buttons button, .b2b__form .form-row--buttons a{width:100%;max-width: var(--form-size);text-align: center;padding:20px;} .b2b__form .link{color: var(--color-grey-light);text-decoration: underline;} .b2b__form .link:hover, .b2b__form .link:focus{color: var(--color-primary);} #b2b_signin .input-phone .input-group {display: grid;grid-template-columns: 1fr 3fr;} #b2b_signin .input-checkbox{margin-top: 20px;} #b2b_signin .form-row label span a{font-size:var(--font-size-tiny);text-decoration: underline;} @media(max-width: 991px){ section#b2b_signin{padding-block:50px;} .b2b_signin__image img{width:100%;max-height: 150px;object-fit: cover;} .b2b__form{margin-top: 30px;} } /********************************************************************************/ /* SINGLE PRODUCT [B2B] *********************************************************/ /********************************************************************************/ del.original-computed-price{color:var(--color-grey-light);} del.original-computed-price + .wholesale_price_container{margin-left:10px;} .wholesale_price_container{display:inline-block !important;} .wholesale_price_container ins{text-decoration:none;} /********************************************************************************/ /* CHECKOUT [B2B] ***************************************************************/ /********************************************************************************/ .awcdp-deposits-wrapper .awcdp-deposits-option{width:100% !important;border-radius:0px !important;margin-bottom:0 !important;margin-top:20px !important;} .awcdp-deposits-wrapper input[type="radio"]:checked + label:before, .awcdp-deposits-wrapper input[type="radio"]:not(:checked) + label:before { content: '' !important;position: absolute !important;left: 0 !important;top: 0 !important;width: 14px !important;height: 14px !important; border: 1px solid var(--color-primary) !important;border-radius: 100% !important;background: transparent !important; } .awcdp-deposits-wrapper .awcdp-deposits-option .awcdp-radio .awcdp-deposit-radio+.awcdp-radio-label{font-size:13px !important;} .awcdp-deposits-wrapper .awcdp-deposits-option .awcdp-radio .awcdp-deposits-description{padding-left: 24px !important;margin-top:5px !important;} /**************************/ /* PENDING APPROVAL *******/ /**************************/ .approval_page__image{margin-bottom:50px;} .approval_page__image img{width:100%;height:300px;object-fit:cover;} #secondary_content .approval_page__content{margin-bottom:150px;} #secondary_content .approval_page__content h1, #secondary_content .approval_page__content h2{margin-bottom:10px;} @media(max-width:1024px){ #secondary_content .approval_page__content{margin-bottom:30px;} .approval_page__image{margin-bottom:25px;}.approval_page__image img{height:250px;} } #secondary_main #secondary_content {min-height: 250px;display: flex;flex-direction: column;} @media(max-width:1024px){#secondary_main #secondary_content {min-height:calc(100vh - 50px - 140px - 60px);}/* Header - Footer - Paddings */} @media(min-width:1025px){#secondary_main #secondary_content {min-height:calc(100vh - 100px - 170px - 140px);}/* Header - Footer - Paddings */} /*************************************/ /* MY ACCOUNT - SECOND PAYMENT *******/ /*************************************/ #secondary_content.second_payment{width:100%;max-width: 800px;margin-inline: auto;} #secondary_content.second_payment .shop_table{width:100%;text-align:left;} #secondary_content.second_payment .shop_table thead th.product-quantity{opacity:0;} #secondary_content.second_payment .shop_table tbody{display:block;margin-top:10px;} #secondary_content.second_payment ul.payment_methods.methods{margin-left:0;padding:0;list-style:none;} #secondary_content.second_payment ul.payment_methods.methods li{margin-bottom:10px;} #secondary_content.second_payment ul.payment_methods.methods li:before{content:unset;} #secondary_content.second_payment #payment .woocommerce-privacy-policy-text{margin-top:20px;} #secondary_content.second_payment form#order_review .woocommerce-terms-and-conditions{float: left;margin-bottom: 30px;} #secondary_content.second_payment form#order_review button[type="submit"]{max-width:400px;} .wcpa_form_item.wcpa_type_select{ display: flex; } .wcpa_form_outer .wcpa_form_item .select{ position: relative; width: 220px; }