/* * @theme AAP Theme * @theme_uri https://www.integritycommerce.com/ * @version 2.1.1 * @author Integrity Search * @author_uri https://www.integritysearch.co.uk/ * * Table of Contents * ----------------- * * 1.0 - Bootstrap General Overrides * 1.1 - Headings * 1.2 - Lists * 1.3 - Buttons * 1.4 - Forms * 1.5 - Tables * 1.6 - 5th Column * 1.7 - Modals * 2.0 - Site Header - Top * 3.0 - Site Header - Main * 4.0 - Site Header - Mobile * 5.0 - Components * 5.1 - Social Profiles * 5.2 - Store Icons * 5.3 - Contact Information * 5.4 - Brand Logo * 5.5 - Search Form * 5.6 - Strapline/Tagline * 5.7 - Breadcrumbs * 5.8 - Sidebars * 5.9 - Newsletter * 5.10 - Ajax Search * 5.11 - Ajax Cart * 5.12 - Swatches * 5.13 - Popup * 5.14 - Map * 5.15 - Video Background * 5.16 - Wishy * 6.0 - Sections * 6.1 - Section - Banner Grid * 6.2 - Section - Services * 6.3 - Section - Instagram Feed * 7.0 - Product - Overview * 8.0 - Product - Singular * 9.0 - Collections - Grid * 9.1 - Search Results * 10.0 - Collections - List * 11.0 - Shopping Cart * 12.0 - Blog - Overview * 13.0 - Blog - Singular * 14.0 - Login Page * 14.1 - Password Page * 15.0 - Account Overview * 16.0 - Site Footer * */ /* * 1.0 - Bootstrap General Overrides * */ .collection-title, #banner-1567087029788 .banner-title, .page-title, .product-new-template h1.product-title, #section-16085967504f42dee3 .section-title { font-family: var(--font-secondary) !important; text-transform: uppercase; } .sub-menu-item-title:before { display: none; } @media (max-width: 420px) { .product-thumbnail-custom { max-width: 90% !important; } .synergy_image_thumb { width: 93px !important; } span.custom-icon2 img { width: 30px; margin: -4px 3px !important; } } body { font-family: var(--font-primary); font-size: var(--font-size); font-weight: var(--font-weight); line-height: var(--line-height); color: var(--color-text); background-color: var(--color-background); transition: var(--transition); } @media(min-width: 1200px) { .container { max-width: var(--site-width); } } tr.row1 td { width: 85px; } strong { font-weight: var(--font-weight-bold); } p { margin: 0 0 var(--spc) 0; } a { color: var(--color-brand); transition: var(--transition); } a:hover, a:active { text-decoration: none; color: var(--color-brand); } @media (min-width: 520px){ .customer-account, .page.page-contact { margin-top: 0px !important; } } .shopify-challenge__container { margin-top: 200px; } /* * 1.1 - Headings * */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: var(--font-secondary); font-weight: var(--font-weight-secondary); text-transform: var(--text-transform); letter-spacing: var(--letter-spacing); margin: 0 0 var(--spc) 0; color: var(--color-heading); } h1 strong, .h1 strong, h2 strong, .h2 strong, h3 strong, .h3 strong, h4 strong, .h4 strong, h5 strong, .h5 strong, h6 strong, .h6 strong { font-weight: var(--font-weight-bold-secondary); } /* * 1.2 - Lists * */ ol li, ul li { line-height: var(--spc); } ol, ul { margin: 0 0 var(--spc) 0; } /* * 1.3 - Buttons * */ .btn { color: var(--color-text); border: 0; padding: 0 var(--spc); height: 40px; line-height: 40px; border-radius: 0; transition: var(--transition); font-family: var(--font-secondary); font-size: var(--font-size); font-weight: var(--font-weight-secondary); text-transform: var(--text-transform); letter-spacing: var(--letter-spacing); } @font-face { font-family: 'PalaceScriptMT'; src: url('PalaceScriptMT.eot'); src: url('PalaceScriptMT.eot?#iefix') format('embedded-opentype'), url('PalaceScriptMT.svg#PalaceScriptMT') format('svg'), url('PalaceScriptMT.ttf') format('truetype'), url('PalaceScriptMT.woff') format('woff'), url('PalaceScriptMT.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'E111Viva'; src: url('E111Viva.eot'); src: url('E111Viva.eot?#iefix') format('embedded-opentype'), url('E111Viva.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'English111VivaceBT-Regular'; src: url('English111VivaceBT-Regular.svg#English111VivaceBT-Regular') format('svg'), url('English111VivaceBT-Regular.ttf') format('truetype'), url('English111VivaceBT-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Zuerbig Regular'; src: url('Zuerbig Regular.eot'); src: url('Zuerbig Regular.eot?#iefix') format('embedded-opentype'), url('Zuerbig Regular.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Zuerbig'; src: url('Zuerbig.svg#Zuerbig') format('svg'), url('Zuerbig.ttf') format('truetype'), url('Zuerbig.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: '911Fonts.com_BookAntiquaRegular__-_911fonts.com_fonts_qu8k'; src: url('911Fonts.com_BookAntiquaRegular__-_911fonts.com_fonts_qu8k.eot'); src: url('911Fonts.com_BookAntiquaRegular__-_911fonts.com_fonts_qu8k.eot?#iefix') format('embedded-opentype'), url('911Fonts.com_BookAntiquaRegular__-_911fonts.com_fonts_qu8k.woff2') format('woff2'); font-weight: normal; font-style: italic; } @font-face { font-family: 'BookAntiqua'; src: url('BookAntiqua.svg#BookAntiqua') format('svg'), url('BookAntiqua.ttf') format('truetype'), url('BookAntiqua.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PresidentPlain'; src: url('PresidentPlain.svg#PresidentPlain') format('svg'), url('PresidentPlain.ttf') format('truetype'), url('PresidentPlain.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'presdntn'; src: url('presdntn.eot'); src: url('presdntn.eot?#iefix') format('embedded-opentype'), url('presdntn.woff2') format('woff2'); font-weight: normal; font-style: normal; } .btn-primary, .shopify-challenge__button.btn { color: #fff; background-color: var(--color-brand); } .btn-primary:hover, .btn-primary:active { background-color: var(--color-brand-darken); } .btn-secondary { color: #fff; background-color: var(--color-secondary); } .btn-secondary:hover, .btn-secondary:active { background-color: var(--color-secondary-darken); } .btn-xs { height: 24px; line-height: 24px; font-size: 64%; padding: 0 var(--spc-xs); } .btn-sm { height: 30px; line-height: 30px; font-size: 82%; padding: 0 var(--spc-sm); } .btn-lg { height: 52px; line-height: 52px; font-size: 128%; padding: 0 var(--spc-lg); } .btn-xl { height: 68px; line-height: 68px; font-size: 164%; padding: 0 var(--spc-xl); } .btn-custom-outline, .btn-custom-two-outline { border-width: 1px; border-style: solid; border-color: var(--color-brand); background-color: transparent; line-height: 38px; } .btn-custom-underline, .btn-custom-two-underline { border-width: 0 0 1px 0; border-style: solid; border-color: var(--color-brand); background-color: transparent; line-height: 38px; } .btn-xs.btn-custom-outline, .btn-xs.btn-custom-underline, .btn-xs.btn-custom-two-outline, .btn-xs.btn-custom-two-underline { line-height: 21px; } .btn-sm.btn-custom-outline, .btn-sm.btn-custom-underline, .btn-sm.btn-custom-two-outline, .btn-sm.btn-custom-two-underline { line-height: 27px; } .btn-lg.btn-custom-outline, .btn-lg.btn-custom-underline, .btn-lg.btn-custom-two-outline, .btn-lg.btn-custom-two-underline { line-height: 48px; } .btn-xl.btn-custom-outline, .btn-xl.btn-custom-underline, .btn-xl.btn-custom-two-outline, .btn-xl.btn-custom-two-underline { line-height: 60px; } .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle { background-color: var(--color-brand); } .btn:disabled, .btn.disabled { pointer-events: none; cursor: not-allowed; } .btn-primary.disabled, .btn-primary:disabled { background-color: var(--color-brand); } /* * 1.4 - Forms * */ label { font-family: var(--font-primary); font-weight: var(--font-weight); margin-bottom: var(--spc-sm); color: var(--color-heading); } .form-group { margin-bottom: 19px; } .form-control, .single-option-selector { height: 52px; padding: 0 var(--spc-sm); font-size: 16px; font-weight: var(--font-weight); line-height: 40px; color: var(--color-font); background-color: var(--color-background); border-color: var(--color-background-secondary); border-radius: 0; transition: var(--transition); } .form-control:focus, .single-option-selector:focus { color: var(--color-heading); background-color: var(--color-background); border-color: var(--color-background-secondary-darken); } .form-control-lg { height: 50px; line-height: 50px; } .shopify-currency-form select { height: 30px; font-size: 14px; font-weight: var(--font-weight); line-height: 30px; background: transparent; border: 0; padding: 0 var(--spc-xs); } .errors ul { list-style: none; padding: var(--spc-sm); margin: 0 0 var(--spc) 0; border: 2px solid var(--color-danger); } .errors ul li { color: var(--color-danger); } /* * 1.5 - Tables * */ .table td, .table th { padding: var(--spc-sm); } /* * 1.6 - 5th Column * */ .col-2dot4, .col-sm-2dot4, .col-md-2dot4, .col-lg-2dot4, .col-xl-2dot4 { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-2dot4 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } @media (min-width: 540px) { .col-sm-2dot4 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } @media (min-width: 720px) { .col-md-2dot4 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } @media (min-width: 960px) { .col-lg-2dot4 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } @media (min-width: 1140px) { .col-xl-2dot4 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } /* * 1.7 - Modals * */ .modal-content { background-color: var(--color-background); border: 0; border-radius: 0; box-shadow: 0 8px 64px rgba(0,0,0,0.8); } .modal-header { padding: var(--spc); border: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .modal-body { padding: var(--spc); } .modal-footer { padding: var(--spc); border: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .size-guide { margin-bottom: var(--spc); } .size-guide-link { color: var(--color-heading); font-size: 10px; font-weight: var(--font-weight-bold); } .size-guide-link i { font-size: 16px; margin-right: var(--spc-sm); position: relative; top: 2px; } /* * 2.0 - Site Header - Top * */ .site-header-top { transition: var(--transition); } .site-header.stuck .site-header-top, .site-header-top.closed { height: 0 !important; opacity: 0; visibility: hidden; } .site-header-top .container-fluid { padding: 0 var(--spc); } .site-header-top-close { width: 30px; height: 30px; line-height: 30px; text-align: center; padding-top: 1px; margin-right: var(--spc-sm); } /* * 3.0 - Site Header - Main * */ .site-header { transition: var(--transition); } @media(min-width: 768px) { .site-header { position: fixed; top: 0; left: 0; right: 0; z-index: 300; } } .site-header.stuck { box-shadow: var(--box-shadow); } .site-header-main { transition: var(--transition); } .site-header-main .container-fluid { padding: 0 var(--spc); } .menu-item-title { position: relative; transition: var(--transition); cursor: pointer; line-height: var(--spc); } .menu-item:first-of-type .menu-item-title { padding-left: 0; } .menu-item:last-of-type .menu-item-title { padding-right: 0; } .menu-item-title:hover { color: var(--color-brand); } .menu-item-title i { margin-left: var(--spc-xs); font-size: 12px; color: var(--color-secondary); transition: var(--transition); } .mega-menu { position: fixed; padding: var(--spc); transition: var(--transition); cursor: auto; visibility: hidden; opacity: 0; transform: translateY(var(--spc)); z-index: 199; box-shadow: var(--box-shadow-lg); } .menu-item-title:hover .mega-menu { visibility: visible; opacity: 1; transform: translateY(0); } .sub-menu-item-title { position: relative; } .sub-menu-item-title:before { content: ""; position: absolute; bottom: -15px; left: 0; width: 100%; height: 1px; background-color: var(--color-background-secondary); } .sub-menu-item { font-size: 12px; line-height: var(--spc); } .regular-dropdown-item .label, .sub-menu-item .label { display: inline-block; vertical-align: middle; height: 20px; font-size: 8px; font-weight: var(--font-weight-bold); line-height: 20px; padding: 0 6px; position: relative; bottom: 2px; margin-left: var(--spc-xs); color: #fff; } .menu { margin: 0; padding: 0; list-style: none; } .nested-menu { margin: 0; padding: 0; list-style: none; } .nested-menu-item-link { padding-left: var(--spc-sm); } .regular-dropdown { position: absolute; top: 100%; left: 0; padding: 0; margin: 0; list-style: none; min-width: 320px; padding: var(--spc); transition: var(--transition); visibility: hidden; opacity: 0; transform: translateY(var(--spc)); z-index: 199; box-shadow: var(--box-shadow-lg); } .menu-item-title:hover .regular-dropdown { visibility: visible; opacity: 1; transform: translateY(0); } .regular-dropdown-item { line-height: var(--spc); } .menu-banner-image { max-width: 100%; height: auto; } .menu-item-label { position: absolute; top: -8px; right: 8px; height: 20px; font-size: 8px; font-weight: var(--font-weight-bold); line-height: 20px; padding: 0 6px; } /* * 4.0 - Site Header - Mobile * */ .mobile-strapline { display: block; text-align: center; margin: 0; } .mobile-shop-title { font-size: 16px; line-height: 28px; margin: 0; } .mobile-cart + .cart-item-count { top: -6px; right: 6px; text-align: center; } .off-canvas { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 100vh; overflow-y: scroll; padding: var(--spc); box-shadow: var(--box-shadow-lg); z-index: 999; transition: var(--transition); visibility: hidden; opacity: 0; transform: translateX(-100vw); pointer-events: none; } .off-canvas.in { visibility: visible; opacity: 1; transform: translateX(0); pointer-events: auto; } .off-canvas-close { position: absolute; top: 26px; right: var(--spc); width: 40px; height: 40px; font-size: 32px; line-height: 40px; text-align: center; } .mobile-nav-header { padding-bottom: var(--spc-sm); margin-bottom: var(--spc); } .mobile-nav-heading { font-size: 16px; line-height: 30px; margin: 0; } .mobile-nav ul { margin: 0; padding: 0; list-style: none; } .mobile-nav ul li { font-size: 14px; line-height: var(--spc-lg); position: relative; border-bottom: 1px solid var(--color-background-secondary); } .mobile-nav ul li:last-child { border: 0; } .mobile-nav ul ul li:first-child { border-top: 1px solid var(--color-background-secondary); } .mobile-nav ul li a { display: block; } .mobile-submenu-toggle { position: absolute; top: 2px; right: 0; width: 40px; height: 40px; font-size: 14px; line-height: 40px; text-align: center; } .mobile-submenu { display: none; } .mobile-submenu li a { padding-left: var(--spc-sm); } .mobile-search { padding-bottom: var(--spc); } .mobile-map { margin-left: 15px; } /* * 5.0 - Components * */ @media (min-width: 1200px) { .cart-page, .collection-grid-page, .product-page, .page-article, .blog-overview, .page-contact { padding: 30px 0; } } @media (max-width: 1199px) { .cart-page, .collection-grid-page, .product-page, .page-article, .blog-overview, .page-contact { padding: 40px 0; } .breadcrumbs { line-height: 40px !important; } } /* * 5.1 - Social Profiles * */ .social-profiles { margin: 0; padding: 0; list-style: none; } .social-profiles li { display: inline-block; } .social-profiles li a { display: inline-block; font-size: 14px; text-align: center; color: var(--color-heading); margin: 0 var(--spc-sm); padding-top: 2px; } .social-profiles li a:hover, .social-profiles li a:active { color: var(--color-brand); } .social-profiles li:first-child a { margin-left: 0; } .social-profiles li:last-child a { margin-right: 0; } .social-profiles.in-footer { margin-bottom: var(--spc); } .social-profiles.in-footer li a { font-size: 28px; } /* * 5.2 - Store Icons * */ .store-icons a:not(.header-cart-contents-view-cart) { width: var(--spc); display: block; text-align: center; } /* .store-icons a:not(.header-cart-contents-view-cart):hover { color: var(--color-brand); } */ .store-icons div { text-align: center; } .store-icons div:first-child a { margin-left: 0; } .store-icons div:last-child a { margin-right: 0; } .store-icons .icon-label { font-size: 14px; font-weight: var(--font-weight-bold); text-align: center; display: block; margin-bottom: -8px; } .store-icons .store-icon-cart .header-icon { margin-right: 2 !important; } .store-icons .store-icon-cart { position: relative; right: 0px; } /* * 5.3 - Contact Information * */ .contact-information span { display: inline-block; font-size: 10px; margin: 0 var(--spc-sm); } .contact-information span:first-child { margin-left: 0; } .contact-information span:last-child { margin-right: 0; } .contact-information i { height: auto; display: inline-block; margin-right: var(--spc-sm); font-size: 14px; text-align: center; color: var(--color-heading); position: relative; top: 2px; } .site-header-phone-icon { padding-top: var(--spc-xs); } .site-header-phone-content { padding-left: var(--spc-sm); } .site-header-phone-heading, .site-header-phone-number { margin: 0; } /* * 5.4 - Brand Logo * */ .brand-logo-link { display: block; line-height: 1; } .shop-title { font-size: 16px; line-height: 30px; margin: 0; } /* * 5.5 - Search Form * */ .store-search { width: 100%; } .search-form { position: relative; width: 100%; overflow: hidden; } .sp-search-field { height: 40px; width: 100%; padding-right: var(--spc-lg); font-size: 12px; line-height: 40px; background-color: var(--color-background); border-width: 1px; border-style: solid; border-color: var(--color-background-secondary); } .sp-search-field:focus { background-color: var(--color-background); border-color: var(--color-background-secondary-darken); } .shop-search-submit { width: 40px; height: 40px; position: absolute; top: 0; right: 0; opacity: 0; padding: 0; } .search-icon { width: 40px; height: 40px; line-height: 40px; text-align: center; position: absolute; top: 0; right: 0; transition: var(--transition); } /* * 5.6 - Strapline/Tagline * */ .strapline { margin: 0; } .strapline a:hover, .strapline a:active { text-decoration: underline; } /* * 5.7 - Breadcrumbs * */ .site-breadcrumbs { background: var(--color-background-secondary); height: 80px; position: relative; overflow: hidden; } /* @media (min-width: 1578px) { margin-top: 9% !important; } */ .collection-breadcrumbs-image { position: absolute; top: 0; left: 0; right: 0; max-width: 100%; height: auto; } .site-breadcrumbs .container-fluid { padding: 0 var(--spc); } .breadcrumbs { display: inline-block; /* line-height: 350px; */ } .breadcrumbs span { font-weight: var(--font-weight); } .breadcrumbs a:hover, .breadcrumbs a:active { text-decoration: underline; } .separator { color: var(--color-text); padding: 0 var(--spc-xs); } /* * 5.8 - Sidebars * */ .sidebar-widget { position: relative; background-color: var(--color-background); margin-bottom: var(--spc); } .sidebar-filter { margin-bottom: var(--spc-sm); } .sidebar-expand { position: absolute; top: 2px; right: 0; width: 40px; height: 40px; line-height: 42px; text-align: center; font-size: 12px; } .sidebar-right .sidebar-expand { right: 10px; } .sidebar-expand i { color: var(--color-heading); } .widget-title { font-size: 16px; line-height: 28px; margin-bottom: var(--spc); } .sidebar-filter .widget-title { font-size: 14px; line-height: 26px; padding: 10px 20px 8px; background-color: var(--color-background-secondary); margin-bottom: 0; } .sidebar-menu { margin: 0; padding: 0; list-style: none; } .sidebar-swatches { padding-top: 15px; } .sidebar-menu li { position: relative; } .sidebar-menu li a { font-size: 13px; line-height: 26px; padding: var(--spc-xs) 0 var(--spc-xs) var(--spc-sm); color: var(--color-heading); display: block; border-bottom: 1px solid var(--color-background-secondary); } .sidebar-menu li:last-child a { border: 0; } .sidebar-menu li a:hover, .sidebar-menu li a:active { color: var(--color-brand); } .sidebar-menu li i { font-size: 9px; color: var(--color-heading); position: absolute; top: 13px; right: 16px; display: block; text-align: center; pointer-events: none; } .sidebar-menu li.filter-tick-box a { padding-left: 46px; } .sidebar-menu li.filter-tick-box i { font-size: 14px; top: 12px; left: 20px; right: auto; } .collection-product-variant-color-swatches { padding-top: 8px; } .collection-product-swatch { display: inline-block; width: 12px; height: 12px; border-radius: 12px; margin: 0 2px; background-color: #000; } .sidebar-swatches.sidebar-menu .filter-beige, .sidebar-swatches.sidebar-menu .filter-black, .sidebar-swatches.sidebar-menu .filter-blue, .sidebar-swatches.sidebar-menu .filter-brown, .sidebar-swatches.sidebar-menu .filter-chocolate, .sidebar-swatches.sidebar-menu .filter-cream, .sidebar-swatches.sidebar-menu .filter-crimson, .sidebar-swatches.sidebar-menu .filter-cyan, .sidebar-swatches.sidebar-menu .filter-gold, .sidebar-swatches.sidebar-menu .filter-green, .sidebar-swatches.sidebar-menu .filter-gray, .sidebar-swatches.sidebar-menu .filter-grey, .sidebar-swatches.sidebar-menu .filter-indigo, .sidebar-swatches.sidebar-menu .filter-ivory, .sidebar-swatches.sidebar-menu .filter-lavender, .sidebar-swatches.sidebar-menu .filter-magenta, .sidebar-swatches.sidebar-menu .filter-maroon, .sidebar-swatches.sidebar-menu .filter-mustard, .sidebar-swatches.sidebar-menu .filter-navy, .sidebar-swatches.sidebar-menu .filter-orange, .sidebar-swatches.sidebar-menu .filter-peach, .sidebar-swatches.sidebar-menu .filter-pink, .sidebar-swatches.sidebar-menu .filter-purple, .sidebar-swatches.sidebar-menu .filter-red, .sidebar-swatches.sidebar-menu .filter-sienna, .sidebar-swatches.sidebar-menu .filter-silver, .sidebar-swatches.sidebar-menu .filter-taupe, .sidebar-swatches.sidebar-menu .filter-teal, .sidebar-swatches.sidebar-menu .filter-tomato, .sidebar-swatches.sidebar-menu .filter-violet, .sidebar-swatches.sidebar-menu .filter-white, .sidebar-swatches.sidebar-menu .filter-wine, .sidebar-swatches.sidebar-menu .filter-yellow { position: relative; left: var(--spc-sm); display: inline-block; width: 32px; height: 32px; border-radius: 32px; overflow: hidden; margin-right: 6px; } .sidebar-swatches.sidebar-menu .filter-beige a, .sidebar-swatches.sidebar-menu .filter-black a, .sidebar-swatches.sidebar-menu .filter-blue a, .sidebar-swatches.sidebar-menu .filter-brown a, .sidebar-swatches.sidebar-menu .filter-chocolate a, .sidebar-swatches.sidebar-menu .filter-cream a, .sidebar-swatches.sidebar-menu .filter-crimson a, .sidebar-swatches.sidebar-menu .filter-cyan a, .sidebar-swatches.sidebar-menu .filter-gold a, .sidebar-swatches.sidebar-menu .filter-green a, .sidebar-swatches.sidebar-menu .filter-gray a, .sidebar-swatches.sidebar-menu .filter-grey a, .sidebar-swatches.sidebar-menu .filter-indigo a, .sidebar-swatches.sidebar-menu .filter-ivory a, .sidebar-swatches.sidebar-menu .filter-lavender a, .sidebar-swatches.sidebar-menu .filter-magenta a, .sidebar-swatches.sidebar-menu .filter-maroon a, .sidebar-swatches.sidebar-menu .filter-mustard a, .sidebar-swatches.sidebar-menu .filter-navy a, .sidebar-swatches.sidebar-menu .filter-orange a, .sidebar-swatches.sidebar-menu .filter-peach a, .sidebar-swatches.sidebar-menu .filter-pink a, .sidebar-swatches.sidebar-menu .filter-purple a, .sidebar-swatches.sidebar-menu .filter-red a, .sidebar-swatches.sidebar-menu .filter-sienna a, .sidebar-swatches.sidebar-menu .filter-silver a, .sidebar-swatches.sidebar-menu .filter-taupe a, .sidebar-swatches.sidebar-menu .filter-teal a, .sidebar-swatches.sidebar-menu .filter-tomato a, .sidebar-swatches.sidebar-menu .filter-violet a, .sidebar-swatches.sidebar-menu .filter-white a, .sidebar-swatches.sidebar-menu .filter-wine a, .sidebar-swatches.sidebar-menu .filter-yellow a { display: inline-block; width: 32px; height: 32px; border-radius: 32px; border: 0; } .sidebar-swatches.sidebar-menu .filter-beige a:hover, .sidebar-swatches.sidebar-menu .filter-black a:hover, .sidebar-swatches.sidebar-menu .filter-blue a:hover, .sidebar-swatches.sidebar-menu .filter-brown a:hover, .sidebar-swatches.sidebar-menu .filter-chocolate a:hover, .sidebar-swatches.sidebar-menu .filter-cream a:hover, .sidebar-swatches.sidebar-menu .filter-crimson a:hover, .sidebar-swatches.sidebar-menu .filter-cyan a:hover, .sidebar-swatches.sidebar-menu .filter-gold a:hover, .sidebar-swatches.sidebar-menu .filter-green a:hover, .sidebar-swatches.sidebar-menu .filter-gray a:hover, .sidebar-swatches.sidebar-menu .filter-grey a:hover, .sidebar-swatches.sidebar-menu .filter-indigo a:hover, .sidebar-swatches.sidebar-menu .filter-ivory a:hover, .sidebar-swatches.sidebar-menu .filter-lavender a:hover, .sidebar-swatches.sidebar-menu .filter-magenta a:hover, .sidebar-swatches.sidebar-menu .filter-maroon a:hover, .sidebar-swatches.sidebar-menu .filter-mustard a:hover, .sidebar-swatches.sidebar-menu .filter-navy a:hover, .sidebar-swatches.sidebar-menu .filter-orange a:hover, .sidebar-swatches.sidebar-menu .filter-peach a:hover, .sidebar-swatches.sidebar-menu .filter-pink a:hover, .sidebar-swatches.sidebar-menu .filter-purple a:hover, .sidebar-swatches.sidebar-menu .filter-red a:hover, .sidebar-swatches.sidebar-menu .filter-sienna a:hover, .sidebar-swatches.sidebar-menu .filter-silver a:hover, .sidebar-swatches.sidebar-menu .filter-taupe a:hover, .sidebar-swatches.sidebar-menu .filter-teal a:hover, .sidebar-swatches.sidebar-menu .filter-tomato a:hover, .sidebar-swatches.sidebar-menu .filter-violet a:hover, .sidebar-swatches.sidebar-menu .filter-white a:hover, .sidebar-swatches.sidebar-menu .filter-wine a:hover, .sidebar-swatches.sidebar-menu .filter-yellow a:hover { box-shadow: inset 0 0 40px rgba(0,0,0,0.36); } .sidebar-swatches.sidebar-menu .filter-beige i, .sidebar-swatches.sidebar-menu .filter-black i, .sidebar-swatches.sidebar-menu .filter-blue i, .sidebar-swatches.sidebar-menu .filter-brown i, .sidebar-swatches.sidebar-menu .filter-chocolate i, .sidebar-swatches.sidebar-menu .filter-cream i, .sidebar-swatches.sidebar-menu .filter-crimson i, .sidebar-swatches.sidebar-menu .filter-cyan i, .sidebar-swatches.sidebar-menu .filter-gold i, .sidebar-swatches.sidebar-menu .filter-green i, .sidebar-swatches.sidebar-menu .filter-gray i, .sidebar-swatches.sidebar-menu .filter-grey i, .sidebar-swatches.sidebar-menu .filter-indigo i, .sidebar-swatches.sidebar-menu .filter-ivory i, .sidebar-swatches.sidebar-menu .filter-lavender i, .sidebar-swatches.sidebar-menu .filter-magenta i, .sidebar-swatches.sidebar-menu .filter-maroon i, .sidebar-swatches.sidebar-menu .filter-mustard i, .sidebar-swatches.sidebar-menu .filter-navy i, .sidebar-swatches.sidebar-menu .filter-orange i, .sidebar-swatches.sidebar-menu .filter-peach i, .sidebar-swatches.sidebar-menu .filter-pink i, .sidebar-swatches.sidebar-menu .filter-purple i, .sidebar-swatches.sidebar-menu .filter-red i, .sidebar-swatches.sidebar-menu .filter-sienna i, .sidebar-swatches.sidebar-menu .filter-silver i, .sidebar-swatches.sidebar-menu .filter-taupe i, .sidebar-swatches.sidebar-menu .filter-teal i, .sidebar-swatches.sidebar-menu .filter-tomato i, .sidebar-swatches.sidebar-menu .filter-violet i, .sidebar-swatches.sidebar-menu .filter-white i, .sidebar-swatches.sidebar-menu .filter-wine i, .sidebar-swatches.sidebar-menu .filter-yellow i { display: none; } .sidebar-swatches.sidebar-menu .filter-beige.filter-active i, .sidebar-swatches.sidebar-menu .filter-black.filter-active i, .sidebar-swatches.sidebar-menu .filter-blue.filter-active i, .sidebar-swatches.sidebar-menu .filter-brown.filter-active i, .sidebar-swatches.sidebar-menu .filter-chocolate.filter-active i, .sidebar-swatches.sidebar-menu .filter-cream.filter-active i, .sidebar-swatches.sidebar-menu .filter-crimson.filter-active i, .sidebar-swatches.sidebar-menu .filter-cyan.filter-active i, .sidebar-swatches.sidebar-menu .filter-gold.filter-active i, .sidebar-swatches.sidebar-menu .filter-green.filter-active i, .sidebar-swatches.sidebar-menu .filter-gray.filter-active i, .sidebar-swatches.sidebar-menu .filter-grey.filter-active i, .sidebar-swatches.sidebar-menu .filter-indigo.filter-active i, .sidebar-swatches.sidebar-menu .filter-ivory.filter-active i, .sidebar-swatches.sidebar-menu .filter-lavender.filter-active i, .sidebar-swatches.sidebar-menu .filter-magenta.filter-active i, .sidebar-swatches.sidebar-menu .filter-maroon.filter-active i, .sidebar-swatches.sidebar-menu .filter-mustard.filter-active i, .sidebar-swatches.sidebar-menu .filter-navy.filter-active i, .sidebar-swatches.sidebar-menu .filter-peach.filter-active i, .sidebar-swatches.sidebar-menu .filter-pink.filter-active i, .sidebar-swatches.sidebar-menu .filter-purple.filter-active i, .sidebar-swatches.sidebar-menu .filter-orange.filter-active i, .sidebar-swatches.sidebar-menu .filter-red.filter-active i, .sidebar-swatches.sidebar-menu .filter-sienna.filter-active i, .sidebar-swatches.sidebar-menu .filter-silver.filter-active i, .sidebar-swatches.sidebar-menu .filter-taupe.filter-active i, .sidebar-swatches.sidebar-menu .filter-teal.filter-active i, .sidebar-swatches.sidebar-menu .filter-tomato.filter-active i, .sidebar-swatches.sidebar-menu .filter-violet.filter-active i, .sidebar-swatches.sidebar-menu .filter-white.filter-active i, .sidebar-swatches.sidebar-menu .filter-wine.filter-active i, .sidebar-swatches.sidebar-menu .filter-yellow.filter-active i { top: 11px; left: 12px; color: #fff; font-size: 12px; display: block; } .variant-link.beige, .variant-link.beige:hover, .collection-product-swatch.beige, .sidebar-swatches.sidebar-menu .filter-beige a, .sidebar-swatches.sidebar-menu .filter-beige a:hover { color: burlywood; background-color: burlywood; } .variant-link.black, .variant-link.black:hover, .collection-product-swatch.black, .sidebar-swatches.sidebar-menu .filter-black a, .sidebar-swatches.sidebar-menu .filter-black a:hover { color: black; background-color: black; } .variant-link.blue, .variant-link.blue:hover, .collection-product-swatch.blue, .sidebar-swatches.sidebar-menu .filter-blue a, .sidebar-swatches.sidebar-menu .filter-blue a:hover { color: royalblue; background-color: royalblue; } .variant-link.brown, .variant-link.brown:hover, .collection-product-swatch.brown, .sidebar-swatches.sidebar-menu .filter-brown a, .sidebar-swatches.sidebar-menu .filter-brown a:hover { color: saddlebrown; background-color: saddlebrown; } .variant-link.chocolate, .variant-link.chocolate:hover, .collection-product-swatch.chocolate, .sidebar-swatches.sidebar-menu .filter-chocolate a, .sidebar-swatches.sidebar-menu .filter-chocolate a:hover { color: chocolate; background-color: chocolate; } .variant-link.cream, .variant-link.cream:hover, .collection-product-swatch.cream, .sidebar-swatches.sidebar-menu .filter-cream a, .sidebar-swatches.sidebar-menu .filter-cream a:hover { color: oldlace; background-color: oldlace; } .variant-link.crimson, .variant-link.crimson:hover, .collection-product-swatch.crimson, .sidebar-swatches.sidebar-menu .filter-crimson a, .sidebar-swatches.sidebar-menu .filter-crimson a:hover { color: crimson; background-color: crimson; } .variant-link.cyan, .variant-link.cyan:hover, .collection-product-swatch.cyan, .sidebar-swatches.sidebar-menu .filter-cyan a, .sidebar-swatches.sidebar-menu .filter-cyan a:hover { color: cyan; background-color: cyan; } .variant-link.gold, .variant-link.gold:hover, .collection-product-swatch.gold, .sidebar-swatches.sidebar-menu .filter-gold a, .sidebar-swatches.sidebar-menu .filter-gold a:hover { color: gold; background-color: gold; } .variant-link.green, .variant-link.green:hover, .collection-product-swatch.green, .sidebar-swatches.sidebar-menu .filter-green a, .sidebar-swatches.sidebar-menu .filter-green a:hover { color: forestgreen; background-color: forestgreen; } .variant-link.gray, .variant-link.gray:hover, .collection-product-swatch.gray, .sidebar-swatches.sidebar-menu .filter-gray a, .sidebar-swatches.sidebar-menu .filter-gray a:hover, .variant-link.grey, .variant-link.grey:hover, .collection-product-swatch.grey, .sidebar-swatches.sidebar-menu .filter-grey a, .sidebar-swatches.sidebar-menu .filter-grey a:hover { color: silver; background-color: silver; } .variant-link.indigo, .variant-link.indigo:hover, .collection-product-swatch.indigo, .sidebar-swatches.sidebar-menu .filter-ivory a, .sidebar-swatches.sidebar-menu .filter-ivory a:hover { color: ivory; background-color: ivory; } .variant-link.ivory, .variant-link.ivory:hover, .collection-product-swatch.ivory, .sidebar-swatches.sidebar-menu .filter-indigo a, .sidebar-swatches.sidebar-menu .filter-indigo a:hover { color: indigo; background-color: indigo; } .variant-link.lavender, .variant-link.lavender:hover, .collection-product-swatch.lavender, .sidebar-swatches.sidebar-menu .filter-lavender a, .sidebar-swatches.sidebar-menu .filter-lavender a:hover { color: lavender; background-color: lavender; } .variant-link.magenta, .variant-link.magenta:hover, .collection-product-swatch.magenta, .sidebar-swatches.sidebar-menu .filter-magenta a, .sidebar-swatches.sidebar-menu .filter-magenta a:hover { color: magenta; background-color: magenta; } .variant-link.maroon, .variant-link.maroon:hover, .collection-product-swatch.maroon, .sidebar-swatches.sidebar-menu .filter-maroon a, .sidebar-swatches.sidebar-menu .filter-maroon a:hover { color: maroon; background-color: maroon; } .variant-link.mustard, .variant-link.mustard:hover, .collection-product-swatch.mustard, .sidebar-swatches.sidebar-menu .filter-mustard a, .sidebar-swatches.sidebar-menu .filter-mustard a:hover { color: goldenrod; background-color: goldenrod; } .variant-link.navy, .variant-link.navy:hover, .collection-product-swatch.navy, .sidebar-swatches.sidebar-menu .filter-navy a, .sidebar-swatches.sidebar-menu .filter-navy a:hover { color: navy; background-color: navy; } .variant-link.orange, .variant-link.orange:hover, .collection-product-swatch.orange, .sidebar-swatches.sidebar-menu .filter-orange a, .sidebar-swatches.sidebar-menu .filter-orange a:hover { color: orange; background-color: orange; } .variant-link.peach, .variant-link.peach:hover, .collection-product-swatch.peach, .sidebar-swatches.sidebar-menu .filter-peach a, .sidebar-swatches.sidebar-menu .filter-peach a:hover { color: peachpuff; background-color: peachpuff; } .variant-link.pink, .variant-link.pink:hover, .collection-product-swatch.pink, .sidebar-swatches.sidebar-menu .filter-pink a, .sidebar-swatches.sidebar-menu .filter-pink a:hover { color: pink; background-color: pink; } .variant-link.purple, .variant-link.purple:hover, .collection-product-swatch.purple, .sidebar-swatches.sidebar-menu .filter-purple a, .sidebar-swatches.sidebar-menu .filter-purple a:hover { color: purple; background-color: purple; } .variant-link.red, .variant-link.red:hover, .collection-product-swatch.red, .sidebar-swatches.sidebar-menu .filter-red a, .sidebar-swatches.sidebar-menu .filter-red a:hover { color: red; background-color: red; } .variant-link.sienna, .variant-link.sienna:hover, .collection-product-swatch.sienna, .sidebar-swatches.sidebar-menu .filter-sienna a, .sidebar-swatches.sidebar-menu .filter-sienna a:hover { color: sienna; background-color: sienna; } .variant-link.silver, .variant-link.silver:hover, .collection-product-swatch.silver, .sidebar-swatches.sidebar-menu .filter-silver a, .sidebar-swatches.sidebar-menu .filter-silver a:hover { color: silver; background-color: silver; } .variant-link.taupe, .variant-link.taupe:hover, .collection-product-swatch.taupe, .sidebar-swatches.sidebar-menu .filter-teal a, .sidebar-swatches.sidebar-menu .filter-teal a:hover { color: teal; background-color: teal; } .variant-link.teal, .variant-link.teal:hover, .collection-product-swatch.teal, .sidebar-swatches.sidebar-menu .filter-taupe a, .sidebar-swatches.sidebar-menu .filter-taupe a:hover { color: peru; background-color: peru; } .variant-link.tomato, .variant-link.tomato:hover, .collection-product-swatch.tomato, .sidebar-swatches.sidebar-menu .filter-tomato a, .sidebar-swatches.sidebar-menu .filter-tomato a:hover { color: tomato; background-color: tomato; } .variant-link.violet, .variant-link.violet:hover, .collection-product-swatch.violet, .sidebar-swatches.sidebar-menu .filter-violet a, .sidebar-swatches.sidebar-menu .filter-violet a:hover { color: violet; background-color: violet; } .variant-link.white, .variant-link.white:hover, .collection-product-swatch.white, .sidebar-swatches.sidebar-menu .filter-white a, .sidebar-swatches.sidebar-menu .filter-white a:hover { color: snow; background-color: snow; } .variant-link.wine, .variant-link.wine:hover, .collection-product-swatch.wine, .sidebar-swatches.sidebar-menu .filter-wine a, .sidebar-swatches.sidebar-menu .filter-wine a:hover { color: maroon; background-color: maroon; } .variant-link.yellow, .variant-link.yellow:hover, .collection-product-swatch.yellow, .sidebar-swatches.sidebar-menu .filter-yellow a, .sidebar-swatches.sidebar-menu .filter-yellow a:hover { color: yellow; background-color: yellow; } .sidebar-banner { position: relative; margin-bottom: var(--spc); } .sidebar-banner-image { max-width: 100%; height: auto; } @media(min-width: 992px){ .sidebar-expand { right: 38px; } .sidebar-widget { padding-right: var(--spc); } .sidebar-menu li i { right: 26px; } .sidebar-menu li.filter-tick-box i { right: auto; } } /* * 5.9 - Newsletter * */ .newsletter-lg { width: 100%; position: relative; } .newsletter-image img { max-width: 100%; height: auto; } .newsletter-content { padding: var(--spc-xl) var(--spc); } .newsletter-form { position: relative; } .newsletter-form .form-control { height: 60px; line-height: 60px; padding-right: 112px; } .newsletter-content .newsletter-form .form-control { margin-bottom: var(--spc); padding-right: var(--spc-sm); } .newsletter-content .form-control { text-align: center; background-color: transparent; border-width: 0 0 1px 0; } .newsletter-content .newsletter-text { margin-bottom: var(--spc); text-align: center; } .newsletter-submit { position: absolute; top: 0; right: 0; padding: 0 var(--spc); height: 60px; line-height: 60px; } .newsletter-content .newsletter-submit { padding: 0 var(--spc); position: relative; } .newsletter-title { text-align: center; } .newsletter-content .newsletter-title { margin-bottom: var(--spc); } #mc_embed_signup input.mce_inline_error { border-color: var(--color-danger) !important; } /* Overrides Mailchimp's inline CSS */ #mc_embed_signup div.mce_inline_error { display: none !important; } /* Overrides Mailchimp's inline CSS */ .response#mce-error-response, .response#mce-success-response { display: none; font-size: 12px; text-align: center; padding: var(--spc-sm); } .response#mce-error-response.in, .response#mce-success-response.in { display: block; } /* Overrides Mailchimp's inline CSS */ @media(min-width: 1200px){ .newsletter-title { text-align: left; margin: 0; } .newsletter-text { text-align: left; margin: 0; } .newsletter-lg .newsletter-title { text-align: center; } .newsletter-content { position: absolute; right: 15px; width: 720px; height: 570px; padding: 0 140px; margin: 0; } .newsletter-content .newsletter-form .form-control { width: 360px; } .newsletter-content.image-left { left: auto; right: 15px; } .newsletter-content.image-right { left: 15px; right: auto; } } .product-new-template .site-breadcrumbs { height: auto; padding-left: 0; margin-top: 0px !important; padding: 2px 0; } } @media (max-width:2600px){ .wrapper-popup .popup iframe { display: block; box-sizing: unset; border: unset; height: 510px !important; } } @media (max-width:1300px){ .wrapper-popup .popup iframe { display: block; box-sizing: unset; border: unset; height: 510px !important; } } .owl-carousel .owl-item img { display: block; width: 80% !important ; height:64px; padding: 0px; margin:0 !important; border: 1px solid #d3d3d3; } .product-new-template .product-featured-image { width:100% !important; } @media(max-width:1200px){ .wrapper-popup-mobile .popup-mobile { top: 5%; } .product-page .site-breadcrumbs { height: 50px !important; background-color: #f6f6f6; justify-content: Inherit; } .custom-breadcrumb { width: 100%; display: flex; justify-content: center; } /* .product-new-template .site-breadcrumbs { margin-top: -25px !important; } */ .owl-carousel .owl-item img { width: 91% !important; } .wrapper-popup-mobile .popup-mobile iframe { display: block; box-sizing: unset; border: unset; height: 480px; margin-left: 13px; } .wrapper-popup-mobile .popup-mobile { background-color: #FFF; padding: 33px 23px 0px 0px; position: relative; top: 10%; margin: 0 auto; width: 425px; height: fit-content !important; } .custom-breadcrumb { margin: 0px 0px 0px 0px !important; } } /* * 5.10 - Ajax Search * */ .ajax-search-results { display: none; background: var(--color-background); width: 100%; position: absolute; top: 100%; left: 0; z-index: 199; box-shadow: var(--box-shadow-lg); } .ajax-search-item { display: block; padding: var(--spc-sm); color: var(--color-font-secondary); } .ajax-search-item h6 { transition: var(--transition-base); } .ajax-search-item:hover, .ajax-search-item:hover h6 { color: var(--color-primary); } .ajax-search-item-thumbnail { display: block; width: 60px; height: auto; } .ajax-search-content { padding-left: var(--spc-sm); } .ajax-search-item-title { font-family: var(--font-family); font-weight: var(--font-weight-bold); font-size: 12px; line-height: 12px; margin: 0; } .ajax-search-item-price { font-size: 12px; } .ajax-search-more { padding: 0 0 0 var(--spc-sm); font-size: 12px; line-height: 14px; color: var(--color-font-secondary); } .ajax-search-more strong { transition: var(--transition-base); } .ajax-search-more:hover, .ajax-search-more:hover strong { color: var(--color-primary); } .ajax-no-results { color: var(--color-font-secondary); margin: 0; } @media(min-width: 992px){ .ajax-search-results { width: calc(100% - 30px); left: 15px; padding: var(--spc); min-width: 400px; } } /* * 5.11 - Ajax Cart * */ .cart-item-count { position: absolute; top: 18px; right: 18px; width: 18px; height: 18px; font-size: 10px; font-weight: var(--font-weight-bold); line-height: 18px; border-radius: 18px; background-color: var(--color-brand); color: var(--color-background); transition: var(--transition); } .off-canvas-cart { position: fixed; top: 0; left: 0; right: 0; width: 100vw; height: 100vh; z-index: 9999; transition: var(--transition); visibility: hidden; opacity: 0; } .off-canvas-cart.in { visibility: visible; opacity: 1; } .off-canvas-cart-background { position: absolute; top: 0; left: 0; right: 0; width: 100vw; height: 100vh; background-color: rgba(0,0,0,0.72); backdrop-filter: blur(12px) grayscale(1); } .header-cart-contents { display: block; position: absolute; top: 0; right: 0; width: 380px; height: 100vh; background-color: var(--color-background); padding: var(--spc); text-align: left; transition: var(--transition); transform: translateX(400px); } .off-canvas-cart.in .header-cart-contents { transform: translateX(0); } .header-cart-contents-header { padding-bottom: 32px; margin-bottom: 32px; border-bottom: 1px solid var(--color-background-secondary); } .header-cart-contents-close { position: absolute; top: 26px; right: 26px; display: block; width: 30px; height: 30px; font-size: 20px; color: var(--color-heading); cursor: pointer; } .header-cart-contents-footer { padding-top: 32px; padding-bottom: 32px; border-top: 1px solid var(--color-background-secondary); } .header-cart-contents-title, .header-cart-contents-total-title, .header-cart-contents-total-value { font-size: 16px; margin: 0; } .header-cart-contents-total-value { font-weight: bolder; } .header-cart-contents a:not(.header-cart-contents-view-cart) { display: block; width: auto; font-size: 14px !important; margin: 0; } .header-cart-contents-item { position: relative; padding-bottom: var(--spc); } .header-cart-contents-product-image { width: 60px; height: 60px; } .header-cart-contents-product-image img { max-width: 100%; height: auto; } .header-cart-contents-product-details { padding-left: var(--spc); } .header-cart-contents-product-price { font-size: 12px; line-height: 14px; } .header-cart-contents-product-quantity { font-size: 12px; line-height: 14px; } .header-cart-contents-product-title { letter-spacing: 0; font-size: 10px; line-height: 30px; margin: 0; } .header-cart-contents-product-title a { color: var(--color-font-secondary); text-align: left !important; } .header-cart-contents-product-title a:hover { color: var(--color-primary); } .store-icons .header-cart-contents a.header-cart-contents-product-remove { position: absolute; top: 18px; right: 8px; font-size: 14px; color: var(--color-danger); } .store-icons .header-cart-contents a.header-cart-contents-product-remove:hover { color: var(--color-danger); } .store-icons .header-cart-contents .header-cart-contents-cta a.btn:hover { color: var(--color-background); } @media(min-width: 767px) { .shop-details-phone { margin-right: var(--spc); } .site-header { padding-bottom: var(--spc); } } @media(min-width: 992px) { .site-header { height: var(--site-header-height); padding-bottom: 0; } .shop-branding { padding: var(--spc) 0; } } /* * 5.12 - Swatches * */ .variant-links { margin-bottom: var(--spc); } .variant-link-title { font-size: 14px; margin-bottom: var(--spc-sm); } .tagged-products { margin-bottom: var(--spc); } .tagged-product { display: inline-block; color: var(--color-background); background-color: var(--color-heading); border: 3px solid var(--color-background); margin-right: var(--spc-xs); box-shadow: 0 6px 12px rgba(0,0,0,0.12); } .option-name { margin-bottom: 8px; } .variant-link { position: relative; display: block; width: 40px; height: 40px; font-size: 12px; font-weight: var(--font-weight-bold); line-height: 34px; letter-spacing: 0; text-align: center; color: var(--color-background); background-color: var(--color-heading); border-width: 1px; border-style: solid; border-color: transparent; border-radius: 40px; margin-right: var(--spc-xs); position: relative; opacity: 0.35; transition: none; } .variant-link.unavailable { cursor: not-allowed; } .variant-link.unavailable:hover { color: var(--color-heading); } .variant-link:not(.unavailable):hover, .variant-link:not(.unavailable).selected, .swatch-color .variant-link:not(.unavailable):hover, .swatch-color .variant-link:not(.unavailable).selected { border-width: 1px; border-color: var(--color-heading) !important; } .variant-link:after { content: ""; position: absolute; top: 50%; left: -7px; width: 140%; height: 1px; background-color: var(--color-danger); transform: rotate(-45deg); } .variant-link.available { opacity: 1; } .variant-link.available:after { display: none; } .swatch-size .variant-link { min-width: 40px; width: auto; background-color: var(--color-background); font-weight: var(--font-weight); color: var(--color-heading); border-color: #e5e5e5; border-radius: 0; } .swatch-color .variant-link:hover { border-color: transparent !important; } .swatch-size .variant-link:hover { box-shadow: none; border-width: 1px; } .swatch-size .variant-link.available:hover { box-shadow: none; border-color: #cdcdcd; color: var(--color-heading); } .variant-link.dropship-item { display: block; width: auto; height: auto; font-size: 14px; background-color: transparent; border: 2px solid #252525; color: #252525; padding: 6px 18px; margin-right: var(--spc); } a.variant-link.dropship-item:hover, a.variant-link.dropship-item:active { color: var(--color-heading); } span.variant-link.dropship-item.current { background-color: var(--color-brand); color: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.08); } span.variant-link.dropship-item.current:before { display: none; } a.variant-link:hover, a.variant-link:active { color: var(--color-background); box-shadow: inset 0 0 40px rgba(0,0,0,0.36); } span.variant-link.current:before { content: "\f106"; font-family: "Font Awesome 5 Pro"; font-weight: 900; display: block; position: absolute; bottom: -32px; left: 14px; color: var(--color-heading) !important; } span.variant-link { background-color: var(--color-background-secondary); color: var(--color-text); } /* * 5.13 - Popup * */ .site-popup-container { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; background-color: rgba(0,0,0,0.92); z-index: 999; transition: var(--transition); visibility: visible; opacity: 1; pointer-events: auto; } .site-popup-container.out { visibility: hidden; opacity: 0; pointer-events: none; } .site-popup { position: relative; transition: var(--transition); transform: translateY(0); } .site-popup-container.out .site-popup { transform: translateY(30px); } .site-popup-image img { height: auto; } .close-popup { position: absolute; top: 6px; right: 8px; font-size: 24px; } /* * 5.14 - Map * */ .map-container { height: 600px; } .map { height: 100%; } /* * 5.15 - Video Background * */ .video-wrap { position: absolute; top: 0; left: 0; right: 0; width: 100%; margin: 0 auto; height: 100%; overflow: hidden; } .video-overlay { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; } .video-wrap iframe { display: block; width: 100%; height: 100%; margin: 0 auto; } /* * 5.16 - Wishy * */ .wishy-container { margin: 0 !important; } .wishy-container .wishy-btn, .wishy-container .wishy-btn-remove { padding: 0 !important; margin: 0 0 0 var(--spc) !important; border: 0 !important; height: 40px !important; background: var(--color-background) !important; color: var(--color-heading) !important; font-size: 12px !important; font-weight: var(--font-weight-bold) !important; letter-spacing: 0 !important; text-transform: none !important; } .wishy-container .wishy-btn-remove .wishy-btn-remove-txt, .wishy-container .wishy-btn .wishy-btn-txt { font-size: 12px !important; font-weight: var(--font-weight-bold) !important; letter-spacing: inherit !important; text-transform: inherit !important; } i.wicon-wishyheart-empty:before { color: var(--color-heading) !important; } .vbox-content { padding: 30px !important; } .venoframe.figlio { box-shadow: 0 12px 36px rgba(0,0,0,0.18) !important; } /* * 6.0 - Sections * */ .section-header { text-align: center; margin-bottom: var(--spc); } .section-title.minimal { font-size: 26px; line-height: 38px; margin: 0; } .section-title { margin-bottom: var(--spc-sm); } .section-subtitle { margin-bottom: 0; } .section-title span:not(.tertiary), .section-subtitle span:not(.tertiary) { color: var(--color-brand); } /* * 6.1 - Section - Banner Grid * */ .banner-title { text-transform: none; letter-spacing: 0; } .section-title .tertiary, .section-subtitle .tertiary, .banner-title .tertiary, .banner-description .tertiary { font-family: var(--font-tertiary); font-weight: var(--font-weight-tertiary); font-style: var(--font-style-tertiary); font-size: var(--font-size-difference); } .banner-content { z-index: 80; width: 100%; } .banner-description { margin-bottom: 0; } .btn-banner { margin-top: var(--spc); } .slides { position: relative; overflow: hidden; margin: 0; } .cycle-prev, .cycle-next { width: 80px; height: 100%; position: absolute; top: 0; z-index: 101; cursor: pointer; transition: var(--transition); } .cycle-prev i, .cycle-next i { font-size: 48px; color: var(--color-background); transition: var(--transition); } .cycle-prev { left: 0; } .cycle-next { right: 0; } .carousel .cycle-prev, .carousel .cycle-next { top: 50%; width: 40px; height: 40px; border-radius: 40px; margin-top: -50px; background-color: var(--color-background-secondary); } .carousel .cycle-prev i, .carousel .cycle-next i { font-size: 20px; color: var(--color-heading); } .carousel .cycle-prev:hover, .carousel .cycle-next:hover { background: var(--color-brand); } .carousel .cycle-prev:hover i, .carousel .cycle-next:hover i { color: #fff; } /* * 6.2 - Section - Services * */ .service { margin-bottom: var(--spc); } .service-content { padding: 0 0 0 var(--spc); } .service-icon i { display: block; width: 64px; height: 64px; text-align: center; font-size: 64px; } .minimal .service-icon i { width: 32px; height: 32px; font-size: 32px; } .compact { padding: var(--spc-xs) 0; } .compact .service-icon i { width: 24px; height: 24px; font-size: 24px; } .service-heading { font-size: 18px; font-weight: var(--font-weight); margin-bottom: var(--spc-xs); } .minimal .service-heading { font-size: 16px; margin-bottom: 0; } .compact .service-heading { font-size: 16px; margin-bottom: 0; } .service-text { font-size: 14px; line-height: 26px; margin: 0; } /* * 6.3 - Section - Instagram Feed * */ .instagram-link { display: block; } .instagram-image { display: block; width: 100%; height: auto; } /* * 8.0 - Product - Singular * */ .product-featured-image { max-width: 100%; height: auto; } .zoomImg:hover { cursor: crosshair; } .product-images { padding: var(--spc) 0; } .product-images img { max-width: 100%; height: auto; cursor: pointer; border: 1px solid var(--color-background-secondary); padding: var(--spc-xs); /* margin-bottom: var(--spc); */ } .product-images img:hover, .product-images img:focus { opacity: 0.6; } .product-title { font-size: 21px; line-height: 27px; margin: 0; } .product-meta { margin-bottom: 30px; } .product-vendor, .product-sku, .product-extra-info, .product-in-stock, .product-out-of-stock { display: block; font-size: 12px; } .product-in-stock { color: var(--color-success); } .product-out-of-stock { color: var(--color-danger); } .product-reviews { margin-bottom: var(--spc); } .quantity { font-weight: var(--font-weight-bold); } .quantity:after { content: " "; } .spr-badge-starrating .spr-icon { color: var(--color-brand); } .spr-badge-caption a { color: var(--color-text); } .product-price { display: block; font-size: 24px; font-weight: var(--font-weight-bold); line-height: 16px; color: var(--color-heading); /* margin-bottom: var(--spc); */ } .sale-price { display: block; font-size: 17px; line-height: 28px; color: var(--color-sale); margin-bottom: var(--spc-xs); } .sale-price strong { color: var(--color-heading); } .original-price { color: var(--color-heading); font-size: 24px; } .product-save { display: block; line-height: 36px; } /* .product-form { margin-bottom: var(--spc); } */ .product-quantity { height: 40px; line-height: 40px; max-width: 240px; } .product-tab-heading { margin: 0; } .product-tab-heading a { position: relative; height: 50px; font-size: 16px; line-height: 50px; color: var(--color-font-secondary); display: block; border-bottom: 1px solid var(--color-background-secondary); } .product-tab-heading a:after { content: "\f068"; font-family: "Font Awesome 5 Pro"; font-weight: 300; font-size: 14px; position: absolute; top: 2px; right: 0; } .product-tab-heading a.collapsed:after { content: "\f067"; } .product-tab-content { padding-top: var(--spc); } .social-share { padding-top: var(--spc-sm); } .social-share-icons { display: inline; margin: 0; padding: 0; list-style: none; } .social-share-icons li { display: inline-block; } .share-icon { display: inline-block; width: 42px; height: 42px; border-radius: 42px; margin-right: var(--spc-xs); font-size: 22px; text-align: center; line-height: 46px; color: var(--color-heading); } a.share-icon:hover, a.share-icon:active { color: var(--color-background); } .share { color: var(--color-heading); font-size: 18px; } .twitter:hover, .twitter:active { background-color: var(--color-twitter); } .facebook:hover, .facebook:active { background-color: var(--color-facebook); } .linkedin:hover, .linkedin:active { background-color: var(--color-linkedin); } .pinterest:hover, .pinterest:active { background-color: var(--color-pinterest); } .rss:hover, .rss:active { background-color: var(--color-rss); } .extra-field { margin-bottom: var(--spc-sm); } .max-limit { color: var(--color-warning); } .max-limit i { font-size: 14px; margin-right: var(--spc-xs); } .custom-file { margin-bottom: var(--spc-xl); } .selector-wrapper { margin-bottom: var(--spc-sm); } .selector-wrapper label { display: block; } .single-option-selector { display: block; width: 100%; } #shopify-product-reviews { margin: 0 0 var(--spc) 0 !important; } @media(min-width: 767px) { .product-featured-image-wrapper { min-height: auto; } .product-sku, .product-vendor, .product-extra-info, .product-in-stock, .product-out-of-stock { display: inline-block; margin-right: var(--spc-sm); } .product-save:before { content: "|"; padding: 0 var(--spc-sm); color: var(--color-background-secondary); } .product-save { display: inline; } .product-quantity { margin-right: var(--spc); } } /* * 9.0 - Collections - Grid * */ .list-collections { padding: var(--spc-xl) 0; } .grid-collection { display: block; text-align: center; margin-bottom: var(--spc-lg); } .grid-collection-image { max-width: 100%; height: auto; margin-bottom: var(--spc); } .grid-collection-link { font-weight: var(--font-weight-bold); color: var(--color-heading); margin: 0; } .grid-collection-link i { margin-left: var(--spc-sm); font-size: 14px; } .collection-header { position: relative; } .collection-title { padding-top: var(--spc-xs); font-size: 26px; line-height: 38px; } .collection-description { margin-bottom: var(--spc-xl); } .collection-toolbar { margin-bottom: var(--spc); } .collection-sort label, .collection-num-products label { font-weight: var(--font-weight-bold); font-size: 12px; margin-right: var(--spc-sm); } .collection-sort .form-control, .collection-num-products .form-control { height: 32px; font-size: 12px; line-height: 32px; min-width: 40px; background: var(--color-background); border: 1px solid var(--color-background-secondary-darken); padding: 0 var(--spc-xs); margin-right: var(--spc-xs); } .carousel { padding-bottom: 30px; } .collection-product { text-align: center; position: relative; margin-bottom: var(--spc); transition: var(--transition); } .collection-product:hover:not(.still) { transform: translateY(-10px); } .carousel .collection-product { margin: 0 15px; } .collection-product-image { position: relative; display: block; margin-bottom: var(--spc-sm); background-color: var(--color-background); } .collection-product-image img { display: block; max-width: 100%; height: auto; margin: 0 auto; background-color: var(--color-background); } .collection-product-image-variant { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; background-color: var(--color-background); opacity: 0; visibility: hidden; transition: var(--transition); } .collection-product:hover .collection-product-image-variant { opacity: 1; visibility: visible; } .collection-product-title { font-family: var(--font-family); font-weight: var(--font-weight); font-size: 13px; line-height: 25px; white-space: normal; letter-spacing: 0; text-transform: none; margin-bottom: var(--spc-xs); transition: var(--transition); } .collection-product-title a { color: var(--color-heading); } .collection-product-title a:hover { color: var(--color-brand); } .collection-product-price { font-size: 15px; font-weight: var(--font-weight-bold); line-height: 23px; } .without-vat, .collection-product-price.without-vat, .without-vat .collection-product-price { font-size: 13px; line-height: 20px; } .without-vat { opacity: .6; } .with-vat { display: block; margin-top: -6px; } .vat-text { font-size: 70%; } .product-price.without-vat { margin-bottom: var(--spc-sm); } .collection-original-price { font-size: 12px; color: var(--color-sale); position: relative; margin-right: var(--spc-xs); } .collection-original-price:after { content: ""; width: 100%; height: 1px; position: absolute; top: 7px; left: 0; background-color: var(--color-sale); transform: rotate(-8deg); } .collection-sale-price { font-size: 15px; font-weight: var(--font-weight-bold); position: relative; top: 0; } .collection-product-saving-percentage { display: inline-block; position: absolute; top: 0; left: 0; height: 24px; padding: 0 8px; font-size: 10px; font-weight: var(--font-weight-bold); text-transform: uppercase; line-height: 24px; background-color: var(--color-heading); color: #fff; } .collection-product-reviews { margin-bottom: var(--spc-sm); } .spr-badge-starrating { margin: 0; } .spr-badge-caption { font-size: 12px; display: block; text-transform: capitalize; } .add-to-cart-result { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: var(--color-background); padding: var(--spc); visibility: hidden; opacity: 0; transition: var(--transition); transform: translateY(30px); } .add-to-cart-result.in { visibility: visible; opacity: 1; transform: translateY(0); } .add-to-cart-result.out { visibility: hidden; opacity: 0; transform: translateY(-30px); } .add-to-cart-result-message { font-size: 18px; line-height: 30px; margin: 0; } .add-to-cart-from-collection { padding-top: var(--spc-sm); position: relative; } .add-to-cart-out-of-stock { padding-top: var(--spc-sm); height: 39px; font-weight: var(--font-weight); line-height: 28px; margin: 0; font-size: 12px; color: var(--color-danger); } .collection-variant-links { position: absolute; width: 100%; top: 180px; left: 0; transition: var(--transition); } .collection-variant-links:not(.static) { visibility: hidden; opacity: 0; } .collection-product:hover .collection-variant-links:not(.static) { visibility: visible; opacity: 1; } .collection-variant-link { display: block; width: 24px; height: 24px; font-size: 10px; font-weight: var(--font-weight-bold); line-height: 22px; color: var(--color-background); background-color: var(--color-heading); margin: var(--spc-xs); border: 2px solid var(--color-background); border-radius: 24px; box-shadow: 0 8px 16px rgba(0,0,0,0.18); } .collection-variant-link.square { border-radius: 0; } a.collection-variant-link:hover { color: var(--color-background); box-shadow: 0 2px 4px rgba(0,0,0,0.36); } .collection-variant-link.not-available { position: relative; cursor: not-allowed; } .variant-link.not-available.fade, .collection-variant-link.not-available.fade { opacity: 0.35; } .variant-link.not-available i, .collection-variant-link.not-available i { position: absolute; top: -5px; left: -5px; right: 0; display: block; width: 30px; height: 30px; font-size: 30px; text-align: center; color: var(--color-danger); } .variant-link.not-available i { width: 40px; font-size: 50px; top: -8px; right: 0; left: -3px; } .product-sale-sash, .collection-product-sale-sash { display: inline-block; position: absolute; top: 0; right: 0; height: 24px; padding: 0 8px; font-size: 10px; font-weight: var(--font-weight-bold); text-transform: uppercase; line-height: 24px; background-color: var(--color-sale); color: #fff; } .product-sale-sash { right: 15px; height: 64px; font-size: 18px; line-height: 64px; padding: 0 16px; } .quick-view-button { position: absolute; top: 50%; left: 50%; right: 0; display: inline-block; width: 120px; height: 42px; margin-top: -21px; margin-left: -60px; background-color: var(--color-background); font-size: 12px; text-transform: uppercase; line-height: 42px; color: var(--color-heading); visibility: hidden; opacity: 0; pointer-events: none; transform: scale(1.125); transition: var(--transition); box-shadow: 0 6px 24px rgba(0,0,0,0.18); } .collection-product:hover .quick-view-button { visibility: visible; opacity: 1; pointer-events: auto; transform: scale(1); } .modal-backdrop { background-color: rgba(0,0,0,0.72); backdrop-filter: blur(12px) grayscale(1); } .modal-backdrop.show { opacity: 1; } .modal-backdrop.fade { transition: none; } .modal-open { overflow: hidden; overflow-y: scroll; padding-right: 0 !important; /* Cancel out Bootstrap's padding! */ } .modal-product .modal-body { padding: 45px 30px; } .modal-product-featured-image img { max-width: 92%; height: auto; display: block; margin: 0 auto; } .modal-product-title { margin-bottom: 0; } .modal-product-meta { font-size: 12px; line-height: 24px; margin-bottom: 18px; } .modal-product-vendor { margin-right: var(--spc-sm); } .modal-product-in-stock { color: var(--color-success); } .modal-product-out-of-stock { color: var(--color-danger); } .modal-product-price { font-size: 18px; font-weight: var(--font-weight-bold); margin-bottom: 18px; } .modal-product-price-original { position: relative; font-size: 15px; color: var(--color-danger); margin-right: var(--spc-sm); } .modal-product-price-original:after { content: ""; width: 100%; height: 1px; position: absolute; top: 11px; left: 0; background-color: var(--color-danger); transform: rotate(-8deg); } .modal-product-add-to-cart { margin-right: var(--spc); } .modal-product-footer .social-share { padding-top: var(--spc); } .modal-product-add-to-cart-form .btn { width: 100%; display: block; margin-bottom: var(--spc-sm); } .modal-product .close { position: absolute; top: -24px; right: -6px; opacity: 1; color: var(--color-heading); transition: var(--transition); } .modal-product .close:hover { color: var(--color-brand); } @media(min-width: 1080px) { .modal-product-add-to-cart-form .btn { width: auto; display: inline-block; margin-bottom: 0; } } @media (min-width: 1200px) { .modal-product .modal-xl { max-width: 980px; } } /* * 9.1 - Search Results * */ .search-results { padding: var(--spc-xl) 0; } /* * 11.0 - Shopping Cart * */ .cart-page-title, .cart-page-summary-title { font-size: 17px; line-height: 30px; background-color: var(--color-background-secondary); margin: 0; padding: 10px 15px; } .cart-contents { width: 100%; } .cart-item { border-top: 1px solid var(--color-background-secondary); } .cart-item:first-of-type { border: 0; } .cart-contents th, .cart-contents td { display: block; width: 100%; } .cart-header { display: none; } .cart-cell { display: block; padding: 6px; } .was { position: relative; font-weight: var(--font-weight); margin-right: var(--spc-sm); } .was:after { content: ""; display: block; width: 100%; height: 2px; position: absolute; top: 8px; left: 0; background-color: var(--color-sale); transform: rotate(-6deg); } .cart-product-quantity .cart-label { position: relative; top: 6px; } .cart-product-title, .cart-product-title:active, .cart-product-title:visited { font-size: 14px; font-family: var(--font-family); font-weight: var(--font-weight-bold); color: var(--color-heading); } .cart-product-title:hover { color: var(--color-brand); } .cart-product-variant { font-size: 14px; font-family: var(--font-family); font-weight: var(--font-weight); } .cart-product-variant { display: block; } .cart-product-remove { display: block; position: absolute; top: 50%; right: -20px; margin-top: -20px; } .cart-product-remove, .cart-product-remove:active, .cart-product-remove:visited, .cart-product-remove:hover { color: var(--color-danger); } .cart-product-remove i { display: inline-block; width: 40px; height: 40px; font-size: 16px; line-height: 36px; text-align: center; color: var(--color-sale); transition: var(--transition); } .cart-product-price, .cart-product-total-price { font-size: 14px; font-family: var(--font-family); font-weight: var(--font-weight-bold); color: var(--color-heading); } .cart-product-total-price { position: relative; } .cart-form td, .cart-form th { vertical-align: middle; } .cart-form th { background-color: var(--color-background-secondary); color: var(--color-heading); } .cart-summary-subtotal { margin: var(--spc) 0; } .cart-subtotal, .cart-subtotal-value { font-family: var(--font-primary); font-weight: var(--font-weight); font-size: 16px; color: var(--color-heading); margin: 0; } .cart-subtotal-value { font-weight: var(--font-weight-bold); } .cart-update-button { margin: 0 0 var(--spc) 0; } .cart-update-button, .cart-checkout-button { display: block; width: 100%; } .cart-empty { text-align: center; padding: var(--spc-xl) 0; } .cart-empty.cart-title { margin: 0; } .cart-notes { margin-bottom: var(--spc); } .cart-notes .form-control { max-width: 480px; } .continue-shopping-link { display: inline-block; margin: var(--spc) 7px; color: var(--color-heading); } .continue-shopping-link i { margin-right: 12px; } @media(min-width: 767px) { .cart-contents th, .cart-contents td { display: table-cell; width: auto; } .cart-contents th { padding: 10px 15px; } .cart-header { display: table-header-group; } .cart-label { display: none; } .cart-cell { display: block; width: auto; margin-left: 0; padding: 10px; border: 0; } .cart-product-quantity .cart-label { line-height: inherit; } .cart-product-image { max-width: 80px; } .cart-product-image img { max-width: 100%; height: auto; } .cart-product-details { min-width: 0; } .cart-product-quantity { min-width: 0; max-width: 80px; } } /* * 12.0 - Blog - Overview * */ .blog-article { transition: var(--transition); } .blog-article-title { margin-bottom: 0; } .blog-article-title a { color: var(--color-font-secondary); } .blog-article-title a:hover, .blog-article-title a:active { color: var(--color-brand); } .blog-article-meta { font-size: 10px; margin-bottom: var(--spc-sm); text-transform: var(--text-transform); letter-spacing: var(--letter-spacing); } .blog-article-image { display: block; margin-bottom: var(--spc-sm); } .blog-article-image img { max-width: 100%; height: auto; } .blog-article-tag { margin: 0 var(--spc-sm) var(--spc-sm) var(--spc-sm); font-size: 10px; text-transform: var(--text-transform); letter-spacing: var(--letter-spacing); } .blog-article-tag:first-of-type { margin-left: 0; } .blog-article-tag:last-of-type { margin-right: 0; } .boxed .blog-grid-content { position: relative; bottom: 80px; margin: 0 var(--spc-sm) -80px var(--spc-sm); padding: var(--spc); background-color: var(--color-background); } /* * 13.0 - Blog - Singular * */ .article-title { font-size: 48px; line-height: 56px; margin-bottom: var(--spc-sm); } .article-image { margin: var(--spc) 0; } .article-image img { width: 100%; max-width: 100%; height: auto; } .article-header { margin-bottom: var(--spc); } .article-meta { color: var(--color-heading); font-size: 14px; } .article-tags { padding: 0 0 var(--spc-sm) 0; font-size: 14px; color: var(--color-heading); } .article-tag { font-weight: var(--font-weight-bold); } .article-comments { padding: var(--spc) 0; } .comment { padding: var(--spc); padding-bottom: 1px; margin-bottom: var(--spc); background-color: var(--color-background-secondary); } .comment-meta { margin-bottom: var(--spc-sm); } .comment-author, .comment-date { font-weight: var(--font-weight-bold); color: var(--color-heading); } @media(min-width: 992px){ .sidebar-right .sidebar-widget, .blog-sidebar .sidebar-widget, .blog-sidebar .sidebar-banner { padding-right: 0; padding-left: var(--spc); } } /* * 14.0 - Login Page * */ .already-registered { font-size: 12px; text-align: center; padding: var(--spc) 0; } .shopify-challenge__container { padding: var(--spc-xl) 0; } .recover-password.hidden { margin-bottom: var(--spc-xl); display: none; } /* * 14.1 - Password Page * */ .password-page { height: 100vh; padding: 80px 0; background-color: var(--color-background); background-image: url(password-page-background.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } .password-message { text-align: center; font-size: 20px; line-height: 32px; font-weight: var(--font-weight); color: var(--color-heading); } .password-shop-title { text-align: center; color: var(--color-heading); } .password-logo { height: auto; margin-bottom: var(--spc-sm); } .store-opening { font-size: 64px; line-height: 64px; padding: 0; color: var(--color-heading); text-align: center; margin: 0; } .keep-updated { text-align: center; font-size: 18px; line-height: 30px; font-weight: var(--font-weight); color: var(--color-heading); margin-bottom: var(--spc-sm); } .admin-message { text-align: center; color: var(--color-heading); padding: var(--spc-xs) 0 var(--spc-sm) 0; margin: 0; } .powered-by-shopify { text-align: center; color: var(--color-heading); padding: var(--spc-sm) 0; } .password-field.form-control { border: 0; } /* * 14.2 - Contact Page * */ /* * 15.0 - Account Overview * */ .customer-details { padding: var(--spc); background-color: var(--color-background-secondary); } .customer-total-spent { color: var(--color-heading); margin: 0; } .customer-orders { padding: var(--spc); } .customer-orders th { color: var(--color-heading); } .customer-address-form .form-control { margin-bottom: var(--spc); } .customer-address-list { margin: 0; padding: 0; list-style: none; } .customer-address-form.hidden { display: none; } .address { padding: var(--spc); } .default-address { background: var(--color-background-secondary); } .order-status { text-transform: capitalize; } .order-title a { color: var(--color-heading); font-weight: var(--font-weight-bold); } .order-title a:hover { color: var(--color-brand); } .order-price, .order-line-price { font-weight: var(--font-weight-bold); } .order-total { color: var(--color-heading); font-weight: var(--font-weight-bold); } .order-url a { color: var(--color-heading); font-weight: var(--font-weight-bold); } .order-url a:hover { color: var(--color-brand); } /* * 16.0 - Site Footer * */ .footer-column-heading { font-size: 20px; } .footer-menu ul { margin: 0 0 var(-spc) 0; padding: 0; list-style: none; } .footer-menu ul li { font-size: 14px; line-height: 30px; } .footer-menu ul li a, .footer-menu ul li a:visited { color: var(--color-font-secondary); } .footer-menu ul li a:hover, .footer-menu ul li a:active { color: var(--color-brand); } .site-footer-bottom { background-color: var(--color-bottom-footer-background); height: var(--bottom-footer-height); } .copyright-text { display: inline-block; font-family: var(--bottom-footer-font-family); font-weight: var(--bottom-footer-font-weight); font-size: 12px; line-height: var(--bottom-footer-height); margin: 0; } .copyright-text, .copyright-text a { color: var(--color-bottom-footer); } .integrity-search-logo { display: inline-block; width: 120px; height: auto; padding-top: 1px; } .payment-logos svg { margin-left: var(--spc-xs); margin-right: var(--spc-xs); margin-bottom: var(--spc-sm); } .product-single__media.synergy_media iframe { width: 100%; height: 350px; } .product-single__media.synergy_media.hide { width: 100%; } @media(min-width: 992px){ .payment-logos svg { margin-right: 0; margin-bottom: 0; } } /* carousel banner section */ #carousel_banner_grid .cycle-slide { width: 348px; } /* All contact form fields now have a border */ .contact-form .form-control { border: 1px solid #aaa; } .product-price.original-price.with-vat del {padding-left:10px;} /* Filter Sidebar */ .col_filter { display:none; } @media (max-width: 991px) { .product-new-template .product-featured-image { max-height: unset !important; width: 100% !important; } .owl-carousel .owl-item img { height: 100px; } span.custom-icon img { top: 40px !important; left: 40px !important; } .col_filter { display:block; padding-bottom: 30px; } a.col_filter_sidebar { padding: 12px 0; background: #fafafa; border: 1px solid #eaeaea; display: block; width: 100%; text-align: center; color:black; } .shop-collection-sidebar { display: none; } .shop-collection-sidebar.active_sidebar{ display:block; } .breadcrumbs { line-height: 20px; } } /*custom CSS*/ .collection-option-boxes-wrapper { padding: 0 15px; } .collection-option-boxes-wrapper .color-swatches-wrapper.swatch-color, .collection-option-boxes-wrapper .size-swatches-wrapper.swatch-size { flex-wrap: wrap; margin-bottom: 15px; } .color-swatches-wrapper .swatch-element.variant-link.unavailable{ overflow:hidden; } .color-swatches-wrapper .swatch-element { border-color: #cdcdcd; margin-left: 4px; margin-bottom: 8px; } .swatch-size .variant-link.available:hover { border-color: #cdcdcd!important; } .color-swatches-wrapper .variant-link.swatch-element:hover { border-color: #919191 !important; } .collection-option-boxes-wrapper .color-swatches-wrapper.swatch-color a.variant-link { margin-bottom: 4px; border-color: #cdcdcd; } .collection-option-boxes-wrapper .color-swatches-wrapper.swatch-color a.variant-link:hover { box-shadow: none; } .collection-option-boxes-wrapper .size-swatches-wrapper.swatch-size a.size-swatch { margin-bottom: 4px; } .collection-option-boxes-wrapper a.swatch-element.size-swatch .tooltip { width: 40px; height: 40px; } .product-loop .product-column h6.collection-product-title { padding: 0 15px; } .product-loop .product-column .collection-product-prices { padding: 0 15px; } .collection-option-boxes-wrapper .collection-page-dropdown-option select.product-dropdown-options-wrapper { width: 100%; height: 40px; padding: 0 var(--spc-sm); font-size: 16px; font-weight: var(--font-weight); line-height: 40px; color: var(--color-font); background-color: var(--color-background); border-color: #efefef; border-radius: 0; transition: var(--transition); margin-bottom: 6px; } .color-swatches-wrapper.variant-links .color-swatch input[type="radio"], .size-swatches-wrapper.variant-links .size-swatch input[type="radio"]{ display: none; } .color-swatch label, .size-swatch label { display: block; cursor: pointer; } .color-swatch label{ opacity: 0; } .size-swatch label { padding: 0 8px; } .color-swatch:hover .custom-tooltip, .size-swatch:hover .custom-tooltip{ opacity: 1; visibility: visible; transition: 0.2s ease-in-out; } .custom-tooltip { position: absolute; background-color: #000; color: #fff; height: 35px; border-radius: 6px; top: -44px; opacity: 0; visibility: hidden; transition: 0.2s ease-in-out; padding: 0 8px; display: flex; justify-content: center; z-index: 1079; } .custom-tooltip:after { content: ""; border-top: 6px solid #000; border-right: 6px solid transparent; border-left: 6px solid transparent; position: absolute; bottom: -6px; } .color-swatch .custom-tooltip{ width: 90px; left: -26px; } .size-swatch .custom-tooltip{ width: 45px; left: -4px; } .active-thumb { /* border: 1px solid #8b8b8b; */ } .product-images .synergy_image_thumb { margin-bottom: 20px; } .synergy_image_thumb img.product-thumbnail_2 { /* margin-bottom: 0!important; */ } .swatch-size .variant-link { line-height: 40px; } .available.variant-link.swatch-element.color-swatch.selected:before, .available.variant-link.swatch-element.color-swatch:hover:before { content: ""; position: absolute; width: 44px; height: 44px; border: 1px solid #919191; display: block; border-radius: 100%; top: -3px; left: -3px; } .unavailable.variant-link.color-swatch label, .unavailable.variant-link.size-swatch label { cursor: not-allowed!important; } .available.variant-link:not(.unavailable).selected { border: 1px solid #919191 !important; } .color-swatches-wrapper.swatch-color { flex-wrap: wrap; } .product-form input#Quantity.product-quantity { padding-right: 0; } .product-form form .selector-wrapper .single-option-selector{ border-color: #efefef; } @media (min-width: 992px){ .product-form form .selector-wrapper .single-option-selector{ width: 100%; border-color: #efefef; } } .soldout.variant-link:before { content: ""; position: absolute; top: 50%; left: -7px; width: 140%; height: 1px; background-color: var(--color-danger); transform: rotate(45deg); } .suokko-line-items { margin: 0; padding: 0; list-style: none; } .suokko-line-items li { font-size: 12px; line-height: 24px; } .message-share { margin-bottom: 30px; } .message-share-title { font-weight: 700; margin-bottom: 0; } .whatsapp-link, .messenger-link, .search-link { display: inline-block; width: 260.5px; height: 40px; line-height: 40px; padding-top: 4px; text-align: center; color: #000; } .whatsapp-link { background-color:#25d366; margin-right: -3px; } .messenger-link { background-color:#1877f2;} .search-link { background-color:#B7A15B; margin-top:1px; color:#FFFFFF; width:260.5px; font-family: "ITC Bodoni Seventytwo"; letter-spacing: 3px; padding-top: 1px; } .whatsapp-link i, .messenger-link i { font-size: 24px; color: #fff; } .whatsapp-link:hover, .search-link:hover, .messenger-link:hover { opacity: 0.6; } .search-link:hover { color:#ffffff; } .icon-label-cart { position: relative; left: 0px; } .sub-menu-item a:hover { text-decoration: underline; } .product-single__media.synergy_media.hide { width: 100%; text-align: center; } .product-single__media.synergy_media.hide iframe { width: 100%; height: 400px; } /*Video Section Product Page*/ .product-single__media.synergy_media.hide video { width: 100%; } .wrapper-popup{ position: fixed; z-index: 99; background-color: #000000bd; width: 100%; height: 100vh; display: none; } /* .wrapper-popup .popup{ background-color: #FFF; padding: 33px 23px 0px 0px; position: relative; top: 10%; margin: 0 auto; width: 425px; height: fit-content; } */ .wrapper-popup .popup { background-color: #FFF; padding: 33px 20px 0px 20px; position: relative; top: 10%; margin: 0 auto; width: 465px; height: fit-content; } .wrapper-popup .popup iframe{ display: block; box-sizing: unset; border: unset; height:510px; } a.close { z-index: 999; color: #fff; right: 0; position: absolute; top: -4%; opacity: 1; font-size: 12px; font-weight: 500; } .wrapper-popup-mobile{ position: fixed; z-index: 99; background-color: #000000bd; width: 100%; height: 100vh; display: none; } .wrapper-popup-mobile .popup-mobile{ background-color: #FFF; padding: 33px 23px 0px 0px; position: relative; top: 10%; margin: 0 auto; width: 425px; height: 450px; } .wrapper-popup-mobile .popup-mobile iframe{ display: block; box-sizing: unset; border: unset; } a.close-mobile { z-index: 999; color: #fff; right: 0; position: absolute; top: -4%; opacity: 1; font-size: 12px; font-weight: 500; } .product-page .slick-track { width: 100% !important; } @media(max-width:767px){ /* .custom-breadcrumb { height: 60px !important; padding-top: 5px !important; } */ .product-new-template .product-page { text-align: left; } .owl-carousel .owl-item img { width: 94% !important; } span.custom-icon img { top: 22px !important; left: 20px !important; } .cart-product-remove, .cart-product-remove:active, .cart-product-remove:visited, .cart-product-remove:hover { color: var(--color-danger); } .cart-product-remove i { display: inline-block; width: 75px; height: 40px; font-size: 16px; line-height: 0px; text-align: center; color: var(--color-sale); transition: var(--transition); } .cart-product-quantity .cart-cell .form-control { padding: 0; text-align: center; width: 50%; margin: 0 auto; } td.cart-product-price { width: 100% !important; } td.cart-product-total-price { width: 100% !important; } .container { max-width: 100% !important; text-align: center; } .synergy_image_thumb{ width:85px; } span.custom-icon2 { left: 0px !important; opacity: 0.6; } select#style { margin-bottom: -10px; height: 52px; } input#engraving { margin-bottom: 10px; height: 52px; } .breadcrumbs { line-height: 20px; } @media(max-width:424px){ nav.breadcrumbs a{ font-size: 10px; } nav.breadcrumbs span{ font-size: 10px; } .custom-breadcrumb { padding-top: 5px !important; } /* .frameContainer.borderound { max-width: 300px !important; width: 300px !important; margin-left: 40px !important; } canvas.V360-canvas.borderound { width: 300px !important; left: 43px !important; } */ /* .wrapper-popup-mobile .popup-mobile { width: 315px !important; } */ a.close-mobile { z-index: 999; color: #fff; right: 55px; position: absolute; top: -5%; opacity: 1; font-size: 12px; font-weight: 500; } .wrapper-popup-mobile .popup-mobile iframe { display: block; box-sizing: unset; border: unset; /* margin: 0 !important; */ /* position: absolute; */ margin-left: -13px !important; } .wrapper-popup-mobile .popup-mobile { background-color: #FFF; padding: 33px 0px 0px 0px; position: relative; top: 10%; margin: 0 auto; height: fit-content; /* height: auto; */ } canvas.V360-canvas.borderound { width: 311px !important; } } @media(max-width:320px){ /* .custom-breadcrumb { padding-top: 2px !important; line-height: 0px; } */ a.close-mobile { z-index: 999; color: #fff; right: 111px; position: absolute; top: -6%; opacity: 1; font-size: 12px; font-weight: 500; } .wrapper-popup-mobile .popup-mobile iframe { display: block; box-sizing: unset; border: unset; /* margin: 0 !important; */ /* position: absolute; */ margin-left: -33px !important; } .wrapper-popup-mobile .popup-mobile { background-color: #FFF; padding: 33px 0px 0px 0px; position: relative; top: 10%; margin: 0 auto; height: fit-content; /* height: auto; */ } canvas.V360-canvas.borderound { width: 311px !important; } .product-page .slick-list.draggable{ padding: 0px 20px !important; } } .form-group label { margin-top: 19px; /* margin-bottom: 15px; */ margin-bottom: 5px; } span.cart-cell .form-control { padding: 0; text-align: center; } select#product-select-option-0 { /* margin-bottom: -15px; */ margin-bottom: 0px; } @media(max-width:767px){ .wrapper-popup-mobile .popup-mobile { background-color: #FFF; padding: 33px 23px 0px 0px; position: relative; top: 5%; margin: 0 auto; width: 420px; height: 520px !important; } .wrapper-popup-mobile .popup-mobile iframe { display: block; box-sizing: unset; border: unset; height: inherit; margin-left: 11px; } .cart-product-remove{ margin-top: -8px; } .owl-carousel .owl-item img { display: block; width: 100%; height: 65px; } } .product-new-template .breadcrumb span.separator { margin-top: 5px !important; } span.custom-icon img { position: absolute; top: 20px; left: 18px; border: none !IMPORTANT; opacity: 0.4; max-width: 30px !important; background: #fff; height: 20px !important; padding: 0 !important; } .owl-carousel.owl-loaded { display: flex !important; justify-content: center; margin: 30px 0px; } .font-preview { padding: 15px; border: 1px solid var(--color-background-secondary); height: 52px; padding: 0 var(--spc-sm); font-size: 16px; font-weight: var(--font-weight); line-height: 52px; color: var(--color-font); background-color: var(--color-background); border-color: var(--color-background-secondary); border-radius: 0; transition: var(--transition); } input.form-control.required.font-preview.font-kaunokirjoitus { padding: 0px 0 9px 0; } input.form-control.required.font-preview.font-tekstaus { font-size: 19px; } input.form-control.required.font-preview.font-vinotekstaus { font-size: 20px !important; } p.font-preview.mb-2.font-kaunokirjoitus { padding: 0px 20px 12px 25px; } .font-kaunokirjoitus { line-height: 28px !important; } .collection-breadcrumbs-image { position: relative !important; width: 100% !important; max-width: 100% ; height: auto !important; }.site-breadcrumbs { height: auto !important; background-color: #ffffff; text-align: left; } .custom-breadcrumb { margin: 170px 0px 0px 0px; } a#openpop-mobile { display: none; } a#openpop-desktop { display: block; } @media(max-width:1199px){ a#openpop-desktop { display: none; } a#openpop-mobile { display: inline-block; } } .product-form form .selector-wrapper .single-option-selector { border-color: #efefef; /* margin-bottom: -20px; */ height: 52px; } select#size { margin-bottom: -10px; height: 52px; } .collapse.show { padding: 0px 20px; }input.form-control.required.font-preview{ text-align:left; } input.font-kaunokirjoitus { text-indent: 30px !important; } input.font-taidekaiverrus { text-indent: 30px !important; } .form-control{ height:40px; } span.money { margin-left: -28px !important; } .form-group label.ctm { margin-top: 10px; /* margin-bottom: 14px; */ margin-bottom: 5px; } label.label-text { /* padding-top: 28px; */ padding-top: 20px; } .form-check { margin-bottom: 8px; } .product-new-template .product-tab { border-top: none !important; } .product-new-template .addtocart--button { align-items: flex-start; margin-bottom: 15px !important; } .product-new-template .product-featured-image { display: block; width: auto; padding: 0px !important; } .mobile-search { padding-bottom: 5px !important; } .original-price { margin-bottom: 9px; } label.custom-size { margin-top: 0px !important; } select#product-select-option-1 { margin-bottom: -20px !important; } .form-group.custom-form { margin-top: 19px; } .form-group.mb-0.custom-unique { margin-bottom: -20px !important; } @media screen and (max-width: 1199px) and (min-width: 992px) { tr.row1 td { width: 75px; } } .col-lg-10{ top: 72px !important; padding-bottom: 60px; } /* END */