@charset "UTF-8"; :root { --announcement-bar-height: 0px; --show-fade-animation: 1 } .hide { display: none } .sr-only { clip: rect(0 0 0 0); -webkit-clip-path: inset(100%); clip-path: inset(100%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px } .focusable:focus, .l-post-content .kg-button-card a.kg-btn:focus, .l-post-content .kg-header-card .kg-header-card-button:focus, .l-post-content .kg-product-card .kg-product-card-button:focus, .l-post-content button:focus:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button), .m-button:focus { box-shadow: 0 0 0 2px var(--primary-subtle-color) !important } .content-centered { align-items: center; display: flex; justify-content: center } .l-post-content .kg-button-card a.kg-btn, .l-post-content .kg-header-card .kg-header-card-button, .l-post-content .kg-product-card .kg-product-card-button, .l-post-content button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button), .l-post-content input:not([type=radio]):not([type=checkbox]):not(.kg-video-card input):not(.kg-audio-card input), .l-post-content select, .l-post-content textarea, .m-button, .m-input, .no-appearance { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important } /* Drop cap: only on individual post pages */ @media (min-width: 768px) { /* Ghost adds `post-template` to on post pages */ .post-template .js-post-content > p:first-of-type::first-letter { float: left; font-size: 3.9em; /* target full 3 lines */ line-height: 0.9; font-weight: 700; margin-right: 0.08em; margin-top: 0.02em; font-style: normal; /* force Roman when first line is italic */ font-family: 'Brandon Grotesque', sans-serif; } /* Blacklist: disable drop cap for Interior Weekly */ body.tag-interior-weekly .js-post-content > p:first-of-type::first-letter { float: none; font-size: inherit; font-weight: inherit; margin: 0; } } /* If the first element is a figure or a Koenig card, apply the drop cap to the next paragraph */ .post-template .js-post-content > .kg-card:first-child + p::first-letter, .post-template .js-post-content > figure:first-child + p::first-letter { float: left; font-size: 3.9em; /* match main rule */ line-height: 0.9; font-weight: 700; margin-right: 0.08em; margin-top: 0.02em; font-style: normal; /* force Roman when first line is italic */ font-family: 'Brandon Grotesque', sans-serif; } /* Utility: add class `no-dropcap` to a paragraph to opt out */ .post-template .js-post-content p.no-dropcap::first-letter { float: none; font-size: inherit; font-weight: inherit; margin: 0; } .no-padding { padding: 0 } .no-margin { margin: 0 } .no-scroll-y { overflow-y: hidden } .align-center { text-align: center } .align-left { text-align: left } .align-right { text-align: right } .pos-relative { position: relative } .pos-absolute { position: absolute } .bold { font-weight: 700 } .underline { text-decoration: underline } .uppercase { text-transform: uppercase } .pointer { cursor: pointer } .only-desktop { display: none } @media only screen and (min-width:48rem) { .only-desktop { display: block } } .l-post-content { padding-bottom: 15px } @media only screen and (min-width:48rem) { .l-post-content { margin: 0 auto; max-width: 820px; min-height: 400px } } @media only screen and (min-width:48rem) and (min-width:48rem) { .l-post-content { padding-bottom: 30px } } .l-post-content h1, .l-post-content h2, .l-post-content h3, .l-post-content h4, .l-post-content h5, .l-post-content h6 { color: var(--titles-color); font-weight: 900; letter-spacing: -0.05rem; line-height: 1; margin: 0 0 15px; padding-top: 5px } @media only screen and (min-width:48rem) { .l-post-content h1, .l-post-content h2, .l-post-content h3, .l-post-content h4, .l-post-content h5, .l-post-content h6 { margin-bottom: 18px; padding-top: 10px } } .l-post-content h1 { font-size: 2.125rem } @media only screen and (min-width:48rem) { .l-post-content h1 { font-size: 2.625rem } } .l-post-content h2 { font-size: 1rem; font-weight: 500; } @media only screen and (min-width:48rem) { .l-post-content h2 { font-size: 1.5rem } } .l-post-content h3 { font-size: 1rem; margin-bottom: 15px; } @media only screen and (min-width:48rem) { .l-post-content h3 { font-size: 1.2rem } } .l-post-content h4 { font-size: 1rem } @media only screen and (min-width:48rem) { .l-post-content h4 { font-size: 1.375rem } } .l-post-content h5 { font-size: .938rem } @media only screen and (min-width:48rem) { .l-post-content h5 { font-size: 1.125rem } } .l-post-content h6 { font-size: .813rem } @media only screen and (min-width:48rem) { .l-post-content h6 { font-size: 1rem } } .l-post-content p { font-size: 1.1rem; letter-spacing: -0.05rem; line-height: 1.2; margin-bottom: 15px } @media only screen and (min-width:48rem) { .l-post-content p { font-size: 1.1rem; letter-spacing: -0.05rem; line-height: 1.2; margin-bottom: 15px } } .l-post-content p img { margin-bottom: 0 !important } .l-post-content b, .l-post-content strong { font-weight: 600 } .l-post-content em { font-style: italic } .l-post-content a { color: var(--primary-foreground-color); text-decoration: underline; transition: color .2s linear } .l-post-content a:hover { color: var(--link-color) } .l-post-content ol, .l-post-content ul { padding-left: 40px; font-size: 1.1rem; letter-spacing: -0.05rem; line-height: 1.2; margin-bottom: 15px } @media only screen and (min-width:48rem) { .l-post-content ol, .l-post-content ul { padding-left: 40px; font-size: 1.1rem; letter-spacing: -0.05rem; line-height: 1.2; margin-bottom: 15px } } .l-post-content li { margin-bottom: 4px; margin-top: 4px; } .l-post-content .kg-image, .l-post-content img { display: block; margin: 0 auto 35px; max-width: 100% } @media only screen and (min-width:48rem) { .l-post-content .kg-image, .l-post-content img { margin-bottom: 40px } } .l-post-content iframe { display: block; margin: 0 auto; max-width: 100% } .l-post-content .fluid-width-video-wrapper { margin: 0 auto 35px } @media only screen and (min-width:48rem) { .l-post-content .fluid-width-video-wrapper { margin-bottom: 40px } } .l-post-content figure, .l-post-content.kg-image-card { margin: 0 -20px; padding: 20px 0 40px } @media only screen and (min-width:48rem) { .l-post-content figure, .l-post-content.kg-image-card { margin: 0; padding: 20px 0 50px } } .l-post-content figure.kg-embed-card, .l-post-content.kg-image-card.kg-embed-card { align-items: center; display: flex; flex-direction: column; margin: 0 auto; min-width: 100% } .l-post-content figure.kg-embed-card iframe, .l-post-content.kg-image-card.kg-embed-card iframe { margin: 0 auto } .l-post-content figure.kg-width-full img, .l-post-content figure.kg-width-wide img, .l-post-content.kg-image-card.kg-width-full img, .l-post-content.kg-image-card.kg-width-wide img { height: auto; width: 100% } @media only screen and (min-width:80rem) { .l-post-content figure.kg-width-wide, .l-post-content.kg-image-card.kg-width-wide { margin: 0 -70px } } @media only screen and (min-width:48rem) { .l-post-content figure.kg-width-full, .l-post-content.kg-image-card.kg-width-full { margin-left: 50%; transform: translateX(-50%); width: 100vw } } .l-post-content figure .kg-image, .l-post-content figure img, .l-post-content.kg-image-card .kg-image, .l-post-content.kg-image-card img { display: block; height: auto; margin: 0 auto; max-width: 100%; width: auto } .l-post-content figure figcaption, .l-post-content.kg-image-card figcaption { font-size: .75rem; line-height: 1.3; letter-spacing: .1px; padding: 10px 20px 0; text-align: left; } @media only screen and (min-width:48rem) { .l-post-content figure figcaption, .l-post-content.kg-image-card figcaption { font-size: .75rem; font-family: 'American Typewriter', serif; padding: 8px 0 0 8px; color: #888; } } .l-post-content figcaption { font-family: 'American Typewriter', serif; font-size: 0.85rem; line-height: 1.3; color: #888; text-align: left; display: block; /* Alignment */ max-width: 820px; margin-left: auto; margin-right: auto; } .l-post-content figure .fluid-width-video-container, .l-post-content.kg-image-card .fluid-width-video-container { flex-grow: 1; width: 100% } .l-post-content figure .fluid-width-video-wrapper, .l-post-content.kg-image-card .fluid-width-video-wrapper { margin: 0 auto !important } .l-post-content figure .kg-gallery-container, .l-post-content.kg-image-card .kg-gallery-container { display: flex; flex-direction: column; width: 100% } .l-post-content figure .kg-gallery-row, .l-post-content.kg-image-card .kg-gallery-row { display: flex; flex-direction: row; justify-content: center } .l-post-content figure .kg-gallery-image img, .l-post-content.kg-image-card .kg-gallery-image img { display: block; height: 100%; margin: 0; -o-object-fit: cover; object-fit: cover; width: 100% } .l-post-content figure .kg-gallery-row:not(:first-of-type), .l-post-content.kg-image-card .kg-gallery-row:not(:first-of-type) { margin: .75em 0 0 } .l-post-content figure .kg-gallery-image:not(:first-of-type), .l-post-content.kg-image-card .kg-gallery-image:not(:first-of-type) { margin: 0 0 0 .75em } .l-post-content hr { border: 0; border-top: 1px solid var(--secondary-subtle-color); margin: 30px 0; position: relative } @media only screen and (min-width:48rem) { .l-post-content hr { margin: 50px 0 } } .l-post-content hr:after { background-color: var(--secondary-subtle-color); border-radius: 50%; box-shadow: 0 0 0 10px var(--background-color), 0 0 0 transparent; content: ""; height: 10px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 10px } @media only screen and (min-width:48rem) { .l-post-content hr:after { box-shadow: 0 0 0 20px var(--background-color), 0 0 0 transparent; height: 12px; width: 12px } } .l-post-content blockquote { font-family: 'Frame Text', serif; font-style: italic; font-size: 1.5rem; letter-spacing: -0.05rem; line-height: 1.2; margin-left: 3rem; margin-right: 3rem; text-align: center; margin-top: 2rem; margin-bottom: 2rem; padding-top: 1rem; padding-bottom: 1rem; } /* Light mode default */ blockquote { border-top: 0.5px solid #00000050; border-bottom: 0.5px solid #00000050; } /* Dark mode override */ html[data-theme="dark"] blockquote { border-top: 0.5px solid #ffffff50; border-bottom: 0.5px solid #ffffff50; } @media only screen and (min-width: 48rem) { .l-post-content blockquote { font-family: 'Frame Text', serif; font-style: italic; font-size: 1.5rem; letter-spacing: -0.05rem; line-height: 1.1; margin-left: 3rem; margin-right: 3rem; text-align: center; margin-top: 2rem; margin-bottom: 2rem; padding-top: 1rem; padding-bottom: 1rem; border-top: 0.5px solid black; border-bottom: 0.5px solid black; } } .l-post-content blockquote p:last-child { margin-bottom: 0; } .l-post-content table { color: var(--titles-color); font-size: .875rem; margin: 0 -20px 25px; width: calc(100% + 40px) } @media only screen and (min-width:48rem) { .l-post-content table { font-size: 1rem; margin: 0 0 30px; width: 100% } } .author-icon { font-size: 0.8rem; color: #999; margin-right: 0.35rem; vertical-align: middle; } .l-post-content table thead { border-bottom: 1px solid var(--table-head-border-bottom) } .l-post-content table thead td { font-weight: 600 } .l-post-content table tbody tr:nth-child(2n) { background-color: var(--background-color) } .l-post-content table tbody tr:nth-child(odd) { background-color: var(--table-background-color-odd) } .l-post-content table td { padding: 10px; text-align: center } @media only screen and (min-width:48rem) { .l-post-content table td { padding: 20px } } .l-post-content code { color: var(--link-color); display: inline-block; font-size: .9rem; padding: 0 5px } .l-post-content code, .l-post-content pre { background-color: var(--secondary-subtle-color); border-radius: 5px; font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace } .l-post-content pre { word-wrap: normal; -webkit-hyphens: none; hyphens: none; line-height: 1.4; line-height: 1.5; margin: 0 0 25px; overflow-x: auto; -moz-tab-size: 2; -o-tab-size: 2; tab-size: 2; white-space: pre; word-break: normal; word-spacing: normal } @media only screen and (min-width:48rem) { .l-post-content pre { margin-bottom: 30px } } .l-post-content pre>code { word-wrap: normal; display: block; -webkit-hyphens: none; hyphens: none; line-height: 1.5; padding: 10px; -moz-tab-size: 2; -o-tab-size: 2; tab-size: 2; white-space: pre; word-break: normal; word-spacing: normal } @media only screen and (min-width:48rem) { .l-post-content pre>code { padding: 20px } } .l-post-content pre.line-numbers>code { padding: 0 } .l-post-content form { margin-bottom: 25px } @media only screen and (min-width:48rem) { .l-post-content form { margin-bottom: 30px } } .l-post-content label { display: block; font-size: 1.125rem; margin-bottom: 12px } .l-post-content input:not([type=radio]):not([type=checkbox]):not(.kg-video-card input):not(.kg-audio-card input), .l-post-content select, .l-post-content textarea { margin-bottom: 20px } .l-post-content textarea { height: 100px; resize: none } .l-post-content select { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjUiPjxwYXRoIGZpbGw9IiM1NjVlNjAiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTguMzIuNTdhLjI0Ny4yNDcgMCAwIDEgMCAuMzZMNC42OCA0LjU3YS4yNDcuMjQ3IDAgMCAxLS4zNiAwTC42OC45M2EuMjQ3LjI0NyAwIDAgMSAwLS4zNmwuMzktLjM5YS4yNDcuMjQ3IDAgMCAxIC4zNiAwTDQuNSAzLjI1IDcuNTcuMThhLjI0Ny4yNDcgMCAwIDEgLjM2IDBsLjM5LjM5eiIvPjwvc3ZnPg=="); background-position: calc(100% - 15px); background-repeat: no-repeat; background-size: 15px 8px; padding-right: 40px !important; position: relative } .l-post-content .kg-bookmark-card { background: var(--background-color); margin: 30px auto !important; padding: 0 !important; width: 100% } @media only screen and (min-width:48rem) { .l-post-content .kg-bookmark-card { margin: 40px auto !important } } .l-post-content .kg-bookmark-card:hover .kg-bookmark-container { color: var(--primary-foreground-color); opacity: .8 } .l-post-content .kg-card+.kg-bookmark-card { margin-top: 0 } .l-post-content .kg-bookmark-container { border-radius: 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .1); color: var(--primary-foreground-color); display: flex; min-height: 148px; text-decoration: none !important; transition: opacity .2s linear } .l-post-content .kg-bookmark-content { align-items: flex-start; display: flex; flex-direction: column; flex-grow: 1; justify-content: flex-start; padding: 20px } .l-post-content .kg-bookmark-title { font-size: 1.125rem; font-weight: 600; line-height: 1.3 } .l-post-content .kg-bookmark-description { font-size: .875rem; font-weight: 400; line-height: 1.4; margin-top: 12px; overflow-y: hidden } .l-post-content .kg-bookmark-thumbnail { max-height: 100%; min-width: 30%; overflow: hidden; position: relative } .l-post-content .kg-bookmark-thumbnail img { border-radius: 0 3px 3px 0; height: 100% !important; left: 0; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; width: 100% !important } .l-post-content .kg-bookmark-metadata { align-items: center; color: var(--titles-color); display: flex; flex-wrap: wrap; font-size: .9rem; font-weight: 400; margin-top: 14px } .l-post-content .kg-bookmark-icon { height: 22px !important; margin-right: 8px !important; width: 22px !important } .l-post-content .kg-bookmark-author:after { content: "•"; margin: 0 6px } .l-post-content .kg-bookmark-publisher { color: inherit } @media (max-width:500px) { .l-post-content .kg-bookmark-container { flex-direction: column } .l-post-content .kg-bookmark-thumbnail { min-height: 160px; order: 1; width: 100% } .l-post-content .kg-bookmark-thumbnail img { border-radius: 3px 3px 0 0 } .l-post-content .kg-bookmark-content { order: 2 } } .l-post-content .kg-nft-card .kg-nft-card-container { background-color: var(--background-color); border-radius: 20px } .l-post-content .kg-nft-card .kg-ntf-image-container { border-radius: 20px 20px 0 0; overflow: hidden } .l-post-content .kg-nft-card .kg-nft-metadata { border-radius: 0 0 20px 20px } .l-post-content .kg-nft-card .kg-nft-header { margin-bottom: 10px } .l-post-content .kg-nft-card .kg-nft-header img { display: inline-block; filter: invert(var(--kg-card-img-invert-color)); margin: 0; max-width: 100px; width: 100px } .l-post-content .kg-nft-card .kg-nft-title { color: var(--secondary-foreground-color); padding-top: 0 } .l-post-content .kg-nft-card .kg-nft-creator, .l-post-content .kg-nft-card kg-nft-description { color: var(--primary-foreground-color) } .l-post-content .kg-nft-card .kg-nft-creator span, .l-post-content .kg-nft-card kg-nft-description span { color: var(--secondary-foreground-color) } .l-post-content .kg-button-card { margin-bottom: 25px; padding: 30px 0 } .l-post-content .kg-button-card a.kg-btn { background-color: var(--primary-subtle-color) !important; box-shadow: 0 2px 4px var(--button-shadow-color-normal), 0 0 0 transparent; color: #fff !important; font-family: inherit; height: auto } .l-post-content .kg-button-card a.kg-btn:hover { box-shadow: 0 4px 8px var(--button-shadow-color-hover), 0 0 0 transparent; opacity: 1; transform: translateY(-2px) } .l-post-content .kg-callout-card { margin-bottom: 25px } @media only screen and (min-width:48rem) { .l-post-content .kg-callout-card { margin-bottom: 30px } } .l-post-content .kg-callout-card .kg-callout-emoji { padding-right: 24px } .l-post-content .kg-callout-card .kg-callout-text { font-size: 1.0625rem } @media only screen and (min-width:48rem) { .l-post-content .kg-callout-card .kg-callout-text { font-size: 1.125rem } } .l-post-content .kg-header-card { margin-bottom: 30px; margin-left: 50%; margin-top: 30px; transform: translateX(-50%); width: 100vw } @media only screen and (min-width:48rem) { .l-post-content .kg-header-card { margin-bottom: 40px; margin-top: 40px } } .l-post-content .kg-header-card.kg-style-light .kg-header-card-header, .l-post-content .kg-header-card.kg-style-light .kg-header-card-subheader { color: #333 } .l-post-content .kg-header-card.kg-style-light .kg-header-card-button { background-color: var(--primary-subtle-color) !important; color: #fff !important } .l-post-content .kg-header-card .kg-header-card-button { background-color: #fff !important; color: #333 !important; font-family: inherit; height: auto !important } .l-post-content .kg-header-card .kg-header-card-button:hover { box-shadow: 0 4px 8px var(--button-shadow-color-hover), 0 0 0 transparent; opacity: 1; transform: translateY(-2px) } .l-post-content .kg-toggle-card { margin-bottom: 20px } .l-post-content .kg-toggle-card .kg-toggle-heading-text { padding-top: 0 } .l-post-content .kg-toggle-card .kg-toggle-card-icon { align-items: center; border: 0 !important; cursor: pointer; display: flex !important; justify-content: center; padding: 0 } .l-post-content .kg-product-card { margin-bottom: 30px } @media only screen and (min-width:48rem) { .l-post-content .kg-product-card { margin-bottom: 40px } } .l-post-content .kg-product-card .kg-product-card-image { border-radius: 5px; height: auto; margin-bottom: 0 } .l-post-content .kg-product-card .kg-product-card-title { font-family: inherit; padding-top: 0 } .l-post-content .kg-product-card .kg-product-card-description p { font-family: inherit } .l-post-content .kg-product-card .kg-product-card-button { background-color: var(--primary-subtle-color) !important; color: #fff !important; font-family: inherit !important; height: auto } .l-post-content .kg-file-card { margin-bottom: 30px } @media only screen and (min-width:48rem) { .l-post-content .kg-file-card { margin-bottom: 40px } } .l-post-content .kg-audio-card { margin-bottom: 30px } @media only screen and (min-width:48rem) { .l-post-content .kg-audio-card { margin-bottom: 40px } } .l-post-content .kg-audio-card img { margin: 8px } .l-post-content .kg-audio-card .kg-audio-mute-icon svg, .l-post-content .kg-audio-card .kg-audio-pause-icon svg, .l-post-content .kg-audio-card .kg-audio-play-icon svg, .l-post-content .kg-audio-card .kg-audio-unmute-icon svg { fill: var(--secondary-foreground-color) } .l-post-content .kg-audio-card .kg-audio-playback-rate { color: var(--secondary-foreground-color) } .l-post-content .kg-audio-card .kg-audio-seek-slider:before, .l-post-content .kg-audio-card .kg-audio-volume-slider:before { background-color: var(--secondary-foreground-color) } .rtl .l-post-content ol, .rtl .l-post-content ul { padding-left: 0; padding-right: 20px } @media only screen and (min-width:48rem) { .rtl .l-post-content ol, .rtl .l-post-content ul { padding-left: 0; padding-right: 40px } } .rtl .l-post-content code { direction: ltr } .rtl .l-post-content blockquote:before { left: auto; right: 0 } .rtl .l-post-content .kg-bookmark-icon { margin-left: 8px !important; margin-right: 0 !important } @media only screen and (min-width:48rem) { .rtl .l-post-content figure.kg-width-full { margin-left: 0; margin-right: 50%; transform: translateX(50%) } } .rtl .l-post-content .kg-callout-card .kg-callout-emoji { padding-left: 24px; padding-right: auto } .rtl .l-post-content .kg-toggle-card .kg-toggle-card-icon { margin-left: 0; margin-right: 16px } .rtl .l-post-content .kg-product-card .kg-product-card-rating { padding-left: 0; padding-right: 16px } .l-post-content .kg-button-card a.kg-btn, .l-post-content .kg-header-card .kg-header-card-button, .l-post-content .kg-product-card .kg-product-card-button, .l-post-content button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button), .m-button { background-color: #ED1C24; border: 0; border-radius: 5px; color: #333; cursor: pointer; display: inline-block; font-size: 1.1rem; font-family: 'Brandon Grotesque', sans-serif; font-weight: 500; text-transform: uppercase; letter-spacing: .3px; line-height: 1; outline: 0; padding: 13px 25px; position: relative; text-align: center; transition: all .25s cubic-bezier(.02, .01, .47, 1) } .l-post-content .kg-button-card a.outlined.kg-btn, .l-post-content .kg-header-card .outlined.kg-header-card-button, .l-post-content .kg-product-card .outlined.kg-product-card-button, .l-post-content button.outlined:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button), .l-post-content button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button):not(.primary), .m-button.outlined { border: 1px solid var(--primary-foreground-color); color: var(--titles-color) } .l-post-content .kg-button-card a.filled.kg-btn, .l-post-content .kg-button-card a.primary.kg-btn, .l-post-content .kg-header-card .filled.kg-header-card-button, .l-post-content .kg-header-card .primary.kg-header-card-button, .l-post-content .kg-product-card .filled.kg-product-card-button, .l-post-content .kg-product-card .primary.kg-product-card-button, .l-post-content button.filled:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button), .l-post-content button.primary:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button), .m-button.filled, .m-button.primary { box-shadow: 0 2px 4px var(--button-shadow-color-normal), 0 0 0 transparent } .l-post-content .kg-button-card a.filled.kg-btn:hover, .l-post-content .kg-button-card a.primary.kg-btn:hover, .l-post-content .kg-header-card .filled.kg-header-card-button:hover, .l-post-content .kg-header-card .primary.kg-header-card-button:hover, .l-post-content .kg-product-card .filled.kg-product-card-button:hover, .l-post-content .kg-product-card .primary.kg-product-card-button:hover, .l-post-content button.filled:hover:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button), .l-post-content button.primary:hover:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button), .m-button.filled:hover, .m-button.primary:hover { box-shadow: 0 4px 8px var(--button-shadow-color-hover), 0 0 0 transparent; transform: translateY(-2px) } .l-post-content .kg-button-card a.filled.kg-btn, .l-post-content .kg-header-card .filled.kg-header-card-button, .l-post-content .kg-product-card .filled.kg-product-card-button, .l-post-content button.filled:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button), .m-button.filled { background-color: #fff; border-radius: 5px } .l-post-content .kg-button-card a.block.kg-btn, .l-post-content .kg-header-card .block.kg-header-card-button, .l-post-content .kg-product-card .block.kg-product-card-button, .l-post-content button.block:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button), .m-button.block { display: block; width: 100% } .l-post-content .kg-button-card a.primary.kg-btn, .l-post-content .kg-header-card .primary.kg-header-card-button, .l-post-content .kg-product-card .primary.kg-product-card-button, .l-post-content button.primary:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button), .m-button.primary { background-color: var(--primary-subtle-color); color: #fff } .m-button.newsletter { background-color: #FF2600; color: #fff } .l-post-content .kg-button-card .kg-header-card .m-subscribe-section__container.loading a.kg-btn.kg-header-card-button, .l-post-content .kg-button-card .kg-product-card .m-subscribe-section__container.loading a.kg-btn.kg-product-card-button, .l-post-content .kg-button-card .m-subscribe-section__container.loading .kg-header-card a.kg-header-card-button.kg-btn, .l-post-content .kg-button-card .m-subscribe-section__container.loading .kg-product-card a.kg-product-card-button.kg-btn, .l-post-content .kg-button-card .m-subscribe-section__container.loading a.kg-btn, .l-post-content .kg-button-card .m-subscribe-section__container.loading a.m-button.kg-btn, .l-post-content .kg-button-card a.loading.kg-btn, .l-post-content .kg-header-card .kg-button-card .m-subscribe-section__container.loading a.kg-header-card-button.kg-btn, .l-post-content .kg-header-card .kg-product-card .m-subscribe-section__container.loading .kg-header-card-button.kg-product-card-button, .l-post-content .kg-header-card .loading.kg-header-card-button, .l-post-content .kg-header-card .m-subscribe-section__container.loading .kg-button-card a.kg-btn.kg-header-card-button, .l-post-content .kg-header-card .m-subscribe-section__container.loading .kg-header-card-button, .l-post-content .kg-header-card .m-subscribe-section__container.loading .kg-product-card .kg-product-card-button.kg-header-card-button, .l-post-content .kg-header-card .m-subscribe-section__container.loading .m-button.kg-header-card-button, .l-post-content .kg-product-card .kg-button-card .m-subscribe-section__container.loading a.kg-product-card-button.kg-btn, .l-post-content .kg-product-card .kg-header-card .m-subscribe-section__container.loading .kg-product-card-button.kg-header-card-button, .l-post-content .kg-product-card .loading.kg-product-card-button, .l-post-content .kg-product-card .m-subscribe-section__container.loading .kg-button-card a.kg-btn.kg-product-card-button, .l-post-content .kg-product-card .m-subscribe-section__container.loading .kg-header-card .kg-header-card-button.kg-product-card-button, .l-post-content .kg-product-card .m-subscribe-section__container.loading .kg-product-card-button, .l-post-content .kg-product-card .m-subscribe-section__container.loading .m-button.kg-product-card-button, .l-post-content .m-subscribe-section__container.loading button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button), .l-post-content button.loading:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button), .m-button.loading, .m-subscribe-section__container.loading .l-post-content .kg-button-card .kg-header-card a.kg-btn.kg-header-card-button, .m-subscribe-section__container.loading .l-post-content .kg-button-card .kg-product-card a.kg-btn.kg-product-card-button, .m-subscribe-section__container.loading .l-post-content .kg-button-card a.kg-btn, .m-subscribe-section__container.loading .l-post-content .kg-button-card a.m-button.kg-btn, .m-subscribe-section__container.loading .l-post-content .kg-header-card .kg-button-card a.kg-btn.kg-header-card-button, .m-subscribe-section__container.loading .l-post-content .kg-header-card .kg-header-card-button, .m-subscribe-section__container.loading .l-post-content .kg-header-card .kg-product-card .kg-header-card-button.kg-product-card-button, .m-subscribe-section__container.loading .l-post-content .kg-header-card .m-button.kg-header-card-button, .m-subscribe-section__container.loading .l-post-content .kg-product-card .kg-button-card a.kg-btn.kg-product-card-button, .m-subscribe-section__container.loading .l-post-content .kg-product-card .kg-header-card .kg-header-card-button.kg-product-card-button, .m-subscribe-section__container.loading .l-post-content .kg-product-card .kg-product-card-button, .m-subscribe-section__container.loading .l-post-content .kg-product-card .m-button.kg-product-card-button, .m-subscribe-section__container.loading .l-post-content button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button), .m-subscribe-section__container.loading .m-button { cursor: default; overflow: hidden } .l-post-content .kg-button-card .kg-header-card .m-subscribe-section__container.loading a.kg-btn.kg-header-card-button:after, .l-post-content .kg-button-card .kg-product-card .m-subscribe-section__container.loading a.kg-btn.kg-product-card-button:after, .l-post-content .kg-button-card .m-subscribe-section__container.loading .kg-header-card a.kg-header-card-button.kg-btn:after, .l-post-content .kg-button-card .m-subscribe-section__container.loading .kg-product-card a.kg-product-card-button.kg-btn:after, .l-post-content .kg-button-card .m-subscribe-section__container.loading a.kg-btn:after, .l-post-content .kg-button-card .m-subscribe-section__container.loading a.m-button.kg-btn:after, .l-post-content .kg-button-card a.loading.kg-btn:after, .l-post-content .kg-header-card .kg-button-card .m-subscribe-section__container.loading a.kg-header-card-button.kg-btn:after, .l-post-content .kg-header-card .kg-product-card .m-subscribe-section__container.loading .kg-header-card-button.kg-product-card-button:after, .l-post-content .kg-header-card .loading.kg-header-card-button:after, .l-post-content .kg-header-card .m-subscribe-section__container.loading .kg-button-card a.kg-btn.kg-header-card-button:after, .l-post-content .kg-header-card .m-subscribe-section__container.loading .kg-header-card-button:after, .l-post-content .kg-header-card .m-subscribe-section__container.loading .kg-product-card .kg-product-card-button.kg-header-card-button:after, .l-post-content .kg-header-card .m-subscribe-section__container.loading .m-button.kg-header-card-button:after, .l-post-content .kg-product-card .kg-button-card .m-subscribe-section__container.loading a.kg-product-card-button.kg-btn:after, .l-post-content .kg-product-card .kg-header-card .m-subscribe-section__container.loading .kg-product-card-button.kg-header-card-button:after, .l-post-content .kg-product-card .loading.kg-product-card-button:after, .l-post-content .kg-product-card .m-subscribe-section__container.loading .kg-button-card a.kg-btn.kg-product-card-button:after, .l-post-content .kg-product-card .m-subscribe-section__container.loading .kg-header-card .kg-header-card-button.kg-product-card-button:after, .l-post-content .kg-product-card .m-subscribe-section__container.loading .kg-product-card-button:after, .l-post-content .kg-product-card .m-subscribe-section__container.loading .m-button.kg-product-card-button:after, .l-post-content .m-subscribe-section__container.loading button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button):after, .l-post-content button.loading:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button):after, .m-button.loading:after, .m-subscribe-section__container.loading .l-post-content .kg-button-card .kg-header-card a.kg-btn.kg-header-card-button:after, .m-subscribe-section__container.loading .l-post-content .kg-button-card .kg-product-card a.kg-btn.kg-product-card-button:after, .m-subscribe-section__container.loading .l-post-content .kg-button-card a.kg-btn:after, .m-subscribe-section__container.loading .l-post-content .kg-button-card a.m-button.kg-btn:after, .m-subscribe-section__container.loading .l-post-content .kg-header-card .kg-button-card a.kg-btn.kg-header-card-button:after, .m-subscribe-section__container.loading .l-post-content .kg-header-card .kg-header-card-button:after, .m-subscribe-section__container.loading .l-post-content .kg-header-card .kg-product-card .kg-header-card-button.kg-product-card-button:after, .m-subscribe-section__container.loading .l-post-content .kg-header-card .m-button.kg-header-card-button:after, .m-subscribe-section__container.loading .l-post-content .kg-product-card .kg-button-card a.kg-btn.kg-product-card-button:after, .m-subscribe-section__container.loading .l-post-content .kg-product-card .kg-header-card .kg-header-card-button.kg-product-card-button:after, .m-subscribe-section__container.loading .l-post-content .kg-product-card .kg-product-card-button:after, .m-subscribe-section__container.loading .l-post-content .kg-product-card .m-button.kg-product-card-button:after, .m-subscribe-section__container.loading .l-post-content button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button):after, .m-subscribe-section__container.loading .m-button:after { -webkit-animation: loading 1s infinite; animation: loading 1s infinite; background-color: #fff; bottom: 0; content: ""; height: 2px; left: 0; position: absolute; width: 25% } @-webkit-keyframes loading { 0% { transform: translatex(0) } 50% { transform: translatex(300%) } to { transform: translatex(0) } } @keyframes loading { 0% { transform: translatex(0) } 50% { transform: translatex(300%) } to { transform: translatex(0) } } .l-post-content input:not([type=radio]):not([type=checkbox]):not(.kg-video-card input):not(.kg-audio-card input), .l-post-content select, .l-post-content textarea, .m-input { background-color: var(--background-color); border: 0px solid var(--primary-border-color); border-radius: 5px; color: var(--primary-foreground-color); font-size: 1rem; font-family: 'Brandon Grotesque'; letter-spacing: .2px; line-height: 1.3; outline: 0; padding: 11px 15px; width: 100% } .l-post-content input:focus:not([type=radio]):not([type=checkbox]):not(.kg-video-card input):not(.kg-audio-card input), .l-post-content select:focus, .l-post-content textarea:focus, .m-input:focus { border-color: var(--primary-subtle-color) } .l-post-content input.in-search:not([type=radio]):not([type=checkbox]):not(.kg-video-card input):not(.kg-audio-card input), .l-post-content select.in-search, .l-post-content textarea.in-search, .m-input.in-search { font-weight: 600; padding-left: 40px } @media only screen and (min-width:48rem) { .l-post-content input.in-search:not([type=radio]):not([type=checkbox]):not(.kg-video-card input):not(.kg-audio-card input), .l-post-content select.in-search, .l-post-content textarea.in-search, .m-input.in-search { font-size: 1.25rem; padding: 15px 30px 15px 60px } } .l-post-content input.in-subscribe-section:not([type=radio]):not([type=checkbox]):not(.kg-video-card input):not(.kg-audio-card input), .l-post-content select.in-subscribe-section, .l-post-content textarea.in-subscribe-section, .m-input.in-subscribe-section { margin-bottom: 15px } .m-share { background-color: var(--transparent-background-color); bottom: 0; box-shadow: 0 -4px 10px rgba(0, 0, 0, .1), 0 0 0 transparent; height: 45px; left: 0; position: fixed; width: 100%; z-index: 3 } @media only screen and (min-width:48rem) { .m-share { height: 50px } } @media only screen and (min-width:64rem) { .m-share { background-color: transparent; box-shadow: 0 0 0 transparent, 0 0 0 transparent; height: auto; left: auto; position: absolute; right: -75px; top: 0; width: 40px } } @media only screen and (min-width:80rem) { .m-share { right: -175px; width: 50px } } @media only screen and (min-width:90rem) { .m-share { right: -200px } } .m-share a { color: inherit !important } .m-share a:first-of-type { margin-left: 0 } @media only screen and (min-width:64rem) { .m-share a:first-of-type { margin-bottom: 0 } } .m-share button:last-of-type { margin-right: 0 } @media only screen and (min-width:64rem) { .rtl .m-share { left: -75px; right: auto } } @media only screen and (min-width:80rem) { .rtl .m-share { left: -175px } } @media only screen and (min-width:90rem) { .rtl .m-share { left: -200px } } .m-share__content { align-items: center; display: flex; height: 100%; justify-content: center } @media only screen and (min-width:64rem) { .m-share__content { align-items: flex-start; flex-direction: column-reverse; height: auto; position: -webkit-sticky; position: sticky; top: 100px } } .rtl .m-share__content { direction: ltr } .m-subscribe-section { background-color: var(--secondary-subtle-color); padding: 50px 0 } @media only screen and (min-width:48rem) { .m-subscribe-section { padding: 80px 0 } .m-subscribe-section__content { align-items: center; display: flex; justify-content: space-between } } .m-subscribe-section__text { margin-bottom: 30px; text-align: center } @media only screen and (min-width:48rem) { .m-subscribe-section__text { flex: 1; margin-bottom: 0; padding-right: 75px; text-align: left } .rtl .m-subscribe-section__text { padding-left: 75px; padding-right: 0; text-align: right } } .m-subscribe-section { border-bottom: none !important; } .m-subscribe-section__title { font-family: 'Brandon Grotesque'; font-weight: 900; color: #000; text-transform: uppercase; font-size: 1.5rem; letter-spacing: .2px; margin-bottom: 10px } @media only screen and (min-width:48rem) { .m-subscribe-section__title { font-family: 'Brandon Grotesque'; font-weight: 900; text-transform: uppercase; font-size: 1.5rem; letter-spacing: .2px; margin-bottom: 10px } } .m-subscribe-section__description { font-family: 'Brandon Grotesque'; font-weight: 400; line-height: 1.4; color: #000; } @media only screen and (min-width:48rem) { .m-subscribe-section__description { font-size: 1.125rem } .m-subscribe-section__form { margin: 0 auto; width: 300px } } .l-post-content .kg-button-card .kg-header-card .m-subscribe-section__container.loading .m-subscribe-section__container.kg-header-card-button a.kg-btn, .l-post-content .kg-button-card .kg-product-card .m-subscribe-section__container.loading .m-subscribe-section__container.kg-product-card-button a.kg-btn, .l-post-content .kg-button-card .m-subscribe-section__container.loading .kg-header-card a.m-subscribe-section__container.kg-btn .kg-header-card-button, .l-post-content .kg-button-card .m-subscribe-section__container.loading .kg-product-card a.m-subscribe-section__container.kg-btn .kg-product-card-button, .l-post-content .kg-button-card .m-subscribe-section__container.loading .m-subscribe-section__container.m-button a.kg-btn, .l-post-content .kg-button-card .m-subscribe-section__container.loading a.kg-btn, .l-post-content .kg-button-card .m-subscribe-section__container.loading a.m-subscribe-section__container.kg-btn .l-post-content .kg-button-card a.kg-btn, .l-post-content .kg-button-card .m-subscribe-section__container.loading a.m-subscribe-section__container.kg-btn .l-post-content .kg-header-card .kg-header-card-button, .l-post-content .kg-button-card .m-subscribe-section__container.loading a.m-subscribe-section__container.kg-btn .l-post-content .kg-product-card .kg-product-card-button, .l-post-content .kg-button-card .m-subscribe-section__container.loading a.m-subscribe-section__container.kg-btn .l-post-content button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button), .l-post-content .kg-button-card .m-subscribe-section__container.loading a.m-subscribe-section__container.kg-btn .m-button, .l-post-content .kg-button-card .m-subscribe-section__container.loading a.m-subscribe-section__container.kg-btn a.kg-btn, .l-post-content .kg-button-card .m-subscribe-section__container.loading a.m-subscribe-section__container.kg-btn button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button), .l-post-content .kg-button-card .m-subscribe-section__container.loading button.m-subscribe-section__container:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button) a.kg-btn, .l-post-content .kg-header-card .kg-button-card .m-subscribe-section__container.loading a.m-subscribe-section__container.kg-btn .kg-header-card-button, .l-post-content .kg-header-card .kg-product-card .m-subscribe-section__container.loading .m-subscribe-section__container.kg-product-card-button .kg-header-card-button, .l-post-content .kg-header-card .m-subscribe-section__container.loading .kg-button-card .m-subscribe-section__container.kg-header-card-button a.kg-btn, .l-post-content .kg-header-card .m-subscribe-section__container.loading .kg-header-card-button, .l-post-content .kg-header-card .m-subscribe-section__container.loading .kg-product-card .m-subscribe-section__container.kg-header-card-button .kg-product-card-button, .l-post-content .kg-header-card .m-subscribe-section__container.loading .m-subscribe-section__container.kg-header-card-button .kg-header-card-button, .l-post-content .kg-header-card .m-subscribe-section__container.loading .m-subscribe-section__container.kg-header-card-button .l-post-content .kg-button-card a.kg-btn, .l-post-content .kg-header-card .m-subscribe-section__container.loading .m-subscribe-section__container.kg-header-card-button .l-post-content .kg-header-card .kg-header-card-button, .l-post-content .kg-header-card .m-subscribe-section__container.loading .m-subscribe-section__container.kg-header-card-button .l-post-content .kg-product-card .kg-product-card-button, .l-post-content .kg-header-card .m-subscribe-section__container.loading .m-subscribe-section__container.kg-header-card-button .l-post-content button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button), .l-post-content .kg-header-card .m-subscribe-section__container.loading .m-subscribe-section__container.kg-header-card-button .m-button, .l-post-content .kg-header-card .m-subscribe-section__container.loading .m-subscribe-section__container.kg-header-card-button button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button), .l-post-content .kg-header-card .m-subscribe-section__container.loading .m-subscribe-section__container.m-button .kg-header-card-button, .l-post-content .kg-header-card .m-subscribe-section__container.loading button.m-subscribe-section__container:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button) .kg-header-card-button, .l-post-content .kg-product-card .kg-button-card .m-subscribe-section__container.loading a.m-subscribe-section__container.kg-btn .kg-product-card-button, .l-post-content .kg-product-card .kg-header-card .m-subscribe-section__container.loading .m-subscribe-section__container.kg-header-card-button .kg-product-card-button, .l-post-content .kg-product-card .m-subscribe-section__container.loading .kg-button-card .m-subscribe-section__container.kg-product-card-button a.kg-btn, .l-post-content .kg-product-card .m-subscribe-section__container.loading .kg-header-card .m-subscribe-section__container.kg-product-card-button .kg-header-card-button, .l-post-content .kg-product-card .m-subscribe-section__container.loading .kg-product-card-button, .l-post-content .kg-product-card .m-subscribe-section__container.loading .m-subscribe-section__container.kg-product-card-button .kg-product-card-button, .l-post-content .kg-product-card .m-subscribe-section__container.loading .m-subscribe-section__container.kg-product-card-button .l-post-content .kg-button-card a.kg-btn, .l-post-content .kg-product-card .m-subscribe-section__container.loading .m-subscribe-section__container.kg-product-card-button .l-post-content .kg-header-card .kg-header-card-button, .l-post-content .kg-product-card .m-subscribe-section__container.loading .m-subscribe-section__container.kg-product-card-button .l-post-content .kg-product-card .kg-product-card-button, .l-post-content .kg-product-card .m-subscribe-section__container.loading .m-subscribe-section__container.kg-product-card-button .l-post-content button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button), .l-post-content .kg-product-card .m-subscribe-section__container.loading .m-subscribe-section__container.kg-product-card-button .m-button, .l-post-content .kg-product-card .m-subscribe-section__container.loading .m-subscribe-section__container.kg-product-card-button button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button), .l-post-content .kg-product-card .m-subscribe-section__container.loading .m-subscribe-section__container.m-button .kg-product-card-button, .l-post-content .kg-product-card .m-subscribe-section__container.loading button.m-subscribe-section__container:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button) .kg-product-card-button, .l-post-content .m-subscribe-section__container.loading .kg-button-card button.m-subscribe-section__container:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button) a.kg-btn, .l-post-content .m-subscribe-section__container.loading .kg-header-card button.m-subscribe-section__container:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button) .kg-header-card-button, .l-post-content .m-subscribe-section__container.loading .kg-product-card button.m-subscribe-section__container:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button) .kg-product-card-button, .l-post-content .m-subscribe-section__container.loading .m-subscribe-section__container.m-button button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button), .l-post-content .m-subscribe-section__container.loading button.m-subscribe-section__container:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button) .l-post-content .kg-button-card a.kg-btn, .l-post-content .m-subscribe-section__container.loading button.m-subscribe-section__container:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button) .l-post-content .kg-header-card .kg-header-card-button, .l-post-content .m-subscribe-section__container.loading button.m-subscribe-section__container:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button) .l-post-content .kg-product-card .kg-product-card-button, .l-post-content .m-subscribe-section__container.loading button.m-subscribe-section__container:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button) .l-post-content button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button), .l-post-content .m-subscribe-section__container.loading button.m-subscribe-section__container:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button) .m-button, .l-post-content .m-subscribe-section__container.loading button.m-subscribe-section__container:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button) button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button), .l-post-content .m-subscribe-section__container.loading button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button), .m-subscribe-section__container.loading .l-post-content .kg-button-card .kg-header-card .m-subscribe-section__container.kg-header-card-button a.kg-btn, .m-subscribe-section__container.loading .l-post-content .kg-button-card .kg-header-card a.m-subscribe-section__container.kg-btn .kg-header-card-button, .m-subscribe-section__container.loading .l-post-content .kg-button-card .kg-product-card .m-subscribe-section__container.kg-product-card-button a.kg-btn, .m-subscribe-section__container.loading .l-post-content .kg-button-card .kg-product-card a.m-subscribe-section__container.kg-btn .kg-product-card-button, .m-subscribe-section__container.loading .l-post-content .kg-button-card .m-subscribe-section__container.m-button a.kg-btn, .m-subscribe-section__container.loading .l-post-content .kg-button-card a.kg-btn, .m-subscribe-section__container.loading .l-post-content .kg-button-card a.m-subscribe-section__container.kg-btn .l-post-content .kg-button-card a.kg-btn, .m-subscribe-section__container.loading .l-post-content .kg-button-card a.m-subscribe-section__container.kg-btn .l-post-content .kg-header-card .kg-header-card-button, .m-subscribe-section__container.loading .l-post-content .kg-button-card a.m-subscribe-section__container.kg-btn .l-post-content .kg-product-card .kg-product-card-button, .m-subscribe-section__container.loading .l-post-content .kg-button-card a.m-subscribe-section__container.kg-btn .l-post-content button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button), .m-subscribe-section__container.loading .l-post-content .kg-button-card a.m-subscribe-section__container.kg-btn .m-button, .m-subscribe-section__container.loading .l-post-content .kg-button-card a.m-subscribe-section__container.kg-btn a.kg-btn, .m-subscribe-section__container.loading .l-post-content .kg-button-card a.m-subscribe-section__container.kg-btn button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button), .m-subscribe-section__container.loading .l-post-content .kg-button-card button.m-subscribe-section__container:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button) a.kg-btn, .m-subscribe-section__container.loading .l-post-content .kg-header-card .kg-button-card .m-subscribe-section__container.kg-header-card-button a.kg-btn, .m-subscribe-section__container.loading .l-post-content .kg-header-card .kg-button-card a.m-subscribe-section__container.kg-btn .kg-header-card-button, .m-subscribe-section__container.loading .l-post-content .kg-header-card .kg-header-card-button, .m-subscribe-section__container.loading .l-post-content .kg-header-card .kg-product-card .m-subscribe-section__container.kg-header-card-button .kg-product-card-button, .m-subscribe-section__container.loading .l-post-content .kg-header-card .kg-product-card .m-subscribe-section__container.kg-product-card-button .kg-header-card-button, .m-subscribe-section__container.loading .l-post-content .kg-header-card .m-subscribe-section__container.kg-header-card-button .kg-header-card-button, .m-subscribe-section__container.loading .l-post-content .kg-header-card .m-subscribe-section__container.kg-header-card-button .l-post-content .kg-button-card a.kg-btn, .m-subscribe-section__container.loading .l-post-content .kg-header-card .m-subscribe-section__container.kg-header-card-button .l-post-content .kg-header-card .kg-header-card-button, .m-subscribe-section__container.loading .l-post-content .kg-header-card .m-subscribe-section__container.kg-header-card-button .l-post-content .kg-product-card .kg-product-card-button, .m-subscribe-section__container.loading .l-post-content .kg-header-card .m-subscribe-section__container.kg-header-card-button .l-post-content button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button), .m-subscribe-section__container.loading .l-post-content .kg-header-card .m-subscribe-section__container.kg-header-card-button .m-button, .m-subscribe-section__container.loading .l-post-content .kg-header-card .m-subscribe-section__container.kg-header-card-button button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button), .m-subscribe-section__container.loading .l-post-content .kg-header-card .m-subscribe-section__container.m-button .kg-header-card-button, .m-subscribe-section__container.loading .l-post-content .kg-header-card button.m-subscribe-section__container:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button) .kg-header-card-button, .m-subscribe-section__container.loading .l-post-content .kg-product-card .kg-button-card .m-subscribe-section__container.kg-product-card-button a.kg-btn, .m-subscribe-section__container.loading .l-post-content .kg-product-card .kg-button-card a.m-subscribe-section__container.kg-btn .kg-product-card-button, .m-subscribe-section__container.loading .l-post-content .kg-product-card .kg-header-card .m-subscribe-section__container.kg-header-card-button .kg-product-card-button, .m-subscribe-section__container.loading .l-post-content .kg-product-card .kg-header-card .m-subscribe-section__container.kg-product-card-button .kg-header-card-button, .m-subscribe-section__container.loading .l-post-content .kg-product-card .kg-product-card-button, .m-subscribe-section__container.loading .l-post-content .kg-product-card .m-subscribe-section__container.kg-product-card-button .kg-product-card-button, .m-subscribe-section__container.loading .l-post-content .kg-product-card .m-subscribe-section__container.kg-product-card-button .l-post-content .kg-button-card a.kg-btn, .m-subscribe-section__container.loading .l-post-content .kg-product-card .m-subscribe-section__container.kg-product-card-button .l-post-content .kg-header-card .kg-header-card-button, .m-subscribe-section__container.loading .l-post-content .kg-product-card .m-subscribe-section__container.kg-product-card-button .l-post-content .kg-product-card .kg-product-card-button, .m-subscribe-section__container.loading .l-post-content .kg-product-card .m-subscribe-section__container.kg-product-card-button .l-post-content button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button), .m-subscribe-section__container.loading .l-post-content .kg-product-card .m-subscribe-section__container.kg-product-card-button .m-button, .m-subscribe-section__container.loading .l-post-content .kg-product-card .m-subscribe-section__container.kg-product-card-button button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button), .m-subscribe-section__container.loading .l-post-content .kg-product-card .m-subscribe-section__container.m-button .kg-product-card-button, .m-subscribe-section__container.loading .l-post-content .kg-product-card button.m-subscribe-section__container:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button) .kg-product-card-button, .m-subscribe-section__container.loading .l-post-content .m-subscribe-section__container.m-button button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button), .m-subscribe-section__container.loading .l-post-content button.m-subscribe-section__container:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button) .l-post-content .kg-button-card a.kg-btn, .m-subscribe-section__container.loading .l-post-content button.m-subscribe-section__container:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button) .l-post-content .kg-header-card .kg-header-card-button, .m-subscribe-section__container.loading .l-post-content button.m-subscribe-section__container:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button) .l-post-content .kg-product-card .kg-product-card-button, .m-subscribe-section__container.loading .l-post-content button.m-subscribe-section__container:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button) .l-post-content button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button), .m-subscribe-section__container.loading .l-post-content button.m-subscribe-section__container:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button) .m-button, .m-subscribe-section__container.loading .l-post-content button.m-subscribe-section__container:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button) button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button), .m-subscribe-section__container.loading .l-post-content button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button), .m-subscribe-section__container.loading .m-button, .m-subscribe-section__container.loading .m-subscribe-section__container.m-button .l-post-content .kg-button-card a.kg-btn, .m-subscribe-section__container.loading .m-subscribe-section__container.m-button .l-post-content .kg-header-card .kg-header-card-button, .m-subscribe-section__container.loading .m-subscribe-section__container.m-button .l-post-content .kg-product-card .kg-product-card-button, .m-subscribe-section__container.loading .m-subscribe-section__container.m-button .l-post-content button:not(.m-icon-button):not(.kg-video-card button):not(.kg-audio-card button):not(.kg-toggle-card button), .m-subscribe-section__container.loading .m-subscribe-section__container.m-button .m-button { pointer-events: none } .m-subscribe-section__container.success .m-subscribe__success { display: block } .m-subscribe-section__container.success .m-subscribe__error, .m-subscribe-section__container.success .m-subscribe__form, .m-subscribe-section__container.success .m-subscribe__invalid { display: none } .m-subscribe-section__container.error .m-subscribe__error, .m-subscribe-section__container.invalid .m-subscribe__invalid { display: block } .m-subscribe-section__container.error .m-subscribe__form { margin-bottom: 20px } .m-subscribe-section__container .m-subscribe__error, .m-subscribe-section__container .m-subscribe__invalid, .m-subscribe-section__container .m-subscribe__success { display: none } .m-subscribe__success_icon { display: block; height: 64px; margin: 0 auto 25px; width: 64px } .m-subscribe__error { text-align: center } .m-author { /* border-color: var(--secondary-subtle-color); border-style: solid; border-width: 1px 0; margin: 0 auto; */ padding: 40px 20px 0 0 } @media only screen and (min-width:48rem) { .m-author { display: flex; justify-content: center; padding: 60px 40px } } @media only screen and (min-width:80rem) { .m-author { padding: 60px 0 } } @media only screen and (min-width:48rem) { .m-author__content { display: flex; max-width: 820px } } .m-author__picture { margin: 0 auto 25px; width: 90px } @media only screen and (min-width:48rem) { .m-author__picture { margin: 0 30px 0 0; width: 100px } .rtl .m-author__picture { margin: 0 0 0 30px } } .m-author__info { text-align: center } @media only screen and (min-width:48rem) { .m-author__info { display: flex; flex: 1; flex-direction: column; justify-content: center; text-align: left } .rtl .m-author__info { text-align: right } } .m-author__name { color: var(--link-color); font-size: 1.125rem; font-weight: 400; letter-spacing: .2px; line-height: 1.3; margin: 0 0 15px } @media only screen and (min-width:48rem) { .m-author__name { font-size: 1.25rem; letter-spacing: .3px } } .m-author__bio { letter-spacing: .2px; line-height: 1.5; margin-bottom: 20px } @media only screen and (min-width:48rem) { .m-author__bio { margin-bottom: 15px } } .m-author-picture { display: block; height: 90px; width: 90px } @media only screen and (min-width:48rem) { .m-author-picture { height: 100px; width: 100px } } .m-author-picture div { background-position: 50%; background-repeat: no-repeat; background-size: cover; border-radius: 50%; height: 100%; width: 100% } .m-author-links { list-style-type: none; margin: 0; padding: 0; text-align: center } @media only screen and (min-width:48rem) { .m-author-links { text-align: left } } .m-author-links li { display: inline-block; margin: 0 11px } .m-author-links li:first-of-type { margin-left: 0 } .m-author-links li:last-of-type { margin-right: 0 } .rtl .m-author-links { direction: ltr; text-align: right } .m-comments { padding-top: 40px } @media only screen and (min-width:48rem) { .m-comments { padding-top: 60px } } .m-comments iframe { max-width: 100%; width: 100% } .m-recommended { padding-top: 40px } @media only screen and (min-width:48rem) { .m-recommended { padding-top: 60px } } .m-recommended__empty { margin: 0 auto; padding: 40px 0 60px } @media only screen and (min-width:48rem) { .m-recommended__empty { max-width: 420px; padding-left: 20px; padding-right: 20px } } .m-recommended-articles { margin: 0 -20px } @media only screen and (min-width:64rem) { .m-recommended-articles { margin: 0 -30px; padding: 0 40px } } .m-recommended-slider { list-style-type: none; margin: 0; padding: 0 } @media only screen and (min-width:64rem) { .m-recommended-slider { margin: -20px -30px 0 !important; padding: 20px 30px 0 !important } } .m-recommended-slider .swiper-wrapper { padding: 40px 0 60px } @media only screen and (min-width:64rem) { .m-recommended-slider .swiper-wrapper { justify-content: center } } @media only screen and (min-width:80rem) { .m-recommended-slider .swiper-wrapper { overflow: visible } } .m-recommended-slider .m-article-card { margin: 0 !important; width: 100% !important } @media only screen and (min-width:64rem) { .m-recommended-slider .m-article-card .m-article-card__picture { height: 190px } } @media only screen and (min-width:80rem) { .m-recommended-slider .m-article-card .m-article-card__picture { height: 220px } } .m-recommended-slider__item { padding: 0 20px } @media only screen and (min-width:64rem) { .m-recommended-slider__item.swiper-slide-duplicate { display: none !important } } body .m-subscribe-section { border-bottom: none !important; } .post-template .in-caption { display: block; text-align: left; padding-left: var(--gap); /* aligns with body copy */ font-size: 0.85rem; line-height: 1.3; color: #888; } /* Mobile-only tweak for image captions */ @media (max-width: 768px) { .post-template .in-caption { padding-left: 12px; padding-right: 12px; } } .post-template .in-caption { display: block; text-align: left; margin: 8 auto; max-width: 960px; padding: 4px 0 0 0; font-size: 0.85rem; line-height: 1.3; color: #888; } /* Override hero image caption alignment in post template */ p.m-small-text.align-center { text-align: center; margin-left: auto; margin-right: auto; margin: 8 0 8 0; max-width: 820px; padding: 0px; } /* ============================= Slug (magazine section) + Subhead (dek) Placeholder styles – tweak freely in design pass ============================= */ /* Slug line above H1 */ .post-template .m-heading__slug { margin: 0 0 0.35rem 0; /* space below slug */ } .post-template .m-heading__slug__link { font-family: 'Brandon Grotesque'; color: #FF2600; font-size: 1rem; font-weight: 900; text-transform: uppercase; letter-spacing: .5px; margin-top: 1rem; margin-bottom: 1rem; text-decoration: none; } .post-template .m-heading__slug__link:hover { opacity: .85; } /* Optional: make slug non-clickable by toggling this class on the link */ .post-template .m-heading__slug__link.is-static { pointer-events: none; cursor: default; } /* Subhead (dek) under H1 */ .post-template .m-heading__subhead { margin: 0.4rem 0 0.75rem; /* space above/below */ font-size: clamp(1.05rem, 1.1vw + 0.85rem, 1.3rem); line-height: 1.45; font-style: italic; /* placeholder: typical magazine style */ } /* Light/Dark nuance (optional) */ html[data-theme="dark"] .post-template .m-heading__subhead { opacity: .95; } /* Layout tune-up at larger screens */ @media (min-width: 64rem) { .post-template .m-heading__slug { margin-bottom: 0.4rem; } .post-template .m-heading__subhead { margin-bottom: 1rem; } }