/** Shopify CDN: Minification failed Line 62:45 Unexpected ";" **/ /*! All customisations of theme to suit Voxblock go here */ @media screen and (min-width: 700px) :root { --text-lg: 1.9375rem !important; } sale-price.text-lg { /* this affects product cards too */ font-size: 240%; } product-card sale-price.text-lg { /* this affects product cards too */ font-size: var(--text-lg); } /* Any specific product changes */ .product.audiobooks .product-gallery__media img, .product.audiobook_bundle product-gallery__media img{ /*max-height: 50vh;*/ /*width: auto;*/ } shopify-accelerated-checkout { --shopify-accelerated-checkout-button-block-size: 58px; } /* ---------------------------- */ /* AUDIOBOOK DATA */ /* ---------------------------- */ .mobile_float { border-radius: 20px; margin: 5px; --background: 255 247 240; background-color: rgb(var(--background));} /* ---------------------------- */ /* COLLECTION PAGES */ /* ---------------------------- */ /* Sticky filter bar on desktop */ @media screen and (min-width: 1400px) { .sticky-filterbar { position: -webkit-sticky; position: sticky; top: 72px; background-color: #ffffffdb; z-index: 500; width: 100%; padding: 10px; } } /* ---------------------------- */ /* PRODUCT CARDS */ /* ---------------------------- */ /* GENERAL */ .product-card { padding: 10px; border: 1px solid silver; align-items: center; height: 100%;} .product-card { row-gap: var(--spacing-2); grid-template-rows: 1fr auto; } .product-card__figure { align-content: center; } /* make smaller bundle images align in center of image block */ .product-card__details { display: grid; grid-template-rows: 1fr 1fr 1fr; align-items: start; row-gap: var(--spacing-2); } .product-card__details > :nth-child(2) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; } .product-card__info { padding-top: 0;} .product-card__row { display: flex; align-items: center; } .product-card img.product-card__image.product-card__image--primary { max-height: 40vh } .product-card .price-list {flex-wrap: nowrap}; /* Klaviyo Customer Hub Favourites */ /* Neutralize Atlas default positioning for faves*/ .klaviyo-favorites-plp-slot .kl-hub-favorites-icon-widget { position: static !important; /* was absolute */ inset: auto !important; transform: none !important; margin: 0 !important; display: inline-flex !important; /* or block/flex as you prefer */ align-items: center; justify-content: center; } /* Optional: size/tweak the icon */ .klaviyo-favorites-plp-slot .kl-hub-wishlist-icon { --kl-local-icon-size: 20px; } .klaviyo-favorites-plp-slot, .kl-hub-favorites-icon-widget { position: static !important; } .kl-hub-favorites-icon-widget.kl-hub-button { max-height: 24px !important; } .kl-hub-favorites-icon-widget.kl-hub-button div{ height:calc(var(--size) * 1) } .klaviyo-favorites-plp-slot{ display:inline-flex; /* or block, depending on where it sits */ width:30px; height:30px; /* match the final heart size */ align-items:center; justify-content:center; visibility:hidden; /* space reserved, but hidden initially */ } /* 2) Show once the widget has rendered (Klaviyo sets data-rendered="true") */ .klaviyo-favorites-plp-slot[data-rendered="true"]{ visibility:visible; } .badge { border-radius: 3px;} .badge.new { background: linear-gradient(180deg, #f8eb1f, #f2ca06); color: black} .badge.bestseller { background: linear-gradient(180deg, #e90e10, #bc0000); color: white} .badge.teachers { background: linear-gradient(180deg,#164c99,#032c77); color: white} .badge.coming { background: linear-gradient(180deg,#0bdcc6,#037772); color: white} .badge.just { background: linear-gradient(180deg,#3ad30a,#1c8a09); color: white} .badge.book { background: linear-gradient(181deg,#ffffff,#9e9999); color: black} .badge.black { background: linear-gradient(180deg, #000000, #000000); color: white;} .badge { border-radius: 3px;} /* AUDIOBOOKS */ .from-price::before { content: 'from'; font-size: 8px; position: absolute; margin-top: -4px; } .product-card .price-list compare-at-price.text-subdued.line-through { position: absolute; margin-top: -14px; } /* STARTER PACKS */ .column { flex: 50%;} .column.left { text-align: left; } .column.right { text-align: right; } .float-right { float: right; } /* SCREEN SPECIFIC */ @media screen and (max-width: 700px) { /*.product-card { row-gap: var(--spacing-2); grid-template-rows: 2fr 1fr; }*/ } @media screen and (min-width: 700px) { @supports (grid-template-rows: subgrid) { .product-list > * { grid-row: span 1; /* have added second row to product card so overwrite original span */ } } } /* UNUNSED? */ .product-list { gap: 1rem 1rem; grid-template-rows: auto; } /* ---------------------------- */ /* PRODUCT PAGE */ /* ---------------------------- */ /* AUDIOBOOKS */ table.audiobooks-full-details {text-align: left;} input.hide-with-svg { display: none;} /* hide the submit button when in a label group with svg icon */ .icon-circle { border: 0px solid; padding: 8px; border-radius: 50%; margin-right: 10px; background-color: rgb(var(--button-background-primary)); color: rgb(var(--button-text-primary));} sale-price.text-lg {color: rgb(var(--button-background-primary)); font-weight: 700; } .price-list { color: rgb(var(--accent)) !important } /* Book preview buttons */ button.bookpreview .playpause { width:30px; height:30px; border-radius: 50%;} button.bookpreview .playpause { content: url("data:image/svg+xml,%3Csvg fill='%23000000' height='32px' width='32px' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 60 60' xml:space='preserve'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg%3E%3Cpath d='M45.563,29.174l-22-15c-0.307-0.208-0.703-0.231-1.031-0.058C22.205,14.289,22,14.629,22,15v30 c0,0.371,0.205,0.711,0.533,0.884C22.679,45.962,22.84,46,23,46c0.197,0,0.394-0.059,0.563-0.174l22-15 C45.836,30.64,46,30.331,46,30S45.836,29.36,45.563,29.174z M24,43.107V16.893L43.225,30L24,43.107z'%3E%3C/path%3E%3Cpath d='M30,0C13.458,0,0,13.458,0,30s13.458,30,30,30s30-13.458,30-30S46.542,0,30,0z M30,58C14.561,58,2,45.439,2,30 S14.561,2,30,2s28,12.561,28,28S45.439,58,30,58z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");} button.bookpreview.playing .playpause {content: url("data:image/svg+xml,%3Csvg fill='%23000000' height='32px' width='32px' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 60 60' xml:space='preserve'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg%3E%3Cpath d='M30,0C13.458,0,0,13.458,0,30s13.458,30,30,30s30-13.458,30-30S46.542,0,30,0z M30,58C14.561,58,2,45.439,2,30 S14.561,2,30,2s28,12.561,28,28S45.439,58,30,58z'%3E%3C/path%3E%3Cpath d='M33,46h8V14h-8V46z M35,16h4v28h-4V16z'%3E%3C/path%3E%3Cpath d='M19,46h8V14h-8V46z M21,16h4v28h-4V16z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");} button.bookpreview .playpause_text .play{ display:block } button.bookpreview .playpause_text .pause{ display:none } button.bookpreview.playing .playpause_text .play{ display:none; } button.bookpreview.playing .playpause_text .pause{ display:block } button.bookpreview.playing .playpause {animation: pulse-animation 2s infinite;} @keyframes pulse-animation { 0% {box-shadow: 0 0 0 0px rgb(var(--button-background-secondary));} 100% {box-shadow: 0 0 0 8px rgba(0, 0, 0, 0);} } /* For some reason dynamic buttons being squashed, hack them back bigger */ .shopify-payment-button__button {height: 54px !important} /* Deal with audiobooks and bundles not having the same size images yet want to keep full on screen */ @media screen and (max-width: 1000px) { .audiobooks .product-gallery__media, .audiobooks-bundle .product-gallery__media { /* display: flex; align-items: center; justify-content: center; height: 100vw; max-height: 500px; overflow: hidden; padding: 0px;*/ } .audiobooks .product-gallery__media img, .audiobooks-bundle .product-gallery__media img { /* height: 100%; width: auto; object-fit: cover;*/ } }