*,
*::before,
*::after {
box-sizing: border-box;
}
* {
margin: 0;
padding: 0;
}
html {
-webkit-text-size-adjust: 100%;
scroll-behavior: smooth;
overflow-x: hidden;
}
body {
min-height: 100vh;
overflow-x: hidden;
text-rendering: optimizeSpeed;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
img,
picture,
video,
canvas,
svg {
display: block;
max-width: 100%;
}
input,
button,
textarea,
select {
font: inherit;
}
button {
background: none;
border: none;
cursor: pointer;
padding: 0;
touch-action: manipulation;
}
ul,
ol {
list-style: none;
}
a {
-webkit-text-decoration-skip: ink;
text-decoration-skip-ink: auto;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
overflow-wrap: break-word;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
body {
font-family: "Mountains of Christmas", serif;
font-size: 17px;
line-height: 1.65;
color: #3B2A1E;
background-color: #FFFFFF;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Mountains of Christmas", serif;
line-height: 1.1;
color: #3B2A1E;
font-weight: 700;
}
h1 {
font-size: 2.75rem;
}
h2 {
font-size: 2.25rem;
}
h3 {
font-size: 1.75rem;
}
h4 {
font-size: 1.375rem;
}
h5 {
font-size: 1.125rem;
}
h6 {
font-size: 1rem;
}
@media (max-width: 768px) {
h1 {
font-size: 2.25rem;
}
h2 {
font-size: 1.875rem;
}
h3 {
font-size: 1.5rem;
}
h4 {
font-size: 1.25rem;
}
}
@media (max-width: 480px) {
h1 {
font-size: 1.875rem;
}
h2 {
font-size: 1.625rem;
}
h3 {
font-size: 1.375rem;
}
}
p {
margin-bottom: 16px;
}
p:last-child {
margin-bottom: 0;
}
a {
color: #D4552E;
text-decoration: underline;
transition: all 0.15s ease;
}
a:hover, a:focus {
color: #fff;
text-decoration: none;
}
blockquote {
border-left: 4px solid #D4A542;
padding: 16px 24px;
margin: 40px 0;
font-family: "Mountains of Christmas", serif;
font-size: 19px;
font-style: italic;
color: #6B4F3A;
background-color: #EFE4CB;
}
blockquote cite {
display: block;
margin-top: 8px;
font-size: 14px;
font-style: normal;
font-family: "Mountains of Christmas", serif;
color: #6B4F3A;
}
strong,
b {
font-weight: 700;
}
em,
i {
font-style: italic;
}
small {
font-size: 14px;
color: #6B4F3A;
}
.container {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
}
@media (max-width: 768px) {
.container {
padding-left: 16px;
padding-right: 16px;
}
}
.section {
padding-top: 80px;
padding-bottom: 80px;
}
@media (max-width: 768px) {
.section {
padding-top: 48px;
padding-bottom: 48px;
}
}
.section--alt {
background-color: #EFE4CB;
}
.skip-link {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.skip-link:focus {
position: fixed;
top: 16px;
left: 16px;
width: auto;
height: auto;
clip: auto;
white-space: normal;
padding: 8px 16px;
background-color: #D4552E;
color: #FFFFFF;
font-family: "Mountains of Christmas", serif;
font-size: 17px;
font-weight: 700;
text-decoration: none;
z-index: 9999;
border-radius: 4px;
}
::-moz-selection {
background-color: #D4552E;
color: #FFFFFF;
}
::selection {
background-color: #D4552E;
color: #FFFFFF;
}
.screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.dragovits-preloader {
position: fixed;
inset: 0;
z-index: 1000;
display: flex;
align-items: center;
justify-content: center;
background: #26307C;
opacity: 1;
transition: opacity 0.6s ease;
}
.dragovits-preloader.is-hidden {
opacity: 0;
}
.dragovits-preloader__pulse {
position: relative;
width: 84px;
height: 84px;
}
.dragovits-preloader__pulse span {
position: absolute;
inset: 0;
margin: auto;
width: 100%;
height: 100%;
border: 4px solid #FFF5D7;
border-radius: 50%;
opacity: 0;
transform: scale(0);
animation: dragovits-preloader-ripple 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.dragovits-preloader__pulse span:nth-child(2) {
animation-delay: -0.8s;
}
.dragovits-preloader__pulse span:nth-child(3) {
animation-delay: -1.6s;
}
@media (prefers-reduced-motion: reduce) {
.dragovits-preloader__pulse span {
animation: none;
opacity: 0.6;
transform: scale(0.6);
}
.dragovits-preloader__pulse span:nth-child(2), .dragovits-preloader__pulse span:nth-child(3) {
display: none;
}
}
@keyframes dragovits-preloader-ripple {
0% {
transform: scale(0);
opacity: 0;
}
10% {
opacity: 0.85;
}
100% {
transform: scale(1);
opacity: 0;
}
}
body.no-scroll {
overflow: hidden;
}
.site-header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 100;
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 24px;
pointer-events: none;
mix-blend-mode: difference;
color: #FFFFFF;
}
.site-header a,
.site-header button {
pointer-events: auto;
}
@media (max-width: 768px) {
.site-header {
padding: 16px;
}
}
body:not(.home) .site-header {
mix-blend-mode: normal;
color: #083580;
}
body:not(.home) .site-brand {
color: inherit;
}
body:not(.home) .nav-toggle__bar {
background: currentColor;
}
body.woocommerce.archive .site-header,
body.post-type-archive-product .site-header,
body.woocommerce-cart .site-header,
body.woocommerce-checkout .site-header,
body.single-product .site-header {
mix-blend-mode: difference;
color: #FFFFFF;
}
body.woocommerce.archive .site-brand,
body.post-type-archive-product .site-brand,
body.woocommerce-cart .site-brand,
body.woocommerce-checkout .site-brand,
body.single-product .site-brand {
color: #FFFFFF;
}
body.woocommerce.archive .nav-toggle__bar,
body.post-type-archive-product .nav-toggle__bar,
body.woocommerce-cart .nav-toggle__bar,
body.woocommerce-checkout .nav-toggle__bar,
body.single-product .nav-toggle__bar {
background: #FFFFFF;
}
body.is-pageable .site-header {
mix-blend-mode: difference;
color: #FFFFFF;
}
body.is-pageable .site-brand {
color: #FFFFFF;
}
body.is-pageable .nav-toggle__bar {
background: #FFFFFF;
}
.site-title {
margin: 0;
padding: 0;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
}
.site-brand {
font-family: "Mountains of Christmas", serif;
font-weight: 700;
letter-spacing: 0.1em;
color: #FFFFFF;
text-decoration: none;
transition: color 0.25s ease;
display: inline-flex;
align-items: baseline;
gap: 16px;
}
.site-brand__name {
font-size: 32px;
line-height: 1;
}
.site-brand__roles {
font-size: 16px;
letter-spacing: 0.14em;
opacity: 0.9;
}
@media (max-width: 768px) {
.site-brand {
flex-direction: column;
align-items: flex-start;
gap: 2px;
}
.site-brand__name {
font-size: 26px;
}
.site-brand__roles {
font-size: 13px;
}
}
.site-header__actions {
display: flex;
align-items: center;
gap: 16px;
pointer-events: auto;
}
.cart-toggle {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
color: inherit;
text-decoration: none;
cursor: pointer;
transition: transform 0.2s ease;
}
.cart-toggle:hover {
transform: translateY(-2px);
}
.cart-toggle:focus, .cart-toggle:focus-visible {
outline: none;
}
.cart-toggle__icon {
width: 24px;
height: 24px;
display: block;
}
.cart-toggle__count {
position: absolute;
top: -6px;
right: -10px;
min-width: 18px;
height: 18px;
padding: 0 5px;
background: transparent;
border: 1.5px solid currentColor;
border-radius: 9999px;
font-family: "Mountains of Christmas", serif;
font-size: 15px;
font-weight: 700;
line-height: 15px;
text-align: center;
color: currentColor;
}
.cart-toggle__count:empty, .cart-toggle__count[data-cart-count="0"] {
display: none;
}
.nav-toggle {
width: 36px;
height: 28px;
background: transparent;
border: 0;
padding: 0;
cursor: pointer;
display: flex;
flex-direction: column;
justify-content: center;
gap: 6px;
}
.nav-toggle__bar {
display: block;
width: 100%;
height: 2px;
background: #FFFFFF;
border-radius: 1px;
transition: transform 0.3s ease, opacity 0.2s ease;
transform-origin: center;
}
.nav-toggle[aria-expanded=true] .nav-toggle__bar:nth-child(1) {
transform: translateY(4px) rotate(45deg);
}
.nav-toggle[aria-expanded=true] .nav-toggle__bar:nth-child(2) {
transform: translateY(-4px) rotate(-45deg);
}
.nav-overlay {
position: fixed;
inset: 0;
z-index: 99;
background: rgba(14, 27, 58, 0.97);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: opacity 0.4s ease, visibility 0.4s ease;
}
.nav-overlay[aria-expanded=true], .nav-overlay.is-open {
opacity: 1;
visibility: visible;
}
.nav-overlay[hidden] {
display: flex;
}
.nav-overlay__inner {
width: 100%;
max-width: 1200px;
padding: 40px;
text-align: center;
}
.nav-overlay__menu {
list-style: none;
margin: 0;
padding: 0;
}
.nav-overlay__menu li {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.4s ease, transform 0.4s ease;
}
.nav-overlay__menu li:nth-child(1) {
transition-delay: 0.16s;
}
.nav-overlay__menu li:nth-child(2) {
transition-delay: 0.22s;
}
.nav-overlay__menu li:nth-child(3) {
transition-delay: 0.28s;
}
.nav-overlay__menu li:nth-child(4) {
transition-delay: 0.34s;
}
.nav-overlay__menu li:nth-child(5) {
transition-delay: 0.4s;
}
.nav-overlay__menu li:nth-child(6) {
transition-delay: 0.46s;
}
.nav-overlay__menu li:nth-child(7) {
transition-delay: 0.52s;
}
.nav-overlay__menu li:nth-child(8) {
transition-delay: 0.58s;
}
.nav-overlay__menu a {
display: inline-block;
padding: 16px 24px;
font-family: "Mountains of Christmas", serif;
font-size: clamp(32px, 5vw, 50px);
font-weight: 400;
font-style: italic;
color: #F5EFE2;
text-decoration: none;
letter-spacing: -0.01em;
transition: color 0.2s ease, transform 0.3s ease;
}
.nav-overlay__menu a:hover {
color: #E8C572;
transform: translateX(8px);
}
.nav-overlay.is-open .nav-overlay__menu li {
opacity: 1;
transform: translateY(0);
}
body.nav-open {
overflow: hidden;
}
.pg-wrapper {
overflow-x: hidden;
}
.site-main--front,
#pageable-container {
overflow: hidden;
}
#snow-canvas {
position: fixed;
inset: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 2;
transition: opacity 0.4s ease, clip-path 0.4s ease;
clip-path: inset(0);
}
#snow-canvas.is-right-half {
clip-path: inset(0 0 0 50%);
}
#snow-canvas-fg {
position: fixed;
inset: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 20;
mix-blend-mode: screen;
filter: grayscale(1) brightness(1.7);
transition: opacity 0.4s ease, clip-path 0.4s ease;
clip-path: inset(0);
}
#snow-canvas-fg.is-right-half {
clip-path: inset(0 0 0 50%);
}
.hero-snap {
position: relative;
width: 100%;
height: 100vh;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
cursor: default;
-moz-user-select: none;
user-select: none;
-webkit-user-select: none;
}
.hero-snap:focus, .hero-snap.pg-page:focus {
outline: none;
}
@media (max-width: 768px) {
.hero-snap {
height: auto;
min-height: 100vh;
}
}
.hero-snap__text {
position: relative;
z-index: 3;
max-width: 1040px;
margin: 0;
padding: 0 32px;
text-align: center;
font-family: "Mountains of Christmas", serif;
font-size: 4rem;
font-weight: 700;
line-height: 1.25;
color: #FFFFFF;
text-shadow: 0 3px 4px rgb(7, 42, 103);
opacity: 0;
}
@media (max-width: 768px) {
.hero-snap__text {
font-size: clamp(3.5rem, 7vw, 3.2rem);
padding: 0 40px;
}
}
.hero-snap__text--stagger {
opacity: 1;
}
.hero-snap__phrase {
display: inline-block;
opacity: 0;
}
.hero-snap__star {
position: absolute;
top: 8%;
left: 50%;
transform: translateX(-50%);
width: 80px;
z-index: 3;
pointer-events: none;
opacity: 0;
filter: drop-shadow(0 0 18px rgba(255, 245, 215, 0.8));
}
@media (max-width: 768px) {
.hero-snap__star {
width: 56px;
top: 6%;
}
}
.hero-snap__star-img {
display: block;
width: 100%;
height: auto;
animation: hero-star-pulse 3.2s ease-in-out infinite;
}
.hero-snap__sleigh {
position: absolute;
right: 25%;
bottom: 6%;
width: clamp(300px, 33vw, 580px);
z-index: 3;
pointer-events: none;
transform-origin: center center;
will-change: transform;
}
@media (max-width: 768px) {
.hero-snap__sleigh {
right: 3%;
bottom: 9%;
width: 74vw;
}
}
.hero-snap__sleigh-img {
display: block;
width: 100%;
height: auto;
transform-origin: center center;
will-change: transform;
filter: drop-shadow(0 10px 18px rgba(7, 42, 103, 0.4));
animation: hero-sleigh-hover 4s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
.hero-snap__sleigh-img {
animation: none;
}
}
.hero-clouds {
position: fixed;
left: 0;
right: 0;
bottom: 0;
width: 100%;
z-index: 40;
pointer-events: none;
opacity: 1;
transition: opacity 0.3s ease;
mix-blend-mode: screen;
}
.hero-clouds.is-hidden {
opacity: 0;
}
.hero-clouds__img {
display: block;
width: 100%;
height: auto;
}
@keyframes hero-star-pulse {
0%, 100% {
transform: scale(1);
}
50% {
transform: scale(1.12);
}
}
@keyframes hero-sleigh-hover {
0%, 100% {
transform: translateY(0) rotate(0deg);
}
25% {
transform: translateY(-1.2vh) rotate(1.2deg);
}
50% {
transform: translateY(-2.2vh) rotate(0deg);
}
75% {
transform: translateY(-1.2vh) rotate(-1.2deg);
}
}
[data-anchor=mt-frostbite].hero-snap {
padding-bottom: 20vh;
}
[data-anchor=step-into].hero-snap {
padding-bottom: 12vh;
}
[data-anchor=intro] .hero-snap__star {
width: 180px;
}
@media (max-width: 768px) {
[data-anchor=intro] .hero-snap__star {
width: 88px;
}
}
[data-anchor=step-into] .hero-snap__star {
width: 140px;
}
@media (max-width: 768px) {
[data-anchor=step-into] .hero-snap__star {
width: 72px;
}
}
body.home .pg-pips li:has(a[data-pip-path=footer]) {
display: none;
}
body.home.path-zach .pg-pips li:has(a[data-pip-path=footer]),
body.home.path-dawn .pg-pips li:has(a[data-pip-path=footer]) {
display: list-item;
}
.pg-pips {
position: fixed;
left: 32px;
top: 50%;
transform: translateY(-50%);
z-index: 50;
margin: 0;
padding: 0;
-moz-user-select: none;
user-select: none;
-webkit-user-select: none;
cursor: default;
}
.pg-pips ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 16px;
}
.pg-pips li {
margin: 0;
padding: 0;
}
.pg-pips a {
position: relative;
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
background: rgba(0, 0, 0, 0.15);
transition: background 0.3s ease, transform 0.3s ease;
cursor: pointer;
}
.pg-pips a:focus, .pg-pips a:focus-visible {
outline: none;
}
.pg-pips a.active {
background: #B8263A;
transform: scale(1.4);
}
.pg-pips a[data-label]::before, .pg-pips a[data-label]::after {
position: absolute;
top: 50%;
opacity: 0;
transition: opacity 0.2s ease, transform 0.2s ease;
pointer-events: none;
z-index: 51;
}
.pg-pips a[data-label]::before {
content: "";
left: 16px;
transform: translateY(-50%);
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 6px solid rgba(0, 0, 0, 0.85);
}
.pg-pips a[data-label]::after {
content: attr(data-label);
left: 22px;
transform: translate(-6px, -50%);
padding: 8px 14px;
background: rgba(0, 0, 0, 0.85);
color: #FFFFFF;
font-family: "Mountains of Christmas", serif;
font-size: 0.75rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
border-radius: 4px;
white-space: nowrap;
}
.pg-pips a[data-label]:hover::before {
opacity: 1;
}
.pg-pips a[data-label]:hover::after {
opacity: 1;
transform: translate(0, -50%);
}
.pg-pips span {
-moz-user-select: none;
user-select: none;
-webkit-user-select: none;
pointer-events: none;
}
.book-intro {
position: relative;
width: 100%;
height: 100vh;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
cursor: default;
-moz-user-select: none;
user-select: none;
-webkit-user-select: none;
}
.book-intro:focus, .book-intro.pg-page:focus {
outline: none;
}
@media (max-width: 768px) {
.book-intro {
height: auto;
min-height: 100vh;
}
}
.book-intro__trees {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: auto;
z-index: 1;
pointer-events: none;
display: block;
}
.book-intro__starburst-anchor {
position: absolute;
bottom: -60px;
left: 50%;
width: 0;
height: 0;
z-index: 2;
pointer-events: none;
}
.book-intro__starburst {
--burst-size: clamp(420px, 60vw, 820px);
position: absolute;
top: 0;
left: 0;
width: var(--burst-size);
height: var(--burst-size);
max-width: none;
margin-top: calc(var(--burst-size) / -2);
margin-left: calc(var(--burst-size) / -2);
display: block;
opacity: 0.85;
transform-origin: center center;
animation: book-intro-starburst-spin 40s linear infinite;
}
@media (max-width: 768px) {
.book-intro__starburst {
--burst-size: clamp(320px, 90vw, 520px);
opacity: 0.75;
}
}
.book-intro__inner {
position: relative;
z-index: 3;
max-width: 1500px;
height: 100%;
margin: 0 auto;
padding: 0 50px;
display: grid;
grid-template-columns: minmax(180px, 22%) minmax(0, 1fr) minmax(180px, 22%);
grid-template-rows: auto auto auto;
grid-template-areas: "zach copy    dawn" "tagline tagline tagline" "buttons buttons buttons";
align-content: center;
align-items: center;
justify-items: center;
-moz-column-gap: 40px;
column-gap: 40px;
row-gap: 16px;
}
@media (max-width: 768px) {
.book-intro__inner {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 24px;
padding: 110px 24px;
}
}
.book-intro__books-row {
display: contents;
}
@media (max-width: 768px) {
.book-intro__books-row {
display: flex;
justify-content: center;
align-items: flex-start;
gap: 16px;
width: 100%;
order: 2;
}
}
.book-intro__book {
grid-area: zach;
opacity: 0;
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
width: 100%;
max-width: 320px;
align-self: center;
justify-self: center;
}
@media (max-width: 768px) {
.book-intro__book {
width: 50%;
max-width: 220px;
position: relative;
}
}
.book-intro__book--zach {
grid-area: zach;
}
@media (max-width: 768px) {
.book-intro__book--zach {
z-index: 2;
}
}
.book-intro__book--dawn {
grid-area: dawn;
}
@media (max-width: 768px) {
.book-intro__book--dawn {
z-index: 1;
}
}
.book-intro__cover-button {
display: block;
width: 100%;
padding: 0;
background: transparent;
border: none;
cursor: pointer;
touch-action: manipulation;
transition: transform 0.2s ease;
}
.book-intro__cover-button:hover {
transform: translateY(-4px);
}
.book-intro__cover-button:focus, .book-intro__cover-button:focus-visible {
outline: none;
}
.book-intro__cover {
width: 100%;
height: auto;
display: block;
filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.22)) drop-shadow(0 6px 12px rgba(0, 0, 0, 0.14));
animation: book-float 5s ease-in-out infinite;
}
.book-intro__book--dawn .book-intro__cover-button .book-intro__cover {
animation-delay: -2.5s;
}
.book-intro__buy {
display: inline-block;
padding: 15px 30px;
background: #ef3f5f;
color: #FFFFFF;
font-family: "Mountains of Christmas", serif;
font-size: clamp(1.1rem, 1.4vw, 1.6rem);
font-weight: 700;
line-height: 1.2;
text-decoration: none;
text-align: center;
white-space: nowrap;
border: none;
border-radius: 9999px;
cursor: pointer;
box-shadow: rgb(194, 12, 53) 0 5px 1px;
transition: background 0.2s ease, transform 0.2s ease;
}
.book-intro__buy:hover {
background: #c20c35;
color: #FFFFFF;
transform: translateY(-2px);
}
.book-intro__buy:focus, .book-intro__buy:focus-visible {
outline: none;
}
.book-intro__copy {
grid-area: copy;
opacity: 0;
}
@media (max-width: 768px) {
.book-intro__copy {
order: 1;
}
}
.book-intro__paragraph {
font-family: "Mountains of Christmas", serif;
font-size: 34px;
line-height: 1.45;
font-weight: 700;
color: #083580;
margin: 0;
text-align: center;
}
@media (max-width: 768px) {
.book-intro__paragraph {
font-size: 28px;
}
}
.book-intro__tagline {
grid-area: tagline;
margin: 0;
font-family: "Mountains of Christmas", serif;
font-size: clamp(1.75rem, 4vw, 3rem);
font-weight: 700;
color: #083580;
text-align: center;
opacity: 0;
}
@media (max-width: 768px) {
.book-intro__tagline {
order: 3;
}
}
.book-intro__continue {
display: inline-block;
transform-origin: center center;
will-change: transform;
}
.book-intro__continue.is-nudging {
animation: book-intro-continue-nudge 0.6s ease-in-out;
color: #D4552E;
}
@media (prefers-reduced-motion: reduce) {
.book-intro__continue.is-nudging {
animation: none;
}
}
.book-intro__buttons {
grid-area: buttons;
display: flex;
flex-wrap: wrap;
gap: 64px;
justify-content: center;
align-items: center;
margin: 0;
opacity: 0;
}
@media (max-width: 768px) {
.book-intro__buttons {
order: 4;
gap: 24px;
}
}
.book-intro__button {
display: inline-block;
padding: 0;
background: transparent;
border: none;
cursor: pointer;
touch-action: manipulation;
transition: transform 0.2s ease, filter 0.2s ease;
}
.book-intro__button img {
display: block;
width: auto;
max-width: 100%;
max-height: 70px;
filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.25));
transition: filter 0.2s ease;
}
@media (max-width: 768px) {
.book-intro__button img {
max-height: 56px;
}
}
.book-intro__button:hover {
transform: translateY(-3px);
}
.book-intro__button:hover img {
filter: drop-shadow(0 8px 10px rgba(0, 0, 0, 0.3));
}
.book-intro__button:focus, .book-intro__button:focus-visible {
outline: none;
}
@keyframes book-intro-continue-nudge {
0% {
transform: scale(1) rotate(0deg);
}
20% {
transform: scale(1.4) rotate(-5deg);
}
40% {
transform: scale(1.4) rotate(5deg);
}
60% {
transform: scale(1.4) rotate(-4deg);
}
80% {
transform: scale(1.4) rotate(3deg);
}
100% {
transform: scale(1) rotate(0deg);
}
}
@keyframes book-float {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-14px);
}
}
@keyframes book-intro-starburst-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.zach-intro {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
cursor: default;
-moz-user-select: none;
user-select: none;
-webkit-user-select: none;
display: grid;
grid-template-columns: 1fr 1fr;
}
.zach-intro:focus, .zach-intro.pg-page:focus {
outline: none;
}
@media (max-width: 768px) {
.zach-intro {
height: auto;
grid-template-columns: 1fr;
grid-template-rows: auto auto;
}
.zach-intro__col--right {
order: 2;
}
.zach-intro__col--left {
order: 1;
}
}
.zach-intro__col {
position: relative;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 0 60px;
}
@media (max-width: 768px) {
.zach-intro__col {
padding: 110px 24px;
}
}
.zach-intro__col--left {
background-color: #ecf1fd;
}
.zach-intro__col--right {
background-image: url(//mattdragovits.com/wp-content/themes/dragovits/assets/images/zach-intro/zach-intro-bg-half.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.zach-intro__workshop {
position: absolute;
left: 0;
bottom: 0;
width: clamp(280px, 32vw, 480px);
height: auto;
z-index: 3;
pointer-events: none;
}
@media (max-width: 768px) {
.zach-intro__workshop {
display: none;
}
}
.zach-intro__text {
max-width: 485px;
opacity: 0;
}
.zach-intro__paragraph {
font-family: "Mountains of Christmas", serif;
font-size: clamp(1.4rem, 2.1vw, 2.1rem);
line-height: 1.4;
font-weight: 700;
color: #083580;
margin: 0;
}
.zach-intro__rotator {
position: relative;
width: 100%;
max-width: 650px;
opacity: 0;
}
.zach-intro__images {
position: relative;
width: 100%;
aspect-ratio: 1/1.1;
}
.zach-intro__image {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
opacity: 0;
transition: opacity 0.6s ease;
}
.zach-intro__image.is-active {
opacity: 1;
}
.zach-intro__arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 48px;
height: 48px;
background: transparent;
border: none;
color: #083580;
font-size: 3rem;
font-family: "Mountains of Christmas", serif;
line-height: 1;
cursor: pointer;
padding: 0;
z-index: 4;
opacity: 0.7;
transition: opacity 0.2s ease, transform 0.2s ease;
}
.zach-intro__arrow:hover {
opacity: 1;
transform: translateY(-50%) scale(1.15);
}
.zach-intro__arrow--prev {
left: -56px;
}
.zach-intro__arrow--next {
right: -56px;
}
@media (max-width: 768px) {
.zach-intro__arrow {
width: 36px;
height: 36px;
font-size: 2.2rem;
}
.zach-intro__arrow--prev {
left: -40px;
}
.zach-intro__arrow--next {
right: -40px;
}
}
.zach-intro__rotator.is-single .zach-intro__arrow {
display: none;
}
@media (max-width: 768px) {
.zach-intro__col--right {
min-height: 50vh;
padding: 40px 24px;
}
.zach-intro__rotator {
max-width: 100%;
}
.zach-intro__images {
aspect-ratio: auto;
height: 42vh;
}
}
.goblin-intro {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
cursor: default;
-moz-user-select: none;
user-select: none;
-webkit-user-select: none;
display: grid;
grid-template-columns: 1fr 1fr;
}
.goblin-intro:focus, .goblin-intro.pg-page:focus {
outline: none;
}
@media (max-width: 768px) {
.goblin-intro {
height: auto;
grid-template-columns: 1fr;
grid-template-rows: auto auto;
}
.goblin-intro__col--right {
order: 1;
}
.goblin-intro__col--left {
order: 2;
}
}
.goblin-intro__col {
position: relative;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 0 60px;
}
@media (max-width: 768px) {
.goblin-intro__col {
padding: 110px 24px;
}
}
.goblin-intro__col--left {
background-image: url(//mattdragovits.com/wp-content/themes/dragovits/assets/images/goblin-intro/goblin-intro-bg-half.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.goblin-intro__col--right {
background-color: #1E3A3D;
}
.goblin-intro__cart {
position: relative;
width: 100%;
max-width: 100%;
opacity: 0;
pointer-events: none;
}
@media (max-width: 768px) {
.goblin-intro__cart {
max-width: 80%;
}
}
.goblin-intro__cart-inner {
transform-origin: 50% 90%;
animation: goblin-cart-rock 3s ease-in-out infinite alternate;
}
.goblin-intro__cart-inner img {
width: 100%;
height: auto;
display: block;
filter: drop-shadow(0 30px 40px rgba(0, 0, 0, 0.5));
}
.goblin-intro__copy {
max-width: 485px;
opacity: 0;
}
.goblin-intro__paragraph {
font-family: "Mountains of Christmas", serif;
font-size: clamp(1.4rem, 2.1vw, 2.1rem);
line-height: 1.4;
font-weight: 700;
color: #F5EFE2;
margin: 0;
text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
}
@media (max-width: 768px) {
.goblin-intro__col--left {
min-height: 50vh;
padding: 40px 24px;
}
.goblin-intro__cart {
max-width: 100%;
}
.goblin-intro__cart img {
max-height: 42vh;
width: auto;
margin: 0 auto;
}
}
@keyframes goblin-cart-rock {
0% {
transform: rotate(-1.5deg);
}
100% {
transform: rotate(1.5deg);
}
}
.cliff-intro {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
cursor: default;
-moz-user-select: none;
user-select: none;
-webkit-user-select: none;
display: grid;
grid-template-columns: 1fr 1fr;
}
.cliff-intro:focus, .cliff-intro.pg-page:focus {
outline: none;
}
@media (max-width: 768px) {
.cliff-intro {
height: auto;
grid-template-columns: 1fr;
grid-template-rows: auto auto;
}
.cliff-intro__col--right {
order: 2;
min-height: 50vh;
}
.cliff-intro__col--left {
order: 1;
}
}
.cliff-intro__col {
position: relative;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 0 60px;
}
@media (max-width: 768px) {
.cliff-intro__col {
padding: 110px 24px;
}
}
.cliff-intro__col--left {
background-color: #2D2F6F;
}
.cliff-intro__col--right {
background-image: url(//mattdragovits.com/wp-content/themes/dragovits/assets/images/cliff-intro/cliff-intro-bg-half.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 0;
overflow: hidden;
}
.cliff-intro__copy {
max-width: 485px;
opacity: 0;
}
.cliff-intro__paragraph {
font-family: "Mountains of Christmas", serif;
font-size: clamp(1.4rem, 2.1vw, 2.1rem);
line-height: 1.4;
font-weight: 700;
color: #F5EFE2;
margin: 0;
text-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
}
.cliff-intro__cliff {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
opacity: 0;
pointer-events: none;
}
.cliff-intro__cliff img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: right center;
object-position: right center;
display: block;
filter: drop-shadow(-20px 30px 40px rgba(0, 0, 0, 0.4));
}
@media (max-width: 768px) {
.cliff-intro__cliff {
width: 80%;
}
}
.cliff-intro__elves {
position: absolute;
top: -2%;
right: 10%;
width: 88%;
opacity: 0;
pointer-events: none;
}
@media (max-width: 768px) {
.cliff-intro__elves {
right: 12%;
width: 75%;
}
}
.cliff-intro__elves-inner {
transform-origin: 50% 0%;
animation: cliff-elves-swing 4s ease-in-out infinite alternate;
}
.cliff-intro__elves-inner img {
width: 100%;
height: auto;
display: block;
filter: drop-shadow(0 12px 16px rgba(0, 0, 0, 0.4));
}
@keyframes cliff-elves-swing {
0% {
transform: rotate(-3deg);
}
100% {
transform: rotate(3deg);
}
}
.characters {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
cursor: default;
-moz-user-select: none;
user-select: none;
-webkit-user-select: none;
background-image: url(//mattdragovits.com/wp-content/themes/dragovits/assets/images/characters/character-bg.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr auto;
grid-template-areas: "left right" "thumbs thumbs";
}
.characters:focus, .characters.pg-page:focus {
outline: none;
}
@media (max-width: 768px) {
.characters {
height: auto;
min-height: 100vh;
grid-template-columns: 1fr;
grid-template-rows: auto auto auto;
grid-template-areas: "right" "thumbs" "left";
}
}
.characters__col {
position: relative;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0 60px;
}
@media (max-width: 768px) {
.characters__col {
padding: 40px 24px;
}
}
.characters__col--left {
grid-area: left;
}
.characters__col--right {
grid-area: right;
}
.characters__copy {
position: relative;
top: 40px;
max-width: 530px;
opacity: 0;
}
.characters__paragraph {
font-family: "Mountains of Christmas", serif;
font-size: clamp(1.4rem, 2.1vw, 2.1rem);
line-height: 1.4;
font-weight: 700;
color: #083580;
margin: 0;
}
.characters__featured {
position: relative;
width: 100%;
max-width: 560px;
opacity: 0;
display: flex;
align-items: center;
justify-content: center;
}
.characters__featured-stage {
position: relative;
width: 100%;
height: 60vh;
max-height: 600px;
}
.characters__featured-img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
opacity: 0;
transition: opacity 0.5s ease;
filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.25));
}
.characters__featured-img.is-active {
opacity: 1;
}
.characters__bio-link {
position: absolute;
left: 0;
bottom: 20%;
z-index: 4;
opacity: 0;
background: transparent;
border: 0;
padding: 4px 8px;
font-family: "Mountains of Christmas", serif;
font-size: clamp(1.1rem, 1.4vw, 1.4rem);
font-weight: 700;
color: #ef3f5f;
text-decoration: underline;
text-underline-offset: 4px;
letter-spacing: 0.02em;
cursor: pointer;
transition: color 0.2s ease, transform 0.2s ease;
}
.characters__bio-link:hover {
color: #c20c35;
transform: translateY(-1px);
}
.characters__bio-link:focus, .characters__bio-link:focus-visible {
outline: none;
}
.characters__thumbs {
grid-area: thumbs;
display: flex;
justify-content: center;
gap: 24px;
flex-wrap: nowrap;
overflow-x: auto;
scrollbar-width: none;
padding: 16px 40px 40px;
opacity: 0;
}
.characters__thumbs::-webkit-scrollbar {
display: none;
}
.characters__thumb-item {
flex: 0 0 auto;
width: 10%;
display: flex;
flex-direction: column;
align-items: center;
gap: 18px;
}
@media (max-width: 768px) {
.characters__thumb-item {
width: auto;
}
}
.characters__thumb {
width: 100%;
aspect-ratio: 1/1;
padding: 0;
margin: 0;
background: #FFFFFF;
border-radius: 50%;
overflow: hidden;
cursor: pointer;
transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
}
.characters__thumb img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
.characters__thumb:hover {
transform: scale(1.08);
}
.characters__thumb.is-active {
border-color: #083580;
transform: scale(1.12);
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.22);
}
@media (max-width: 768px) {
.characters__thumb {
width: 64px;
}
}
.characters__thumb-name {
font-family: "Mountains of Christmas", serif;
font-size: clamp(0.95rem, 1.1vw, 1.2rem);
font-weight: 700;
color: #083580;
text-align: center;
line-height: 1.1;
transition: transform 0.25s ease;
}
.characters__thumb.is-active + .characters__thumb-name {
transform: scale(1.06);
}
.zach-books {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
cursor: default;
-moz-user-select: none;
user-select: none;
-webkit-user-select: none;
background-image: url(//mattdragovits.com/wp-content/themes/dragovits/assets/images/characters/character-bg.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.zach-books:focus, .zach-books.pg-page:focus {
outline: none;
}
@media (max-width: 768px) {
.zach-books {
height: auto;
min-height: 100vh;
}
}
.zach-books__inner {
position: relative;
z-index: 3;
max-width: 1400px;
height: 100%;
margin: 0 auto;
padding: 64px 60px 40px;
display: flex;
flex-direction: column;
justify-content: center;
gap: 40px;
}
@media (max-width: 768px) {
.zach-books__inner {
padding: 80px 24px;
gap: 24px;
}
}
.zach-books__heading {
margin: 0;
font-family: "Mountains of Christmas", serif;
font-size: clamp(1.6rem, 2.6vw, 2.6rem);
line-height: 1.3;
font-weight: 700;
color: #083580;
text-align: center;
opacity: 0;
}
.zach-books__products {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: center;
justify-items: center;
}
@media (max-width: 768px) {
.zach-books__products {
grid-template-columns: 1fr;
gap: 40px;
}
}
.zach-books__product {
display: grid;
grid-template-columns: minmax(150px, 40%) 1fr;
align-items: center;
gap: 24px;
width: 100%;
opacity: 0;
}
@media (max-width: 768px) {
.zach-books__product {
grid-template-columns: minmax(120px, 35%) 1fr;
gap: 16px;
}
}
.zach-books__cover {
width: 100%;
max-width: 280px;
justify-self: center;
}
.zach-books__cover img {
width: 100%;
height: auto;
display: block;
filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.22)) drop-shadow(0 6px 12px rgba(0, 0, 0, 0.14));
animation: book-float 5s ease-in-out infinite;
}
.zach-books__product:nth-child(2) .zach-books__cover img {
animation-delay: -2.5s;
}
.zach-books__details {
text-align: left;
}
.zach-books__title {
margin: 0 0 8px;
font-family: "Mountains of Christmas", serif;
font-size: 30px;
font-weight: 700;
color: #083580;
}
.zach-books__desc {
margin: 0 0 16px;
font-family: "Mountains of Christmas", serif;
font-size: 24px;
line-height: 1.5;
font-weight: 700;
color: #083580;
}
.zach-books__price {
margin: 0 0 8px;
font-family: "Mountains of Christmas", serif;
font-size: clamp(1.2rem, 1.6vw, 1.6rem);
font-weight: 700;
color: #083580;
text-align: center;
}
.zach-books__cta {
display: inline-block;
padding: 15px 25px;
background: #ef3f5f;
color: #FFFFFF;
font-family: "Mountains of Christmas", serif;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.2;
text-decoration: none;
text-align: center;
border: none;
border-radius: 9999px;
cursor: pointer;
-moz-user-select: none;
user-select: none;
-webkit-user-select: none;
box-shadow: rgb(194, 12, 53) 0 5px 1px;
transition: background 0.2s ease, transform 0.2s ease;
margin-left: 50%;
transform: translateX(-50%);
}
.zach-books__cta:hover {
background: #c20c35;
color: #FFFFFF;
transform: translateX(-50%) translateY(-2px);
}
.zach-books__cta:focus, .zach-books__cta:focus-visible {
outline: none;
}
.zach-books__cta.loading {
opacity: 0.7;
cursor: wait;
}
.zach-books__cta.added {
background: #2E6B3A;
box-shadow: #1e4a28 0 5px 1px;
}
.zach-books__cta.added:hover {
background: #1E4A28;
color: #FFFFFF;
transform: translateX(-50%) translateY(-2px);
}
@media (max-width: 768px) {
.zach-books__cta {
font-size: 1rem;
padding: 4px 24px;
}
}
.young-santa {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
cursor: default;
-moz-user-select: none;
user-select: none;
-webkit-user-select: none;
display: grid;
grid-template-columns: 1fr 1fr;
}
.young-santa:focus, .young-santa.pg-page:focus {
outline: none;
}
@media (max-width: 768px) {
.young-santa {
height: auto;
grid-template-columns: 1fr;
grid-template-rows: auto auto;
}
.young-santa__col--right {
order: 2;
}
.young-santa__col--left {
order: 1;
}
}
.young-santa__col {
position: relative;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 0 60px;
}
@media (max-width: 768px) {
.young-santa__col {
padding: 110px 24px;
}
}
.young-santa__col--left {
background-color: #ecf1fd;
}
.young-santa__col--right {
background-image: url(//mattdragovits.com/wp-content/themes/dragovits/assets/images/young-santa/zach-intro-bg-half.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.young-santa__wolf-prints {
position: absolute;
left: 0;
bottom: 0;
width: 700px;
height: auto;
z-index: 3;
pointer-events: none;
}
@media (max-width: 768px) {
.young-santa__wolf-prints {
display: none;
}
}
.young-santa__copy {
max-width: 485px;
opacity: 0;
}
.young-santa__paragraph {
font-family: "Mountains of Christmas", serif;
font-size: clamp(1.4rem, 2.1vw, 2.1rem);
line-height: 1.4;
font-weight: 700;
color: #083580;
margin: 0;
}
.young-santa__character {
position: relative;
width: 100%;
max-width: 580px;
opacity: 0;
}
.young-santa__character img {
width: 100%;
height: auto;
display: block;
animation: young-santa-float 5s ease-in-out infinite;
filter: drop-shadow(0 25px 40px rgba(0, 0, 0, 0.2));
}
@media (max-width: 768px) {
.young-santa__character {
max-width: 320px;
}
}
@media (max-width: 768px) {
.young-santa__col--right {
min-height: 50vh;
padding: 40px 24px;
}
.young-santa__character {
max-width: 100%;
}
.young-santa__character img {
max-height: 42vh;
width: auto;
margin: 0 auto;
}
}
@keyframes young-santa-float {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-14px);
}
}
.shop-slide,
.cart-slide,
.checkout-slide,
.product-slide,
.page-pageable__slide {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
background-image: url(//mattdragovits.com/wp-content/themes/dragovits/assets/images/characters/character-bg.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.shop-slide:focus, .shop-slide.pg-page:focus,
.cart-slide:focus,
.cart-slide.pg-page:focus,
.checkout-slide:focus,
.checkout-slide.pg-page:focus,
.product-slide:focus,
.product-slide.pg-page:focus,
.page-pageable__slide:focus,
.page-pageable__slide.pg-page:focus {
outline: none;
}
.page-pageable__inner {
width: 100%;
height: 100%;
color: #083580;
font-family: "Mountains of Christmas", serif;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
transform: translate3d(0, 0, 0);
}
.page-pageable__inner::-webkit-scrollbar {
width: 8px;
}
.page-pageable__inner::-webkit-scrollbar-thumb {
background: rgba(8, 53, 128, 0.25);
border-radius: 4px;
}
.page-pageable__inner h1,
.page-pageable__inner h2,
.page-pageable__inner h3,
.page-pageable__inner h4 {
font-family: "Mountains of Christmas", serif;
font-weight: 700;
color: #083580;
margin: 0 0 16px;
}
.page-pageable__inner p {
font-family: "Mountains of Christmas", serif;
font-size: clamp(1.1rem, 1.4vw, 1.4rem);
line-height: 1.5;
color: #083580;
margin: 0 0 16px;
}
.page-pageable__inner img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto 16px;
}
.page-pageable__content {
max-width: 1200px;
width: 100%;
margin: 0 auto;
padding: 120px 40px 40vh;
}
@media (max-width: 768px) {
.page-pageable__content {
padding: 96px 24px 40vh;
}
}
.shop-slide {
-moz-user-select: none;
user-select: none;
-webkit-user-select: none;
cursor: default;
}
.shop-slide > .site-main,
.shop-slide > #primary > .site-main,
.shop-slide > #primary {
margin: 0 auto;
padding: 30px clamp(60px, 8vw, 120px) 64px;
}
@media (max-width: 768px) {
.shop-slide > .site-main,
.shop-slide > #primary > .site-main,
.shop-slide > #primary {
padding: 30px 24px 40px;
}
}
.cart-slide,
.checkout-slide,
.product-slide {
-moz-user-select: none;
user-select: none;
-webkit-user-select: none;
cursor: default;
}
.cart-slide__inner,
.checkout-slide__inner,
.product-slide__inner {
width: 100%;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
transform: translate3d(0, 0, 0);
}
.cart-slide__inner::-webkit-scrollbar,
.checkout-slide__inner::-webkit-scrollbar,
.product-slide__inner::-webkit-scrollbar {
width: 8px;
}
.cart-slide__inner::-webkit-scrollbar-thumb,
.checkout-slide__inner::-webkit-scrollbar-thumb,
.product-slide__inner::-webkit-scrollbar-thumb {
background: rgba(8, 53, 128, 0.25);
border-radius: 4px;
}
.cart-slide__inner input,
.cart-slide__inner textarea,
.cart-slide__inner select,
.checkout-slide__inner input,
.checkout-slide__inner textarea,
.checkout-slide__inner select,
.product-slide__inner input,
.product-slide__inner textarea,
.product-slide__inner select {
-moz-user-select: text;
user-select: text;
-webkit-user-select: text;
cursor: text;
}
@media (max-width: 768px) {
.shop-slide,
.cart-slide,
.checkout-slide,
.product-slide,
.page-pageable__slide {
height: auto;
min-height: auto;
overflow: visible;
}
.page-pageable__inner,
.cart-slide__inner,
.checkout-slide__inner,
.product-slide__inner {
height: auto;
overflow: visible;
transform: none;
}
}
.evil-goblin {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
cursor: default;
-moz-user-select: none;
user-select: none;
-webkit-user-select: none;
display: grid;
grid-template-columns: 1fr 1fr;
}
.evil-goblin:focus, .evil-goblin.pg-page:focus {
outline: none;
}
@media (max-width: 768px) {
.evil-goblin {
height: auto;
grid-template-columns: 1fr;
grid-template-rows: auto auto;
}
.evil-goblin__col--right {
order: 1;
}
.evil-goblin__col--left {
order: 2;
}
}
.evil-goblin__col {
position: relative;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 0 60px;
}
@media (max-width: 768px) {
.evil-goblin__col {
padding: 110px 24px;
}
}
.evil-goblin__col--left {
background-image: url(//mattdragovits.com/wp-content/themes/dragovits/assets/images/evil-goblin/evil-goblin-bg-half.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.evil-goblin__col--right {
background-color: #0E2818;
}
.evil-goblin__character {
position: relative;
width: 100%;
max-width: 600px;
opacity: 0;
pointer-events: none;
}
.evil-goblin__character img {
width: 100%;
height: auto;
display: block;
transform-origin: 50% 100%;
animation: evil-goblin-rotate 3.2s ease-in-out infinite alternate;
}
@media (max-width: 768px) {
.evil-goblin__character {
max-width: 70%;
}
}
.evil-goblin__copy {
max-width: 485px;
opacity: 0;
}
.evil-goblin__paragraph {
font-family: "Mountains of Christmas", serif;
font-size: clamp(1.4rem, 2.1vw, 2.1rem);
line-height: 1.4;
font-weight: 700;
color: #F5EFE2;
margin: 0;
text-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
}
@media (max-width: 768px) {
.evil-goblin__col--left {
min-height: 50vh;
padding: 40px 24px;
}
.evil-goblin__character {
max-width: 100%;
}
.evil-goblin__character img {
max-height: 42vh;
width: auto;
margin: 0 auto;
}
}
@keyframes evil-goblin-rotate {
0% {
transform: rotate(-2deg);
}
100% {
transform: rotate(2deg);
}
}
.frozen-north {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
cursor: default;
-moz-user-select: none;
user-select: none;
-webkit-user-select: none;
display: grid;
grid-template-columns: 1fr 1fr;
}
.frozen-north:focus, .frozen-north.pg-page:focus {
outline: none;
}
@media (max-width: 768px) {
.frozen-north {
height: auto;
grid-template-columns: 1fr;
grid-template-rows: auto auto;
}
.frozen-north__col--right {
order: 2;
}
.frozen-north__col--left {
order: 1;
}
}
.frozen-north__col {
position: relative;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 0 60px;
}
@media (max-width: 768px) {
.frozen-north__col {
padding: 110px 24px;
}
}
.frozen-north__col--left {
background-color: #2D2F6F;
}
.frozen-north__col--right {
background-image: url(//mattdragovits.com/wp-content/themes/dragovits/assets/images/frozen-north/cliff-intro-bg-half.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.frozen-north__copy {
max-width: 485px;
opacity: 0;
}
.frozen-north__paragraph {
font-family: "Mountains of Christmas", serif;
font-size: clamp(1.4rem, 2.1vw, 2.1rem);
line-height: 1.4;
font-weight: 700;
color: #F5EFE2;
margin: 0;
text-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
}
.frozen-north__character {
position: relative;
width: 100%;
max-width: 640px;
opacity: 0;
pointer-events: none;
}
.frozen-north__character img {
width: 100%;
height: auto;
display: block;
filter: drop-shadow(0 25px 40px rgba(0, 0, 0, 0.25));
transform-origin: 50% 100%;
animation: yeti-breathe 4s ease-in-out infinite;
}
@media (max-width: 768px) {
.frozen-north__character {
max-width: 80%;
}
}
@media (max-width: 768px) {
.frozen-north__col--right {
min-height: 50vh;
padding: 40px 24px;
}
.frozen-north__character {
max-width: 100%;
}
.frozen-north__character img {
max-height: 42vh;
width: auto;
margin: 0 auto;
}
}
@keyframes yeti-breathe {
0%, 100% {
transform: scale(1);
}
50% {
transform: scale(1.05);
}
}
.coloring-book {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
cursor: default;
-moz-user-select: none;
user-select: none;
-webkit-user-select: none;
background: #c6d0e7;
display: flex;
align-items: center;
justify-content: center;
}
.coloring-book:focus, .coloring-book.pg-page:focus {
outline: none;
}
@media (max-width: 768px) {
.coloring-book {
height: auto;
min-height: 100vh;
}
}
.coloring-book__inner {
width: 100%;
max-width: 1280px;
padding: clamp(220px, 26vh, 260px) clamp(24px, 4vw, 60px) 0px;
text-align: center;
color: #083580;
}
@media (max-width: 768px) {
.coloring-book__inner {
padding: clamp(180px, 24vh, 220px) 24px 40px;
}
}
.coloring-book__heading {
margin: 0 0 clamp(40px, 5vh, 64px);
font-family: "Mountains of Christmas", serif;
font-size: clamp(1.8rem, 3.2vw, 2.8rem);
font-weight: 700;
line-height: 1.2;
color: #083580;
opacity: 0;
}
.coloring-book__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: clamp(16px, 3vw, 40px);
align-items: start;
margin: 0 0 clamp(40px, 4vh, 64px);
}
@media (max-width: 768px) {
.coloring-book__grid {
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
}
.coloring-book__item {
display: flex;
flex-direction: column;
align-items: center;
opacity: 0;
}
.coloring-book__thumb {
width: 100%;
max-width: 260px;
aspect-ratio: 1;
background: #FFFFFF;
border-radius: 50%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
.coloring-book__thumb img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
display: block;
}
.coloring-book__download {
margin-top: 16px;
font-family: "Mountains of Christmas", serif;
font-size: clamp(1.1rem, 1.4vw, 1.4rem);
font-weight: 700;
color: #ef3f5f;
text-decoration: underline;
text-underline-offset: 4px;
letter-spacing: 0.02em;
cursor: pointer;
transition: color 0.2s ease, transform 0.2s ease;
}
.coloring-book__download:hover {
color: #c20c35;
transform: translateY(-1px);
}
.coloring-book__download:focus, .coloring-book__download:focus-visible {
outline: none;
color: #c20c35;
}
.coloring-book__footnote {
max-width: 920px;
margin: 0 auto;
font-family: "Mountains of Christmas", serif;
font-size: clamp(0.95rem, 1.1vw, 1.1rem);
font-weight: 700;
line-height: 1.5;
color: #083580;
opacity: 0;
}
.about-bg {
position: fixed;
inset: 0;
z-index: 1;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
pointer-events: none;
}
.about-snow {
position: fixed;
inset: 0;
width: 100%;
height: 100%;
z-index: 2;
pointer-events: none;
}
body.is-about .pg-wrapper {
position: relative;
z-index: 3;
}
@media (max-width: 768px) {
body.is-about #pageable-container {
position: relative;
z-index: 3;
}
}
.about-masthead {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 5;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding-top: 96px;
pointer-events: none;
color: #ffffff;
transition: opacity 0.5s ease;
}
.about-masthead.is-hidden {
opacity: 0;
}
@media (max-width: 768px) {
.about-masthead {
position: absolute;
}
}
.about-masthead__heading {
font-family: "Mountains of Christmas", serif;
font-weight: 700;
color: #ffffff;
font-size: clamp(1.8rem, 3.2vw, 2.6rem);
line-height: 1.1;
margin: 0 0 16px;
}
.about-masthead__portrait {
width: clamp(120px, 11vw, 225px);
}
.about-masthead__portrait img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 1/1;
-o-object-fit: cover;
object-fit: cover;
border-radius: 50%;
max-width: 100%;
}
.about-slide {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
color: #ffffff;
-moz-user-select: none;
user-select: none;
-webkit-user-select: none;
cursor: default;
}
.about-slide:focus, .about-slide.pg-page:focus {
outline: none;
}
@media (max-width: 768px) {
.about-slide {
height: auto;
min-height: 100vh;
overflow: visible;
}
}
.about-slide__inner {
width: 100%;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
transform: translate3d(0, 0, 0);
padding: clamp(400px, 46vh, 470px) clamp(24px, 5vw, 64px) 40px;
}
.about-slide__inner::-webkit-scrollbar {
width: 8px;
}
.about-slide__inner::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.3);
border-radius: 4px;
}
@media (max-width: 768px) {
.about-slide__inner {
height: auto;
overflow: visible;
padding: 40px clamp(24px, 5vw, 64px) 40px;
}
}
@media (max-width: 768px) {
.about-slide:first-of-type .about-slide__inner {
padding-top: clamp(270px, 40vh, 300px);
}
}
.about-slide__copy {
max-width: 1400px;
margin: 0 auto;
text-align: left;
}
.about-slide__copy p {
font-family: "Mountains of Christmas", serif;
font-size: 34px;
line-height: 1.4;
color: #ffffff;
margin: 0 0 16px;
}
.about-slide__copy p:last-child {
margin-bottom: 0;
}
@media (max-width: 768px) {
.about-slide__copy p {
font-size: 20px;
}
}
.about-slide__copy a {
color: #ef3f5f;
text-decoration: underline;
transition: color 0.2s ease;
}
.about-slide__copy a:hover, .about-slide__copy a:focus {
color: #c20c35;
}
.about-slide__copy a:focus, .about-slide__copy a:focus-visible {
outline: none;
}
.about-slide__cols {
display: grid;
grid-template-columns: 1.5fr 1fr;
gap: clamp(24px, 4vw, 64px);
align-items: center;
max-width: 1400px;
margin: 0 auto;
}
.about-slide__cols .about-slide__copy {
max-width: none;
}
@media (max-width: 768px) {
.about-slide__cols {
grid-template-columns: 1fr;
gap: 24px;
}
}
.about-slide__map img {
display: block;
width: 100%;
height: auto;
max-height: 45vh;
-o-object-fit: contain;
object-fit: contain;
margin: 0 auto;
}
.footer-main--about {
isolation: isolate;
}
.footer-main__scene {
position: absolute;
inset: 0;
z-index: 0;
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
pointer-events: none;
}
.footer-main--about .footer-main__col {
position: relative;
z-index: 1;
}
@media (min-width: 769px) {
.footer-main--about .footer-main__col--left {
grid-column: 1;
grid-row: 1;
}
.footer-main--about .footer-main__col--right {
grid-column: 2;
grid-row: 1;
}
}
.footer-main {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
cursor: default;
-moz-user-select: none;
user-select: none;
-webkit-user-select: none;
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
display: grid;
grid-template-columns: 1fr 1fr;
}
.footer-main:focus, .footer-main.pg-page:focus {
outline: none;
}
@media (max-width: 768px) {
.footer-main {
height: auto;
min-height: 100vh;
grid-template-columns: 1fr;
grid-template-rows: auto auto;
}
}
.footer-main__snow {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
z-index: 2;
pointer-events: none;
}
.footer-main__snow-fg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
z-index: 5;
pointer-events: none;
mix-blend-mode: screen;
filter: grayscale(1) brightness(1.7);
}
.footer-main__star {
position: absolute;
top: 6%;
left: 50%;
transform: translateX(-50%);
width: 80px;
z-index: 4;
pointer-events: none;
animation: footer-star-pulse 3.2s ease-in-out infinite;
filter: drop-shadow(0 0 18px rgba(255, 245, 215, 0.8));
}
.footer-main__star img {
width: 100%;
height: auto;
display: block;
}
@media (max-width: 768px) {
.footer-main__star {
width: 60px;
top: 4%;
}
}
.footer-main__col {
position: relative;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 0 60px;
}
@media (max-width: 768px) {
.footer-main__col {
padding: 150px 24px;
}
}
.footer-main__col--left {
padding-bottom: 30vh;
}
@media (max-width: 768px) {
.footer-main__col--left {
padding-bottom: 0vh;
}
}
.footer-main__col--right {
align-items: flex-start;
justify-content: flex-start;
padding-top: 14vh;
padding-bottom: 20vh;
}
@media (max-width: 768px) {
.footer-main__col--right {
align-items: center;
justify-content: center;
padding-top: 10vh;
}
}
.footer-main__text {
max-width: 540px;
opacity: 0;
}
.footer-main__tagline {
font-family: "Mountains of Christmas", serif;
font-size: clamp(1.4rem, 2.1vw, 2.1rem);
line-height: 1.5;
font-weight: 700;
color: #FFFFFF;
margin: 0;
text-shadow: 0 2px 12px rgba(0, 0, 0, 0.5);
}
.footer-main__social {
display: flex;
gap: 8px;
margin: 16px 0 0;
padding: 0;
list-style: none;
}
.footer-main__social-link {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
color: #FFFFFF;
text-decoration: none;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
transition: transform 0.2s ease, filter 0.2s ease;
}
.footer-main__social-link svg {
width: 60%;
height: 60%;
display: block;
}
.footer-main__social-link:hover {
transform: translateY(-2px);
filter: brightness(1.1);
}
.footer-main__social-link:focus, .footer-main__social-link:focus-visible {
outline: none;
}
.footer-main__social-link--youtube {
background: #ff0000;
}
.footer-main__social-link--facebook {
background: #1877f2;
}
.footer-main__social-link--pinterest {
background: #e60023;
}
.footer-main__form {
max-width: 480px;
width: 100%;
opacity: 0;
}
.footer-main__form h1,
.footer-main__form h2,
.footer-main__form h3,
.footer-main__form h4 {
color: #FFFFFF;
font-family: "Mountains of Christmas", serif;
font-size: 1.4rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
margin: 0 0 8px;
}
.footer-main__form p {
color: rgba(255, 255, 255, 0.7);
font-family: "Mountains of Christmas", serif;
font-size: 0.85rem;
margin: 0 0 16px;
}
.footer-main__form label {
display: block;
color: rgba(255, 255, 255, 0.9);
font-family: "Mountains of Christmas", serif;
font-size: 1.5rem;
font-weight: 400;
margin-bottom: 4px;
}
.footer-main__form input[type=text],
.footer-main__form input[type=email],
.footer-main__form input[type=tel],
.footer-main__form textarea {
width: 100%;
padding: 8px 24px;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 9999px;
color: #FFFFFF;
font-family: "Mountains of Christmas", serif;
margin-bottom: 0;
-moz-user-select: text;
user-select: text;
-webkit-user-select: text;
cursor: text;
}
.footer-main__form input[type=text]::-moz-placeholder, .footer-main__form input[type=email]::-moz-placeholder, .footer-main__form input[type=tel]::-moz-placeholder, .footer-main__form textarea::-moz-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.footer-main__form input[type=text]::placeholder,
.footer-main__form input[type=email]::placeholder,
.footer-main__form input[type=tel]::placeholder,
.footer-main__form textarea::placeholder {
color: rgba(255, 255, 255, 0.5);
}
.footer-main__form input[type=text]:focus,
.footer-main__form input[type=email]:focus,
.footer-main__form input[type=tel]:focus,
.footer-main__form textarea:focus {
outline: none;
border-color: #FFFFFF;
background: rgba(255, 255, 255, 0.15);
}
.footer-main__form textarea {
resize: vertical;
min-height: 100px;
border-radius: 24px;
}
.footer-main__form .nf-field-container,
.footer-main__form .nf-row,
.footer-main__form .field-wrap {
margin-bottom: 0;
}
.footer-main__form button,
.footer-main__form input[type=submit],
.footer-main__form input[type=button],
.footer-main__form .nf-submit-button {
margin-top: 16px;
padding: 8px 40px;
background: #ef773f;
color: #FFFFFF;
font-family: "Mountains of Christmas", serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.2;
text-decoration: none;
text-align: center;
text-transform: none;
letter-spacing: normal;
border: none;
border-radius: 9999px;
cursor: pointer;
-moz-user-select: none;
user-select: none;
-webkit-user-select: none;
box-shadow: rgb(194, 62, 12) 0 5px 1px;
transition: background 0.2s ease, transform 0.2s ease;
}
.footer-main__form button:hover,
.footer-main__form input[type=submit]:hover,
.footer-main__form input[type=button]:hover,
.footer-main__form .nf-submit-button:hover {
background: #c23e0c;
color: #FFFFFF;
transform: translateY(-2px);
}
.footer-main__form button:focus, .footer-main__form button:focus-visible,
.footer-main__form input[type=submit]:focus,
.footer-main__form input[type=submit]:focus-visible,
.footer-main__form input[type=button]:focus,
.footer-main__form input[type=button]:focus-visible,
.footer-main__form .nf-submit-button:focus,
.footer-main__form .nf-submit-button:focus-visible {
outline: none;
}
.footer-main__legal {
position: absolute;
bottom: 24px;
left: 50%;
transform: translateX(-50%);
z-index: 4;
display: flex;
align-items: center;
gap: 8px;
font-family: "Mountains of Christmas", serif;
font-size: 1.1rem;
color: #FFFFFF;
text-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
white-space: nowrap;
}
@media (max-width: 768px) {
.footer-main__legal {
font-size: 1rem;
bottom: 16px;
}
}
.footer-main__legal-sep {
opacity: 0.6;
}
.footer-main__legal-link {
color: #ef3f5f;
text-decoration: underline;
transition: color 0.2s ease;
}
.footer-main__legal-link:hover, .footer-main__legal-link:focus {
color: #c20c35;
}
.footer-main__legal-link:focus, .footer-main__legal-link:focus-visible {
outline: none;
}
@keyframes footer-star-pulse {
0%, 100% {
opacity: 0.75;
transform: translateX(-50%) scale(1);
}
50% {
opacity: 1;
transform: translateX(-50%) scale(1.12);
}
}
.book-cta {
position: relative;
height: 150vh;
background: #FFFFFF;
z-index: 5;
}
.book-cta__stage {
position: sticky;
top: 0;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.book-cta__inner {
display: flex;
align-items: center;
gap: 60px;
max-width: 1200px;
width: 100%;
padding: 0 40px;
}
.book-cta__cover {
flex: 0 0 auto;
width: 280px;
opacity: 0;
}
.book-cta__cover img {
width: 100%;
height: auto;
display: block;
}
.book-cta__copy {
flex: 1;
opacity: 0;
}
.book-cta__paragraph {
font-family: "Mountains of Christmas", serif;
font-size: 1.2rem;
line-height: 1.8;
color: #3B2A1E;
margin-bottom: 32px;
}
.book-cta__cta {
display: inline-block;
padding: 14px 36px;
background: #D4552E;
color: #FFFFFF;
font-family: "Mountains of Christmas", serif;
font-size: 1.1rem;
text-decoration: none;
border-radius: 4px;
transition: all 0.3s ease;
}
.book-cta__cta:hover {
background: #c23e0c;
}
.book-title {
position: fixed;
top: calc(40px + 8px);
left: 50%;
transform: translateX(-50%);
z-index: 55;
max-width: 360px;
width: auto;
height: auto;
pointer-events: none;
opacity: 1;
visibility: visible;
transition: opacity 0.3s ease, visibility 0.3s ease;
-moz-user-select: none;
user-select: none;
-webkit-user-select: none;
}
.book-title.is-hidden {
opacity: 0;
visibility: hidden;
}
@media (max-width: 768px) {
.book-title {
max-width: 220px;
}
}
.buy-now-button {
position: fixed;
top: calc(110px + 4rem);
left: 50%;
transform: translateX(-50%);
z-index: 60;
opacity: 1;
visibility: visible;
}
.buy-now-button.is-hidden {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.buy-now-button {
display: inline-block;
padding: 8px 40px;
background: #ef3f5f;
color: #FFFFFF;
font-family: "Mountains of Christmas", serif;
font-size: 2.5rem;
font-weight: 700;
line-height: 1.2;
text-decoration: none;
text-align: center;
border: none;
border-radius: 9999px;
cursor: pointer;
-moz-user-select: none;
user-select: none;
-webkit-user-select: none;
box-shadow: rgb(194, 12, 53) 0 5px 1px;
transition: background 0.2s ease, transform 0.2s ease, opacity 0.3s ease, visibility 0.3s ease;
}
.buy-now-button:hover {
background: #c20c35;
color: #FFFFFF;
transform: translateX(-50%) translateY(-2px);
}
.buy-now-button:focus, .buy-now-button:focus-visible {
outline: none;
}
.buy-now-button.loading {
opacity: 0.7;
cursor: wait;
}
.buy-now-button.added {
background: #2E6B3A;
box-shadow: #1e4a28 0 5px 1px;
}
.buy-now-button.added:hover {
background: #1E4A28;
}
@media (max-width: 768px) {
.buy-now-button {
font-size: 1.2rem;
padding: 4px 24px;
}
}
.switch-paths {
position: fixed;
top: calc(130px - 1.2rem);
left: 50%;
transform: translateX(-50%);
z-index: 60;
background: transparent;
border: 0;
padding: 4px 8px;
margin: 0;
font-family: "Mountains of Christmas", serif;
font-size: 1rem;
font-weight: 700;
color: #ef3f5f;
text-decoration: underline;
text-underline-offset: 2px;
cursor: pointer;
-moz-user-select: none;
user-select: none;
-webkit-user-select: none;
opacity: 1;
visibility: visible;
transition: color 0.2s ease, opacity 0.3s ease, visibility 0.3s ease;
}
.switch-paths:hover {
color: #c20c35;
}
.switch-paths:focus, .switch-paths:focus-visible {
outline: none;
}
.switch-paths.is-hidden {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
@media (max-width: 768px) {
.switch-paths {
top: calc(130px - 1.2rem);
font-size: 0.85rem;
}
}
body.woocommerce,
body.woocommerce-page {
background-image: url(//mattdragovits.com/wp-content/themes/dragovits/assets/images/characters/character-bg.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
body.woocommerce,
body.woocommerce-page {
font-family: "Mountains of Christmas", serif;
color: #083580;
}
.shop-slide a,
.cart-slide a,
.product-slide a {
color: #083580;
text-decoration: none;
transition: color 0.2s ease;
}
.shop-slide a:hover,
.cart-slide a:hover,
.product-slide a:hover {
color: #ef3f5f;
}
.dragovits-breadcrumb {
max-width: 1500px;
margin: 0 auto;
padding: 104px clamp(60px, 8vw, 120px) 0;
font-family: "Mountains of Christmas", serif;
font-size: 1rem;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #083580;
opacity: 0.75;
text-align: center;
}
@media (max-width: 768px) {
.dragovits-breadcrumb {
padding: 96px 24px 0;
font-size: 0.9rem;
letter-spacing: 0.1em;
}
}
.dragovits-breadcrumb a {
color: #083580;
text-decoration: none;
transition: color 0.2s ease;
}
.dragovits-breadcrumb a:hover {
color: #ef3f5f;
}
.dragovits-breadcrumb__sep {
margin: 0 4px;
opacity: 0.5;
}
.product-slide__inner > .dragovits-breadcrumb + * {
margin-top: 16px;
}
.woocommerce-products-header {
text-align: center;
margin: 0 0 40px;
}
.woocommerce-products-header__title {
margin: 0 0 8px;
font-family: "Mountains of Christmas", serif;
font-size: clamp(2.5rem, 5vw, 4rem);
line-height: 1.1;
font-weight: 700;
color: #083580;
}
.term-description {
max-width: 720px;
margin: 0 auto 40px;
font-family: "Mountains of Christmas", serif;
font-size: clamp(1.1rem, 1.4vw, 1.4rem);
line-height: 1.5;
text-align: center;
color: #083580;
}
.term-description p {
margin: 0 0 8px;
}
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering {
display: inline-flex;
align-items: center;
margin: 0 0 24px;
font-family: "Mountains of Christmas", serif;
font-size: 1.1rem;
color: #083580;
}
.woocommerce .woocommerce-result-count {
float: left;
opacity: 0.75;
}
.woocommerce .woocommerce-ordering {
float: right;
}
.woocommerce .woocommerce-ordering select {
padding: 4px 16px;
background: #FFFFFF;
border: 1px solid rgba(8, 53, 128, 0.2);
border-radius: 9999px;
font-family: "Mountains of Christmas", serif;
font-size: 1rem;
color: #083580;
cursor: pointer;
transition: border-color 0.2s ease;
}
.woocommerce .woocommerce-ordering select:focus, .woocommerce .woocommerce-ordering select:focus-visible {
outline: none;
border-color: #083580;
}
.woocommerce ul.products {
clear: both;
}
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-error {
margin: 0 0 24px;
padding: 16px 24px;
background: #FFFFFF;
border-radius: 16px;
border-left: 4px solid #ef3f5f;
font-family: "Mountains of Christmas", serif;
font-size: 1.1rem;
color: #083580;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
list-style: none;
}
.woocommerce-notices-wrapper .woocommerce-error {
border-left-color: #B8302A;
}
.woocommerce-notices-wrapper .woocommerce-info {
border-left-color: #8FA3B8;
}
.woocommerce-notices-wrapper .button {
float: right;
margin-left: 16px;
padding: 4px 24px;
background: #ef3f5f;
color: #FFFFFF;
font-family: "Mountains of Christmas", serif;
font-size: 1rem;
font-weight: 700;
text-decoration: none;
border: none;
border-radius: 9999px;
cursor: pointer;
transition: background 0.2s ease;
}
.woocommerce-notices-wrapper .button:hover {
background: #c20c35;
color: #FFFFFF;
}
.woocommerce-no-products-found {
text-align: center;
margin: 64px 0;
padding: 40px;
font-family: "Mountains of Christmas", serif;
font-size: 1.3rem;
color: #083580;
opacity: 0.7;
}
.woocommerce-pagination {
margin: 64px 0 0;
text-align: center;
}
.woocommerce-pagination ul.page-numbers {
display: inline-flex;
gap: 4px;
padding: 0;
margin: 0;
list-style: none;
border: 0;
}
.woocommerce-pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px;
height: 40px;
padding: 0 8px;
background: #FFFFFF;
border-radius: 9999px;
font-family: "Mountains of Christmas", serif;
font-size: 1.1rem;
font-weight: 700;
color: #083580;
text-decoration: none;
transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}
.woocommerce-pagination .page-numbers:hover {
transform: translateY(-2px);
color: #ef3f5f;
}
.woocommerce-pagination .page-numbers.current {
background: #ef3f5f;
color: #FFFFFF;
box-shadow: rgb(194, 12, 53) 0 4px 0;
}
.woocommerce ul.products,
ul.products {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 40px;
margin: 0;
padding: 0;
list-style: none;
}
.woocommerce ul.products > li.product,
ul.products > li.product {
width: auto !important;
margin: 0 !important;
float: none !important;
clear: none !important;
}
@media (max-width: 1024px) {
.woocommerce ul.products,
ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 480px) {
.woocommerce ul.products,
ul.products {
grid-template-columns: minmax(0, 1fr);
gap: 24px;
}
}
li.product {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
padding: 40px 24px 24px;
background: transparent;
text-align: center;
overflow: hidden;
}
li.product:hover .woocommerce-loop-product__title {
color: #ef3f5f;
}
li.product:hover img,
li.product:hover .attachment-woocommerce_thumbnail {
transform: translateY(-6px);
}
li.product .onsale {
position: absolute;
top: 16px;
right: 16px;
z-index: 2;
min-width: auto;
min-height: auto;
margin: 0;
padding: 4px 16px;
background: #ef3f5f;
color: #FFFFFF;
font-family: "Mountains of Christmas", serif;
font-size: 0.95rem;
font-weight: 700;
line-height: 1;
text-align: center;
border-radius: 9999px;
box-shadow: rgb(194, 12, 53) 0 3px 0;
}
li.product .woocommerce-loop-product__link {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
width: 100%;
color: #083580;
text-decoration: none;
}
li.product img,
li.product .attachment-woocommerce_thumbnail {
width: 100%;
max-width: 220px;
height: auto;
display: block;
margin: 0 auto 16px;
transition: transform 0.3s ease;
}
li.product .woocommerce-loop-product__title {
margin: 0;
padding: 0;
font-family: "Mountains of Christmas", serif;
font-size: 1.4rem;
font-weight: 700;
line-height: 1.25;
color: #083580;
transition: color 0.2s ease;
}
li.product .price {
display: block;
margin: 4px 0 16px;
font-family: "Mountains of Christmas", serif;
font-size: 1.5rem;
font-weight: 700;
color: #083580;
}
li.product .price del {
opacity: 0.5;
margin-right: 4px;
font-weight: 400;
}
li.product .price ins {
text-decoration: none;
color: #ef3f5f;
}
li.product .price .woocommerce-Price-amount {
font-weight: 700;
}
li.product .star-rating {
margin: 0 0 8px;
color: #ef3f5f;
}
li.product .button,
li.product .add_to_cart_button {
display: inline-block;
margin-top: auto;
padding: 8px 40px;
background: #ef3f5f;
color: #FFFFFF;
font-family: "Mountains of Christmas", serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.2;
text-decoration: none;
text-align: center;
border: none;
border-radius: 9999px;
cursor: pointer;
box-shadow: rgb(194, 12, 53) 0 4px 0;
transition: background 0.2s ease, transform 0.2s ease;
}
li.product .button:hover,
li.product .add_to_cart_button:hover {
background: #c20c35;
color: #FFFFFF;
transform: translateY(-2px);
}
li.product .button:focus, li.product .button:focus-visible,
li.product .add_to_cart_button:focus,
li.product .add_to_cart_button:focus-visible {
outline: none;
}
li.product .button.product_type_variable, li.product .button.product_type_grouped, li.product .button.product_type_external,
li.product .add_to_cart_button.product_type_variable,
li.product .add_to_cart_button.product_type_grouped,
li.product .add_to_cart_button.product_type_external {
background: #083580;
box-shadow: rgba(0, 0, 0, 0.3) 0 4px 0;
}
li.product .button.product_type_variable:hover, li.product .button.product_type_grouped:hover, li.product .button.product_type_external:hover,
li.product .add_to_cart_button.product_type_variable:hover,
li.product .add_to_cart_button.product_type_grouped:hover,
li.product .add_to_cart_button.product_type_external:hover {
background: rgb(6.2, 41.075, 99.2);
}
li.product .button.loading,
li.product .add_to_cart_button.loading {
opacity: 0.7;
cursor: wait;
}
li.product .button.added,
li.product .add_to_cart_button.added {
background: #2E6B3A;
box-shadow: #1E4A28 0 4px 0;
}
li.product .added_to_cart {
display: inline-block;
margin-top: 8px;
font-family: "Mountains of Christmas", serif;
font-size: 1rem;
font-weight: 700;
color: #083580;
text-decoration: underline;
text-underline-offset: 3px;
}
li.product .added_to_cart:hover {
color: #ef3f5f;
}
body.single-product .product-slide__inner > .woocommerce-notices-wrapper,
body.single-product .product-slide__inner > .product {
max-width: 1500px;
margin-left: auto;
margin-right: auto;
padding-left: clamp(60px, 8vw, 120px);
padding-right: clamp(60px, 8vw, 120px);
}
@media (max-width: 768px) {
body.single-product .product-slide__inner > .woocommerce-notices-wrapper,
body.single-product .product-slide__inner > .product {
padding-left: 24px;
padding-right: 24px;
}
}
body.single-product .product-slide__inner > .product {
padding-top: 24px;
padding-bottom: 64px;
}
@media (max-width: 768px) {
body.single-product .product-slide__inner > .product {
padding-top: 16px;
padding-bottom: 40px;
}
}
body.single-product div.product {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 64px;
align-items: start;
position: relative;
}
@media (max-width: 768px) {
body.single-product div.product {
grid-template-columns: minmax(0, 1fr);
gap: 40px;
}
}
body.single-product div.product > .woocommerce-tabs,
body.single-product div.product > .upsells,
body.single-product div.product > .related {
grid-column: 1/-1;
margin-top: 64px;
}
body.single-product div.product > .onsale {
position: absolute;
top: 16px;
left: 16px;
z-index: 2;
margin: 0;
padding: 4px 16px;
background: #ef3f5f;
color: #FFFFFF;
font-family: "Mountains of Christmas", serif;
font-size: 0.95rem;
font-weight: 700;
line-height: 1;
border-radius: 9999px;
box-shadow: rgb(194, 12, 53) 0 3px 0;
}
body.single-product .woocommerce-product-gallery {
width: 100%;
position: relative;
}
body.single-product .woocommerce-product-gallery__wrapper {
margin: 0;
padding: 0;
list-style: none;
}
body.single-product .woocommerce-product-gallery__image, body.single-product .woocommerce-product-gallery__image--placeholder {
display: block;
margin: 0 auto;
}
body.single-product .woocommerce-product-gallery__image img, body.single-product .woocommerce-product-gallery__image--placeholder img {
width: 100%;
max-width: 480px;
height: auto;
display: block;
margin: 0 auto;
filter: drop-shadow(0 20px 36px rgba(0, 0, 0, 0.18)) drop-shadow(0 6px 12px rgba(0, 0, 0, 0.1));
transition: transform 0.3s ease;
}
body.single-product .woocommerce-product-gallery__image:hover img, body.single-product .woocommerce-product-gallery__image--placeholder:hover img {
transform: translateY(-4px);
}
body.single-product .woocommerce-product-gallery__trigger {
display: none;
}
body.single-product .summary.entry-summary {
width: 100%;
font-family: "Mountains of Christmas", serif;
color: #083580;
}
body.single-product .summary.entry-summary .product_title {
margin: 0 0 16px;
font-family: "Mountains of Christmas", serif;
font-size: clamp(2rem, 3.5vw, 3rem);
font-weight: 700;
line-height: 1.1;
color: #083580;
}
body.single-product .summary.entry-summary .woocommerce-product-rating {
margin: 0 0 16px;
font-size: 1rem;
}
body.single-product .summary.entry-summary .woocommerce-product-rating .star-rating {
color: #ef3f5f;
margin: 0;
display: inline-block;
vertical-align: middle;
}
body.single-product .summary.entry-summary .woocommerce-product-rating .woocommerce-review-link {
color: #083580;
opacity: 0.6;
margin-left: 8px;
text-decoration: none;
}
body.single-product .summary.entry-summary .woocommerce-product-rating .woocommerce-review-link:hover {
opacity: 1;
color: #ef3f5f;
}
body.single-product .summary.entry-summary .price {
margin: 0 0 24px;
font-family: "Mountains of Christmas", serif;
font-size: 1.75rem;
font-weight: 700;
color: #083580;
}
body.single-product .summary.entry-summary .price del {
opacity: 0.5;
margin-right: 8px;
font-weight: 400;
}
body.single-product .summary.entry-summary .price ins {
text-decoration: none;
color: #ef3f5f;
}
body.single-product .summary.entry-summary .woocommerce-product-details__short-description {
margin: 0 0 40px;
font-family: "Mountains of Christmas", serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.5;
color: #083580;
}
body.single-product .summary.entry-summary .woocommerce-product-details__short-description p {
margin: 0 0 16px;
}
body.single-product .summary.entry-summary .woocommerce-product-details__short-description p:last-child {
margin-bottom: 0;
}
body.single-product .summary.entry-summary form.cart {
display: flex;
flex-wrap: wrap;
align-items: stretch;
gap: 16px;
margin: 0 0 40px;
}
body.single-product .summary.entry-summary form.cart .quantity {
display: inline-flex;
align-items: stretch;
}
body.single-product .summary.entry-summary form.cart .quantity input.qty {
width: 72px;
padding: 8px 16px;
background: #FFFFFF;
border: 1px solid rgba(8, 53, 128, 0.25);
border-radius: 9999px;
font-family: "Mountains of Christmas", serif;
font-size: 1.1rem;
font-weight: 700;
color: #083580;
text-align: center;
}
body.single-product .summary.entry-summary form.cart .quantity input.qty:focus, body.single-product .summary.entry-summary form.cart .quantity input.qty:focus-visible {
outline: none;
border-color: #083580;
}
body.single-product .summary.entry-summary form.cart .single_add_to_cart_button {
padding: 8px 40px;
background: #ef3f5f;
color: #FFFFFF;
font-family: "Mountains of Christmas", serif;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.2;
text-decoration: none;
text-align: center;
border: none;
border-radius: 9999px;
cursor: pointer;
box-shadow: rgb(194, 12, 53) 0 4px 0;
transition: background 0.2s ease, transform 0.2s ease;
}
body.single-product .summary.entry-summary form.cart .single_add_to_cart_button:hover {
background: #c20c35;
color: #FFFFFF;
transform: translateY(-2px);
}
body.single-product .summary.entry-summary form.cart .single_add_to_cart_button:focus, body.single-product .summary.entry-summary form.cart .single_add_to_cart_button:focus-visible {
outline: none;
}
body.single-product .summary.entry-summary .variations {
width: 100%;
margin: 0 0 24px;
border: 0;
border-collapse: collapse;
}
body.single-product .summary.entry-summary .variations th,
body.single-product .summary.entry-summary .variations td {
padding: 4px 0;
vertical-align: middle;
border: 0;
}
body.single-product .summary.entry-summary .variations th {
padding-right: 16px;
font-family: "Mountains of Christmas", serif;
font-size: 0.95rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.14em;
color: #083580;
text-align: left;
width: 1%;
white-space: nowrap;
}
body.single-product .summary.entry-summary .variations select {
padding: 4px 16px;
background: #FFFFFF;
border: 1px solid rgba(8, 53, 128, 0.25);
border-radius: 9999px;
font-family: "Mountains of Christmas", serif;
font-size: 1rem;
color: #083580;
cursor: pointer;
}
body.single-product .summary.entry-summary .variations select:focus, body.single-product .summary.entry-summary .variations select:focus-visible {
outline: none;
border-color: #083580;
}
body.single-product .summary.entry-summary .product_meta {
margin-top: 40px;
padding-top: 24px;
border-top: 1px solid rgba(8, 53, 128, 0.15);
font-family: "Mountains of Christmas", serif;
font-size: 0.95rem;
color: #083580;
}
body.single-product .summary.entry-summary .product_meta > span {
display: block;
margin-bottom: 4px;
}
body.single-product .summary.entry-summary .product_meta > span:last-child {
margin-bottom: 0;
}
body.single-product .summary.entry-summary .product_meta .posted_in,
body.single-product .summary.entry-summary .product_meta .tagged_as {
display: none;
}
body.single-product .summary.entry-summary .product_meta .dragovits-signed-copy {
display: block;
margin: 8px 0 0;
font-family: "Mountains of Christmas", serif;
font-size: 1.2rem;
font-weight: 700;
line-height: 1.3;
color: #083580;
letter-spacing: 0.01em;
}
body.single-product .summary.entry-summary .product_meta a {
color: #083580;
text-decoration: none;
transition: color 0.2s ease;
}
body.single-product .summary.entry-summary .product_meta a:hover {
color: #ef3f5f;
}
body.single-product .woocommerce-tabs ul.tabs {
display: flex;
flex-wrap: wrap;
gap: 24px;
margin: 0 0 24px;
padding: 0 0 16px;
border: 0;
border-bottom: 1px solid rgba(8, 53, 128, 0.15);
list-style: none;
}
body.single-product .woocommerce-tabs ul.tabs li {
margin: 0;
padding: 0;
background: transparent;
border: 0;
}
body.single-product .woocommerce-tabs ul.tabs li::before, body.single-product .woocommerce-tabs ul.tabs li::after {
display: none;
}
body.single-product .woocommerce-tabs ul.tabs li a {
display: inline-block;
padding: 4px 0;
font-family: "Mountains of Christmas", serif;
font-size: 0.95rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.18em;
color: #083580;
opacity: 0.5;
text-decoration: none;
transition: opacity 0.2s ease, color 0.2s ease;
}
body.single-product .woocommerce-tabs ul.tabs li a:hover {
opacity: 1;
color: #ef3f5f;
}
body.single-product .woocommerce-tabs ul.tabs li.active a {
opacity: 1;
color: #083580;
}
body.single-product .woocommerce-tabs .woocommerce-Tabs-panel {
font-family: "Mountains of Christmas", serif;
font-size: 1.1rem;
line-height: 1.6;
color: #083580;
}
body.single-product .woocommerce-tabs .woocommerce-Tabs-panel > h2:first-child {
display: none;
}
body.single-product .woocommerce-tabs .woocommerce-Tabs-panel p {
margin: 0 0 16px;
}
body.single-product .related > h2,
body.single-product .upsells > h2 {
margin: 0 0 40px;
font-family: "Mountains of Christmas", serif;
font-size: clamp(1.75rem, 3vw, 2.5rem);
font-weight: 700;
color: #083580;
text-align: center;
}
body.woocommerce-cart .cart-slide__inner > .site-page {
max-width: 1500px;
margin: 0 auto;
padding: 60px clamp(60px, 8vw, 120px) 64px;
}
@media (max-width: 768px) {
body.woocommerce-cart .cart-slide__inner > .site-page {
padding: 30px 24px 40px;
}
}
body.woocommerce-cart .site-page__content > .woocommerce {
display: block;
}
body.woocommerce-cart .site-page__header {
margin: 0 0 64px;
text-align: center;
}
body.woocommerce-cart .site-page__title {
margin: 0;
font-family: "Mountains of Christmas", serif;
font-size: clamp(2.5rem, 5vw, 4rem);
font-weight: 700;
color: #083580;
}
body.woocommerce-cart .woocommerce-cart-form {
margin: 0 0 40px;
}
body.woocommerce-cart table.shop_table.cart {
width: 100%;
border: 0;
border-collapse: collapse;
font-family: "Mountains of Christmas", serif;
color: #083580;
margin: 0;
}
body.woocommerce-cart table.shop_table.cart thead th {
padding: 16px 8px;
border-top: 1px solid rgba(8, 53, 128, 0.15);
border-bottom: 1px solid rgba(8, 53, 128, 0.15);
font-family: "Mountains of Christmas", serif;
font-size: 1.1rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.18em;
text-align: left;
color: #083580;
}
body.woocommerce-cart table.shop_table.cart thead th.product-remove, body.woocommerce-cart table.shop_table.cart thead th.product-thumbnail {
padding-left: 0;
padding-right: 0;
}
body.woocommerce-cart table.shop_table.cart thead th.product-price, body.woocommerce-cart table.shop_table.cart thead th.product-quantity, body.woocommerce-cart table.shop_table.cart thead th.product-subtotal {
text-align: center;
}
body.woocommerce-cart table.shop_table.cart tbody tr.cart_item {
border-bottom: 1px solid rgba(8, 53, 128, 0.1);
}
body.woocommerce-cart table.shop_table.cart tbody tr.cart_item td {
padding: 24px 8px;
vertical-align: middle;
font-size: 1.3rem;
}
body.woocommerce-cart table.shop_table.cart tbody tr.cart_item .product-remove {
width: 32px;
padding-left: 0;
text-align: center;
}
body.woocommerce-cart table.shop_table.cart tbody tr.cart_item .product-remove .remove {
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
background: transparent;
color: #083580;
font-size: 1.4rem;
line-height: 1;
text-decoration: none;
opacity: 0.6;
transition: opacity 0.2s ease, color 0.2s ease;
}
body.woocommerce-cart table.shop_table.cart tbody tr.cart_item .product-remove .remove:hover {
opacity: 1;
color: #ef3f5f;
background: transparent;
}
body.woocommerce-cart table.shop_table.cart tbody tr.cart_item .product-thumbnail {
width: 90px;
padding-left: 0;
}
body.woocommerce-cart table.shop_table.cart tbody tr.cart_item .product-thumbnail img {
width: 70px;
height: auto;
display: block;
border-radius: 4px;
}
body.woocommerce-cart table.shop_table.cart tbody tr.cart_item .product-name {
font-family: "Mountains of Christmas", serif;
font-size: 1.4rem;
font-weight: 700;
}
body.woocommerce-cart table.shop_table.cart tbody tr.cart_item .product-name a {
color: #083580;
text-decoration: none;
transition: color 0.2s ease;
}
body.woocommerce-cart table.shop_table.cart tbody tr.cart_item .product-name a:hover {
color: #ef3f5f;
}
body.woocommerce-cart table.shop_table.cart tbody tr.cart_item .product-price,
body.woocommerce-cart table.shop_table.cart tbody tr.cart_item .product-subtotal {
text-align: center;
font-weight: 700;
}
body.woocommerce-cart table.shop_table.cart tbody tr.cart_item .product-quantity {
text-align: center;
}
body.woocommerce-cart table.shop_table.cart tbody tr.cart_item .product-quantity .quantity input.qty {
width: 60px;
padding: 4px 8px;
background: #FFFFFF;
border: 1px solid rgba(8, 53, 128, 0.2);
border-radius: 4px;
font-family: "Mountains of Christmas", serif;
font-size: 1rem;
color: #083580;
text-align: center;
}
body.woocommerce-cart table.shop_table.cart tbody tr.cart_item .product-quantity .quantity input.qty:focus, body.woocommerce-cart table.shop_table.cart tbody tr.cart_item .product-quantity .quantity input.qty:focus-visible {
outline: none;
border-color: #083580;
}
body.woocommerce-cart table.shop_table.cart td.actions {
padding: 40px 0;
border-top: 1px solid rgba(8, 53, 128, 0.15);
border-bottom: 1px solid rgba(8, 53, 128, 0.15);
}
body.woocommerce-cart table.shop_table.cart td.actions .coupon {
float: left;
display: inline-flex;
gap: 8px;
align-items: stretch;
}
body.woocommerce-cart table.shop_table.cart td.actions .coupon label {
display: none;
}
body.woocommerce-cart table.shop_table.cart td.actions .coupon #coupon_code {
padding: 8px 16px;
background: #FFFFFF;
border: 1px solid rgba(8, 53, 128, 0.3);
border-radius: 0;
font-family: "Mountains of Christmas", serif;
font-size: 0.95rem;
color: #083580;
min-width: 220px;
}
body.woocommerce-cart table.shop_table.cart td.actions .coupon #coupon_code::-moz-placeholder {
color: rgba(8, 53, 128, 0.5);
}
body.woocommerce-cart table.shop_table.cart td.actions .coupon #coupon_code::placeholder {
color: rgba(8, 53, 128, 0.5);
}
body.woocommerce-cart table.shop_table.cart td.actions .coupon #coupon_code:focus, body.woocommerce-cart table.shop_table.cart td.actions .coupon #coupon_code:focus-visible {
outline: none;
border-color: #083580;
}
body.woocommerce-cart table.shop_table.cart td.actions .button {
padding: 8px 40px;
background: transparent;
border: 1px solid rgba(8, 53, 128, 0.4);
border-radius: 30px;
color: #083580;
font-family: "Mountains of Christmas", serif;
font-size: 0.9rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.18em;
cursor: pointer;
transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
body.woocommerce-cart table.shop_table.cart td.actions .button:hover {
background: #083580;
color: #FFFFFF;
border-color: #083580;
}
body.woocommerce-cart table.shop_table.cart td.actions .button:focus, body.woocommerce-cart table.shop_table.cart td.actions .button:focus-visible {
outline: none;
}
body.woocommerce-cart table.shop_table.cart td.actions button[name=update_cart] {
float: right;
}
body.woocommerce-cart table.shop_table.cart td.actions::after {
content: "";
display: block;
clear: both;
}
body.woocommerce-cart .cart-collaterals {
display: flex;
justify-content: flex-end;
margin-top: 64px;
}
@media (max-width: 768px) {
body.woocommerce-cart .cart-collaterals {
justify-content: stretch;
margin-top: 40px;
}
}
body.woocommerce-cart .cart_totals {
width: 100%;
max-width: 480px;
}
body.woocommerce-cart .cart_totals h2 {
margin: 0 0 24px;
font-family: "Mountains of Christmas", serif;
font-size: 1.3rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.18em;
color: #083580;
}
body.woocommerce-cart .cart_totals table.shop_table {
width: 100%;
border: 0;
border-collapse: collapse;
color: #083580;
}
body.woocommerce-cart .cart_totals table.shop_table tr {
border-bottom: 1px solid rgba(8, 53, 128, 0.1);
}
body.woocommerce-cart .cart_totals table.shop_table tr:last-child {
border-bottom: 1px solid rgba(8, 53, 128, 0.15);
}
body.woocommerce-cart .cart_totals table.shop_table th,
body.woocommerce-cart .cart_totals table.shop_table td {
padding: 16px 0;
font-family: "Mountains of Christmas", serif;
font-size: 1.2rem;
color: #083580;
background: transparent;
border: 0;
}
body.woocommerce-cart .cart_totals table.shop_table th {
text-align: left;
text-transform: uppercase;
letter-spacing: 0.18em;
font-weight: 700;
font-size: 1.05rem;
}
body.woocommerce-cart .cart_totals table.shop_table td {
text-align: right;
font-weight: 700;
}
body.woocommerce-cart .cart_totals table.shop_table .order-total th,
body.woocommerce-cart .cart_totals table.shop_table .order-total td {
font-size: 1.4rem;
padding-top: 24px;
}
body.woocommerce-cart .wc-proceed-to-checkout {
margin-top: 24px;
padding: 0 0 40vh;
}
body.woocommerce-cart .wc-proceed-to-checkout .checkout-button {
display: block;
width: 100%;
padding: 16px 40px;
background: transparent;
border: 1px solid #083580;
border-radius: 30px;
color: #083580;
font-family: "Mountains of Christmas", serif;
font-size: 1rem;
font-weight: 700;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.2em;
text-decoration: none;
cursor: pointer;
transition: background 0.2s ease, color 0.2s ease;
}
body.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover {
background: #083580;
color: #FFFFFF;
}
body.woocommerce-cart .wc-proceed-to-checkout .checkout-button:focus, body.woocommerce-cart .wc-proceed-to-checkout .checkout-button:focus-visible {
outline: none;
}
body.woocommerce-cart .cart-empty {
text-align: center;
margin: 64px 0;
font-family: "Mountains of Christmas", serif;
font-size: 1.2rem;
color: #083580;
}
body.woocommerce-cart .return-to-shop {
text-align: center;
margin: 24px 0;
}
body.woocommerce-cart .return-to-shop .button {
display: inline-block;
padding: 8px 40px;
background: transparent;
border: 1px solid #083580;
color: #083580;
font-family: "Mountains of Christmas", serif;
font-size: 0.9rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.18em;
text-decoration: none;
transition: background 0.2s ease, color 0.2s ease;
border-radius: 30px;
}
body.woocommerce-cart .return-to-shop .button:hover {
background: #083580;
color: #FFFFFF;
}
@media (max-width: 768px) {
body.woocommerce-cart table.shop_table.cart thead {
display: none;
}
body.woocommerce-cart table.shop_table.cart tbody tr.cart_item {
display: grid;
grid-template-columns: 90px 1fr 32px;
grid-template-areas: "thumb name    remove" "thumb price   price" "thumb qty     subtotal";
gap: 4px 16px;
padding: 24px 0;
}
body.woocommerce-cart table.shop_table.cart tbody tr.cart_item td {
padding: 0;
border: 0;
}
body.woocommerce-cart table.shop_table.cart tbody tr.cart_item .product-remove {
grid-area: remove;
justify-self: end;
}
body.woocommerce-cart table.shop_table.cart tbody tr.cart_item .product-thumbnail {
grid-area: thumb;
}
body.woocommerce-cart table.shop_table.cart tbody tr.cart_item .product-name {
grid-area: name;
}
body.woocommerce-cart table.shop_table.cart tbody tr.cart_item .product-price {
grid-area: price;
text-align: left;
}
body.woocommerce-cart table.shop_table.cart tbody tr.cart_item .product-quantity {
grid-area: qty;
text-align: left;
}
body.woocommerce-cart table.shop_table.cart tbody tr.cart_item .product-subtotal {
grid-area: subtotal;
text-align: right;
}
body.woocommerce-cart table.shop_table.cart td.actions .coupon {
float: none;
display: flex;
flex-wrap: wrap;
margin-bottom: 16px;
}
body.woocommerce-cart table.shop_table.cart td.actions button[name=update_cart] {
float: none;
display: block;
width: 100%;
}
body.woocommerce-cart .cart-collaterals {
justify-content: stretch;
}
body.woocommerce-cart .cart_totals {
max-width: 100%;
}
}
body.woocommerce-checkout {
overflow: hidden;
height: 100vh;
}
body.woocommerce-checkout .checkout-slide__inner > .site-page {
max-width: 1500px;
margin: 0 auto;
padding: 60px clamp(60px, 8vw, 120px) 64px;
}
@media (max-width: 768px) {
body.woocommerce-checkout .checkout-slide__inner > .site-page {
padding: 30px 24px 40px;
}
}
body.woocommerce-checkout .site-page__content > .woocommerce {
display: block;
}
body.woocommerce-checkout .site-page__header {
margin: 0 0 64px;
text-align: center;
}
body.woocommerce-checkout .site-page__title {
margin: 0;
font-family: "Mountains of Christmas", serif;
font-size: clamp(2.5rem, 5vw, 4rem);
font-weight: 700;
color: #083580;
}
body.woocommerce-checkout form.checkout.woocommerce-checkout .dragovits-checkout-cols {
display: grid;
grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
gap: 64px;
align-items: start;
}
@media (max-width: 1024px) {
body.woocommerce-checkout form.checkout.woocommerce-checkout .dragovits-checkout-cols {
grid-template-columns: 1fr;
gap: 40px;
}
}
body.woocommerce-checkout form.checkout.woocommerce-checkout .dragovits-checkout-cols__left {
min-width: 0;
}
body.woocommerce-checkout form.checkout.woocommerce-checkout .dragovits-checkout-cols__right {
min-width: 0;
position: sticky;
top: 40px;
}
@media (max-width: 1024px) {
body.woocommerce-checkout form.checkout.woocommerce-checkout .dragovits-checkout-cols__right {
position: static;
}
}
body.woocommerce-checkout form.checkout.woocommerce-checkout #order_review_heading {
margin: 0 0 24px;
font-family: "Mountains of Christmas", serif;
font-size: 1.3rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.18em;
color: #083580;
}
body.woocommerce-checkout #customer_details h3,
body.woocommerce-checkout .woocommerce-additional-fields h3 {
margin: 0 0 24px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(8, 53, 128, 0.15);
font-family: "Mountains of Christmas", serif;
font-size: 1.3rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.18em;
color: #083580;
}
body.woocommerce-checkout #customer_details .col2-set {
display: block;
}
body.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout #customer_details .col-2 {
width: 100%;
float: none;
margin: 0 0 40px;
}
body.woocommerce-checkout .woocommerce-additional-fields {
margin-top: 40px;
}
body.woocommerce-checkout .woocommerce-checkout p.form-row {
margin: 0 0 16px;
padding: 0;
font-family: "Mountains of Christmas", serif;
color: #083580;
}
body.woocommerce-checkout .woocommerce-checkout p.form-row label {
display: block;
margin-bottom: 4px;
font-size: 0.85rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.14em;
color: #083580;
}
body.woocommerce-checkout .woocommerce-checkout p.form-row .required {
color: #B8302A;
text-decoration: none;
margin-left: 2px;
}
body.woocommerce-checkout .woocommerce-checkout p.form-row .optional {
opacity: 0.6;
font-weight: 400;
text-transform: none;
letter-spacing: 0;
}
body.woocommerce-checkout .woocommerce-checkout p.form-row.form-row-first {
float: left;
width: 48%;
margin-right: 4%;
}
body.woocommerce-checkout .woocommerce-checkout p.form-row.form-row-last {
float: right;
width: 48%;
}
body.woocommerce-checkout .woocommerce-checkout p.form-row.form-row-wide {
clear: both;
width: 100%;
}
@media (max-width: 768px) {
body.woocommerce-checkout .woocommerce-checkout p.form-row.form-row-first, body.woocommerce-checkout .woocommerce-checkout p.form-row.form-row-last {
float: none;
width: 100%;
margin-right: 0;
}
}
body.woocommerce-checkout #customer_details .col-1::after,
body.woocommerce-checkout #customer_details .col-2::after,
body.woocommerce-checkout .woocommerce-additional-fields::after,
body.woocommerce-checkout .woocommerce-billing-fields::after,
body.woocommerce-checkout .woocommerce-shipping-fields::after {
content: "";
display: block;
clear: both;
}
body.woocommerce-checkout .woocommerce-checkout input[type=text],
body.woocommerce-checkout .woocommerce-checkout input[type=email],
body.woocommerce-checkout .woocommerce-checkout input[type=tel],
body.woocommerce-checkout .woocommerce-checkout input[type=number],
body.woocommerce-checkout .woocommerce-checkout input[type=password],
body.woocommerce-checkout .woocommerce-checkout textarea,
body.woocommerce-checkout .woocommerce-checkout .select2-container .select2-selection--single {
width: 100%;
padding: 8px 16px;
background: #FFFFFF;
border: 1px solid rgba(8, 53, 128, 0.3);
border-radius: 0;
font-family: "Mountains of Christmas", serif;
font-size: 1rem;
color: #083580;
transition: border-color 0.2s ease;
box-sizing: border-box;
}
body.woocommerce-checkout .woocommerce-checkout input[type=text]::-moz-placeholder, body.woocommerce-checkout .woocommerce-checkout input[type=email]::-moz-placeholder, body.woocommerce-checkout .woocommerce-checkout input[type=tel]::-moz-placeholder, body.woocommerce-checkout .woocommerce-checkout input[type=number]::-moz-placeholder, body.woocommerce-checkout .woocommerce-checkout input[type=password]::-moz-placeholder, body.woocommerce-checkout .woocommerce-checkout textarea::-moz-placeholder, body.woocommerce-checkout .woocommerce-checkout .select2-container .select2-selection--single::-moz-placeholder {
color: rgba(8, 53, 128, 0.5);
}
body.woocommerce-checkout .woocommerce-checkout input[type=text]::placeholder,
body.woocommerce-checkout .woocommerce-checkout input[type=email]::placeholder,
body.woocommerce-checkout .woocommerce-checkout input[type=tel]::placeholder,
body.woocommerce-checkout .woocommerce-checkout input[type=number]::placeholder,
body.woocommerce-checkout .woocommerce-checkout input[type=password]::placeholder,
body.woocommerce-checkout .woocommerce-checkout textarea::placeholder,
body.woocommerce-checkout .woocommerce-checkout .select2-container .select2-selection--single::placeholder {
color: rgba(8, 53, 128, 0.5);
}
body.woocommerce-checkout .woocommerce-checkout input[type=text]:focus, body.woocommerce-checkout .woocommerce-checkout input[type=text]:focus-visible,
body.woocommerce-checkout .woocommerce-checkout input[type=email]:focus,
body.woocommerce-checkout .woocommerce-checkout input[type=email]:focus-visible,
body.woocommerce-checkout .woocommerce-checkout input[type=tel]:focus,
body.woocommerce-checkout .woocommerce-checkout input[type=tel]:focus-visible,
body.woocommerce-checkout .woocommerce-checkout input[type=number]:focus,
body.woocommerce-checkout .woocommerce-checkout input[type=number]:focus-visible,
body.woocommerce-checkout .woocommerce-checkout input[type=password]:focus,
body.woocommerce-checkout .woocommerce-checkout input[type=password]:focus-visible,
body.woocommerce-checkout .woocommerce-checkout textarea:focus,
body.woocommerce-checkout .woocommerce-checkout textarea:focus-visible,
body.woocommerce-checkout .woocommerce-checkout .select2-container .select2-selection--single:focus,
body.woocommerce-checkout .woocommerce-checkout .select2-container .select2-selection--single:focus-visible {
outline: none;
border-color: #083580;
}
body.woocommerce-checkout .woocommerce-checkout textarea {
min-height: 96px;
line-height: 1.5;
resize: vertical;
}
body.woocommerce-checkout .woocommerce-checkout .select2-container {
width: 100% !important;
}
body.woocommerce-checkout .woocommerce-checkout .select2-container .select2-selection--single {
height: auto;
display: flex;
align-items: center;
}
body.woocommerce-checkout .woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered {
padding: 0;
line-height: 1.4;
color: #083580;
}
body.woocommerce-checkout .woocommerce-checkout .select2-container .select2-selection--single .select2-selection__arrow {
top: 50%;
right: 8px;
transform: translateY(-50%);
height: auto;
}
body.woocommerce-checkout .woocommerce-checkout .select2-dropdown {
border: 1px solid #083580;
border-radius: 0;
font-family: "Mountains of Christmas", serif;
color: #083580;
}
body.woocommerce-checkout .woocommerce-checkout .select2-results__option--highlighted[aria-selected] {
background: #083580;
color: #FFFFFF;
}
body.woocommerce-checkout .woocommerce-account-fields .form-row.create-account,
body.woocommerce-checkout .woocommerce-account-fields #ship-to-different-address,
body.woocommerce-checkout .woocommerce-shipping-fields .form-row.create-account,
body.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address {
margin: 16px 0;
}
body.woocommerce-checkout .woocommerce-account-fields .form-row.create-account label,
body.woocommerce-checkout .woocommerce-account-fields #ship-to-different-address label,
body.woocommerce-checkout .woocommerce-shipping-fields .form-row.create-account label,
body.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address label {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 0.95rem;
font-weight: 700;
text-transform: none;
letter-spacing: 0;
color: #083580;
cursor: pointer;
}
body.woocommerce-checkout .woocommerce-account-fields .form-row.create-account input[type=checkbox],
body.woocommerce-checkout .woocommerce-account-fields #ship-to-different-address input[type=checkbox],
body.woocommerce-checkout .woocommerce-shipping-fields .form-row.create-account input[type=checkbox],
body.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address input[type=checkbox] {
accent-color: #083580;
width: 16px;
height: 16px;
margin: 0;
}
body.woocommerce-checkout .woocommerce-account-fields #ship-to-different-address h3,
body.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address h3 {
margin: 0;
padding: 0;
border: 0;
font-family: "Mountains of Christmas", serif;
font-size: 1.3rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.18em;
color: #083580;
}
body.woocommerce-checkout .woocommerce-account-fields #ship-to-different-address h3 label,
body.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address h3 label {
font-size: inherit;
font-weight: inherit;
text-transform: inherit;
letter-spacing: inherit;
cursor: pointer;
}
body.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table {
width: 100%;
border: 0;
border-collapse: collapse;
font-family: "Mountains of Christmas", serif;
color: #083580;
margin: 0 0 24px;
}
body.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table thead th {
padding: 16px 0;
border-top: 1px solid rgba(8, 53, 128, 0.15);
border-bottom: 1px solid rgba(8, 53, 128, 0.15);
font-size: 1rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.18em;
text-align: left;
color: #083580;
background: transparent;
}
body.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table thead th.product-total {
text-align: right;
}
body.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tbody tr.cart_item {
border-bottom: 1px solid rgba(8, 53, 128, 0.1);
}
body.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tbody tr.cart_item td {
padding: 16px 0;
background: transparent;
border: 0;
vertical-align: top;
font-size: 1.05rem;
color: #083580;
}
body.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tbody tr.cart_item .product-name {
font-weight: 700;
}
body.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tbody tr.cart_item .product-name .product-quantity {
font-weight: 400;
opacity: 0.7;
margin-left: 4px;
}
body.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tbody tr.cart_item .product-name dl.variation {
margin: 4px 0 0;
font-size: 0.9rem;
opacity: 0.75;
}
body.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tbody tr.cart_item .product-name dl.variation dt,
body.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tbody tr.cart_item .product-name dl.variation dd {
display: inline;
margin: 0;
padding: 0;
}
body.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tbody tr.cart_item .product-name dl.variation dt {
font-weight: 700;
}
body.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tbody tr.cart_item .product-name dl.variation dt::after {
content: ": ";
}
body.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tbody tr.cart_item .product-name dl.variation dd {
margin-right: 8px;
}
body.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tbody tr.cart_item .product-total {
text-align: right;
font-weight: 700;
}
body.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tfoot tr {
border-bottom: 1px solid rgba(8, 53, 128, 0.1);
}
body.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tfoot tr:last-child {
border-bottom: 1px solid rgba(8, 53, 128, 0.15);
}
body.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tfoot th,
body.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tfoot td {
padding: 16px 0;
background: transparent;
border: 0;
font-family: "Mountains of Christmas", serif;
color: #083580;
}
body.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tfoot th {
text-align: left;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.18em;
font-size: 0.95rem;
}
body.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tfoot td {
text-align: right;
font-weight: 700;
font-size: 1.05rem;
}
body.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tfoot .order-total th,
body.woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tfoot .order-total td {
font-size: 1.3rem;
padding-top: 24px;
}
body.woocommerce-checkout .woocommerce-checkout-payment {
background: transparent;
border-radius: 0;
padding: 0;
margin: 24px 0 0;
}
body.woocommerce-checkout .woocommerce-checkout-payment ul.payment_methods {
margin: 0 0 24px;
padding: 0;
list-style: none;
border: 0;
background: transparent;
}
body.woocommerce-checkout .woocommerce-checkout-payment ul.payment_methods li.wc_payment_method {
margin: 0;
padding: 16px 0;
border-bottom: 1px solid rgba(8, 53, 128, 0.1);
background: transparent;
}
body.woocommerce-checkout .woocommerce-checkout-payment ul.payment_methods li.wc_payment_method:last-child {
border-bottom: 1px solid rgba(8, 53, 128, 0.15);
}
body.woocommerce-checkout .woocommerce-checkout-payment ul.payment_methods li.wc_payment_method > label {
display: inline-flex;
align-items: center;
gap: 8px;
margin: 0;
font-family: "Mountains of Christmas", serif;
font-size: 1rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.14em;
color: #083580;
cursor: pointer;
}
body.woocommerce-checkout .woocommerce-checkout-payment ul.payment_methods li.wc_payment_method > label img {
max-height: 22px;
margin-left: 8px;
}
body.woocommerce-checkout .woocommerce-checkout-payment ul.payment_methods li.wc_payment_method input[type=radio] {
accent-color: #083580;
width: 16px;
height: 16px;
margin: 0;
}
body.woocommerce-checkout .woocommerce-checkout-payment ul.payment_methods li.wc_payment_method .payment_box {
margin: 16px 0 0;
padding: 16px;
background: rgba(8, 53, 128, 0.04);
border-radius: 0;
font-family: "Mountains of Christmas", serif;
font-size: 0.95rem;
line-height: 1.5;
color: #083580;
}
body.woocommerce-checkout .woocommerce-checkout-payment ul.payment_methods li.wc_payment_method .payment_box::before {
display: none;
}
body.woocommerce-checkout .woocommerce-checkout-payment ul.payment_methods li.wc_payment_method .payment_box p {
margin: 0 0 8px;
}
body.woocommerce-checkout .woocommerce-checkout-payment ul.payment_methods li.wc_payment_method .payment_box p:last-child {
margin-bottom: 0;
}
body.woocommerce-checkout .woocommerce-checkout-payment .woocommerce-terms-and-conditions-wrapper {
margin: 0 0 16px;
}
body.woocommerce-checkout .woocommerce-checkout-payment .woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions {
margin: 0 0 16px;
padding: 16px;
background: rgba(8, 53, 128, 0.04);
max-height: 200px;
overflow-y: auto;
font-size: 0.95rem;
line-height: 1.5;
color: #083580;
}
body.woocommerce-checkout .woocommerce-checkout-payment .woocommerce-terms-and-conditions-wrapper .form-row.validate-required label {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 0.95rem;
font-weight: 700;
text-transform: none;
letter-spacing: 0;
color: #083580;
cursor: pointer;
}
body.woocommerce-checkout .woocommerce-checkout-payment .woocommerce-terms-and-conditions-wrapper .form-row.validate-required input[type=checkbox] {
accent-color: #083580;
width: 16px;
height: 16px;
margin: 0;
}
body.woocommerce-checkout .woocommerce-checkout-payment #place_order {
display: block;
width: 100%;
padding: 16px 40px;
background: #083580;
border: 1px solid #083580;
border-radius: 30px;
color: #FFFFFF;
font-family: "Mountains of Christmas", serif;
font-size: 1rem;
font-weight: 700;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.2em;
cursor: pointer;
transition: background 0.2s ease, color 0.2s ease;
}
body.woocommerce-checkout .woocommerce-checkout-payment #place_order:hover {
background: transparent;
color: #083580;
}
body.woocommerce-checkout .woocommerce-checkout-payment #place_order:focus, body.woocommerce-checkout .woocommerce-checkout-payment #place_order:focus-visible {
outline: none;
}
body.woocommerce-checkout .woocommerce-checkout-payment #place_order[disabled] {
opacity: 0.5;
cursor: not-allowed;
}
body.woocommerce-checkout .woocommerce-form-login-toggle,
body.woocommerce-checkout .woocommerce-form-coupon-toggle {
margin: 0 0 24px;
}
body.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info,
body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
margin: 0;
padding: 16px 24px;
background: rgba(8, 53, 128, 0.04);
border: 0;
border-left: 3px solid #083580;
border-radius: 0;
font-family: "Mountains of Christmas", serif;
font-size: 0.95rem;
color: #083580;
}
body.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info a,
body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info a {
color: #083580;
font-weight: 700;
text-decoration: underline;
}
body.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info a:hover,
body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info a:hover {
color: #B8302A;
}
body.woocommerce-checkout .woocommerce-privacy-policy-text a {
color: #ef3f5f;
font-weight: 700;
text-decoration: underline;
text-underline-offset: 4px;
transition: color 0.2s ease;
}
body.woocommerce-checkout .woocommerce-privacy-policy-text a:hover, body.woocommerce-checkout .woocommerce-privacy-policy-text a:focus, body.woocommerce-checkout .woocommerce-privacy-policy-text a:focus-visible {
color: #c20c35;
outline: none;
}
body.woocommerce-checkout form.login,
body.woocommerce-checkout form.checkout_coupon {
margin: 0 0 40px;
padding: 24px;
background: rgba(8, 53, 128, 0.04);
border: 0;
border-radius: 0;
}
body.woocommerce-checkout form.login .form-row,
body.woocommerce-checkout form.checkout_coupon .form-row {
margin: 0 0 16px;
}
body.woocommerce-checkout form.login .button,
body.woocommerce-checkout form.checkout_coupon .button {
padding: 8px 40px;
background: transparent;
border: 1px solid rgba(8, 53, 128, 0.4);
border-radius: 30px;
color: #083580;
font-family: "Mountains of Christmas", serif;
font-size: 0.9rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.18em;
cursor: pointer;
transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
body.woocommerce-checkout form.login .button:hover,
body.woocommerce-checkout form.checkout_coupon .button:hover {
background: #083580;
color: #FFFFFF;
border-color: #083580;
}
body.woocommerce-checkout form.login .button:focus, body.woocommerce-checkout form.login .button:focus-visible,
body.woocommerce-checkout form.checkout_coupon .button:focus,
body.woocommerce-checkout form.checkout_coupon .button:focus-visible {
outline: none;
}
body.woocommerce-checkout .woocommerce-NoticeGroup,
body.woocommerce-checkout .woocommerce-error,
body.woocommerce-checkout .woocommerce-message {
margin: 0 0 24px;
padding: 16px 24px;
background: rgba(8, 53, 128, 0.04);
border: 0;
border-left: 3px solid #083580;
border-radius: 0;
font-family: "Mountains of Christmas", serif;
font-size: 0.95rem;
color: #083580;
list-style: none;
}
body.woocommerce-checkout .woocommerce-NoticeGroup li,
body.woocommerce-checkout .woocommerce-error li,
body.woocommerce-checkout .woocommerce-message li {
margin: 0;
padding: 0;
}
body.woocommerce-checkout .woocommerce-NoticeGroup a,
body.woocommerce-checkout .woocommerce-error a,
body.woocommerce-checkout .woocommerce-message a {
color: #083580;
font-weight: 700;
text-decoration: underline;
}
body.woocommerce-checkout .woocommerce-NoticeGroup a:hover,
body.woocommerce-checkout .woocommerce-error a:hover,
body.woocommerce-checkout .woocommerce-message a:hover {
color: #B8302A;
}
body.woocommerce-checkout .woocommerce-error {
border-left-color: #B8302A;
}
body.woocommerce-checkout .blockUI.blockOverlay {
background: rgba(255, 255, 255, 0.6) !important;
}
body.woocommerce-checkout .checkout-empty {
text-align: center;
margin: 64px 0;
font-family: "Mountains of Christmas", serif;
color: #083580;
}
body.woocommerce-checkout .checkout-empty__message {
margin: 0 0 24px;
font-size: 1.2rem;
}
body.woocommerce-checkout .checkout-empty__action {
margin: 0;
}
body.woocommerce-checkout .checkout-empty .button {
display: inline-block;
padding: 8px 40px;
background: transparent;
border: 1px solid #083580;
border-radius: 30px;
color: #083580;
font-family: "Mountains of Christmas", serif;
font-size: 0.9rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.18em;
text-decoration: none;
transition: background 0.2s ease, color 0.2s ease;
}
body.woocommerce-checkout .checkout-empty .button:hover {
background: #083580;
color: #FFFFFF;
}
@media (max-width: 768px) {
body.woocommerce-checkout #order_review {
margin-top: 40px;
}
body.woocommerce-checkout .woocommerce-checkout-payment #place_order {
font-size: 0.95rem;
letter-spacing: 0.16em;
}
}
.mini-cart {
position: fixed;
inset: 0;
z-index: 110;
}
.mini-cart[hidden] {
display: none;
}
.mini-cart__overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0);
backdrop-filter: blur(0);
-webkit-backdrop-filter: blur(0);
transition: background 0.35s ease, backdrop-filter 0.35s ease;
cursor: pointer;
}
.mini-cart__panel {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: min(420px, 100vw);
background: #FFFFFF;
box-shadow: -20px 0 40px rgba(0, 0, 0, 0.15);
transform: translateX(100%);
transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
display: flex;
flex-direction: column;
overflow: hidden;
}
@media (max-width: 480px) {
.mini-cart__panel {
width: 100vw;
box-shadow: none;
}
}
.mini-cart.is-open .mini-cart__overlay {
background: rgba(0, 0, 0, 0.65);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
}
.mini-cart.is-open .mini-cart__panel {
transform: translateX(0);
}
.mini-cart__header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 40px 48px;
border-bottom: 1px solid rgba(8, 53, 128, 0.1);
}
.mini-cart__title {
margin: 0;
font-family: "Mountains of Christmas", serif;
font-size: 1.6rem;
font-weight: 700;
color: #083580;
}
.mini-cart__close {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
background: transparent;
border: 0;
padding: 0;
cursor: pointer;
color: #083580;
opacity: 0.6;
transition: opacity 0.2s ease, color 0.2s ease;
}
.mini-cart__close svg {
width: 20px;
height: 20px;
}
.mini-cart__close:hover {
opacity: 1;
color: #ef3f5f;
}
.mini-cart__close:focus, .mini-cart__close:focus-visible {
outline: none;
}
.mini-cart__body {
flex: 1;
overflow-y: auto;
padding: 40px 48px 64px;
font-family: "Mountains of Christmas", serif;
font-weight: 700;
color: #083580;
}
.mini-cart__body::-webkit-scrollbar {
width: 8px;
}
.mini-cart__body::-webkit-scrollbar-thumb {
background: rgba(8, 53, 128, 0.25);
border-radius: 4px;
}
.mini-cart .woocommerce-mini-cart {
list-style: none;
margin: 0;
padding: 0;
}
.mini-cart .woocommerce-mini-cart li.mini_cart_item {
position: relative;
display: grid;
grid-template-columns: 64px 1fr auto;
gap: 16px;
align-items: center;
padding: 16px 0;
border-bottom: 1px solid rgba(8, 53, 128, 0.08);
}
.mini-cart .woocommerce-mini-cart li.mini_cart_item:first-child {
padding-top: 0;
}
.mini-cart .woocommerce-mini-cart li.mini_cart_item a.remove {
grid-column: 3;
grid-row: 1;
position: static;
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
margin-left: 8px;
background: transparent;
color: #083580;
font-size: 1.2rem;
line-height: 1;
text-decoration: none;
opacity: 0.5;
transition: opacity 0.2s ease, color 0.2s ease;
}
.mini-cart .woocommerce-mini-cart li.mini_cart_item a.remove:hover {
opacity: 1;
color: #ef3f5f;
background: transparent;
}
.mini-cart .woocommerce-mini-cart li.mini_cart_item a:not(.remove) {
grid-column: 1/3;
grid-row: 1;
display: grid;
grid-template-columns: 64px 1fr;
gap: 16px;
align-items: center;
color: #083580;
text-decoration: none;
font-family: "Mountains of Christmas", serif;
font-size: 1.2rem;
font-weight: 700;
line-height: 1.3;
transition: color 0.2s ease;
}
.mini-cart .woocommerce-mini-cart li.mini_cart_item a:not(.remove):hover {
color: #ef3f5f;
}
.mini-cart .woocommerce-mini-cart li.mini_cart_item a:not(.remove) img {
width: 64px;
height: auto;
display: block;
border-radius: 4px;
}
.mini-cart .woocommerce-mini-cart li.mini_cart_item .quantity {
grid-column: 2/4;
grid-row: 2;
font-size: 1.05rem;
font-weight: 700;
color: rgba(8, 53, 128, 0.75);
}
.mini-cart .woocommerce-mini-cart li.mini_cart_item .quantity .woocommerce-Price-amount {
color: #083580;
font-weight: 700;
}
.mini-cart .woocommerce-mini-cart__total,
.mini-cart .woocommerce-mini-cart__buttons {
margin: 24px 0 0;
}
.mini-cart .woocommerce-mini-cart__total {
display: flex;
justify-content: space-between;
align-items: baseline;
padding-top: 24px;
border-top: 1px solid rgba(8, 53, 128, 0.15);
font-family: "Mountains of Christmas", serif;
font-size: 1.25rem;
font-weight: 700;
color: #083580;
}
.mini-cart .woocommerce-mini-cart__total strong {
text-transform: uppercase;
letter-spacing: 0.14em;
font-size: 1.05rem;
}
.mini-cart .woocommerce-mini-cart__total .woocommerce-Price-amount {
font-size: 1.45rem;
}
.mini-cart .woocommerce-mini-cart__buttons {
display: flex;
flex-direction: column;
gap: 8px;
margin-top: 16px;
}
.mini-cart .woocommerce-mini-cart__buttons a.button {
display: inline-block;
padding: 8px 40px;
background: transparent;
border: 1px solid #083580;
border-radius: 9999px;
color: #083580;
font-family: "Mountains of Christmas", serif;
font-size: 1rem;
font-weight: 700;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.18em;
text-decoration: none;
cursor: pointer;
transition: background 0.2s ease, color 0.2s ease;
}
.mini-cart .woocommerce-mini-cart__buttons a.button:hover {
background: #083580;
color: #FFFFFF;
}
.mini-cart .woocommerce-mini-cart__buttons a.button.checkout {
background: #ef3f5f;
border-color: #ef3f5f;
color: #FFFFFF;
box-shadow: rgb(194, 12, 53) 0 4px 0;
}
.mini-cart .woocommerce-mini-cart__buttons a.button.checkout:hover {
background: #c20c35;
border-color: #c20c35;
color: #FFFFFF;
}
.mini-cart .woocommerce-mini-cart__empty-message {
margin: 0;
padding: 40px 0;
text-align: center;
font-family: "Mountains of Christmas", serif;
font-size: 1.25rem;
font-weight: 700;
color: rgba(8, 53, 128, 0.6);
}
body.mini-cart-open {
overflow: hidden;
}
.gift-optin__toggle {
position: fixed;
left: 24px;
bottom: 24px;
z-index: 95;
display: block;
width: 96px;
padding: 0;
border: none;
background: transparent;
cursor: pointer;
-moz-user-select: none;
user-select: none;
-webkit-user-select: none;
-webkit-tap-highlight-color: transparent;
animation: gift-optin-bob 2.4s ease-in-out infinite;
transition: transform 0.2s ease;
}
.gift-optin__toggle-icon {
display: block;
width: 100%;
height: auto;
pointer-events: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
filter: drop-shadow(0 6px 10px rgba(0, 0, 0, 0.35));
}
.gift-optin__toggle-label {
position: absolute;
left: 100%;
top: 50%;
margin-left: 8px;
color: #c60204;
font-family: "Mountains of Christmas", serif;
font-size: 1.9rem;
font-weight: 700;
line-height: 1;
white-space: nowrap;
text-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
pointer-events: none;
transform: translate(-12px, -50%);
opacity: 0;
transition: transform 0.25s ease, opacity 0.25s ease;
}
.gift-optin__toggle:hover {
transform: translateY(-3px) scale(1.05);
animation-play-state: paused;
}
.gift-optin__toggle:hover .gift-optin__toggle-label {
transform: translate(0, -50%);
opacity: 1;
}
.gift-optin__toggle:focus, .gift-optin__toggle:focus-visible {
outline: none;
}
.gift-optin__toggle.is-hidden {
display: none;
}
.gift-optin__toggle.is-section-hidden {
display: none;
}
@media (max-width: 768px) {
.gift-optin__toggle {
width: 76px;
left: 16px;
bottom: 16px;
}
}
@media (prefers-reduced-motion: reduce) {
.gift-optin__toggle {
animation: none;
}
}
body.gift-optin-open .gift-optin__toggle {
display: none;
}
.gift-optin {
position: fixed;
inset: 0;
z-index: 120;
display: flex;
align-items: center;
justify-content: center;
padding: 24px;
visibility: hidden;
pointer-events: none;
transition: visibility 0s linear 0.55s;
}
.gift-optin__overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0);
transition: background 0.35s ease, backdrop-filter 0.35s ease;
cursor: pointer;
}
.gift-optin__panel {
position: relative;
width: min(820px, 92vw);
padding: 48px 40px 40px;
background: #FFFFFF;
border-radius: 16px;
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
transform: translateY(120%);
opacity: 0;
-moz-user-select: none;
user-select: none;
-webkit-user-select: none;
-webkit-tap-highlight-color: transparent;
transition: transform 0.55s cubic-bezier(0.18, 0.89, 0.32, 1.28), opacity 0.35s ease;
}
.gift-optin.is-open {
visibility: visible;
pointer-events: auto;
transition-delay: 0s;
}
.gift-optin.is-open .gift-optin__overlay {
background: rgba(0, 0, 0, 0.65);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
}
.gift-optin.is-open .gift-optin__panel {
transform: translateY(0);
opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
.gift-optin .gift-optin__panel {
transition: none;
}
}
.gift-optin__close {
position: absolute;
top: 16px;
right: 16px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
padding: 0;
background: transparent;
border: 0;
cursor: pointer;
color: #083580;
opacity: 0.6;
transition: opacity 0.2s ease, color 0.2s ease;
}
.gift-optin__close svg {
width: 20px;
height: 20px;
}
.gift-optin__close:hover {
opacity: 1;
color: #D4552E;
}
.gift-optin__close:focus, .gift-optin__close:focus-visible {
outline: none;
}
.gift-optin__image {
display: block;
width: 120px;
max-width: 50%;
height: auto;
margin: 0 auto 16px;
filter: drop-shadow(0 6px 10px rgba(0, 0, 0, 0.35));
}
.gift-optin__title {
margin: 0 0 8px;
font-family: "Mountains of Christmas", serif;
font-size: 2.75rem;
font-weight: 700;
color: #083580;
text-align: center;
}
.gift-optin__intro {
margin: 0 0 24px;
font-family: "Mountains of Christmas", serif;
font-size: 1.4rem;
font-weight: 700;
line-height: 1.45;
color: #083580;
text-align: center;
}
.gift-optin__form label {
display: block;
margin-bottom: 4px;
font-family: "Mountains of Christmas", serif;
font-size: 1.05rem;
font-weight: 700;
color: #083580;
}
.gift-optin__form input[type=text],
.gift-optin__form input[type=email],
.gift-optin__form input[type=tel],
.gift-optin__form textarea {
width: 100%;
padding: 8px 16px;
margin-bottom: 16px;
-moz-user-select: text;
user-select: text;
-webkit-user-select: text;
background: #FFFFFF;
border: 1px solid rgba(8, 53, 128, 0.3);
border-radius: 9999px;
font-family: "Mountains of Christmas", serif;
font-size: 1rem;
color: #083580;
}
.gift-optin__form input[type=text]::-moz-placeholder, .gift-optin__form input[type=email]::-moz-placeholder, .gift-optin__form input[type=tel]::-moz-placeholder, .gift-optin__form textarea::-moz-placeholder {
color: rgba(8, 53, 128, 0.5);
}
.gift-optin__form input[type=text]::placeholder,
.gift-optin__form input[type=email]::placeholder,
.gift-optin__form input[type=tel]::placeholder,
.gift-optin__form textarea::placeholder {
color: rgba(8, 53, 128, 0.5);
}
.gift-optin__form input[type=text]:focus, .gift-optin__form input[type=text]:focus-visible,
.gift-optin__form input[type=email]:focus,
.gift-optin__form input[type=email]:focus-visible,
.gift-optin__form input[type=tel]:focus,
.gift-optin__form input[type=tel]:focus-visible,
.gift-optin__form textarea:focus,
.gift-optin__form textarea:focus-visible {
outline: none;
border-color: #083580;
}
.gift-optin__form textarea {
border-radius: 8px;
}
.gift-optin__form .nf-field-container,
.gift-optin__form .nf-row,
.gift-optin__form .field-wrap {
margin-bottom: 0;
}
.gift-optin__form button,
.gift-optin__form input[type=submit],
.gift-optin__form input[type=button],
.gift-optin__form .nf-submit-button {
display: block;
width: -moz-fit-content;
width: fit-content;
min-width: 220px;
margin: 8px auto 0;
padding: 8px 40px;
background: #ef3f5f;
border: none;
border-radius: 9999px;
color: #FFFFFF;
font-family: "Mountains of Christmas", serif;
font-size: 2rem;
font-weight: 700;
line-height: 1.2;
text-align: center;
cursor: pointer;
box-shadow: rgb(194, 12, 53) 0 5px 1px;
transition: background 0.2s ease, transform 0.2s ease;
}
.gift-optin__form button:hover,
.gift-optin__form input[type=submit]:hover,
.gift-optin__form input[type=button]:hover,
.gift-optin__form .nf-submit-button:hover {
background: #c20c35;
transform: translateY(-2px);
}
.gift-optin__form button:focus, .gift-optin__form button:focus-visible,
.gift-optin__form input[type=submit]:focus,
.gift-optin__form input[type=submit]:focus-visible,
.gift-optin__form input[type=button]:focus,
.gift-optin__form input[type=button]:focus-visible,
.gift-optin__form .nf-submit-button:focus,
.gift-optin__form .nf-submit-button:focus-visible {
outline: none;
}
body.gift-optin-open {
overflow: hidden;
}
@keyframes gift-optin-bob {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-6px);
}
}
.char-bio {
position: fixed;
inset: 0;
z-index: 120;
display: flex;
align-items: center;
justify-content: center;
padding: 24px;
}
.char-bio[hidden] {
display: none;
}
.char-bio__backdrop {
position: absolute;
inset: 0;
background: rgba(38, 48, 124, 0);
backdrop-filter: blur(0);
-webkit-backdrop-filter: blur(0);
transition: background 0.35s ease, backdrop-filter 0.35s ease;
cursor: pointer;
}
.char-bio__panel {
position: relative;
width: min(92vw, 1100px);
display: flex;
flex-direction: column;
align-items: center;
transform: translateY(120%);
opacity: 0;
transition: transform 0.55s cubic-bezier(0.18, 0.89, 0.32, 1.28), opacity 0.35s ease;
}
.char-bio.is-open .char-bio__backdrop {
background: rgba(0, 0, 0, 0.65);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
}
.char-bio.is-open .char-bio__panel {
transform: translateY(0);
opacity: 1;
}
.char-bio__ribbon {
position: relative;
width: 100%;
aspect-ratio: 1108/614;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 5% 20% 20%;
text-align: center;
color: #083580;
}
.char-bio__title {
margin: 0 0 8px;
font-family: "Mountains of Christmas", serif;
font-size: clamp(1.5rem, 3vw, 2.6rem);
font-weight: 700;
line-height: 1.1;
color: #083580;
}
.char-bio__text {
margin: 0;
font-family: "Mountains of Christmas", serif;
font-size: clamp(0.9rem, 1.5vw, 1.6rem);
font-weight: 700;
line-height: 1.4;
color: #083580;
overflow: hidden;
}
.char-bio__close {
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: 24px;
background: transparent;
border: 0;
cursor: pointer;
font-family: "Mountains of Christmas", serif;
font-size: clamp(1.1rem, 1.6vw, 1.5rem);
font-weight: 700;
color: #FFF5D7;
transition: color 0.2s ease, transform 0.2s ease;
}
.char-bio__close:hover {
color: #FFFFFF;
transform: translateY(-2px);
}
.char-bio__close:focus, .char-bio__close:focus-visible {
outline: none;
}
.char-bio__close-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 1.7em;
height: 1.7em;
border: 2px solid currentColor;
border-radius: 50%;
font-size: 0.8em;
line-height: 1;
}
body.char-bio-open {
overflow: hidden;
}
.is-pageable .site-footer,
.home .site-footer {
display: none;
}
.site-footer .footer-main__text,
.site-footer .footer-main__form {
opacity: 1;
}
.site-footer__snow {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
z-index: 2;
pointer-events: none;
}
@media (max-width: 768px) {
.hero-snap__text,
.hero-snap__phrase,
.hero-snap__star,
.hero-snap__sleigh,
.book-intro__copy,
.book-intro__book,
.book-intro__tagline,
.book-intro__buttons,
.zach-intro__text,
.zach-intro__rotator,
.goblin-intro__cart,
.goblin-intro__copy,
.cliff-intro__copy,
.cliff-intro__cliff,
.cliff-intro__elves,
.characters__copy,
.characters__featured,
.characters__thumbs,
.zach-books__heading,
.zach-books__product,
.coloring-book__heading,
.coloring-book__item,
.coloring-book__footnote,
.young-santa__copy,
.young-santa__character,
.evil-goblin__copy,
.evil-goblin__character,
.frozen-north__copy,
.frozen-north__character,
.about-slide__copy,
.about-slide__map,
.footer-main__text,
.footer-main__form {
opacity: 1;
}
.site-main--front,
#pageable-container {
overflow: visible;
}
.pg-pips {
display: none;
}
.switch-paths {
display: none;
}
#snow-canvas,
#snow-canvas-fg,
#snow-canvas-about,
#snow-canvas-footer,
#snow-canvas-footer-fg {
display: none;
}
.characters,
.coloring-book {
display: none;
}
html {
overscroll-behavior-y: none;
}
}