< id="storefront/assets/fonts.css">/* BRAND FONTS */
/* @import "https://use.typekit.net/zgu4mgv.css"; */
/* @import "https://use.typekit.net/sxk6cde.css"; */
html body {
--primaryFont: "urw-din";
--secondaryFont: "open-sans";
--bodyFont: "open-sans";
}
@font-face {
font-family: "icons";
src: url("https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/fonts/icomoon.ttf?version=1769026643812") format("truetype");
font-weight: normal;
font-: normal;
font-display: block;
}
[class^="icon-"],
[class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
speak: never;
font-: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@font-face {
font-family: "open-sans";
src: url("https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/fonts/open-sans-400.woff2?version=1769026643812") format("woff2");
font-display: auto;
font-: normal;
font-weight: 400;
font-stretch: normal;
}
@font-face {
font-family: "open-sans";
src: url("https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/fonts/open-sans-700.woff2?version=1769026643812") format("woff2");
font-display: auto;
font-: normal;
font-weight: 700;
font-stretch: normal;
}
@font-face {
font-family: "open-sans";
src: url("https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/fonts/open-sans-italic-400.woff2?version=1769026643812") format("woff2");
font-display: auto;
font-: italic;
font-weight: 400;
font-stretch: normal;
}
@font-face {
font-family: "open-sans";
src: url("https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/fonts/open-sans-italic-700.woff2?version=1769026643812") format("woff2");
font-display: auto;
font-: italic;
font-weight: 700;
font-stretch: normal;
}
@font-face {
font-family: "urw-din";
src: url("https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/fonts/urw-din-400.woff2?version=1769026643812") format("woff2");
font-display: auto;
font-: normal;
font-weight: 400;
font-stretch: normal;
}
@font-face {
font-family: "urw-din";
src: url("https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/fonts/urw-din-700.woff2?version=1769026643812") format("woff2");
font-display: auto;
font-: normal;
font-weight: 700;
font-stretch: normal;
}
.tk-adobe-caslon-pro {
font-family: "adobe-caslon-pro"serif;
}
.tk-open-sans {
font-family: "open-sans"sans-serif;
}
.tk-open-sans-condensed {
font-family: "open-sans-condensed"sans-serif;
}
.tk-urw-din {
font-family: "urw-din"sans-serif;
}
.tk-urw-din-condensed {
font-family: "urw-din-condensed"sans-serif;
}
.tk-urw-din-semi-condensed {
font-family: "urw-din-semi-condensed"sans-serif;
}>< id="storefront/assets/custom.css">
/*
=== WARNINGDO NOT CHANGE FILE ===
This file is auto-generated using post processing pipelines from the experience builderdefault/storefront/assets/s/index.scss.
Do not manipulate this file directlyinstead update the source files and run the pipeline.
*/
@charset "UTF-8";
*,
*::before,
*::after {
box-sizing: border-box;
}
body,
h1,
h2,
h3,
h4,
p,
li,
figure,
figcaption,
blockquote,
dl,
dd {
margin: 0;
}
html * {
user-select: auto !important;
-webkit-user-select: auto !important;
}
html body {
--borderRadius: 2px;
--listPadding: 0px;
--listItemGutter: 0px;
--gutter: 0px;
--sectionWidth: 1140px;
--sectionContentWidth: 940px;
--columnGridGap: 20px;
}
@media (max-width: 991px) {
html body {
--sectionWidth: 100vw;
--sectionContentWidth: 728px;
}
}
@media (max-width: 767px) {
html body {
--sectionContentWidth: calc(100vw - 20px);
}
}
html body {
--primaryColor: #545592;
--secondaryColor: #F7BF25;
--tertiaryColor: #333333;
--backgroundColor: white;
--secondaryBackgroundColor: rgb(255255255);
--textColor: #0f2c3b;
--secondaryTextColor: #0f2c3b;
--headerTopBgColor: #091959;
--headerTopBorderColor: #091959;
--headerTopTextColor: white;
--headerTopUserIconColor: white;
--headerMainBg: white;
--headerMobileBgColor: var(--primaryColor);
--headerMobileIconColor: white;
--headerMobileOverlayBgColor: white;
--headerMobileOverlayTextColor: var(--textColor);
--headerMobileOverlayBorderColor: #cccccc;
--headerMenuBgColor: white;
--headerMenuTextColor: var(--textColor);
--headerMenuBorderColor: #e2efe4;
--headerMenuHoverBgColor: #e7e9eb;
--headerMobileMenuBgColor: white;
--headerMobileMenuTextColor: var(--textColor);
--headerMobileMenuSeperatorColor: #cccccc;
--footerNewsletterBgColor: #e7e9eb;
--footerSubscriptionWidgetBgColor: #e7e9eb;
--footerTopBgColor: #333;
--footerTopBorderColor: #cccccc;
--footerTopIconColor: black;
--footerMenuBgColor: #333;
--footerMenuBorderColor: white;
--footerMenuTextColor: white;
--footerBottomBgColor: #333;
--footerBottomTextColor: white;
--articleBgColor: white;
--articleButtonBgColor: var(--primaryColor);
--articleButtonTextColor: white;
--articleCategoryButtonBgColor: var(--secondaryColor);
--articleCategoryButtonTextColor: white;
--articleTitleLabelColor: #545592;
--articleMediaIconBgColor: rgba(0000.6);
--articleCompetitionButtonColor: var(--primaryColor);
--articleCompetitionButtonTextColor: white;
--articleCompetitionDateBorderColor: #e7e9eb;
--articleCompetitionClosedTagBgColor: black;
--articleCompetitionClosedTagTextColor: white;
--articleCompetitionClosedImageOverlayColor: rgba(0000.5);
--externalOfferTeaserBgColor: var(--primaryColor);
--externalOfferTeaserTextColor: white;
--externalOfferPartnerNameColor: #961a2D;
--externalOfferButtonColor: var(--primaryColor);
--externalOfferButtonTextColor: white;
--externalOfferDateBorderColor: #e7e9eb;
--articleSponsoredTextColor: white;
--articleSponsoredSecondaryTextColor: white;
--articleSponsoredBgColor: var(--primaryColor);
--articleSponsoredButtonBgColor: white;
--articleSponsoredButtonTextColor: var(--textColor);
--articleSponsoredCategoryButtonBgColor: white;
--articleSponsoredCategoryButtonTextColor: var(--textColor);
--articleSponsoredTitleLabelColor: var(--primaryColor);
--sponsoredExternalOfferPartnerNameColor: #961a2D;
--articleEditorHighlightTextColor: white;
--articleEditorHighlightSecondaryTextColor: white;
--articleEditorHighlightBgColor: var(--primaryColor);
--articleEditorHighlightButtonBgColor: white;
--articleEditorHighlightButtonTextColor: var(--textColor);
--articleEditorHighlightCategoryButtonBgColor: white;
--articleEditorHighlightCategoryButtonTextColor: var(--textColor);
--articleEditorHighlightTitleLabelColor: var(--textColor);
--editorHighlightExternalOfferPartnerNameColor: #961a2D;
--articleContentTextColor: var(--textColor);
--articleContentAuthorColor: #000000;
--articleContentFooterTagBgColor: #5a707b;
--articleContentFooterTagTextColor: white;
--sharingIconBgColorFacebook: #3b5998;
--sharingIconBgColorTwitter: #1da1f2;
--sharingIconBgColorPinterest: #bd081c;
--sharingIconBgColorReddit: #5f99Cf;
--sharingIconBgColorBlogger: #f57D00;
--sharingIconBgColorMail: #f7bf25;
--articleCompetitionHeaderAccentColor: #037983;
--articleRecipePrintColor: #d4025e;
--articleRecipeInfoTextColor: #0f2c3b;
--articleReviewAffiliateMessagingIconColor: #f7bf25;
--articleReviewAffiliateMessagingTextColor: #808080;
--homeArticleGridHighlightBgColor: var(--primaryColor);
--homeArticleGridButtonContainerBgColor: white;
--homeArticleGridHighlightButtonContainerBgColor: white;
--homeArticleGridButtonBgColor: var(--primaryColor);
--homeArticleGridButtonTextColor: white;
--homeArticleGridListBorderColor: #9fabb1;
--authorContainerBgColor: white;
--authorContainerShadowColor: #e7e9eb;
--searchFieldTextColor: var(--textColor);
--searchFieldPlaceholderColor: #cccccc;
--searchFieldBorderColor: var(--primaryColor);
--searchFieldSearchButtonColor: var(--primaryColor);
--searchFieldResetButtonColor: white;
--searchFieldResetButtonBgColor: var(--secondaryColor);
--searchFilterBgColor: #0f2c3b;
--searchFilterButtonBgColor: transparent;
--searchFilterButtonTextColor: white;
--searchFilterButtonActiveBgColor: white;
--searchFilterButtonActiveTextColor: #0f2c3b;
--searchFilterButtonHoverBgColor: var(--primaryColor);
--searchFilterButtonHoverTextColor: white;
--searchFilterButtonResultTextColor: var(--primaryColor);
--searchFilterButtonActiveResultTextColor: var(--primaryColor);
--searchFilterButtonHoverResultTextColor: white;
--starRatingStarBgColor: transparent;
--starRatingStarBorderColor: black;
--starRatingStarFilledBgColor: #f4bf1f;
--starRatingStarFilledBorderColor: #f4bf1f;
}
html body {
--headerTopHeight: 35px;
--headerTopLogo: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/logo-header-top.svg?version=1769026643812);
--headerMainHeight: 125px;
--headerMainLogoHeight: 65px;
--headerMainLogoWidth: 380px;
--headerLogo: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/logo-header.svg?version=1769026643812);
--headerMobileHeight: 44px;
--headerMobileLogoWidth: 100px;
--headerMobileLogo: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/logo-header.svg?version=1769026643812);
--iconUser: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/icon-user.svg?version=1769026643812);
--iconSearch: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/icon-search.svg?version=1769026643812);
--headerMobileOverlayAnimation: fadeIn 500ms ease-in-out;
--searchFieldWidth: 300px;
--searchFieldHeight: 46px;
--searchFieldButtonGap: 10px;
--searchFieldSearchButtonWidth: 54px;
--searchFieldSearchButtonHeight: 46px;
--searchFieldResetButtonWidth: 16px;
--searchFieldResetButtonHeight: 16px;
--searchFieldFontSize: 14px;
}
@keyframes fadeIn {
from {
transform: translateY(-100%);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
storefront-element[child-id=header] {
position: sticky;
top: 0;
z-index: 50;
}
storefront-embeddable-view.header {
}
storefront-embeddable-view.header .content {
overflow-y: visible;
}
storefront-embeddable-view.header storefront-section.header-desktop {
width: unset;
}
@media (max-width: 991px) {
storefront-embeddable-view.header storefront-section.header-desktop {
display: none;
}
}
storefront-embeddable-view.header storefront-section.header-desktop .header-top {
height: var(--headerTopHeight);
background-color: var(--headerTopBgColor);
border-top: 1px solid var(--headerTopBorderColor);
border-bottom: 1px solid var(--headerTopBorderColor);
color: var(--headerTopTextColor);
box-sizing: content-box;
}
storefront-embeddable-view.header storefront-section.header-desktop .header-top .header-top-elements {
flex-direction: row;
max-width: var(--sectionContentWidth);
margin: 0 auto;
}
storefront-embeddable-view.header storefront-section.header-desktop .header-top .header-top-elements .left-side {
display: flex;
flex-direction: row;
align-items: center;
}
storefront-embeddable-view.header storefront-section.header-desktop .header-top .header-top-elements .left-side .header-top-logo {
width: calc(var(--headerTopHeight) * 5);
height: calc(var(--headerTopHeight) - 10px);
background: var(--headerTopLogo);
background-repeat: no-repeat;
background-position: left center;
background-size: contain;
cursor: pointer;
}
storefront-embeddable-view.header storefront-section.header-desktop .header-top .header-top-elements .left-side .header-top-logo.hidden {
display: none;
}
storefront-embeddable-view.header storefront-section.header-desktop .header-top .header-top-elements .left-side .header-top-logo div {
width: 100%;
}
storefront-embeddable-view.header storefront-section.header-desktop .header-top .header-top-elements .left-side .header-top-left-menu.hidden {
display: none;
}
storefront-embeddable-view.header storefront-section.header-desktop .header-top .header-top-elements .left-side .header-top-left-menu li:first-child button {
padding-left: 0px;
}
storefront-embeddable-view.header storefront-section.header-desktop .header-top .header-top-elements .right-side {
flex-direction: row;
}
storefront-embeddable-view.header storefront-section.header-desktop .header-top .header-top-elements .right-side .header-top-right-menu {
}
storefront-embeddable-view.header storefront-section.header-desktop .header-top .header-top-elements .right-side .header-top-right-menu .menu-item:last-child button {
padding-right: 0px;
}
storefront-embeddable-view.header storefront-section.header-desktop .header-top .header-top-elements li {
position: relative;
}
storefront-embeddable-view.header storefront-section.header-desktop .header-top .header-top-elements li:not(:last-child):after {
content: "";
position: absolute;
background: var(--headerTopTextColor);
width: 1px;
height: calc(var(--headerTopHeight) - 20px);
top: 50%;
right: 0;
transform: translateY(-50%);
}
storefront-embeddable-view.header storefront-section.header-desktop .header-top .header-top-elements li storefront-button {
position: relative;
}
storefront-embeddable-view.header storefront-section.header-desktop .header-top .header-top-elements li storefront-button button {
border: none;
background-color: unset;
color: var(--headerTopTextColor);
padding: 7px 10px;
font-family: var(--secondaryFont);
font-: normal;
font-weight: 400;
font-size: 13px;
line-height: 22px;
cursor: pointer;
}
storefront-embeddable-view.header storefront-section.header-desktop .header-main {
height: var(--headerMainHeight);
background: var(--headerMainBg);
justify-content: center;
}
storefront-embeddable-view.header storefront-section.header-desktop .header-main .header-main-elements {
flex-direction: row;
align-items: end;
max-width: var(--sectionContentWidth);
margin: 0 auto;
--borderRadius: 5px;
}
storefront-embeddable-view.header storefront-section.header-desktop .header-main .header-main-elements .header-main-logo {
height: var(--headerMainLogoHeight);
width: var(--headerMainLogoWidth);
background: var(--headerLogo) left center no-repeat;
background-size: contain;
cursor: pointer;
}
storefront-embeddable-view.header storefront-section.header-desktop .header-main .header-main-elements .header-main-logo div {
width: 100%;
}
storefront-embeddable-view.header storefront-section.header-desktop .header-main .header-main-elements storefront-search-field {
width: var(--searchFieldWidth);
border: 1px solid var(--searchFieldBorderColor);
border-radius: var(--borderRadius);
}
storefront-embeddable-view.header storefront-section.header-desktop .header-main .header-main-elements storefront-search-field input {
color: var(--searchFieldTextColor);
padding: 13px calc(var(--searchFieldSearchButtonWidth) + var(--searchFieldResetButtonWidth) + var(--searchFieldButtonGap) * 2) 13px 14px;
font-family: var(--secondaryFont);
font-: normal;
font-weight: 400;
font-size: 13px;
}
storefront-embeddable-view.header storefront-section.header-desktop .header-main .header-main-elements storefront-search-field input::placeholder {
color: var(--searchFieldPlaceholderColor);
}
storefront-embeddable-view.header storefront-section.header-desktop .header-main .header-main-elements storefront-search-field input::ms-input-placeholder {
color: var(--searchFieldPlaceholderColor);
}
storefront-embeddable-view.header storefront-section.header-desktop .header-main .header-main-elements storefront-search-field .search-field-buttons {
gap: var(--searchFieldButtonGap);
}
storefront-embeddable-view.header storefront-section.header-desktop .header-main .header-main-elements storefront-search-field .search-field-buttons .search-btn {
width: var(--searchFieldSearchButtonWidth);
height: var(--searchFieldSearchButtonHeight);
background: var(--searchFieldSearchButtonColor);
border-radius: 0 var(--borderRadius) var(--borderRadius) 0;
}
storefront-embeddable-view.header storefront-section.header-desktop .header-main .header-main-elements storefront-search-field .search-field-buttons .search-btn::after {
content: "";
position: absolute;
background: var(--iconSearch) center center no-repeat;
width: 24px;
height: 24px;
transform: translate(-50%-50%);
}
storefront-embeddable-view.header storefront-section.header-desktop .header-main .header-main-elements storefront-search-field.searched .search-field-buttons .search-btn {
display: block;
order: 2;
}
storefront-embeddable-view.header storefront-section.header-desktop .header-main .header-main-elements storefront-search-field.searched .search-field-buttons .reset-btn {
color: var(--searchFieldResetButtonColor);
background: var(--searchFieldResetButtonBgColor);
height: var(--searchFieldResetButtonHeight);
width: var(--searchFieldResetButtonWidth);
padding: 4px;
font-size: 8px;
}
storefront-embeddable-view.header storefront-section.header-desktop .header-menu {
display: flex;
background-color: var(--headerMenuBgColor);
border-top: 1px solid var(--headerMenuBorderColor);
border-bottom: 1px solid var(--headerMenuBorderColor);
}
storefront-embeddable-view.header storefront-section.header-desktop .header-menu .menu {
width: 100%;
max-width: var(--sectionContentWidth);
margin: 0 auto;
}
storefront-embeddable-view.header storefront-section.header-desktop .header-menu .menu button {
font-family: var(--secondaryFont);
border-radius: 0;
background-color: var(--headerMenuBgColor);
}
storefront-embeddable-view.header storefront-section.header-desktop .header-menu .menu button > .icon-arrow-down::after {
content: "";
width: 12px;
height: 10px;
background-color: var(--primaryColor);
-webkit-mask: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/icon-menu-triangle.svg?version=1769026643812);
mask: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/icon-menu-triangle.svg?version=1769026643812);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
transform: rotate(0deg);
}
storefront-embeddable-view.header storefront-section.header-desktop .header-menu .menu .menu-button-Subscribe a {
background-color: var(--primaryColor);
color: white;
padding: 0 5px;
}
storefront-embeddable-view.header storefront-section.header-desktop .header-menu .menu .menu-item[depth="0"] > .menu-button > button {
padding: 15px;
font-: normal;
font-weight: 400;
font-size: 14px;
line-height: 26px;
color: var(--headerMenuTextColor);
font-family: var(--secondaryFont);
cursor: pointer;
white-space: nowrap;
}
storefront-embeddable-view.header storefront-section.header-desktop .header-menu .menu .menu-item-open > storefront-button > button {
background-color: var(--headerMenuHoverBgColor#f3f4f5);
}
storefront-embeddable-view.header storefront-section.header-desktop .header-menu .menu .menu-item-open.menu-cols-2 > .menu-item-children {
column-count: 2;
}
storefront-embeddable-view.header storefront-section.header-desktop .header-menu .menu .menu-item-open.menu-cols-3 > .menu-item-children {
column-count: 3;
}
storefront-embeddable-view.header storefront-section.header-desktop .header-menu .menu .menu-item-open.menu-cols-4 > .menu-item-children {
column-count: 4;
}
storefront-embeddable-view.header storefront-section.header-desktop .header-menu .menu .menu-item-open > .menu-item-children {
border-radius: 0;
border: 1px solid var(--headerMenuBorderColor);
box-shadow: 0px 2px 5px -2px rgba(0000.75);
background-color: var(--headerMenuBgColor);
display: block;
overflow-y: initial;
}
storefront-embeddable-view.header storefront-section.header-desktop .header-menu .menu .menu-item-open > .menu-item-children .menu-item[depth="1"] {
border-right: 1px solid var(--headerMenuBorderColor);
width: 200px;
}
storefront-embeddable-view.header storefront-section.header-desktop .header-menu .menu .menu-item-open > .menu-item-children .menu-item[depth="1"] > .menu-button span {
font-weight: 700;
}
storefront-embeddable-view.header storefront-section.header-desktop .header-menu .menu .menu-item-open > .menu-item-children .menu-button {
padding: 3px;
}
storefront-embeddable-view.header storefront-section.header-desktop .header-menu .menu .menu-item-open > .menu-item-children .menu-button button {
padding: 5px;
}
storefront-embeddable-view.header storefront-section.header-desktop .header-menu .menu .menu-item-open > .menu-item-children .menu-button button > span {
text-align: left;
}
storefront-embeddable-view.header storefront-section.header-mobile {
position: relative;
display: none;
height: var(--headerMobileHeight);
flex-direction: row;
align-items: center;
padding: 10px;
background-color: var(--headerMobileBgColor);
}
@media (max-width: 991px) {
storefront-embeddable-view.header storefront-section.header-mobile {
display: flex;
}
}
storefront-embeddable-view.header storefront-section.header-mobile > storefront-element:nth-child(2) {
display: flex;
justify-content: center;
flex-grow: 1;
}
storefront-embeddable-view.header storefront-section.header-mobile .header-mobile-left-elements .menu-icon-button button {
width: 24px;
height: 24px;
color: var(--headerMobileIconColor);
border-radius: 0;
font-size: 10px;
cursor: pointer;
}
storefront-embeddable-view.header storefront-section.header-mobile .header-mobile-left-elements .header-mobile-menu {
--colorTextInverted: var(--headerMobileMenuTextColor);
color: var(--headerMobileMenuTextColor);
}
storefront-embeddable-view.header storefront-section.header-mobile .header-mobile-left-elements .header-mobile-menu .menu {
padding: unset;
}
storefront-embeddable-view.header storefront-section.header-mobile .header-mobile-left-elements .header-mobile-menu .menu .menu-actions {
padding: 20px !important;
}
storefront-embeddable-view.header storefront-section.header-mobile .header-mobile-left-elements .header-mobile-menu .menu-button {
max-height: 34px;
}
storefront-embeddable-view.header storefront-section.header-mobile .header-mobile-left-elements .header-mobile-menu .menu-button:not(:last-child) {
border-bottom: 1px solid var(--headerMobileOverlayBorderColor);
}
storefront-embeddable-view.header storefront-section.header-mobile .header-mobile-left-elements .header-mobile-menu .menu-button button {
background: unset;
font-family: var(--secondaryFont);
font-: normal;
font-weight: 400;
font-size: 13px;
line-height: 22px;
color: var(--headerMobileMenuTextColor);
cursor: pointer;
}
storefront-embeddable-view.header storefront-section.header-mobile .header-mobile-left-elements .header-mobile-menu .menu-button button span {
padding: 6px;
width: 100%;
}
storefront-embeddable-view.header storefront-section.header-mobile .header-mobile-left-elements .header-mobile-menu .menu-button button .button-icon-right {
padding: 7.5px 15px 7.5px 0px;
display: flex;
justify-content: flex-end !important;
}
storefront-embeddable-view.header storefront-section.header-mobile .header-mobile-left-elements .header-mobile-menu .menu-button.has-icon-left button span {
margin-right: 30px;
display: flex;
justify-content: flex-end;
min-width: 0;
text-align: center;
white-space: nowrap;
}
storefront-embeddable-view.header storefront-section.header-mobile .header-mobile-logo {
height: calc(var(--headerMobileHeight) - 20px);
width: var(--headerMobileLogoWidth);
background: var(--headerMobileLogo) center no-repeat;
background-size: contain;
cursor: pointer;
margin-left: 24px;
}
storefront-embeddable-view.header storefront-section.header-mobile .header-mobile-logo div {
width: 100%;
}
storefront-embeddable-view.header storefront-section.header-mobile .header-mobile-right-elements {
display: flex;
flex-direction: row;
gap: 10px;
}
storefront-embeddable-view.header storefront-section.header-mobile .header-mobile-right-elements storefront-button {
display: flex;
}
storefront-embeddable-view.header storefront-section.header-mobile .header-mobile-right-elements storefront-button button {
width: 24px;
height: 24px;
content: "";
cursor: pointer;
}
storefront-embeddable-view.header storefront-section.header-mobile .header-mobile-right-elements storefront-button.user button {
background: var(--iconUser) center no-repeat;
}
storefront-embeddable-view.header storefront-section.header-mobile .header-mobile-right-elements storefront-button.search button {
background: var(--iconSearch) center no-repeat;
cursor: pointer;
}
storefront-embeddable-view.header storefront-section.header-mobile .header-mobile-overlay {
position: absolute;
top: 0;
right: 0;
width: 100%;
justify-content: flex-end;
z-index: 100;
animation: var(--headerMobileOverlayAnimation);
-webkit-animation: var(--headerMobileOverlayAnimation);
-moz-animation: var(--headerMobileOverlayAnimation);
-o-animation: var(--headerMobileOverlayAnimation);
-ms-animation: var(--headerMobileOverlayAnimation);
}
storefront-embeddable-view.header storefront-section.header-mobile .header-mobile-overlay > storefront-element {
display: flex;
justify-content: flex-end;
}
storefront-embeddable-view.header storefront-section.header-mobile .header-mobile-overlay .header-mobile-overlay-close {
display: flex;
height: var(--headerMobileHeight);
width: calc(var(--headerMobileHeight) * 2);
justify-content: center;
background: var(--headerMobileOverlayBgColor);
}
storefront-embeddable-view.header storefront-section.header-mobile .header-mobile-overlay .header-mobile-overlay-close button {
width: var(--headerMobileHeight);
cursor: pointer;
}
storefront-embeddable-view.header storefront-section.header-mobile .header-mobile-overlay .header-mobile-overlay-elements {
width: 100%;
background: var(--headerMobileOverlayBgColor);
border-bottom: 1px solid var(--headerMobileOverlayBorderColor);
}
storefront-embeddable-view.header storefront-section.header-mobile .header-mobile-overlay .header-mobile-overlay-elements > storefront-element {
display: block;
}
storefront-embeddable-view.header storefront-section.header-mobile .header-mobile-overlay .header-mobile-overlay-elements.search-overlay {
padding: 10px;
--borderRadius: 5px;
}
storefront-embeddable-view.header storefront-section.header-mobile .header-mobile-overlay .header-mobile-overlay-elements.search-overlay storefront-search-field {
width: 100%;
border: 1px solid var(--searchFieldBorderColor);
border-radius: var(--borderRadius);
}
storefront-embeddable-view.header storefront-section.header-mobile .header-mobile-overlay .header-mobile-overlay-elements.search-overlay storefront-search-field input {
color: var(--searchFieldTextColor);
padding: 13px calc(var(--searchFieldSearchButtonWidth) + var(--searchFieldResetButtonWidth) + var(--searchFieldButtonGap) * 2) 13px 14px;
font-family: var(--secondaryFont);
font-: normal;
font-weight: 400;
font-size: 13px;
}
storefront-embeddable-view.header storefront-section.header-mobile .header-mobile-overlay .header-mobile-overlay-elements.search-overlay storefront-search-field input::placeholder {
color: var(--searchFieldPlaceholderColor);
}
storefront-embeddable-view.header storefront-section.header-mobile .header-mobile-overlay .header-mobile-overlay-elements.search-overlay storefront-search-field input::ms-input-placeholder {
color: var(--searchFieldPlaceholderColor);
}
storefront-embeddable-view.header storefront-section.header-mobile .header-mobile-overlay .header-mobile-overlay-elements.search-overlay storefront-search-field .search-field-buttons {
gap: var(--searchFieldButtonGap);
}
storefront-embeddable-view.header storefront-section.header-mobile .header-mobile-overlay .header-mobile-overlay-elements.search-overlay storefront-search-field .search-field-buttons .search-btn {
width: var(--searchFieldSearchButtonWidth);
height: var(--searchFieldSearchButtonHeight);
background: var(--searchFieldSearchButtonColor);
border-radius: 0 var(--borderRadius) var(--borderRadius) 0;
}
storefront-embeddable-view.header storefront-section.header-mobile .header-mobile-overlay .header-mobile-overlay-elements.search-overlay storefront-search-field .search-field-buttons .search-btn::after {
content: "";
position: absolute;
background: var(--iconSearch) center center no-repeat;
width: 24px;
height: 24px;
transform: translate(-50%-50%);
}
storefront-embeddable-view.header storefront-section.header-mobile .header-mobile-overlay .header-mobile-overlay-elements.search-overlay storefront-search-field.searched .search-field-buttons .search-btn {
display: block;
order: 2;
}
storefront-embeddable-view.header storefront-section.header-mobile .header-mobile-overlay .header-mobile-overlay-elements.search-overlay storefront-search-field.searched .search-field-buttons .reset-btn {
color: var(--searchFieldResetButtonColor);
background: var(--searchFieldResetButtonBgColor);
height: var(--searchFieldResetButtonHeight);
width: var(--searchFieldResetButtonWidth);
padding: 4px;
font-size: 8px;
}
storefront-embeddable-view.header storefront-section.header-mobile .header-mobile-overlay .header-mobile-overlay-elements.search-overlay storefront-search-field input {
font-size: 16px !important;
padding-top: 0px;
padding-bottom: 0px;
height: 48px !important;
line-height: 20px;
box-sizing: border-box;
-webkit-appearance: none;
}
storefront-embeddable-view.header storefront-section.header-mobile .header-mobile-overlay .header-mobile-overlay-elements.search-overlay storefront-search-field .search-field-buttons .search-btn {
height: 48px !important;
}
storefront-embeddable-view.header storefront-section.header-mobile .header-mobile-overlay .header-mobile-overlay-elements.user-overlay storefront-menu {
display: flex;
background-color: var(--headerMobileOverlayBgColor);
}
storefront-embeddable-view.header storefront-section.header-mobile .header-mobile-overlay .header-mobile-overlay-elements.user-overlay storefront-menu .menu {
width: 100%;
}
storefront-embeddable-view.header storefront-section.header-mobile .header-mobile-overlay .header-mobile-overlay-elements.user-overlay storefront-menu .menu .menu-content {
display: flex;
}
storefront-embeddable-view.header storefront-section.header-mobile .header-mobile-overlay .header-mobile-overlay-elements.user-overlay storefront-menu .menu .menu-content li {
flex-grow: 1;
}
storefront-embeddable-view.header storefront-section.header-mobile .header-mobile-overlay .header-mobile-overlay-elements.user-overlay storefront-menu .menu .menu-content li .menu-button {
display: flex;
justify-content: center;
}
storefront-embeddable-view.header storefront-section.header-mobile .header-mobile-overlay .header-mobile-overlay-elements.user-overlay storefront-menu .menu .menu-content li .menu-button button {
padding: 12px;
background: unset;
color: var(--headerMobileOverlayTextColor);
font-family: var(--secondaryFont);
font-: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
cursor: pointer;
}
storefront-embeddable-view.header storefront-section.header-mobile .header-mobile-overlay .header-mobile-overlay-elements.user-overlay storefront-menu .menu .menu-content li .menu-button:first-child {
border-right: 1px solid var(--headerMobileOverlayBorderColor);
}
storefront-menu .menu-content[menu-name=user-menu] .navbar-item {
padding: 7px;
margin-top: unset !important;
}
storefront-menu .menu-content[menu-name=user-menu] .navbar-item::after {
background-color: white;
}
storefront-menu .menu-content[menu-name=user-menu] .navbar-item.register-nav {
padding: 7px 7px 7px 0px;
}
storefront-menu .menu-content[menu-name=user-menu] .navbar-item.register-nav::after {
display: none;
}
storefront-embeddable-view.header storefront-section.header-mobile .header-mobile-overlay .header-mobile-overlay-elements.user-overlay storefront-menu .menu .menu-content {
justify-content: flex-end;
}
html body {
--footerTopHeight: 100px;
--footerTopLogo: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/logo-footer.svg?version=1769026643812);
--footerTopLogoHeight: 65px;
--footerTopLogoWidth: 380px;
--footerTopElementsGap: 70px;
--footerBottomLogo: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/logo-ourmedia.svg?version=1769026643812);
--footerBottomLogoHeight: 40px;
--footerBottomLogoWidth: 100px;
--footerBottomAdditionalLogo: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/logo-ipso-regulated.svg?version=1769026643812);
--footerBottomAdditionalLogoHeight: 80px;
--footerBottomAdditionalLogoWidth: 80px;
}
@media (max-width: 767px) {
html body {
--footerTopHeight: 140px;
--footerBottomAdditionalLogoHeight: 40px;
}
}
storefront-embeddable-view.footer storefront-section.footer {
width: unset;
}
storefront-embeddable-view.footer storefront-section.footer .footer-newsletter {
background-color: var(--footerNewsletterBgColor);
}
storefront-embeddable-view.footer storefront-section.footer .footer-subscription-widgets {
display: flex;
justify-content: center;
padding: 20px 0;
background-color: var(--footerSubscriptionWidgetBgColor);
}
storefront-embeddable-view.footer storefront-section.footer .footer-subscription-widgets > div {
display: flex;
gap: 20px;
flex-wrap: wrap;
max-width: calc(100vw - 20px);
margin: 0 auto;
}
storefront-embeddable-view.footer storefront-section.footer .footer-banner {
cursor: pointer;
display: flex;
justify-content: center;
}
storefront-embeddable-view.footer storefront-section.footer .footer-banner img {
width: 100%;
}
storefront-embeddable-view.footer storefront-section.footer .footer-top {
height: var(--footerTopHeight);
background-color: var(--footerTopBgColor);
border-top: 1px solid var(--footerTopBorderColor);
justify-content: center;
}
storefront-embeddable-view.footer storefront-section.footer .footer-top .footer-top-elements {
flex-direction: row;
gap: var(--footerTopElementsGap);
justify-content: flex-start;
align-items: center;
max-width: var(--sectionContentWidth);
margin: 0 auto;
padding: 0 20px;
}
storefront-embeddable-view.footer storefront-section.footer .footer-top .footer-top-elements .footer-top-logo {
width: var(--footerTopLogoWidth);
height: var(--footerTopLogoHeight);
background: var(--footerTopLogo) left center no-repeat;
background-size: contain;
max-width: 100%;
cursor: pointer;
}
storefront-embeddable-view.footer storefront-section.footer .footer-top .footer-top-elements .footer-top-logo div {
width: 100%;
}
@media (max-width: 767px) {
storefront-embeddable-view.footer storefront-section.footer .footer-top .footer-top-elements .footer-top-logo {
background-position: center;
}
}
storefront-embeddable-view.footer storefront-section.footer .footer-top .footer-top-elements .footer-social-media-menu .menu-content {
justify-content: center;
gap: 20px;
}
storefront-embeddable-view.footer storefront-section.footer .footer-top .footer-top-elements .footer-social-media-menu .menu-content .menu-button button {
border: none;
background-color: unset;
cursor: pointer;
}
storefront-embeddable-view.footer storefront-section.footer .footer-top .footer-top-elements .footer-social-media-menu .menu-content .menu-button button .button-icon img {
width: 30px;
height: 30px;
}
storefront-embeddable-view.footer storefront-section.footer .footer-top .footer-top-elements .footer-social-media-menu .menu-content .menu-button button span {
display: none;
}
@media (max-width: 767px) {
storefront-embeddable-view.footer storefront-section.footer .footer-top .footer-top-elements {
flex-direction: column;
gap: 22px;
padding: 0;
}
}
storefront-embeddable-view.footer storefront-section.footer .footer-bottom {
background-color: var(--footerMenuBgColor);
}
storefront-embeddable-view.footer storefront-section.footer .footer-bottom .footer-menu {
width: 100%;
max-width: calc(var(--sectionContentWidth) + 30px + 10px);
margin: 0 auto;
padding: 20px 15px 0;
}
storefront-embeddable-view.footer storefront-section.footer .footer-bottom .footer-menu .menu {
border-bottom: 1px solid var(--footerMenuBorderColor);
}
storefront-embeddable-view.footer storefront-section.footer .footer-bottom .footer-menu .menu .menu-content {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
storefront-embeddable-view.footer storefront-section.footer .footer-bottom .footer-menu .menu .menu-content .menu-button {
position: relative;
}
storefront-embeddable-view.footer storefront-section.footer .footer-bottom .footer-menu .menu .menu-content .menu-button button {
border: none;
background-color: unset;
color: var(--footerMenuTextColor);
padding: 0 20px 15px;
font-family: var(--secondaryFont);
font-: normal;
font-weight: 400;
font-size: 14px;
line-height: 22px;
cursor: pointer;
}
@media (max-width: 767px) {
storefront-embeddable-view.footer storefront-section.footer .footer-bottom .footer-menu .menu .menu-content .menu-button button {
padding: 0 10px 15px;
}
}
@media (max-width: 767px) {
storefront-embeddable-view.footer storefront-section.footer .footer-bottom .footer-menu .menu .menu-content {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
}
storefront-embeddable-view.footer storefront-section.footer .footer-bottom .footer-bottom-elements {
max-width: calc(var(--sectionContentWidth) + 30px + 10px);
margin: 0 auto;
padding: 15px 15px 35px;
flex-direction: row;
justify-content: flex-start;
}
@media (max-width: 991px) {
storefront-embeddable-view.footer storefront-section.footer .footer-bottom .footer-bottom-elements {
margin: 0 auto 250px;
}
}
@media (max-width: 767px) {
storefront-embeddable-view.footer storefront-section.footer .footer-bottom .footer-bottom-elements {
height: auto;
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 20px;
row-gap: 15px;
}
storefront-embeddable-view.footer storefront-section.footer .footer-bottom .footer-bottom-elements > storefront-element {
display: contents;
}
}
storefront-embeddable-view.footer storefront-section.footer .footer-bottom .footer-bottom-elements.hide-ipso .footer-bottom-logo-ipso {
display: none;
}
@media (max-width: 767px) {
storefront-embeddable-view.footer storefront-section.footer .footer-bottom .footer-bottom-elements.hide-ipso .footer-bottom-logo {
justify-self: center;
grid-column: 1/span 2;
}
}
storefront-embeddable-view.footer storefront-section.footer .footer-bottom .footer-bottom-elements .footer-bottom-logo {
width: var(--footerBottomLogoWidth);
height: var(--footerBottomLogoHeight);
background: var(--footerBottomLogo) center no-repeat;
background-size: contain;
}
@media (min-width: 768px) {
storefront-embeddable-view.footer storefront-section.footer .footer-bottom .footer-bottom-elements .footer-bottom-logo {
margin-top: 5px;
}
}
@media (max-width: 767px) {
storefront-embeddable-view.footer storefront-section.footer .footer-bottom .footer-bottom-elements .footer-bottom-logo {
justify-self: flex-end;
}
}
storefront-embeddable-view.footer storefront-section.footer .footer-bottom .footer-bottom-elements .footer-text {
max-width: 740px;
margin: 0 20px;
color: var(--footerBottomTextColor);
font-family: var(--secondaryFont);
font-: normal;
font-weight: 400;
font-size: 14px;
line-height: 22px;
}
@media (max-width: 767px) {
storefront-embeddable-view.footer storefront-section.footer .footer-bottom .footer-bottom-elements .footer-text {
grid-row: 2;
grid-column: 1/span 2;
align-items: center;
text-align: center;
}
}
storefront-embeddable-view.footer storefront-section.footer .footer-bottom .footer-bottom-elements .footer-text a {
color: var(--footerBottomTextColor);
text-decoration: underline;
}
storefront-embeddable-view.footer storefront-section.footer .footer-bottom .footer-bottom-elements .footer-text .footer-copyright {
margin-top: 5px;
}
storefront-embeddable-view.footer storefront-section.footer .footer-bottom .footer-bottom-elements .footer-bottom-logo-ipso {
width: var(--footerBottomAdditionalLogoWidth);
height: var(--footerBottomAdditionalLogoHeight);
margin-left: 140px;
background: var(--footerBottomAdditionalLogo) left center no-repeat;
background-size: contain;
}
@media (max-width: 991px) {
storefront-embeddable-view.footer storefront-section.footer .footer-bottom .footer-bottom-elements .footer-bottom-logo-ipso {
margin-left: 20px;
}
}
@media (max-width: 767px) {
storefront-embeddable-view.footer storefront-section.footer .footer-bottom .footer-bottom-elements .footer-bottom-logo-ipso {
margin-left: 0;
}
}
storefront-ad {
}
storefront-ad.header-ad {
position: relative;
z-index: 200;
}
@media (max-width: 991px) {
storefront-ad.header-ad {
position: fixed;
bottom: 0;
width: 100%;
background-color: white;
}
}
storefront-view .header-ad {
cursor: pointer !important;
min-height: 250px !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
flex-wrap: wrap !important;
}
@media (max-width: 991px) {
storefront-view .header-ad {
min-height: unset !important;
}
}
storefront-view .header-ad #div-gpt-leaderboard {
cursor: pointer !important;
min-height: 250px !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
flex-wrap: wrap !important;
}
@media (max-width: 991px) {
storefront-view .header-ad #div-gpt-leaderboard {
min-height: unset !important;
}
}
storefront-view.article .content-full-body p:has(.squirrel_div) {
cursor: pointer !important;
min-height: 235px !important;
padding: 20px 0px !important;
}
storefront-view.article .content-full-body p:has(.squirrel-inline-playlist-id) {
cursor: pointer !important;
min-height: 280px !important;
padding: 20px 0px !important;
}
storefront-view.home .spotify-button-img img {
width: 100%;
}
storefront-view.home .home-newsletter {
display: flex;
justify-content: center;
}
storefront-view.home .view-content .home-article-grids {
overflow-x: visible;
}
storefront-view.home .view-content .home-article-grids > .list-content {
row-gap: var(--columnGridGap);
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(6) storefront-content .content-data .content-title,
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(7) storefront-content .content-data .content-title,
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(8) storefront-content .content-data .content-title,
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(9) storefront-content .content-data .content-title,
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(10) storefront-content .content-data .content-title {
font-family: var(--secondaryFont);
font-weight: 400;
}
storefront-view.home .view-content .home-article-grids > .list-content .main-title h1 {
justify-content: center;
font-family: var(--primaryFont);
font-: normal;
font-weight: 400;
font-size: 35px;
line-height: 46px;
color: black;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-title h2 {
justify-content: center;
font-family: var(--primaryFont);
font-: normal;
font-weight: 400;
font-size: 25px;
line-height: 46px;
color: black;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-subtitle {
margin-bottom: 20px;
justify-content: center;
font-family: var(--primaryFont);
font-: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
text-transform: uppercase;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-button-container {
flex-direction: row;
justify-content: center;
margin: 20px 0px;
padding: 20px calc((var(--sectionWidth) - var(--sectionContentWidth)) / 2);
background: var(--homeArticleGridButtonContainerBgColor);
}
storefront-view.home .view-content .home-article-grids > .list-content .section-button-container .section-button {
min-width: 300px;
justify-content: center;
background: var(--homeArticleGridButtonBgColor);
color: var(--homeArticleGridButtonTextColor);
}
@media (max-width: 767px) {
storefront-view.home .view-content .home-article-grids > .list-content .section-button-container .section-button {
width: 100%;
min-width: inherit;
}
}
@media (max-width: 767px) {
storefront-view.home .view-content .home-article-grids > .list-content .section-button-container storefront-element[type=button] {
width: 100%;
}
}
storefront-view.home .view-content .home-article-grids > .list-content .section-hero .section-content storefront-list .list-content {
display: grid;
grid-gap: var(--columnGridGap);
}
@media (max-width: 767px) {
storefront-view.home .view-content .home-article-grids > .list-content .section-hero .section-content storefront-list .list-content {
grid-template-columns: 1fr;
}
}
storefront-view.home .view-content .home-article-grids > .list-content .section-hero .section-content storefront-list {
overflow: visible;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-hero .section-content storefront-content .content-image storefront-image[height-strategy=FIXED] {
aspect-ratio: 9.4/4;
padding-top: 42.5531914894%;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-hero .section-content storefront-content .content-data {
position: absolute;
top: 50%;
transform: translateY(-50%);
overflow: visible;
width: 400px;
margin-left: 20px;
padding: 20px 20px 50px;
}
@media (max-width: 991px) {
storefront-view.home .view-content .home-article-grids > .list-content .section-hero .section-content storefront-content .content-data {
width: 400px;
padding-bottom: 40px;
}
}
@media (max-width: 767px) {
storefront-view.home .view-content .home-article-grids > .list-content .section-hero .section-content storefront-content .content-data {
position: initial;
width: initial;
transform: initial;
margin: 0;
padding: 15px;
}
}
storefront-view.home .view-content .home-article-grids > .list-content .section-hero .section-content storefront-content .content-data .content-title {
font-family: var(--primaryFont);
text-align: left;
margin-bottom: 20px;
font-size: 20px;
}
@media (max-width: 767px) {
storefront-view.home .view-content .home-article-grids > .list-content .section-hero .section-content storefront-content .content-data .content-title {
margin-bottom: 15px;
}
}
storefront-view.home .view-content .home-article-grids > .list-content .section-hero .section-content storefront-content .content-data .content-description {
display: block;
font-family: var(--primaryFont);
font-: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
display: -webkit-box;
text-overflow: ellipsis;
overflow: hidden;
}
@media (max-width: 991px) {
storefront-view.home .view-content .home-article-grids > .list-content .section-hero .section-content storefront-content .content-data .content-description {
margin-top: -10px;
}
}
@media (max-width: 767px) {
storefront-view.home .view-content .home-article-grids > .list-content .section-hero .section-content storefront-content .content-data .content-description {
margin-top: 0;
}
}
storefront-view.home .view-content .home-article-grids > .list-content .section-hero .section-content storefront-content .content-data .content-actions {
order: 20;
justify-content: flex-start;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-hero .section-content storefront-content .content-data .content-actions .read-button {
display: block;
position: absolute;
bottom: 0;
transform: translateY(50%);
min-width: 155px;
}
@media (max-width: 767px) {
storefront-view.home .view-content .home-article-grids > .list-content .section-hero .section-content storefront-content .content-data .content-actions .read-button {
position: relative;
transform: initial;
margin-top: 30px;
}
}
storefront-view.home .view-content .home-article-grids > .list-content .section-hero .section-content storefront-content .content-data .content-actions .action-button.article-category {
display: none;
}
storefront-view.home .view-content .home-article-grids > .list-content .home-banner {
cursor: pointer;
display: flex;
justify-content: center;
}
storefront-view.home .view-content .home-article-grids > .list-content .home-banner img {
width: 100%;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-3-cols .section-content storefront-list .list-content {
display: grid;
grid-gap: var(--columnGridGap);
}
@media (max-width: 767px) {
storefront-view.home .view-content .home-article-grids > .list-content .section-3-cols .section-content storefront-list .list-content {
grid-template-columns: 1fr;
}
}
storefront-view.home .view-content .home-article-grids > .list-content .section-3-cols .section-content .list-content {
grid-template-columns: 1fr 1fr 1fr;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-4-cols .section-content storefront-list .list-content {
display: grid;
grid-gap: var(--columnGridGap);
}
@media (max-width: 767px) {
storefront-view.home .view-content .home-article-grids > .list-content .section-4-cols .section-content storefront-list .list-content {
grid-template-columns: 1fr;
}
}
storefront-view.home .view-content .home-article-grids > .list-content .section-4-cols .section-content .list-content {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-4-cols-highlight .section-content {
margin: 0 calc((var(--sectionWidth) - var(--sectionContentWidth)) / -2);
padding: 20px calc((var(--sectionWidth) - var(--sectionContentWidth)) / 2);
background: var(--homeArticleGridHighlightBgColor);
}
storefront-view.home .view-content .home-article-grids > .list-content .section-4-cols-highlight .section-content storefront-list .list-content {
display: grid;
grid-gap: var(--columnGridGap);
}
@media (max-width: 767px) {
storefront-view.home .view-content .home-article-grids > .list-content .section-4-cols-highlight .section-content storefront-list .list-content {
grid-template-columns: 1fr;
}
}
storefront-view.home .view-content .home-article-grids > .list-content .section-4-cols-highlight .section-content .list-content {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-4-cols-highlight .section-content .list-content storefront-content.editor-highlight .content-data,
storefront-view.home .view-content .home-article-grids > .list-content .section-4-cols-highlight .section-content .list-content storefront-content.sponsored .content-data {
color: var(--articleEditorHighlightTextColor);
background: var(--articleEditorHighlightBgColor);
}
storefront-view.home .view-content .home-article-grids > .list-content .section-4-cols-highlight .section-content .list-content storefront-content.editor-highlight .content-data .content-title .article-label,
storefront-view.home .view-content .home-article-grids > .list-content .section-4-cols-highlight .section-content .list-content storefront-content.sponsored .content-data .content-title .article-label {
color: var(--articleEditorHighlightTextColor);
}
storefront-view.home .view-content .home-article-grids > .list-content .section-4-cols-highlight .section-content .list-content storefront-content.editor-highlight .content-data .content-actions .action-button:not(.sponsored-advertisement),
storefront-view.home .view-content .home-article-grids > .list-content .section-4-cols-highlight .section-content .list-content storefront-content.sponsored .content-data .content-actions .action-button:not(.sponsored-advertisement) {
background: var(--articleEditorHighlightCategoryButtonBgColor);
color: var(--articleEditorHighlightTextColor);
}
storefront-view.home .view-content .home-article-grids > .list-content .section-4-cols-highlight .section-content .list-content storefront-content.editor-highlight .content-data .content-actions .action-button:not(.sponsored-advertisement).article-category,
storefront-view.home .view-content .home-article-grids > .list-content .section-4-cols-highlight .section-content .list-content storefront-content.sponsored .content-data .content-actions .action-button:not(.sponsored-advertisement).article-category {
background: var(--articleEditorHighlightCategoryButtonBgColor);
color: var(--articleEditorHighlightTextColor);
}
storefront-view.home .view-content .home-article-grids > .list-content .section-4-cols-highlight .section-content .list-content storefront-content.editor-highlight .content-data .content-actions .sponsored-advertisement,
storefront-view.home .view-content .home-article-grids > .list-content .section-4-cols-highlight .section-content .list-content storefront-content.sponsored .content-data .content-actions .sponsored-advertisement {
color: var(--textColor);
}
storefront-view.home .view-content .home-article-grids > .list-content .section-4-cols-highlight .section-content .list-content storefront-content.editor-highlight.external-offer .content-data .external-offer-partner-name,
storefront-view.home .view-content .home-article-grids > .list-content .section-4-cols-highlight .section-content .list-content storefront-content.sponsored.external-offer .content-data .external-offer-partner-name {
color: var(--externalOfferPartnerNameColor);
}
storefront-view.home .view-content .home-article-grids > .list-content .section-4-cols-highlight .section-button-container {
margin-top: 0;
background-color: var(--homeArticleGridHighlightButtonContainerBgColor);
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-1 .section-content storefront-list .list-content {
display: grid;
grid-gap: var(--columnGridGap);
}
@media (max-width: 767px) {
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-1 .section-content storefront-list .list-content {
grid-template-columns: 1fr;
}
}
@media (min-width: 768px) {
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-1 .section-content .list-content {
grid-template-columns: repeat(4minmax(01fr));
grid-template-rows: repeat(4min-content);
grid-template-areas: "big big medium-1 medium-2" "big big medium-1 medium-2" "big big medium-3 medium-4" "small-1 small-2 medium-3 medium-4";
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-1 .section-content .list-content storefront-element:nth-child(1) {
grid-area: big;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-1 .section-content .list-content storefront-element:nth-child(2) {
grid-area: small-1;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-1 .section-content .list-content storefront-element:nth-child(3) {
grid-area: small-2;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-1 .section-content .list-content storefront-element:nth-child(4) {
grid-area: medium-1;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-1 .section-content .list-content storefront-element:nth-child(5) {
grid-area: medium-2;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-1 .section-content .list-content storefront-element:nth-child(6) {
grid-area: medium-3;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-1 .section-content .list-content storefront-element:nth-child(7) {
grid-area: medium-4;
}
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-1 .section-content .list-content storefront-element:nth-child(2) storefront-image {
display: none;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-1 .section-content .list-content storefront-element:nth-child(3) storefront-image {
display: none;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-2 .section-content storefront-list .list-content {
display: grid;
grid-gap: var(--columnGridGap);
}
@media (max-width: 767px) {
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-2 .section-content storefront-list .list-content {
grid-template-columns: 1fr;
}
}
@media (min-width: 768px) {
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-2 .section-content .list-content {
grid-template-columns: repeat(4minmax(01fr));
grid-template-rows: repeat(4min-content);
grid-template-areas: "big big medium-1 medium-2" "big big medium-1 medium-2" "big big medium-3 medium-4" "small small medium-3 medium-4";
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-2 .section-content .list-content storefront-element:nth-child(1) {
grid-area: big;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-2 .section-content .list-content storefront-element:nth-child(2) {
grid-area: small;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-2 .section-content .list-content storefront-element:nth-child(2) storefront-content {
display: flex;
flex-direction: row;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-2 .section-content .list-content storefront-element:nth-child(2) storefront-content .content-image {
flex-grow: 1.2;
flex-shrink: 1;
flex-basis: 0;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-2 .section-content .list-content storefront-element:nth-child(2) storefront-content .content-image storefront-image {
height: 100%;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-2 .section-content .list-content storefront-element:nth-child(2) storefront-content .content-image storefront-image img {
object-fit: cover;
object-position: center;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-2 .section-content .list-content storefront-element:nth-child(2) storefront-content .content-data {
flex-grow: 2.5;
flex-shrink: 0;
flex-basis: 0;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-2 .section-content .list-content storefront-element:nth-child(3) {
grid-area: medium-1;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-2 .section-content .list-content storefront-element:nth-child(4) {
grid-area: medium-2;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-2 .section-content .list-content storefront-element:nth-child(5) {
grid-area: medium-3;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-2 .section-content .list-content storefront-element:nth-child(6) {
grid-area: medium-4;
}
}
storefront-view.home .view-content .home-article-grids > .list-content .no-image .section-content storefront-content storefront-image {
display: none;
}
storefront-view.home .view-content .outbrain-widget {
max-width: var(--sectionContentWidth);
margin: 0 auto;
display: block;
}
storefront-view .view-content storefront-content.sponsor-type-native-true .content-data,
storefront-view .view-content storefront-content.sponsor-type-native-advertorial .content-data {
background: var(--articleEditorHighlightBgColor) !important;
}
storefront-view .view-content storefront-content.sponsor-type-native-true .content-data .content-title,
storefront-view .view-content storefront-content.sponsor-type-native-advertorial .content-data .content-title {
color: var(--articleEditorHighlightTextColor) !important;
}
storefront-view.home .view-content .home-article-grids .list-content .section-list-highlight,
storefront-view.home .view-content .home-article-grids .list-content .section-2-cols-highlight,
storefront-view.home .view-content .home-article-grids .list-content .section-3-cols-highlight,
storefront-view.home .view-content .home-article-grids .list-content .section-4-cols-highlight,
storefront-view.home .view-content .home-article-grids .list-content .section-custom-2-highlight,
storefront-view.home .view-content .home-article-grids .list-content .section-custom-3-highlight,
storefront-view.home .view-content .home-article-grids .list-content .section-custom-4-highlight {
padding: 0 1rem !important;
}
@media (min-width: 991px) and (max-width: 1199px) {
storefront-view.home .view-content .home-article-grids .list-content .section-list-highlight .section-content,
storefront-view.home .view-content .home-article-grids .list-content .section-list-highlight .section-title,
storefront-view.home .view-content .home-article-grids .list-content .section-list-highlight .section-subtitle,
storefront-view.home .view-content .home-article-grids .list-content .section-2-cols-highlight .section-content,
storefront-view.home .view-content .home-article-grids .list-content .section-2-cols-highlight .section-title,
storefront-view.home .view-content .home-article-grids .list-content .section-2-cols-highlight .section-subtitle,
storefront-view.home .view-content .home-article-grids .list-content .section-3-cols-highlight .section-content,
storefront-view.home .view-content .home-article-grids .list-content .section-3-cols-highlight .section-title,
storefront-view.home .view-content .home-article-grids .list-content .section-3-cols-highlight .section-subtitle,
storefront-view.home .view-content .home-article-grids .list-content .section-4-cols-highlight .section-content,
storefront-view.home .view-content .home-article-grids .list-content .section-4-cols-highlight .section-title,
storefront-view.home .view-content .home-article-grids .list-content .section-4-cols-highlight .section-subtitle,
storefront-view.home .view-content .home-article-grids .list-content .section-custom-2-highlight .section-content,
storefront-view.home .view-content .home-article-grids .list-content .section-custom-2-highlight .section-title,
storefront-view.home .view-content .home-article-grids .list-content .section-custom-2-highlight .section-subtitle,
storefront-view.home .view-content .home-article-grids .list-content .section-custom-3-highlight .section-content,
storefront-view.home .view-content .home-article-grids .list-content .section-custom-3-highlight .section-title,
storefront-view.home .view-content .home-article-grids .list-content .section-custom-3-highlight .section-subtitle,
storefront-view.home .view-content .home-article-grids .list-content .section-custom-4-highlight .section-content,
storefront-view.home .view-content .home-article-grids .list-content .section-custom-4-highlight .section-title,
storefront-view.home .view-content .home-article-grids .list-content .section-custom-4-highlight .section-subtitle {
margin: 0px !important;
padding: 10px 20px !important;
}
}
html body {
--actionButtonHeight: 44px;
--articleCategoryButtonHeight: 22px;
--articleImageAspectRatio: 3 / 3.9;
--articleImageAspectRatioReciprocal: 3.9 / 3;
--iconPodcast: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/icon-podcast.svg?version=1769026643812);
--iconVideo: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/icon-video.svg?version=1769026643812);
--iconGallery: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/icon-gallery.svg?version=1769026643812);
--iconQuote: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/icon-quote.svg?version=1769026643812);
}
storefront-view .view-content {
}
storefront-view .view-content storefront-content {
}
storefront-view .view-content storefront-content[template=card] {
all: unset;
display: flex;
flex-direction: column;
height: 100%;
box-shadow: none;
border-radius: unset;
cursor: pointer;
}
storefront-view .view-content storefront-content[template=card] .content-title {
all: unset;
}
storefront-view .view-content storefront-content[template=card] storefront-image[height-strategy=FIXED] {
aspect-ratio: var(--articleImageAspectRatio);
padding-top: calc(var(--articleImageAspectRatioReciprocal) * 100%);
}
storefront-view .view-content storefront-content .content-data {
position: relative;
padding: 15px;
padding-top: 47px;
background: var(--articleBgColor);
}
storefront-view .view-content storefront-content .content-data .issue-pub-date,
storefront-view .view-content storefront-content .content-data .content-pub-date {
display: none;
}
storefront-view .view-content storefront-content .content-data .content-title {
margin: 0;
font-family: var(--secondaryFont);
font-: normal;
font-weight: 400;
font-size: 20px;
line-height: 26px;
color: black;
}
storefront-view .view-content storefront-content .content-data .content-title .article-label {
color: var(--articleTitleLabelColor);
font-weight: bold;
}
storefront-view .view-content storefront-content .content-data .content-description {
display: none;
}
storefront-view .view-content storefront-content .content-data .content-actions {
display: flex;
flex-direction: column;
justify-content: flex-start;
}
storefront-view .view-content storefront-content .content-data .content-actions .button-custom {
display: flex;
justify-content: center;
}
storefront-view .view-content storefront-content .content-data .content-actions .action-button {
display: none;
}
storefront-view .view-content storefront-content .content-data .content-actions .action-button.article-category {
--borderRadius: 0;
position: absolute;
top: 15px;
left: 15px;
--actionButtonHeight: var(--articleCategoryButtonHeight);
display: flex;
justify-content: center;
min-width: inherit;
max-width: calc(100% - 30px);
padding: 2px 15px;
background: var(--articleCategoryButtonBgColor);
color: var(--articleCategoryButtonTextColor);
border-radius: var(--borderRadius);
line-height: 18px;
}
storefront-view .view-content storefront-content .content-data .content-actions .action-button.article-category span {
display: block;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-weight: 600 !important;
}
storefront-view .view-content storefront-content[post-type=competition] storefront-image[height-strategy=FIXED] {
aspect-ratio: 3/2;
padding-top: 66.6666666667%;
}
storefront-view .view-content storefront-content[post-type=competition] .content-data {
padding-top: 15px;
}
storefront-view .view-content storefront-content[post-type=competition] .content-data .content-title {
font-weight: 700;
font-size: 18px;
line-height: 28px;
}
storefront-view .view-content storefront-content[post-type=competition] .content-data .content-description {
display: flex;
flex-grow: 1;
margin: 5px 0 30px;
font-family: var(--secondaryFont);
font-: normal;
font-weight: 400;
font-size: 18px;
line-height: 28px;
}
storefront-view .view-content storefront-content[post-type=competition] .content-data .competition-date {
display: block;
order: 4;
border-top: 1px solid var(--articleCompetitionDateBorderColor);
margin-top: 15px;
padding-top: 15px;
font-family: var(--secondaryFont);
font-: normal;
font-weight: 400;
font-size: 12px;
line-height: 20px;
}
storefront-view .view-content storefront-content[post-type=competition] .content-data .competition-date .date {
font-weight: 700;
}
storefront-view .view-content storefront-content[post-type=competition] .content-data .content-actions .article-category {
display: none;
}
storefront-view .view-content storefront-content[post-type=competition] .content-data .content-actions .competition-button {
display: block;
min-width: 140px;
background: var(--articleCompetitionButtonColor);
color: var(--articleCompetitionButtonTextColor);
}
@media (max-width: 991px) {
storefront-view .view-content storefront-content[post-type=competition] .content-data .content-actions .competition-button {
min-width: 130px;
}
}
@media (max-width: 767px) {
storefront-view .view-content storefront-content[post-type=competition] .content-data .content-actions .competition-button {
min-width: 175px;
}
}
storefront-view .view-content storefront-content[post-type=competition].competition-closed .content-image::before {
position: absolute;
z-index: 11;
display: flex;
justify-content: center;
align-items: end;
width: 120px;
height: 120px;
top: -60px;
left: -60px;
transform: rotate(-45deg);
content: "CLOSED";
padding: 5px;
color: var(--articleCompetitionClosedTagTextColor);
background: var(--articleCompetitionClosedTagBgColor);
font-family: var(--secondaryFont);
font-: normal;
font-weight: 700;
font-size: 16px;
line-height: 24px;
text-align: center;
}
storefront-view .view-content storefront-content[post-type=competition].competition-closed storefront-image::before {
z-index: 10;
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: var(--articleCompetitionClosedImageOverlayColor);
background-size: 100% 100%;
}
storefront-view .view-content storefront-content[post-type=reviews] .content-data .star-rating {
display: block;
margin-block: 10px;
--starRatingStarSize: 15px;
}
storefront-view .view-content storefront-content[post-type=reviews] .content-data .star-rating .star-container {
display: flex;
}
storefront-view .view-content storefront-content[post-type=reviews] .content-data .star-rating .star-container .star {
width: var(--starRatingStarSize);
height: var(--starRatingStarSize);
}
storefront-view .view-content storefront-content[post-type=reviews] .content-data .star-rating .star-container .star:not(:last-child) {
margin-right: 3px;
}
storefront-view .view-content storefront-content[post-type=reviews] .content-data .star-rating .star-container .star .star-filled {
--starRatingStarBgColor: var(--starRatingStarFilledBgColor) !important;
--starRatingStarBorderColor: var(--starRatingStarFilledBorderColor) !important;
}
storefront-view .view-content storefront-content[post-type=reviews] .content-data .review-price-eur,
storefront-view .view-content storefront-content[post-type=reviews] .content-data .review-price-usd,
storefront-view .view-content storefront-content[post-type=reviews] .content-data .review-price-gbp,
storefront-view .view-content storefront-content[post-type=reviews] .content-data .review-price-aud {
display: none;
font-family: var(--primaryFont);
font-: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
}
storefront-view .view-content storefront-content[post-type=reviews] .content-data .review-price-eur::before {
content: "EUR \20ac";
}
storefront-view .view-content storefront-content[post-type=reviews] .content-data .review-price-usd::before {
content: "USD $";
}
storefront-view .view-content storefront-content[post-type=reviews] .content-data .review-price-gbp::before {
content: "GBP \a3";
}
storefront-view .view-content storefront-content[post-type=reviews] .content-data .review-price-aud::before {
content: "AUD $";
}
storefront-view .view-content storefront-content[post-type=reviews] .content-data .review-price-eur::after,
storefront-view .view-content storefront-content[post-type=reviews] .content-data .review-price-usd::after,
storefront-view .view-content storefront-content[post-type=reviews] .content-data .review-price-gbp::after,
storefront-view .view-content storefront-content[post-type=reviews] .content-data .review-price-aud::after {
content: " RRP";
}
storefront-view .view-content storefront-content[post-type=reviews] .content-data .review-price-description {
display: block;
font-family: var(--secondaryFont);
font-: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
}
storefront-view .view-content storefront-content[post-type=offer].external-offer storefront-image[height-strategy=FIXED] {
aspect-ratio: 3/2;
padding-top: 66.6666666667%;
}
storefront-view .view-content storefront-content[post-type=offer].external-offer .content-data {
overflow: visible;
padding-top: 15px;
}
storefront-view .view-content storefront-content[post-type=offer].external-offer .content-data .content-title {
font-weight: 600;
font-size: 20px;
line-height: 28px;
}
storefront-view .view-content storefront-content[post-type=offer].external-offer .content-data .content-description {
display: flex;
flex-grow: 1;
order: 3;
margin: 5px 0 10px;
font-family: var(--secondaryFont);
font-: normal;
font-weight: 400;
font-size: 18px;
line-height: 28px;
}
storefront-view .view-content storefront-content[post-type=offer].external-offer .content-data .external-offer-teaser {
position: absolute;
left: 0;
top: 0;
transform: translate(0-100%);
width: 100%;
display: flex;
justify-content: center;
padding: 4px 15px;
background-color: var(--externalOfferTeaserBgColor);
color: var(--externalOfferTeaserTextColor);
font-family: var(--secondaryFont);
font-: normal;
font-weight: 700;
font-size: 14px;
line-height: 26px;
text-transform: uppercase;
}
storefront-view .view-content storefront-content[post-type=offer].external-offer .content-data .external-offer-partner-name {
display: block;
order: 2;
margin: 10px 0 5px;
color: var(--externalOfferPartnerNameColor);
font-family: var(--secondaryFont);
font-: normal;
font-weight: 600;
font-size: 18px;
line-height: 28px;
}
storefront-view .view-content storefront-content[post-type=offer].external-offer .content-data .external-offer-partner-logo {
display: flex;
justify-content: center;
order: -1;
margin-bottom: 12px;
}
storefront-view .view-content storefront-content[post-type=offer].external-offer .content-data .external-offer-partner-logo img {
max-height: 42px;
max-width: 100%;
object-fit: contain;
}
storefront-view .view-content storefront-content[post-type=offer].external-offer .content-data .external-offer-code {
display: block;
order: 4;
margin-bottom: 10px;
font-family: var(--secondaryFont);
font-: normal;
font-weight: 700;
font-size: 14px;
line-height: 28px;
}
storefront-view .view-content storefront-content[post-type=offer].external-offer .content-data .external-offer-end-date {
display: block;
order: 8;
border-top: 1px solid var(--externalOfferDateBorderColor);
margin-top: 15px;
padding-top: 15px;
font-family: var(--secondaryFont);
font-: normal;
font-weight: 400;
font-size: 12px;
line-height: 20px;
}
storefront-view .view-content storefront-content[post-type=offer].external-offer .content-data .external-offer-end-date .date {
font-weight: 700;
}
storefront-view .view-content storefront-content[post-type=offer].external-offer .content-data .content-actions {
order: 5;
}
storefront-view .view-content storefront-content[post-type=offer].external-offer .content-data .content-actions .article-category {
display: none;
}
storefront-view .view-content storefront-content[post-type=offer].external-offer .content-data .content-actions .external-offer-button {
display: block;
min-width: 140px;
background: var(--externalOfferButtonColor);
color: var(--externalOfferButtonTextColor);
}
@media (max-width: 991px) {
storefront-view .view-content storefront-content[post-type=offer].external-offer .content-data .content-actions .external-offer-button {
min-width: 130px;
}
}
@media (max-width: 767px) {
storefront-view .view-content storefront-content[post-type=offer].external-offer .content-data .content-actions .external-offer-button {
min-width: 175px;
}
}
storefront-view .view-content storefront-content[post-type=glossary] .content-data {
padding-top: 15px;
}
storefront-view .view-content storefront-content[post-type=glossary] .content-data .content-title {
font-weight: 600;
}
storefront-view .view-content storefront-content[post-type=glossary] .content-data .content-actions .article-category {
display: none;
}
storefront-view .view-content storefront-content.sponsored .content-data {
}
storefront-view .view-content storefront-content.sponsored .content-data button.action-button.sponsored-advertisement {
display: block;
margin-top: 5px;
background: transparent;
color: var(--articleSponsoredTextColor--secondaryColor);
border-radius: 0;
padding: 0;
text-align: left;
height: auto;
font-family: var(--secondaryFont);
font-: normal;
font-weight: 700;
font-size: 14px;
line-height: 22px;
}
storefront-view .view-content storefront-content.sponsored .content-data .content-title .article-label {
color: var(--articleSponsoredTitleLabelColor);
font-weight: bold;
}
storefront-view .view-content storefront-content.sponsored.external-offer .content-data .external-offer-partner-name {
color: var(--sponsoredExternalOfferPartnerNameColor);
}
storefront-view .view-content storefront-content.editor-highlight .content-data {
--textColor: var(--articleEditorHighlightTextColor);
--secondaryTextColor: var(--articleEditorHighlightSecondaryTextColor);
color: var(--textColor);
background: var(--articleEditorHighlightBgColor);
}
storefront-view .view-content storefront-content.editor-highlight .content-data .content-title .article-label {
color: var(--articleEditorHighlightTitleLabelColor);
font-weight: bold;
}
storefront-view .view-content storefront-content.editor-highlight .content-data .content-actions .action-button:not(.sponsored-advertisement) {
background: var(--articleEditorHighlightButtonBgColor);
color: var(--articleEditorHighlightButtonTextColor);
}
storefront-view .view-content storefront-content.editor-highlight .content-data .content-actions .action-button:not(.sponsored-advertisement).article-category {
background: var(--articleEditorHighlightCategoryButtonBgColor);
color: var(--articleEditorHighlightCategoryButtonTextColor);
}
storefront-view .view-content storefront-content.editor-highlight.external-offer .content-data .external-offer-partner-name {
color: var(--editorHighlightExternalOfferPartnerNameColor);
}
storefront-view .view-content storefront-content.post-format-podcast .content-data .content-title::before,
storefront-view .view-content storefront-content.post-format-video .content-data .content-title::before,
storefront-view .view-content storefront-content.post-format-gallery .content-data .content-title::before,
storefront-view .view-content storefront-content.post-format-quote .content-data .content-title::before {
content: "";
width: 20px;
height: 20px;
display: block;
float: left;
margin: 3px 10px 0 0;
background: var(--iconPodcast) no-repeat center;
background-size: 10px;
background-color: black;
border-radius: 100%;
}
storefront-view .view-content storefront-content.post-format-video .content-data .content-title::before {
background-image: var(--iconVideo);
background-position-x: 60%;
}
storefront-view .view-content storefront-content.post-format-gallery .content-data .content-title::before {
background-image: var(--iconGallery);
}
storefront-view .view-content storefront-content.post-format-quote .content-data .content-title::before {
background-image: var(--iconQuote);
}
html body {
scroll-behavior: smooth;
}
html body {
--iconSharingFacebook: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/icon-facebook.svg?version=1769026643812);
--iconSharingLinkedin: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/icon-linkedin.svg?version=1769026643812);
--iconSharingTwitter: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/x-platform.svg?version=1769026643812);
--iconSharingPinterest: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/icon-pinterest.svg?version=1769026643812);
--iconSharingReddit: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/icon-reddit.svg?version=1769026643812);
--iconSharingBlogger: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/icon-blogger.svg?version=1769026643812);
--iconSharingMail: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/icon-mail.svg?version=1769026643812);
--iconSharingFlipboard: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/icon-flipboard.svg?version=1769026643812);
}
storefront-view.article {
background-color: white !important;
}
storefront-view.article .article-content:empty {
display: none;
}
storefront-view.article p.has-small-font-size {
font-size: 13px !important;
}
storefront-view.article p.has-medium-font-size {
font-size: 20px !important;
}
storefront-view.article p.has-large-font-size {
font-size: 36px !important;
}
storefront-view.article p.has-x-large-font-size {
font-size: 42px !important;
}
storefront-view.article p.has-black-color {
color: #000000 !important;
}
storefront-view.article p.has-cyan-bluish-gray-color {
color: #abb8c3 !important;
}
storefront-view.article p.has-white-color {
color: #ffffff !important;
}
storefront-view.article p.has-pale-pink-color {
color: #f78da7 !important;
}
storefront-view.article p.has-vivid-red-color {
color: #cf2e2e !important;
}
storefront-view.article p.has-luminous-vivid-orange-color {
color: #ff6900 !important;
}
storefront-view.article p.has-luminous-vivid-amber-color {
color: #fcb900 !important;
}
storefront-view.article p.has-light-green-cyan-color {
color: #7bdcb5 !important;
}
storefront-view.article p.has-vivid-green-cyan-color {
color: #00d084 !important;
}
storefront-view.article p.has-pale-cyan-blue-color {
color: #8ed1fc !important;
}
storefront-view.article p.has-vivid-cyan-blue-color {
color: #0693e3 !important;
}
storefront-view.article p.has-vivid-purple-color {
color: #9b51e0 !important;
}
storefront-view.article p.has-black-background-color {
background-color: #000000;
}
storefront-view.article p.has-cyan-bluish-gray-background-color {
background-color: #abb8c3;
}
storefront-view.article p.has-white-background-color {
background-color: #ffffff;
}
storefront-view.article p.has-pale-pink-background-color {
background-color: #f78da7;
}
storefront-view.article p.has-vivid-red-background-color {
background-color: #cf2e2e;
}
storefront-view.article p.has-luminous-vivid-orange-background-color {
background-color: #ff6900;
}
storefront-view.article p.has-luminous-vivid-amber-background-color {
background-color: #fcb900;
}
storefront-view.article p.has-light-green-cyan-background-color {
background-color: #7bdcb5;
}
storefront-view.article p.has-vivid-green-cyan-background-color {
background-color: #00d084;
}
storefront-view.article p.has-pale-cyan-blue-background-color {
background-color: #8ed1fc;
}
storefront-view.article p.has-vivid-cyan-blue-background-color {
background-color: #0693e3;
}
storefront-view.article p.has-vivid-purple-background-color {
background-color: #9b51e0;
}
storefront-view.article .wp-block-media-text__content .ub-star-rating .ub-star-outer-container {
display: flex;
}
storefront-view.article .wp-block-media-text__content p:has(.squirrel_div) {
min-height: unset !important;
}
storefront-view.article .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
grid-column: 1 !important;
}
storefront-view.article .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
grid-column: 2 !important;
}
storefront-view.article p:has(.squirrel_div .button_only) {
min-height: unset !important;
}
storefront-view.article p:has(.squirrel_div):not(:has(.squirrel-inline-div-id):has(.noskimlinks)) {
min-height: unset !important;
}
storefront-view.article .most-read-list .list-entry:nth-child(6) {
display: none;
}
storefront-view.article storefront-content-body #sprylab_purple_content .purple-inner-container .most-read.mobile {
border-top: 1px solid #cfd5d8;
border-bottom: 1px solid #cfd5d8;
padding-bottom: 18px;
}
storefront-view.article storefront-content-body #sprylab_purple_content .purple-inner-container .most-read.mobile .content-title {
line-height: 15px !important;
margin: 5px 0px !important;
color: #333333 !important;
font-weight: 700 !important;
}
storefront-view.article storefront-content-body #sprylab_purple_content .purple-inner-container .most-read.mobile .most-read-title h2 {
font-family: var(--primaryFont) !important;
font-weight: 700 !important;
font-size: 20px !important;
}
storefront-view.article storefront-content-body #sprylab_purple_content .purple-inner-container .most-read.mobile .content-actions .most-read-category {
font-weight: 700;
}
storefront-view.article storefront-content-body #sprylab_purple_content .purple-inner-container .most-read.mobile a {
text-decoration: none;
color: #333333;
}
storefront-view.article .most-read.numbered .content-image {
display: none;
}
storefront-view.article .most-read.numbered .content-data {
width: 100%;
padding-top: 0px !important;
padding-bottom: 0px !important;
}
storefront-view.article .most-read.numbered .list-content {
counter-reset: mostReadCounter;
}
storefront-view.article .most-read.numbered .list-content .list-entry {
counter-increment: mostReadCounter;
position: relative;
}
storefront-view.article .most-read.numbered .list-content .list-entry .content-data {
position: relative;
padding-left: 1.5rem;
}
storefront-view.article .most-read.numbered .list-content .list-entry .content-data::before {
content: counter(mostReadCounter);
position: absolute;
left: 0;
top: -5px;
font-weight: bold;
font-family: var(--primaryFont);
font-size: 24px;
color: #333333;
}
storefront-view.article .most-read.picture .content-image {
display: flex;
}
storefront-view.article .most-read.picture .content-data {
width: 70%;
padding: 0px !important;
}
storefront-view.article .most-read .content-image {
display: flex;
width: 75px;
height: 75px;
}
storefront-view.article .most-read .content-image img {
object-fit: cover;
}
storefront-view.article .most-read .content-data {
width: 70%;
}
storefront-view.article .most-read .most-read-title {
justify-content: start !important;
}
storefront-view.article .most-read .most-read-title h2 {
font-family: var(--primaryFont);
font-weight: 700;
font-size: 24px;
line-height: 45px;
margin-bottom: 20px;
}
storefront-view.article .most-read .most-read-list .list-entry {
border-bottom: 1px solid #cfd5d8;
}
storefront-view.article .most-read .most-read-list .list-entry {
margin-bottom: 0.6em;
margin-top: 0.6em;
padding-bottom: 0.6em;
}
storefront-view.article .most-read .most-read-list .list-entry:first-child {
margin-top: 0px !important;
}
storefront-view.article .most-read .most-read-list .list-entry:nth-child(5),
storefront-view.article .most-read .most-read-list .list-entry:last-child {
border-bottom: unset !important;
padding-bottom: unset !important;
margin-bottom: unset !important;
}
storefront-view.article .most-read .most-read-card {
display: flex;
flex-direction: row;
gap: 10px;
}
storefront-view.article .most-read .most-read-card .content-actions {
display: flex;
}
storefront-view.article .most-read .most-read-card .content-actions .button-read {
display: none;
}
storefront-view.article .most-read .most-read-card .content-actions .button-custom {
z-index: 10;
}
storefront-view.article .most-read .most-read-card .content-actions .button-custom span {
font-size: 16px;
}
storefront-view.article .most-read .most-read-card .content-actions .most-read-category {
order: 1;
color: var(--secondaryColor);
background: none !important;
padding: 0px !important;
height: 22px !important;
font-weight: 700 !important;
display: flex !important;
}
storefront-view.article .most-read .most-read-card .content-data {
align-items: start;
font-size: 16px !important;
}
storefront-view.article .most-read .most-read-card .content-data .content-title {
margin: 0.3em 0;
order: 2;
}
storefront-view.article .most-read .most-read-card .content-data .content-title span {
font-size: 16px !important;
font-weight: 700 !important;
}
storefront-view.article .most-read .most-read-card .content-data .content-description {
display: none;
}
storefront-view.article .most-read .most-read-card .content-data .most-read-pubdate {
display: none;
color: #595959;
order: 3;
}
storefront-view.article .jwplayer {
--paddingTop: 75px;
--paddingBottom: 25px;
border-: solid !important;
border-bottom-width: 2px !important;
border-bottom-color: black !important;
border-top-width: 2px !important;
border-top-color: black !important;
padding: var(--paddingTop) 0px var(--paddingBottom) !important;
}
storefront-view.article .jwplayer .jw-plugin-googima.jw-ad-instream .jw-ads-view > :not(div),
storefront-view.article .jwplayer .jw-plugin-googima.jw-ad-instream .jw-ads-view > div:not(:empty) {
width: 100% !important;
height: 100% !important;
}
storefront-view.article .jwplayer .jw-title-secondary,
storefront-view.article .jwplayer .jw-flag-small-player .jw-title-secondary,
storefront-view.article .jwplayer .jw-title-secondary:empty {
display: none !important;
}
storefront-view.article .jwplayer button {
border: unset !important;
padding: unset !important;
}
storefront-view.article .jwplayer .jw-wrapper {
margin: var(--paddingTop) 0px var(--paddingBottom);
}
storefront-view.article .jwplayer .jw-float-bar {
top: -69px;
right: 0px;
position: absolute !important;
background: white !important;
width: 10% !important;
}
storefront-view.article .jwplayer .jw-float-bar-icon:hover {
background: unset !important;
}
storefront-view.article .jwplayer .jw-float-bar-icon .jw-svg-icon {
height: 12px !important;
width: 12px !important;
stroke: none !important;
}
storefront-view.article .jwplayer .jw-float-bar-icon .jw-svg-icon path {
fill: #a1a1a1 !important;
}
storefront-view.article .jwplayer .jw-float-bar-title {
display: none !important;
}
storefront-view.article .jwplayer .jw-autostart-mute {
top: 12px !important;
height: 34px !important;
width: 34px !important;
}
storefront-view.article .jwplayer .jw-title {
display: flex !important;
flex-direction: column;
justify-content: center;
height: var(--paddingTop);
padding: 0;
background-color: white;
transform: translateY(-100%);
}
storefront-view.article .jwplayer .jw-title .jw-title-primary {
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
line-height: 30px !important;
font-weight: 700 !important;
white-space: normal !important;
color: black !important;
overflow: hidden;
text-overflow: ellipsis;
max-width: 90%;
padding: 5px 20px !important;
}
storefront-view.article .jwplayer:after {
content: var(--sponsor);
display: block;
font-size: 0.8em;
}
storefront-view.article .jw-slider-vertical .jw-slider-container {
height: 48px !important;
}
storefront-view.article .jwplayer.jw-flag-ads .jw-media::before {
content: "Advertisement";
position: absolute;
top: 5px;
right: 5px;
font-size: 11px;
color: white;
background-color: rgba(0000.5);
padding: 2px 4px;
border-radius: 2px;
z-index: 9999;
pointer-events: none;
}
storefront-view.article .jwplayer.jw-stretch-uniform .jw-media video {
object-fit: inherit !important;
}
storefront-view.article.jw-flag-floating .jw-title {
padding: 0 20px;
}
storefront-view.article .jw-flag-floating .jw-wrapper.jw-float-to-top,
storefront-view.article .jw-flag-floating.jw-floating-dismissible .jw-wrapper.jw-float-to-top {
top: unset !important;
bottom: 0px !important;
margin: 0px 0px 15px 0px !important;
}
storefront-view.article .jw-flag-floating .jw-wrapper {
max-height: 220px !important;
}
storefront-view.article .jw-flag-floating.jw-floating-dismissible .jw-wrapper {
bottom: 1rem !important;
}
storefront-view.article .jw-flag-floating .jw-wrapper {
margin: unset;
}
@media (max-width: 480px) {
storefront-view.article #playerContainerJW {
max-height: 305px;
}
storefront-view.article .jw-controlbar .jw-overlay {
bottom: 0px !important;
left: 90% !important;
}
storefront-view.article .jw-flag-floating.jw-floating-dismissible.jw-flag-ads-googleima .jw-wrapper.jw-float-to-top .jw-timesegment-bar.jw-progress {
height: 12px !important;
top: -2px !important;
}
storefront-view.article .jw-flag-touch .jw-slider-horizontal.jw-chapter-slider-time .jw-slider-container::before {
height: 20px !important;
}
storefront-view.article .jw-breakpoint--1.jw-flag-ads:not(.jw-flag-audio-player) .jw-icon-volume {
display: block !important;
bottom: -2.5px !important;
filter: blur(0.3px) !important;
}
storefront-view.article .jw-flag-floating .jw-wrapper,
storefront-view.article storefront-view.article .jw-flag-floating.jw-floating-dismissible .jw-wrapper,
storefront-view.article .jw-flag-floating .jw-wrapper.jw-float-to-top,
storefront-view.article .jw-flag-floating.jw-floating-dismissible .jw-wrapper.jw-float-to-top {
--paddingBottom: 10px;
top: var(--headerMobileHeight) !important;
width: 50% !important;
height: 150px !important;
}
storefront-view.article .jw-flag-floating.jw-floating-dismissible .jw-float-bar {
align-items: start;
justify-content: center;
}
storefront-view.article .jwplayer.jw-breakpoint--1:not(.jw-flag-audio-player) .jw-icon-fullscreen.jw-fullscreen-ima {
display: none;
}
storefront-view.article .jwplayer.jw-breakpoint--1:not(.jw-flag-audio-player) .jw-icon-fullscreen {
display: flex;
bottom: 6px;
}
storefront-view.article .jw-float-bar {
top: 0px !important;
right: -285% !important;
position: absolute !important;
background: white !important;
width: 10% !important;
}
storefront-view.article .jw-flag-floating .jw-wrapper,
storefront-view.article .jw-flag-floating.jw-floating-dismissible .jw-wrapper {
top: var(--headerMobileHeight) !important;
width: 50% !important;
height: 110px !important;
}
storefront-view.article .jw-flag-floating .jw-title,
storefront-view.article .jw-flag-floating.jw-floating-dismissible .jw-title {
transform: translateX(100%);
height: 100%;
}
storefront-view.article .jw-flag-floating .jw-title .jw-title-primary,
storefront-view.article .jw-flag-floating.jw-floating-dismissible .jw-title .jw-title-primary {
font-size: 0.7em;
-webkit-line-clamp: 3 !important;
}
storefront-view.article .jw-flag-floating .jw-title::after,
storefront-view.article .jw-flag-floating.jw-floating-dismissible .jw-title::after {
font-size: 0.5em;
}
storefront-view.article .jwplayer .jw-wrapper {
max-width: 480px !important;
}
}
@media (min-width: 481px) and (max-width: 991px) {
storefront-view.article #playerContainerJW {
max-height: 325px;
}
storefront-view.article .jw-flag-floating.jw-floating-dismissible.jw-flag-ads-googleima .jw-wrapper.jw-float-to-top .jw-timesegment-bar.jw-progress {
height: 11px !important;
top: -5px !important;
}
storefront-view.article .jw-flag-floating .jw-wrapper,
storefront-view.article storefront-view.article .jw-flag-floating.jw-floating-dismissible .jw-wrapper,
storefront-view.article .jw-flag-floating .jw-wrapper.jw-float-to-top,
storefront-view.article .jw-flag-floating.jw-floating-dismissible .jw-wrapper.jw-float-to-top {
top: calc(var(--headerMobileHeight) + var(--paddingTop)) !important;
}
storefront-view.article .jw-flag-floating .jw-wrapper,
storefront-view.article .jw-flag-floating.jw-floating-dismissible .jw-wrapper {
top: calc(var(--headerMobileHeight) + var(--paddingTop)) !important;
}
}
@media (min-width: 992px) {
storefront-view.article #playerContainerJW {
max-height: 445px;
}
storefront-view.article .jw-flag-floating.jw-floating-dismissible.jw-flag-ads-googleima .jw-wrapper.jw-float-to-top .jw-timesegment-bar.jw-progress {
height: 11px !important;
top: -5px !important;
}
}
storefront-view.article .jwplayer.jw-flag-ads video {
height: 100% !important;
}
storefront-view.article #playerContainerJW {
max-width: 600px;
}
storefront-view.article #playerContainerJW .jw-title-secondary {
display: none !important;
}
storefront-view.article storefront-element[type=widget] .disqus-widget {
display: none;
margin-top: 50px;
max-width: var(--sectionContentWidth);
margin: 0 auto;
}
storefront-view.article .sponsor-type-native-advertorial {
background-color: var(--articleSponsoredNativeAdvertorialBgColor);
--contentBgColor: var(--articleSponsoredNativeAdvertorialBgColor);
}
storefront-view.article .sponsor-type-native-true {
background-color: var(--articleSponsoredNativeTrueBgColor);
--contentBgColor: var(--articleSponsoredNativeTrueBgColor);
}
storefront-view.article .article-wrapper {
background-color: white !important;
display: grid;
grid-template-areas: "hero-header hero-header" "content-side right-side";
grid-template-columns: auto 300px;
grid-column-gap: 40px;
}
storefront-view.article .article-wrapper > storefront-element {
min-width: 0;
}
storefront-view.article .article-wrapper .review-pros-cons-box {
background-color: #F3F4F5;
padding: 1rem;
margin: 0 0 1rem 0;
display: flex;
flex-direction: row;
}
storefront-view.article .article-wrapper .review-pros-cons-box storefront-element {
min-width: 50%;
}
storefront-view.article .article-wrapper .review-pros-cons-box .rating-positive-headline,
storefront-view.article .article-wrapper .review-pros-cons-box .rating-negative-headline {
font-weight: 600;
}
storefront-view.article .article-wrapper .review-pros-cons-box .rating-positive-headline::before {
content: "";
background-image: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/icon-green-hook.svg?version=1769026643812);
display: block;
width: 16px;
height: 12px;
margin: 3px 5px 0 0;
}
storefront-view.article .article-wrapper .review-pros-cons-box .rating-negative-headline::before {
content: "";
background-image: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/icon-red-cross.svg?version=1769026643812);
display: block;
width: 15px;
height: 15px;
margin: 3px 5px 0 0;
}
storefront-view.article .article-wrapper .review-pros-cons-box .rating-negative-text,
storefront-view.article .article-wrapper .review-pros-cons-box .rating-positive-text {
padding-left: 20px;
}
storefront-view.article .article-wrapper .review-pros-cons-box > .ng-star-inserted {
min-width: 50%;
}
storefront-view.article .article-wrapper .our-rating {
font-weight: 700;
}
storefront-view.article .article-wrapper .star-rating {
margin-bottom: 1rem;
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: flex-start;
}
storefront-view.article .article-wrapper .star-rating .star-rating-stars {
display: block;
margin-block: 10px;
--starRatingStarSize: 15px;
margin-right: 8px;
}
storefront-view.article .article-wrapper .star-rating .star-rating-number {
margin-block: 6px;
}
storefront-view.article .article-wrapper .star-rating .star-rating-stars .star-container {
display: flex;
}
storefront-view.article .article-wrapper .star-rating .star-rating-stars .star-container .star {
width: var(--starRatingStarSize);
height: var(--starRatingStarSize);
}
storefront-view.article .article-wrapper .star-rating .star-rating-stars .star-container .star:not(:last-child) {
margin-right: 3px;
}
storefront-view.article .article-wrapper .star-rating .star-rating-stars .star-container .star .star-filled {
--starRatingStarBgColor: var(--starRatingStarFilledBgColor) !important;
--starRatingStarBorderColor: var(--starRatingStarFilledBorderColor) !important;
}
storefront-view.article .article-wrapper .star-rating > .our-rating {
width: 100vw;
margin-bottom: 10px;
font-weight: bold;
}
storefront-view.article .article-wrapper [child-id=hero] {
grid-area: hero-header;
}
storefront-view.article .article-wrapper [child-id=content-side] {
grid-area: content-side;
}
storefront-view.article .article-wrapper [child-id=right-side] {
grid-area: right-side;
}
@media (max-width: 767px) {
storefront-view.article .article-wrapper {
grid-template-areas: "hero-header" "content-side" "right-side";
grid-template-columns: 1fr;
}
storefront-view.article .article-wrapper .right-side {
display: none;
}
}
@media (min-width: 768px) {
storefront-view.article .article-wrapper #content-side {
max-width: 600px;
}
}
storefront-view.article .article-wrapper .image-source {
font-family: var(--secondaryFont);
font-: normal;
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-align: left;
margin-top: 0.5em;
color: #555;
}
storefront-view.article .article-wrapper .header-image {
position: relative;
}
storefront-view.article .article-wrapper .header-image.hero {
margin-bottom: 1em;
}
storefront-view.article .article-wrapper .header-image.featured img {
aspect-ratio: 3/2;
}
storefront-view.article .article-wrapper .header-image img {
width: 100%;
height: 100%;
object-fit: contain;
}
storefront-view.article .article-wrapper .header-image .header-image__source-name {
font-size: 12px;
line-height: 20px;
font-family: var(--secondaryFont);
font-: italic;
}
storefront-view.article .article-wrapper .header-image .competition-closed-overlay {
position: absolute;
inset: 0;
background-color: rgba(0000.5);
justify-content: center;
align-items: center;
color: white;
font-family: var(--primaryFont);
font-size: 36px;
}
@media (max-width: 991px) {
storefront-view.article .article-wrapper .header-image .competition-closed-overlay {
font-size: 24px;
}
}
@media (max-width: 767px) {
storefront-view.article .article-wrapper .header-image .competition-closed-overlay {
font-size: 16px;
}
}
storefront-view.article .article-wrapper .article-sponsored-header {
margin: 1em 0;
}
storefront-view.article .article-wrapper .article-sponsored-header .article-sponsored-header-image img {
width: 150px;
height: auto;
object-fit: cover;
margin-bottom: 1em;
}
storefront-view.article .article-wrapper .article-sponsored-header p {
font-family: var(--secondaryFont);
}
storefront-view.article .article-wrapper .article-sponsored-header .sponsor-name {
text-decoration: underline;
color: var(--secondaryColor);
font-family: var(--secondaryFont);
}
storefront-view.article .article-wrapper .right-side {
width: 100%;
height: 100%;
display: flex;
justify-content: start;
align-items: center;
gap: 15px;
}
@media (max-width: 991px) {
storefront-view.article .article-wrapper .right-side {
align-items: flex-start;
}
}
storefront-view.article .article-wrapper .right-side storefront-element {
width: 100%;
}
@media (max-width: 991px) {
storefront-view.article .article-wrapper .right-side storefront-element {
max-width: 600px;
padding-left: 0px;
}
}
storefront-view.article .article-wrapper .right-side storefront-element storefront-html {
display: flex;
justify-content: center;
align-items: center;
}
storefront-view.article .article-wrapper .right-side storefront-element .placeholder-1 {
height: 600px;
background: #B9B9B9;
}
storefront-view.article .article-wrapper .right-side storefront-element .placeholder-2 {
height: 420px;
background: #F3F4F5;
}
storefront-view.article .article-wrapper .right-side storefront-element .placeholder-3 {
height: 420px;
background: #F3F4F5;
}
storefront-view.article .article-wrapper .right-side storefront-element .placeholder-4 {
height: 535px;
background: #F3F4F5;
}
storefront-view.article .article-wrapper .right-side [child-id=sidebar-bottom-ad] {
position: sticky;
top: 300px;
}
storefront-view.article .article-header {
display: block;
color: var(--articleContentTextColor);
font-family: var(--secondaryFont);
font-: normal;
font-weight: 400;
}
storefront-view.article .article-header h1 {
font-family: var(--primaryFont);
font-weight: 700;
font-size: 36px;
line-height: 45px;
margin-bottom: 20px;
}
@media (max-width: 767px) {
storefront-view.article .article-header h1 {
font-size: 28px;
line-height: 35px;
}
}
storefront-view.article .article-header .description {
font-size: 20px;
line-height: 28px;
margin-bottom: 20px;
}
storefront-view.article .article-header .hero {
margin-block: 20px;
}
storefront-view.article .article-header .hero img {
max-width: 100%;
}
storefront-view.article .article-header .our-review {
margin-bottom: 16px;
}
storefront-view.article .article-header .our-review .our-review-header {
font-family: var(--primaryFont);
font-size: 20px;
margin-bottom: 10px;
font-weight: 600;
}
storefront-view.article .article-header .authors {
margin-top: 20px;
color: var(--secondaryColor);
font-family: var(--secondaryFont);
font-: normal;
font-weight: 400;
font-size: 19px;
line-height: 26px;
}
storefront-view.article .article-header .authors .list-content {
flex-direction: row;
column-gap: 0.3em;
flex-wrap: wrap;
}
storefront-view.article .article-header .authors .list-content::before {
content: "By ";
}
storefront-view.article .article-header .authors .list-content storefront-element {
display: flex;
}
storefront-view.article .article-header .authors .list-content storefront-element:not(:last-child)::after {
margin-left: 0.3em;
display: block;
content: "|";
color: var(--articleContentAuthorColor);
}
storefront-view.article .article-header .authors .list-content storefront-element p {
text-decoration: underline;
}
storefront-view.article .article-header .authors .list-content storefront-html {
cursor: pointer;
}
storefront-view.article .article-header .publication-date {
font-size: 12px;
line-height: 20px;
}
storefront-view.article .article-header hr {
width: 100%;
border-top: 1px solid #cfd5d8;
margin-block: 20px;
}
storefront-view.article .article-header .print-button > button {
padding: 12px;
background-color: transparent;
border: 2px solid var(--articleRecipePrintColor);
color: var(--articleRecipePrintColor);
display: flex;
align-items: center;
gap: 8px;
border-radius: 4px;
margin-bottom: 1em;
}
storefront-view.article .article-header .print-button > button::before {
display: block;
content: "";
width: 20px;
height: 20px;
background-image: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/icon-print.svg?version=1769026643812);
background-repeat: no-repeat;
}
storefront-view.article .article-header .highlight-box {
gap: 0;
}
storefront-view.article .article-header .highlight-box .wp-block-column figcaption {
display: none;
}
storefront-view.article .article-header .highlight-box .is-layout-flow {
padding: 15px;
}
storefront-view.article .article-header .highlight-box .is-layout-flow .wp-block-group {
padding: 0 0 0 15px !important;
}
storefront-view.article .article-header .recipe-infos {
margin: 1em 0;
display: flex;
flex-direction: row;
justify-content: start;
gap: 10px;
}
storefront-view.article .article-header .recipe-infos .recipe-infos-servings::before {
background-image: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/icon-serving-group.svg?version=1769026643812);
display: block;
content: "";
width: 24px;
background-repeat: no-repeat;
margin-right: 0.5em;
}
storefront-view.article .article-header .recipe-infos .recipe-infos-data {
display: flex;
flex-direction: row;
justify-content: start;
gap: 2px;
color: var(--articleRecipeInfoTextColor);
}
storefront-view.article .article-header .recipe-infos .recipe-infos-data::before {
background-image: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/icon-clock.svg?version=1769026643812);
display: block;
content: "";
width: 24px;
background-repeat: no-repeat;
margin-right: 0.5em;
}
storefront-view.article .article-header .competition-header-open-close > div {
display: flex;
flex-wrap: wrap;
column-gap: 2em;
margin-bottom: 1em;
}
storefront-view.article .article-header .competition-header-open-close > div .competition-date-name {
color: var(--articleCompetitionHeaderAccentColor);
width: 4em;
display: inline-block;
}
storefront-view.article .article-header .competition-header-open-close > div .competition-date {
margin-right: 0.5em;
}
storefront-view.article .article-header .competition-header-open-close > div .competition-time {
font-size: 0.8em;
text-transform: uppercase;
}
storefront-view.article .article-header .review-affiliate-messaging {
font-size: 14px;
line-height: 22px;
margin-bottom: 20px;
color: var(--articleReviewAffiliateMessagingTextColor);
}
storefront-view.article .article-header .review-affiliate-messaging a {
color: var(--secondaryColor);
text-decoration: underline;
}
storefront-view.article .article-header .review-affiliate-messaging div:before {
content: "";
display: inline-block;
width: 6px;
height: 14px;
margin: 4px 14px 0 0;
background-color: var(--articleReviewAffiliateMessagingIconColor);
}
storefront-view.article .article-header .review-infos {
margin-bottom: 20px;
font-size: 16px;
line-height: 26px;
}
storefront-view.article .article-header .review-infos .star-rating-container {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 10px;
}
storefront-view.article .article-header .review-infos .star-rating-container .star-rating {
--starRatingStarSize: 15px;
}
storefront-view.article .article-header .review-infos .star-rating-container .star-rating .star-container {
display: flex;
}
storefront-view.article .article-header .review-infos .star-rating-container .star-rating .star-container .star {
width: var(--starRatingStarSize);
height: var(--starRatingStarSize);
}
storefront-view.article .article-header .review-infos .star-rating-container .star-rating .star-container .star:not(:last-child) {
margin-right: 3px;
}
storefront-view.article .article-header .review-infos .star-rating-container .star-rating .star-container .star .star-filled {
--starRatingStarBgColor: var(--starRatingStarFilledBgColor) !important;
--starRatingStarBorderColor: var(--starRatingStarFilledBorderColor) !important;
}
storefront-view.article .article-header storefront-element[child-id=geo-prices] {
min-height: 36px;
}
storefront-view.article .article-header .review-price-eur,
storefront-view.article .article-header .review-price-usd,
storefront-view.article .article-header .review-price-gbp,
storefront-view.article .article-header .review-price-aud {
font-size: 16px;
line-height: 26px;
margin-bottom: 10px;
display: none;
}
storefront-view.article .article-header .review-price-eur::before {
content: "EUR \20ac";
}
storefront-view.article .article-header .review-price-usd::before {
content: "USD $";
}
storefront-view.article .article-header .review-price-gbp::before {
content: "GBP \a3";
}
storefront-view.article .article-header .review-price-aud::before {
content: "AUD $";
}
storefront-view.article .article-header .promotional-link-header {
margin-bottom: 1em;
text-decoration: underline;
color: var(--secondaryColor);
font-family: var(--secondaryFont);
font-size: 15px;
}
storefront-view.article .article-footer {
margin-top: 30px;
color: var(--articleContentTextColor);
font-family: var(--secondaryFont);
font-: normal;
font-weight: 400;
}
storefront-view.article .article-footer .author-name {
grid-area: name;
color: var(--secondaryColor);
font-family: var(--secondaryFont);
font-: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
text-decoration: underline;
}
storefront-view.article .article-footer h2 {
font-weight: 400;
font-size: 20px;
line-height: 28px;
}
storefront-view.article .article-footer .author-cards .list-content storefront-element {
min-width: 50%;
}
@media (max-width: 990px) {
storefront-view.article .article-footer .author-cards .list-content storefront-element {
min-width: unset;
}
}
storefront-view.article .article-footer .author-cards .list-content {
flex-direction: row;
padding-right: 40px;
}
storefront-view.article .article-footer .author-cards-2-plus .list-content {
display: grid;
grid-template-columns: 1fr 1fr;
}
storefront-view.article .article-footer .author-cards .list-content,
storefront-view.article .article-footer .author-cards-2-plus .list-content {
margin: 1em 0;
gap: 2em;
}
@media (max-width: 990px) {
storefront-view.article .article-footer .author-cards .list-content,
storefront-view.article .article-footer .author-cards-2-plus .list-content {
display: flex;
flex-wrap: wrap;
}
}
storefront-view.article .article-footer .author-cards .list-content .author-card:not(.has-avatar) .author-avatar,
storefront-view.article .article-footer .author-cards-2-plus .list-content .author-card:not(.has-avatar) .author-avatar {
display: none;
}
storefront-view.article .article-footer .author-cards .list-content .author-card div .author-info,
storefront-view.article .article-footer .author-cards-2-plus .list-content .author-card div .author-info {
cursor: pointer;
display: grid;
justify-content: start;
grid-template-areas: "avatar name" "avatar role" "avatar socials";
}
storefront-view.article .article-footer .author-cards .list-content .author-card div .author-info .author-card div .author-info storefront-element,
storefront-view.article .article-footer .author-cards-2-plus .list-content .author-card div .author-info .author-card div .author-info storefront-element {
width: fit-content;
}
storefront-view.article .article-footer .author-cards .list-content .author-card div .author-info .author-avatar,
storefront-view.article .article-footer .author-cards-2-plus .list-content .author-card div .author-info .author-avatar {
grid-area: avatar;
width: 60px;
height: 60px;
background-color: gray;
border-radius: 50%;
margin-right: 0.5em;
object-fit: cover;
}
storefront-view.article .article-footer .author-cards .list-content .author-card div .author-info .author-name,
storefront-view.article .article-footer .author-cards-2-plus .list-content .author-card div .author-info .author-name {
grid-area: name;
color: var(--secondaryColor);
font-family: var(--secondaryFont);
font-: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
text-decoration: underline;
}
storefront-view.article .article-footer .author-cards .list-content .author-card div .author-info .author-role,
storefront-view.article .article-footer .author-cards-2-plus .list-content .author-card div .author-info .author-role {
grid-area: role;
font-: italic;
font-weight: 700;
font-size: 14px;
line-height: 22px;
}
storefront-view.article .article-footer .author-cards .list-content .author-card div .author-info .author-socials,
storefront-view.article .article-footer .author-cards-2-plus .list-content .author-card div .author-info .author-socials {
grid-area: socials;
margin-top: 5px;
}
storefront-view.article .article-footer .author-cards .list-content .author-card div .author-info .author-socials .author-social-links,
storefront-view.article .article-footer .author-cards-2-plus .list-content .author-card div .author-info .author-socials .author-social-links {
display: flex;
gap: 0.5em;
}
storefront-view.article .article-footer .author-cards .list-content .author-card div .author-info .author-socials .author-social-links .icon,
storefront-view.article .article-footer .author-cards-2-plus .list-content .author-card div .author-info .author-socials .author-social-links .icon {
width: 20px;
height: 20px;
background: center no-repeat;
background-size: contain;
}
storefront-view.article .article-footer .author-cards .list-content .author-card div .author-info .author-socials .author-social-links .icon-twitter,
storefront-view.article .article-footer .author-cards-2-plus .list-content .author-card div .author-info .author-socials .author-social-links .icon-twitter {
background-image: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/icon-twitter-black.svg?version=1769026643812);
}
storefront-view.article .article-footer .author-cards .list-content .author-card div .author-info .author-socials .author-social-links .icon-facebook,
storefront-view.article .article-footer .author-cards-2-plus .list-content .author-card div .author-info .author-socials .author-social-links .icon-facebook {
background-image: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/icon-facebook-black.svg?version=1769026643812);
}
storefront-view.article .article-footer .author-cards .list-content .author-card div .author-info .author-socials .author-social-links .icon-instagram,
storefront-view.article .article-footer .author-cards-2-plus .list-content .author-card div .author-info .author-socials .author-social-links .icon-instagram {
background-image: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/icon-instagram-black.svg?version=1769026643812);
}
storefront-view.article .article-footer .author-cards .list-content .author-card div .author-info .author-socials .author-social-links .icon-linkedin,
storefront-view.article .article-footer .author-cards-2-plus .list-content .author-card div .author-info .author-socials .author-social-links .icon-linkedin {
background-image: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/icon-linkedin-black.svg?version=1769026643812);
}
storefront-view.article .article-footer .author-excerpt {
margin-top: 10px;
font-size: 16px;
line-height: 22px;
font-: normal;
font-family: var(--secondaryFont);
color: black;
}
storefront-view.article .article-footer .related-articles {
margin-top: 1em;
}
storefront-view.article .article-footer .related-articles h2 {
margin-bottom: 0.5em;
}
storefront-view.article .article-footer .related-articles .content-data {
padding-top: 15px;
padding-left: 0;
}
storefront-view.article .article-footer .related-articles .content-data .content-title {
font-size: medium;
font-family: var(--secondaryFont);
}
storefront-view.article .share {
margin-bottom: 20px;
}
storefront-view.article .share h2 {
margin-bottom: 10px;
}
storefront-view.article .share .share-icons {
display: flex;
align-items: center;
flex-direction: row;
justify-content: left;
flex-wrap: wrap;
gap: 10px;
}
storefront-view.article .share .share-icons .icon-wrapper {
width: 60px;
height: 40px;
display: flex;
justify-items: center;
align-items: center;
background: red;
}
storefront-view.article .share .share-icons .icon-wrapper[type=facebook] {
background: var(--sharingIconBgColorFacebook);
}
storefront-view.article .share .share-icons .icon-wrapper[type=facebook]:after {
background: var(--iconSharingFacebook) center no-repeat;
content: "";
height: 70%;
width: 100%;
background-size: contain;
}
storefront-view.article .share .share-icons .icon-wrapper[type=linkedin] {
background: var(--sharingIconBgColorLinkedin);
}
storefront-view.article .share .share-icons .icon-wrapper[type=linkedin]:after {
content: "";
background: var(--iconSharingLinkedin) center no-repeat;
height: 70%;
width: 100%;
background-size: contain;
}
storefront-view.article .share .share-icons .icon-wrapper[type=twitter] {
background: var(--sharingIconBgColorTwitter);
}
storefront-view.article .share .share-icons .icon-wrapper[type=twitter]:after {
content: "";
background: var(--iconSharingTwitter) center no-repeat;
height: 70%;
width: 100%;
background-size: contain;
}
storefront-view.article .share .share-icons .icon-wrapper[type=pinterest] {
background: var(--sharingIconBgColorPinterest);
}
storefront-view.article .share .share-icons .icon-wrapper[type=pinterest]:after {
background: var(--iconSharingPinterest) center no-repeat;
content: "";
height: 70%;
width: 100%;
background-size: contain;
}
storefront-view.article .share .share-icons .icon-wrapper[type=reddit] {
background: var(--sharingIconBgColorReddit);
}
storefront-view.article .share .share-icons .icon-wrapper[type=reddit]:after {
background: var(--iconSharingReddit) center no-repeat;
content: "";
height: 70%;
width: 100%;
background-size: contain;
}
storefront-view.article .share .share-icons .icon-wrapper[type=blogger] {
background: var(--sharingIconBgColorBlogger);
}
storefront-view.article .share .share-icons .icon-wrapper[type=blogger]:after {
background: var(--iconSharingBlogger) center no-repeat;
content: "";
height: 70%;
width: 100%;
background-size: contain;
}
storefront-view.article .share .share-icons .icon-wrapper[type=mail] {
background: var(--sharingIconBgColorMail);
}
storefront-view.article .share .share-icons .icon-wrapper[type=mail]:after {
background: var(--iconSharingMail) center no-repeat;
content: "";
height: 70%;
width: 100%;
background-size: contain;
}
storefront-view.article .share .share-icons .icon-wrapper[type=flipboard] {
background: var(--sharingIconBgColorFlipboard);
display: none;
}
storefront-view.article .share .share-icons .icon-wrapper[type=flipboard]:after {
background: var(--iconSharingFlipboard) center no-repeat;
content: "";
height: 70%;
width: 100%;
background-size: contain;
}
storefront-view.article .disqus {
max-width: 600px;
}
storefront-view.article storefront-content-body {
max-width: 600px;
display: block;
}
storefront-view.article storefront-content-body p {
margin-top: 0;
margin-bottom: 0.9rem;
}
storefront-view.article storefront-content-body .wp-block-separator {
border: 1px solid;
border-right: none;
border-left: none;
}
storefront-view.article storefront-content-body .wp-block-separator.is--dots {
background: none !important;
border: none;
text-align: center;
line-height: 1;
height: auto;
}
storefront-view.article storefront-content-body .wp-block-separator.is--dots:before {
content: "\b7\b7\b7";
color: currentColor;
font-size: 1.5em;
letter-spacing: 2em;
padding-left: 2em;
font-family: serif;
}
storefront-view.article storefront-content-body .block-editor-block-list__block[data-type="core/separator"].wp-block-separator.is--dots {
background: none !important;
border: none;
}
storefront-view.article storefront-content-body .wp-block-separator {
width: 15%;
}
storefront-view.article storefront-content-body .wp-block-separator.is--wide {
width: auto;
}
storefront-view.article storefront-content-body .wp-block-separator.has-css-opacity {
opacity: 0.4;
}
storefront-view.article storefront-content-body .wp-block-separator {
border: none;
border-bottom: 2px solid;
margin-left: auto;
margin-right: auto;
}
storefront-view.article storefront-content-body .wp-block-separator.has-alpha-channel-opacity {
opacity: 1;
}
storefront-view.article storefront-content-body .wp-block-separator:not(.is--wide):not(.is--dots) {
width: 100px;
}
storefront-view.article storefront-content-body .wp-block-separator.has-background:not(.is--dots) {
border-bottom: none;
height: 1px;
}
storefront-view.article storefront-content-body .wp-block-separator.has-background:not(.is--wide):not(.is--dots) {
height: 2px;
}
storefront-view.article storefront-content-body .wp-block-button__link {
cursor: pointer;
display: inline-block;
text-align: center;
word-break: break-word;
box-sizing: border-box;
}
storefront-view.article storefront-content-body .wp-block-button__link.aligncenter {
text-align: center;
}
storefront-view.article storefront-content-body .wp-block-button__link.alignright {
text-align: right;
}
storefront-view.article storefront-content-body :where(.wp-block-button__link) {
box-shadow: none;
text-decoration: none;
border-radius: 9999px;
padding: calc(0.667em + 2px) calc(1.333em + 2px);
}
storefront-view.article storefront-content-body .wp-block-button[*=text-decoration] .wp-block-button__link {
text-decoration: inherit;
}
storefront-view.article storefront-content-body .wp-block-buttons > .wp-block-button.has-custom-width {
max-width: none;
}
storefront-view.article storefront-content-body .wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link {
width: 100%;
}
storefront-view.article storefront-content-body .wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link {
font-size: inherit;
}
storefront-view.article storefront-content-body .wp-block-button.is--squared,
storefront-view.article storefront-content-body .wp-block-button__link.wp-block-button.is--squared {
border-radius: 0;
}
storefront-view.article storefront-content-body .wp-block-button.no-border-radius,
storefront-view.article storefront-content-body .wp-block-button__link.no-border-radius {
border-radius: 0 !important;
}
storefront-view.article storefront-content-body .wp-block-button.is--outline > .wp-block-button__link,
storefront-view.article storefront-content-body .wp-block-button .wp-block-button__link.is--outline {
border: 2px solid;
padding: 0.667em 1.333em;
}
storefront-view.article storefront-content-body .wp-block-button.is--outline > .wp-block-button__link:not(.has-text-color),
storefront-view.article storefront-content-body .wp-block-button .wp-block-button__link.is--outline:not(.has-text-color) {
color: currentColor;
}
storefront-view.article storefront-content-body .wp-block-button.is--outline > .wp-block-button__link:not(.has-background),
storefront-view.article storefront-content-body .wp-block-button .wp-block-button__link.is--outline:not(.has-background) {
background-color: transparent;
background-image: none;
}
storefront-view.article storefront-content-body .wp-block-buttons[*=text-decoration] .wp-block-button,
storefront-view.article storefront-content-body .wp-block-buttons[*=text-decoration] .wp-block-button__link {
text-decoration: inherit;
}
storefront-view.article storefront-content-body .wp-block-buttons.has-custom-font-size .wp-block-button__link {
font-size: inherit;
}
storefront-view.article storefront-content-body .wp-block-button.has-custom-lineheight .wp-block-button__link {
line-height: inherit;
}
storefront-view.article storefront-content-body .wp-block-button.has-custom-size .wp-block-button__link {
font-size: inherit;
}
storefront-view.article storefront-content-body .coblocks-form .coblocks-form__submit .wp-block-button__link.is--outline {
background-color: transparent;
border: 2px solid !important;
}
storefront-view.article storefront-content-body .wp-block-coblocks-social.is--mask:not(.has-colors) .wp-block-button__link:not(.has-text-color) {
color: #31373c;
}
storefront-view.article storefront-content-body .wp-block-coblocks-social .wp-block-button__link:not(.has-background) {
background-color: #31373c;
}
storefront-view.article storefront-content-body .wp-block-coblocks-social .wp-block-button__link:not(.has-text-color) {
color: #fff;
}
storefront-view.article storefront-content-body .is-twentyseventeen .coblocks-form__submit .wp-block-button__link {
margin-top: 0.1em;
}
storefront-view.article storefront-content-body .coblocks-form .coblocks-form__submit .wp-block-button__link.is--circular {
border-radius: 100px !important;
}
storefront-view.article storefront-content-body .coblocks-form .coblocks-form__submit .wp-block-button__link.is--3d {
box-shadow: inset 0 -3px 0 0 rgba(0000.25);
}
storefront-view.article storefront-content-body .coblocks-form .coblocks-form__submit .wp-block-button__link.is--shadow {
box-shadow: 0 4px 6px rgba(0000.11)0 1px 3px rgba(0000.075);
}
storefront-view.article storefront-content-body .wp-block-button__link {
font-family: inherit !important;
}
storefront-view.article storefront-content-body .is--circular .wp-block-button__link {
border-radius: 100px !important;
}
storefront-view.article storefront-content-body .is--3d .wp-block-button__link {
box-shadow: inset 0 -3px 0 0 rgba(0000.25);
}
storefront-view.article storefront-content-body .is--shadow {
z-index: 1;
}
storefront-view.article storefront-content-body .is--shadow .wp-block-button__link {
box-shadow: 0 4px 6px rgba(0000.11)0 1px 3px rgba(0000.075);
}
storefront-view.article storefront-content-body .editor-s-wrapper .wp-block-buttons.has-custom-font-size .wp-block-button__link {
font-size: inherit;
}
storefront-view.article storefront-content-body .wp-block-button.w-100,
storefront-view.article storefront-content-body .wp-block-button.w-100 .wp-block-button__link {
width: 100%;
}
storefront-view.article storefront-content-body .editor-s-wrapper .wp-block-button[*=text-decoration] .wp-block-button__link {
text-decoration: inherit;
}
storefront-view.article storefront-content-body .wp-block-query-title,
storefront-view.article storefront-content-body .wp-block-quote {
box-sizing: border-box;
}
storefront-view.article storefront-content-body .wp-block-quote {
overflow-wrap: break-word;
}
storefront-view.article storefront-content-body .wp-block-quote.is-large:not(.is--plain),
storefront-view.article storefront-content-body .wp-block-quote.is--large:not(.is--plain) {
margin-bottom: 1em;
padding: 0 1em;
}
storefront-view.article storefront-content-body .wp-block-quote.is-large:not(.is--plain) p,
storefront-view.article storefront-content-body .wp-block-quote.is--large:not(.is--plain) p {
font-size: 1.5em;
font-: italic;
line-height: 1.6;
}
storefront-view.article storefront-content-body .wp-block-quote.is-large:not(.is--plain) cite,
storefront-view.article storefront-content-body .wp-block-quote.is-large:not(.is--plain) footer,
storefront-view.article storefront-content-body .wp-block-quote.is--large:not(.is--plain) cite,
storefront-view.article storefront-content-body .wp-block-quote.is--large:not(.is--plain) footer {
font-size: 1.125em;
text-align: right;
}
storefront-view.article storefront-content-body .wp-block-quote {
border-left: 0.25em solid;
margin: 0 0 1.75em;
padding-left: 1em;
}
storefront-view.article storefront-content-body .wp-block-quote cite,
storefront-view.article storefront-content-body .wp-block-quote footer {
color: currentColor;
font-size: 0.8125em;
position: relative;
font-: normal;
}
storefront-view.article storefront-content-body .wp-block-quote.has-text-align-right {
border-left: none;
border-right: 0.25em solid;
padding-left: 0;
padding-right: 1em;
}
storefront-view.article storefront-content-body .wp-block-quote.has-text-align-center {
border: none;
padding-left: 0;
}
storefront-view.article storefront-content-body .wp-block-quote.is-large,
storefront-view.article storefront-content-body .wp-block-quote.is--large,
storefront-view.article storefront-content-body .wp-block-quote.is--plain {
border: none;
}
storefront-view.article storefront-content-body .wp-block-quote {
border-left: 8px solid #e34aa0;
padding-left: 25px;
padding-top: 15px;
padding-bottom: 15px;
margin-left: 65px;
margin-right: 65px;
}
storefront-view.article storefront-content-body .editor-s-wrapper .wp-block-quote[*=color] cite,
storefront-view.article storefront-content-body .editor-s-wrapper .wp-block-quote[*=color] p,
storefront-view.article storefront-content-body .editor-s-wrapper .wp-block-quote[*=color] > div > p,
storefront-view.article storefront-content-body .wp-block-quote[*=color] cite,
storefront-view.article storefront-content-body .wp-block-quote[*=color] p,
storefront-view.article storefront-content-body .wp-block-quote[*=color] > div > p {
color: inherit;
}
storefront-view.article storefront-content-body .wp-block-pullquote {
margin: 0 0 1em;
padding: 3em 0;
text-align: center;
overflow-wrap: break-word;
box-sizing: border-box;
}
storefront-view.article storefront-content-body .wp-block-pullquote blockquote,
storefront-view.article storefront-content-body .wp-block-pullquote cite,
storefront-view.article storefront-content-body .wp-block-pullquote p {
color: inherit;
}
storefront-view.article storefront-content-body .wp-block-pullquote.alignleft,
storefront-view.article storefront-content-body .wp-block-pullquote.alignright {
max-width: 420px;
}
storefront-view.article storefront-content-body .wp-block-pullquote cite,
storefront-view.article storefront-content-body .wp-block-pullquote footer {
position: relative;
}
storefront-view.article storefront-content-body .wp-block-pullquote .has-text-color a {
color: inherit;
}
storefront-view.article storefront-content-body .wp-block-pullquote.has-text-align-left blockquote {
text-align: left;
}
storefront-view.article storefront-content-body .wp-block-pullquote.has-text-align-right blockquote {
text-align: right;
}
storefront-view.article storefront-content-body .wp-block-pullquote.is--solid-color {
border: none;
}
storefront-view.article storefront-content-body .wp-block-pullquote.is--solid-color blockquote {
margin-left: auto;
margin-right: auto;
max-width: 60%;
}
storefront-view.article storefront-content-body .wp-block-pullquote.is--solid-color blockquote p {
margin-top: 0;
margin-bottom: 0;
font-size: 2em;
}
storefront-view.article storefront-content-body .wp-block-pullquote.is--solid-color blockquote cite {
text-transform: none;
font-: normal;
}
storefront-view.article storefront-content-body .wp-block-pullquote cite {
color: inherit;
}
storefront-view.article storefront-content-body .wp-block-pullquote {
border-top: 4px solid;
border-bottom: 4px solid;
margin-bottom: 1.75em;
color: currentColor;
}
storefront-view.article storefront-content-body .wp-block-pullquote__citation,
storefront-view.article storefront-content-body .wp-block-pullquote cite,
storefront-view.article storefront-content-body .wp-block-pullquote footer {
color: currentColor;
text-transform: uppercase;
font-size: 0.8125em;
font-: normal;
}
storefront-view.article storefront-content-body .wp-block-pullquote.is--solid-color blockquote p {
font-size: 32px;
}
storefront-view.article storefront-content-body .wp-block-pullquote.is--solid-color .wp-block-pullquote__citation {
text-transform: none;
font-: normal;
}
storefront-view.article storefront-content-body .wp-block-pullquote .wp-block-pullquote__citation {
color: inherit;
}
storefront-view.article storefront-content-body .wp-block-media-text {
direction: ltr;
display: grid;
grid-template-columns: 50% 1fr;
grid-template-rows: auto;
box-sizing: border-box;
}
storefront-view.article storefront-content-body .wp-block-media-text .wp-block-media-text__content,
storefront-view.article storefront-content-body .wp-block-media-text .wp-block-media-text__media {
align-self: center;
}
storefront-view.article storefront-content-body .wp-block-media-text .wp-block-media-text__media {
grid-column: 1;
grid-row: 1;
margin: 0;
}
storefront-view.article storefront-content-body .wp-block-media-text .__resizable_base__ {
grid-column: 1/span 2;
grid-row: 2;
}
storefront-view.article storefront-content-body .wp-block-media-text .editor-media-container__resizer {
width: 100% !important;
}
storefront-view.article storefront-content-body .wp-block-media-text .wp-block-media-text__content {
direction: ltr;
grid-column: 2;
grid-row: 1;
padding: 0 8%;
word-break: break-word;
}
storefront-view.article storefront-content-body .wp-block-quote p {
font-family: RobotoSlab-Bold;
}
storefront-view.article storefront-content-body .wp-block-quote em {
font-: normal;
}
storefront-view.article storefront-content-body .wp-block-coblocks-gallery-carousel {
margin-bottom: 5px !important;
}
storefront-view.article storefront-content-body .wp-block-coblocks-gallery-carousel .coblocks-gallery--figure {
height: unset !important;
}
storefront-view.article storefront-content-body .swiper-slide {
align-self: center !important;
}
storefront-view.article storefront-content-body .coblocks-gallery--caption {
position: unset !important;
}
storefront-view.article storefront-content-body .wp-block-coblocks-gallery-carousel-page-dot-pagination-container {
bottom: 9rem;
}
storefront-view.article storefront-content-body .swiper-container {
height: unset !important;
}
storefront-view.article storefront-content-body .entry-content {
padding: unset !important;
}
storefront-view.article storefront-content-body .entry-title {
display: none;
}
storefront-view.article .outbrain-widget {
display: flex;
max-width: var(--sectionContentWidth);
margin: 0 auto;
}
storefront-content-body .wp-element-button {
background-color: var(--primaryColor);
color: white !important;
}
storefront-content-body #sprylab_purple_content .purple-inner-container {
color: var(--articleContentTextColor);
font-family: var(--secondaryFont);
font-weight: 400;
}
storefront-content-body #sprylab_purple_content .purple-inner-container storefront-element[type=ad] {
margin-bottom: 20px;
}
storefront-content-body #sprylab_purple_content .purple-inner-container a,
storefront-content-body #sprylab_purple_content .purple-inner-container a:visited {
text-decoration: underline;
color: var(--primaryColor);
}
storefront-content-body #sprylab_purple_content .purple-inner-container .alignwide,
storefront-content-body #sprylab_purple_content .purple-inner-container .alignfull {
margin-left: 0px;
margin-right: 0px;
width: 100%;
}
storefront-content-body #sprylab_purple_content .purple-inner-container .wp-block-video video {
width: 100%;
height: auto;
max-width: 100%;
object-fit: contain;
}
storefront-content-body #sprylab_purple_content .purple-inner-container .wp-block-column p.has-text-align-center {
text-align: center;
}
storefront-content-body #sprylab_purple_content .purple-inner-container .wp-block-quote {
border-left-color: var(--secondaryColor);
}
storefront-content-body #sprylab_purple_content .purple-inner-container .wp-block-quote > p {
font-family: var(--primaryFont);
font-size: 1.5em;
}
storefront-content-body #sprylab_purple_content .purple-inner-container .wp-block-quote cite {
font-size: 1em;
}
storefront-content-body #sprylab_purple_content .purple-inner-container .highlight-box {
background-color: var(--articleHighlightedBoxBgColor#F3F4F5);
padding: 15px;
}
storefront-content-body #sprylab_purple_content .purple-inner-container .listicle {
display: flex;
align-items: center;
}
storefront-content-body #sprylab_purple_content .purple-inner-container .listicle .listicle__count {
border-radius: 50%;
background-color: #5972ae;
min-width: 40px;
min-height: 40px;
color: #fff;
font-size: 21px;
font-weight: 400;
margin-bottom: 0;
margin-right: 0.5em;
text-align: center;
line-height: 40px;
}
storefront-content-body #sprylab_purple_content .purple-inner-container .listicle .listicle__title {
font-family: var(--primaryFont);
}
storefront-content-body #sprylab_purple_content .purple-inner-container .coblocks-gallery .nav-button__next,
storefront-content-body #sprylab_purple_content .purple-inner-container .coblocks-gallery .nav-button__prev {
background-color: var(--primaryColor);
top: 43%;
margin: 0 10px;
}
storefront-content-body #sprylab_purple_content .purple-inner-container .coblocks-gallery:not(.has-caption-color).has-caption--dark figcaption {
color: black;
}
storefront-content-body #sprylab_purple_content .purple-inner-container > * {
margin-bottom: 20px;
}
storefront-content-body #sprylab_purple_content .purple-inner-container h1,
storefront-content-body #sprylab_purple_content .purple-inner-container h2,
storefront-content-body #sprylab_purple_content .purple-inner-container h3,
storefront-content-body #sprylab_purple_content .purple-inner-container h4,
storefront-content-body #sprylab_purple_content .purple-inner-container h5,
storefront-content-body #sprylab_purple_content .purple-inner-container h6 {
font-family: var(--primaryFont);
font-weight: 600;
margin-bottom: 10px;
}
storefront-content-body #sprylab_purple_content .purple-inner-container h2 > a::before,
storefront-content-body #sprylab_purple_content .purple-inner-container h3 > a::before,
storefront-content-body #sprylab_purple_content .purple-inner-container h4 > a::before {
display: block;
content: " ";
margin-top: -230px;
height: 230px;
visibility: hidden;
pointer-events: none;
}
@media (max-width: 767px) {
storefront-content-body #sprylab_purple_content .purple-inner-container h2 > a::before,
storefront-content-body #sprylab_purple_content .purple-inner-container h3 > a::before,
storefront-content-body #sprylab_purple_content .purple-inner-container h4 > a::before {
margin-top: -50px;
height: 50px;
}
}
@media (max-width: 991px) {
storefront-content-body #sprylab_purple_content .purple-inner-container h2 > a::before,
storefront-content-body #sprylab_purple_content .purple-inner-container h3 > a::before,
storefront-content-body #sprylab_purple_content .purple-inner-container h4 > a::before {
margin-top: -50px;
height: 50px;
}
}
storefront-content-body #sprylab_purple_content .purple-inner-container h1 {
font-family: var(--primaryFont);
}
storefront-content-body #sprylab_purple_content .purple-inner-container h1 {
font-size: 36px;
line-height: 45px;
}
storefront-content-body #sprylab_purple_content .purple-inner-container h2 {
font-size: 30px;
line-height: 38px;
}
storefront-content-body #sprylab_purple_content .purple-inner-container h3 {
font-size: 25px;
line-height: 32px;
}
storefront-content-body #sprylab_purple_content .purple-inner-container h4,
storefront-content-body #sprylab_purple_content .purple-inner-container h5,
storefront-content-body #sprylab_purple_content .purple-inner-container h6 {
font-size: 20px;
line-height: 28px;
}
storefront-content-body #sprylab_purple_content .purple-inner-container p {
hyphens: none;
font-size: 18px;
line-height: 26px;
white-space: normal;
overflow-wrap: break-word;
letter-spacing: normal;
font-weight: 350;
color: black;
font-family: var(--bodyFont);
}
@media (max-width: 767px) {
storefront-content-body #sprylab_purple_content .purple-inner-container p {
font-size: 18px;
font-weight: 350;
line-height: 26px;
}
}
storefront-content-body #sprylab_purple_content .purple-inner-container figcaption {
font-family: var(--secondaryFont);
font-: normal;
font-size: 11px;
line-height: 20px;
text-align: left;
}
storefront-content-body #sprylab_purple_content .purple-inner-container img {
max-width: 100%;
height: auto;
}
storefront-content-body #sprylab_purple_content .purple-inner-container .author {
display: none;
}
storefront-content-body #sprylab_purple_content .purple-inner-container ul {
list-: disc inside;
text-indent: -25px;
}
storefront-content-body #sprylab_purple_content .purple-inner-container ul,
storefront-content-body #sprylab_purple_content .purple-inner-container ol {
margin: 35px;
}
storefront-content-body #sprylab_purple_content .purple-inner-container ul li,
storefront-content-body #sprylab_purple_content .purple-inner-container ol li {
font-size: 18px;
list-: inherit;
margin-bottom: 10px;
}
storefront-content-body #sprylab_purple_content .purple-inner-container .wp-block-embed .wp-block-embed__wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
storefront-content-body #sprylab_purple_content .purple-inner-container .wp-block-embed .wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
storefront-view.article .how-to-methods {
list--type: none;
}
storefront-view.article .how-to-methods h2 > a::before,
storefront-view.article .how-to-methods h3 > a::before,
storefront-view.article .how-to-methods h4 > a::before,
storefront-view.article .how-to-methods p > a::before {
display: block;
content: " ";
margin-top: -230px;
height: 230px;
visibility: hidden;
pointer-events: none;
}
@media (max-width: 767px) {
storefront-view.article .how-to-methods h2 > a::before,
storefront-view.article .how-to-methods h3 > a::before,
storefront-view.article .how-to-methods h4 > a::before,
storefront-view.article .how-to-methods p > a::before {
margin-top: -50px;
height: 50px;
}
}
@media (max-width: 991px) {
storefront-view.article .how-to-methods h2 > a::before,
storefront-view.article .how-to-methods h3 > a::before,
storefront-view.article .how-to-methods h4 > a::before,
storefront-view.article .how-to-methods p > a::before {
margin-top: -50px;
height: 50px;
}
}
storefront-view.article .how-to-methods li {
margin-bottom: 30px;
}
storefront-view.article .how-to-methods h2 {
font-family: var(--primaryFont);
font-size: 1.675rem;
line-height: 1.75rem;
margin-bottom: 20px;
}
storefront-view.article .how-to-methods h3 {
font-family: var(--primaryFont);
font-size: 1.375rem;
line-height: 1.75rem;
margin-bottom: 20px;
}
storefront-view.article .how-to-methods p {
font-family: var(--secondaryFont);
font-size: 1rem;
line-height: 1.625rem;
margin-bottom: 20px;
}
storefront-view.article .how-to-methods img {
max-width: 100%;
height: auto;
margin: 10px 0;
}
storefront-view.article .how-to-methods a,
storefront-view.article .how-to-methods a:visited {
color: var(--primaryColor);
text-decoration: underline;
}
storefront-view.article .how-to-methods .highlight-box {
background-color: #F3F4F5;
padding: 15px;
margin: 15px 0;
}
storefront-view.article .how-to-methods .highlight-box h1,
storefront-view.article .how-to-methods .highlight-box h2,
storefront-view.article .how-to-methods .highlight-box h3,
storefront-view.article .how-to-methods .highlight-box h4,
storefront-view.article .how-to-methods .highlight-box h5 {
margin-bottom: 20px;
}
storefront-view.article .how-to-you-will-need-title h3 {
font-family: var(--primaryFont);
font-size: 1.375rem;
line-height: 1.75rem;
margin-bottom: 20px;
}
storefront-view.article ul.how-to-you-will-need {
display: flex;
flex-direction: column;
font-family: var(--secondaryFont);
margin-bottom: 30px;
}
storefront-view.article ul.how-to-you-will-need li {
padding: 5px 10px;
}
storefront-view.article ul.how-to-you-will-need li:nth-child(odd) {
background-color: rgba(1251391730.1);
}
storefront-view.article .how-to-you-will-need {
width: 100%;
}
storefront-view.article .how-to-you-will-need div {
width: 100%;
}
storefront-view.article .how-to-you-will-need div ul {
width: 100%;
}
storefront-view.article .how-to-you-will-need div ul li {
width: 100%;
}
storefront-view.article .how-to-time-note {
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
padding: 15px;
margin-bottom: 30px;
gap: 15px;
font-family: var(--secondaryFont);
background-color: rgba(1251391730.1);
}
storefront-view.article .how-to-time-note .how-to-time-note-icon {
display: block;
width: 2.5rem;
height: 2.5rem;
background-image: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/icon-clock.svg?version=1769026643812);
background-size: cover;
}
storefront-view.article .how-to-time-note .how-to-time-note-content-total {
display: flex;
flex-direction: row;
justify-content: flex-start;
gap: 0.25em;
}
storefront-view.article .how-to-time-note .how-to-time-note-content {
display: flex;
flex-direction: column;
justify-content: center;
gap: 0.5em;
}
storefront-view.article .end-summary {
width: 100%;
margin-bottom: 50px;
}
storefront-view.article .end-summary div {
width: 100%;
font-family: var(--secondaryFont);
font-size: 1rem;
line-height: 1.625rem;
}
storefront-view.article .end-summary div > * {
max-width: 100%;
margin-bottom: 20px;
}
storefront-view.article .end-summary div a {
text-decoration: underline;
}
storefront-view.article .end-summary div img {
max-width: 100%;
height: auto;
}
storefront-view.article .recipe-details section {
width: 100%;
}
storefront-view.article .recipe-details section .ingredients-wrapper {
width: 100%;
}
storefront-view.article .recipe-details h2 {
font-family: var(--primaryFont);
font-size: 1.375rem;
line-height: 1.75rem;
}
storefront-view.article .recipe-details .ingredients-wrapper,
storefront-view.article .recipe-details .methods-wrapper {
display: flex;
gap: 15px;
margin-bottom: 40px;
font-family: var(--secondaryFont);
font-size: 1rem;
line-height: 1.625rem;
}
storefront-view.article .recipe-details .ingredients-wrapper .recipe-methods div,
storefront-view.article .recipe-details .methods-wrapper .recipe-methods div {
width: 100%;
}
storefront-view.article .recipe-details .ingredients-wrapper .recipe-methods div img,
storefront-view.article .recipe-details .methods-wrapper .recipe-methods div img {
width: 100%;
}
storefront-view.article .recipe-details .ingredients-wrapper .recipe-methods div ul,
storefront-view.article .recipe-details .methods-wrapper .recipe-methods div ul {
width: 100%;
}
storefront-view.article .recipe-details .ingredients-wrapper .recipe-methods div ul li,
storefront-view.article .recipe-details .methods-wrapper .recipe-methods div ul li {
width: 100%;
}
storefront-view.article .recipe-details .ingredients-wrapper h3,
storefront-view.article .recipe-details .methods-wrapper h3 {
font-family: var(--secondaryFont);
font-size: inherit;
}
storefront-view.article .recipe-details .ingredients-wrapper div {
width: 100%;
}
storefront-view.article .recipe-details .ingredients-wrapper div ul {
width: 100%;
}
storefront-view.article .recipe-details .ingredients-wrapper div ul li {
width: 100%;
}
storefront-view.article .recipe-details .ingredients-wrapper li {
padding: 0.5rem 0;
border-bottom: 2px solid rgba(31211310.1);
}
storefront-view.article .recipe-details .ingredients-wrapper li:last-child {
border-bottom: none;
}
storefront-view.article .recipe-details .methods-wrapper li {
margin-bottom: 20px;
}
@media (min-width: 992px) {
storefront-view.article .ingredients-methods-wrapper {
display: flex;
flex-direction: row;
gap: 20px;
}
storefront-view.article .ingredients-methods-wrapper .ingredients-wrapper {
min-width: 25ch;
}
}
storefront-view.article .list-details storefront-content {
display: grid;
grid-template-columns: 100px auto;
margin-bottom: 20px;
}
storefront-view.article .list-details storefront-content .content-data {
padding-top: 25px;
}
storefront-view.article .list-details storefront-content .content-data .content-description {
display: block;
padding-top: 5px;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
display: -webkit-box;
text-overflow: ellipsis;
overflow: hidden;
}
storefront-view.article .list-details storefront-content .content-data .content-actions .action-button.article-category {
top: 0;
}
storefront-content-body .edit-post-layout__content h1 *,
storefront-content-body .purple-inner-container h1 *,
storefront-content-body .edit-post-layout__content h2 *,
storefront-content-body .purple-inner-container h2 *,
storefront-content-body .edit-post-layout__content h3 *,
storefront-content-body .purple-inner-container h3 *,
storefront-content-body .edit-post-layout__content h4 *,
storefront-content-body .purple-inner-container h4 *,
storefront-content-body .edit-post-layout__content h5 *,
storefront-content-body .purple-inner-container h5 *,
storefront-content-body .edit-post-layout__content h6 *,
storefront-content-body .purple-inner-container h6 * {
font-family: var(--primaryFont) !important;
}
.article-sponsored-text {
opacity: 0;
animation: fadeIn 0.1s ease-out 2.2s forwards;
}
@keyframes fadeIn {
to {
opacity: 1;
}
}
storefront-content-featured-image storefront-image {
padding-top: 65% !important;
}
storefront-view.article .article-wrapper .header-image figcaption:has(.caption) {
margin-top: 0.5em;
}
storefront-view.article .article-wrapper .header-image figcaption .caption {
font-family: var(--secondaryFont);
font-: normal;
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-align: left;
color: #555;
}
storefront-view.page .wp-block-image.is--rounded img {
border-radius: 9999px;
}
storefront-view.page .wp-block-image .aligncenter {
display: flex;
justify-content: center;
}
@media (min-width: 782px) {
storefront-view.page storefront-content-body .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
flex-basis: 0% !important;
flex-grow: 1;
}
}
@media (min-width: 782px) {
storefront-view.page storefront-content-body .wp-block-columns {
flex-wrap: nowrap !important;
}
}
@media (max-width: 781px) {
storefront-view.page storefront-content-body .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
flex-basis: 100% !important;
}
}
storefront-view.page .wp-block-columns {
display: flex;
gap: 1em;
margin-bottom: 1.75em;
box-sizing: border-box;
flex-wrap: wrap !important;
align-items: normal !important;
}
storefront-view.page .wp-block-button {
display: flex;
}
storefront-view.page .wp-block-heading {
margin-top: 10px;
}
storefront-view.page .wp-block-heading.has-text-align-center {
text-align: center;
}
storefront-view.page p {
margin-top: 0;
margin-bottom: 0.9rem;
}
storefront-view.page p.has-text-align-center {
text-align: center;
}
storefront-view.page .wp-block-separator {
border: 1px solid;
border-right: none;
border-left: none;
}
storefront-view.page .wp-block-separator.is--dots {
background: none !important;
border: none;
text-align: center;
line-height: 1;
height: auto;
}
storefront-view.page .wp-block-separator.is--dots:before {
content: "\b7\b7\b7";
color: currentColor;
font-size: 1.5em;
letter-spacing: 2em;
padding-left: 2em;
font-family: serif;
}
storefront-view.page .block-editor-block-list__block[data-type="core/separator"].wp-block-separator.is--dots {
background: none !important;
border: none;
}
storefront-view.page .wp-block-separator {
width: 15%;
}
storefront-view.page .wp-block-separator.is--wide {
width: auto;
}
storefront-view.page .wp-block-separator.has-css-opacity {
opacity: 0.4;
}
storefront-view.page .wp-block-separator {
border: none;
border-bottom: 2px solid;
margin-left: auto;
margin-right: auto;
}
storefront-view.page .wp-block-separator.has-alpha-channel-opacity {
opacity: 1;
}
storefront-view.page .wp-block-separator:not(.is--wide):not(.is--dots) {
width: 100px;
}
storefront-view.page .wp-block-separator.has-background:not(.is--dots) {
border-bottom: none;
height: 1px;
}
storefront-view.page .wp-block-separator.has-background:not(.is--wide):not(.is--dots) {
height: 2px;
}
storefront-view.page .wp-block-button__link {
cursor: pointer;
display: inline-block;
text-align: center;
word-break: break-word;
box-sizing: border-box;
}
storefront-view.page .wp-block-button__link.aligncenter {
text-align: center;
}
storefront-view.page .wp-block-button__link.alignright {
text-align: right;
}
storefront-view.page :where(.wp-block-button__link) {
box-shadow: none;
text-decoration: none;
border-radius: 9999px;
padding: calc(0.667em + 2px) calc(1.333em + 2px);
}
storefront-view.page .wp-block-button[*=text-decoration] .wp-block-button__link {
text-decoration: inherit;
}
storefront-view.page .wp-block-buttons > .wp-block-button.has-custom-width {
max-width: none;
}
storefront-view.page .wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link {
width: 100%;
}
storefront-view.page .wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link {
font-size: inherit;
}
storefront-view.page .wp-block-button.is--squared,
storefront-view.page .wp-block-button__link.wp-block-button.is--squared {
border-radius: 0;
}
storefront-view.page .wp-block-button.no-border-radius,
storefront-view.page .wp-block-button__link.no-border-radius {
border-radius: 0 !important;
}
storefront-view.page .wp-block-button.is--outline > .wp-block-button__link,
storefront-view.page .wp-block-button .wp-block-button__link.is--outline {
border: 2px solid;
padding: 0.667em 1.333em;
}
storefront-view.page .wp-block-button.is--outline > .wp-block-button__link:not(.has-text-color),
storefront-view.page .wp-block-button .wp-block-button__link.is--outline:not(.has-text-color) {
color: currentColor;
}
storefront-view.page .wp-block-button.is--outline > .wp-block-button__link:not(.has-background),
storefront-view.page .wp-block-button .wp-block-button__link.is--outline:not(.has-background) {
background-color: transparent;
background-image: none;
}
storefront-view.page .wp-block-buttons[*=text-decoration] .wp-block-button,
storefront-view.page .wp-block-buttons[*=text-decoration] .wp-block-button__link {
text-decoration: inherit;
}
storefront-view.page .wp-block-buttons.has-custom-font-size .wp-block-button__link {
font-size: inherit;
}
storefront-view.page .wp-block-button.has-custom-lineheight .wp-block-button__link {
line-height: inherit;
}
storefront-view.page .wp-block-button.has-custom-size .wp-block-button__link {
font-size: inherit;
}
storefront-view.page .coblocks-form .coblocks-form__submit .wp-block-button__link.is--outline {
background-color: transparent;
border: 2px solid !important;
}
storefront-view.page .wp-block-coblocks-social.is--mask:not(.has-colors) .wp-block-button__link:not(.has-text-color) {
color: #31373c;
}
storefront-view.page .wp-block-coblocks-social .wp-block-button__link:not(.has-background) {
background-color: #31373c;
}
storefront-view.page .wp-block-coblocks-social .wp-block-button__link:not(.has-text-color) {
color: #fff;
}
storefront-view.page .is-twentyseventeen .coblocks-form__submit .wp-block-button__link {
margin-top: 0.1em;
}
storefront-view.page .coblocks-form .coblocks-form__submit .wp-block-button__link.is--circular {
border-radius: 100px !important;
}
storefront-view.page .coblocks-form .coblocks-form__submit .wp-block-button__link.is--3d {
box-shadow: inset 0 -3px 0 0 rgba(0000.25);
}
storefront-view.page .coblocks-form .coblocks-form__submit .wp-block-button__link.is--shadow {
box-shadow: 0 4px 6px rgba(0000.11)0 1px 3px rgba(0000.075);
}
storefront-view.page .wp-block-button__link {
font-family: inherit !important;
}
storefront-view.page .is--circular .wp-block-button__link {
border-radius: 100px !important;
}
storefront-view.page .is--3d .wp-block-button__link {
box-shadow: inset 0 -3px 0 0 rgba(0000.25);
}
storefront-view.page .is--shadow {
z-index: 1;
}
storefront-view.page .is--shadow .wp-block-button__link {
box-shadow: 0 4px 6px rgba(0000.11)0 1px 3px rgba(0000.075);
}
storefront-view.page .editor-s-wrapper .wp-block-buttons.has-custom-font-size .wp-block-button__link {
font-size: inherit;
}
storefront-view.page .wp-block-button.w-100,
storefront-view.page .wp-block-button.w-100 .wp-block-button__link {
width: 100%;
}
storefront-view.page .editor-s-wrapper .wp-block-button[*=text-decoration] .wp-block-button__link {
text-decoration: inherit;
}
storefront-view.page .wp-block-query-title,
storefront-view.page .wp-block-quote {
box-sizing: border-box;
}
storefront-view.page .wp-block-quote {
overflow-wrap: break-word;
}
storefront-view.page .wp-block-quote.is-large:not(.is--plain),
storefront-view.page .wp-block-quote.is--large:not(.is--plain) {
margin-bottom: 1em;
padding: 0 1em;
}
storefront-view.page .wp-block-quote.is-large:not(.is--plain) p,
storefront-view.page .wp-block-quote.is--large:not(.is--plain) p {
font-size: 1.5em;
font-: italic;
line-height: 1.6;
}
storefront-view.page .wp-block-quote.is-large:not(.is--plain) cite,
storefront-view.page .wp-block-quote.is-large:not(.is--plain) footer,
storefront-view.page .wp-block-quote.is--large:not(.is--plain) cite,
storefront-view.page .wp-block-quote.is--large:not(.is--plain) footer {
font-size: 1.125em;
text-align: right;
}
storefront-view.page .wp-block-quote {
border-left: 0.25em solid;
margin: 0 0 1.75em;
padding-left: 1em;
}
storefront-view.page .wp-block-quote cite,
storefront-view.page .wp-block-quote footer {
color: currentColor;
font-size: 0.8125em;
position: relative;
font-: normal;
}
storefront-view.page .wp-block-quote.has-text-align-right {
border-left: none;
border-right: 0.25em solid;
padding-left: 0;
padding-right: 1em;
}
storefront-view.page .wp-block-quote.has-text-align-center {
border: none;
padding-left: 0;
}
storefront-view.page .wp-block-quote.is-large,
storefront-view.page .wp-block-quote.is--large,
storefront-view.page .wp-block-quote.is--plain {
border: none;
}
storefront-view.page .wp-block-quote {
border-left: 8px solid #e34aa0;
padding-left: 25px;
padding-top: 15px;
padding-bottom: 15px;
margin-left: 65px;
margin-right: 65px;
}
storefront-view.page .editor-s-wrapper .wp-block-quote[*=color] cite,
storefront-view.page .editor-s-wrapper .wp-block-quote[*=color] p,
storefront-view.page .editor-s-wrapper .wp-block-quote[*=color] > div > p,
storefront-view.page .wp-block-quote[*=color] cite,
storefront-view.page .wp-block-quote[*=color] p,
storefront-view.page .wp-block-quote[*=color] > div > p {
color: inherit;
}
storefront-view.page .wp-block-pullquote {
margin: 0 0 1em;
padding: 3em 0;
text-align: center;
overflow-wrap: break-word;
box-sizing: border-box;
}
storefront-view.page .wp-block-pullquote blockquote,
storefront-view.page .wp-block-pullquote cite,
storefront-view.page .wp-block-pullquote p {
color: inherit;
}
storefront-view.page .wp-block-pullquote.alignleft,
storefront-view.page .wp-block-pullquote.alignright {
max-width: 420px;
}
storefront-view.page .wp-block-pullquote cite,
storefront-view.page .wp-block-pullquote footer {
position: relative;
}
storefront-view.page .wp-block-pullquote .has-text-color a {
color: inherit;
}
storefront-view.page .wp-block-pullquote.has-text-align-left blockquote {
text-align: left;
}
storefront-view.page .wp-block-pullquote.has-text-align-right blockquote {
text-align: right;
}
storefront-view.page .wp-block-pullquote.is--solid-color {
border: none;
}
storefront-view.page .wp-block-pullquote.is--solid-color blockquote {
margin-left: auto;
margin-right: auto;
max-width: 60%;
}
storefront-view.page .wp-block-pullquote.is--solid-color blockquote p {
margin-top: 0;
margin-bottom: 0;
font-size: 2em;
}
storefront-view.page .wp-block-pullquote.is--solid-color blockquote cite {
text-transform: none;
font-: normal;
}
storefront-view.page .wp-block-pullquote cite {
color: inherit;
}
storefront-view.page .wp-block-pullquote {
border-top: 4px solid;
border-bottom: 4px solid;
margin-bottom: 1.75em;
color: currentColor;
}
storefront-view.page .wp-block-pullquote__citation,
storefront-view.page .wp-block-pullquote cite,
storefront-view.page .wp-block-pullquote footer {
color: currentColor;
text-transform: uppercase;
font-size: 0.8125em;
font-: normal;
}
storefront-view.page .wp-block-pullquote.is--solid-color blockquote p {
font-size: 32px;
}
storefront-view.page .wp-block-pullquote.is--solid-color .wp-block-pullquote__citation {
text-transform: none;
font-: normal;
}
storefront-view.page .wp-block-pullquote .wp-block-pullquote__citation {
color: inherit;
}
storefront-view.page .wp-block-media-text {
direction: ltr;
display: grid;
grid-template-columns: 50% 1fr;
grid-template-rows: auto;
box-sizing: border-box;
}
storefront-view.page .wp-block-media-text .wp-block-media-text__content,
storefront-view.page .wp-block-media-text .wp-block-media-text__media {
align-self: center;
}
storefront-view.page .wp-block-media-text .wp-block-media-text__media {
grid-column: 1;
grid-row: 1;
margin: 0;
}
storefront-view.page .wp-block-media-text .__resizable_base__ {
grid-column: 1/span 2;
grid-row: 2;
}
storefront-view.page .wp-block-media-text .editor-media-container__resizer {
width: 100% !important;
}
storefront-view.page .wp-block-media-text .wp-block-media-text__content {
direction: ltr;
grid-column: 2;
grid-row: 1;
padding: 0 8%;
word-break: break-word;
}
storefront-view.page .wp-block-quote p {
font-family: RobotoSlab-Bold;
}
storefront-view.page .wp-block-quote em {
font-: normal;
}
storefront-view.page .wp-block-coblocks-gallery-carousel {
margin-bottom: 5px !important;
}
storefront-view.page .wp-block-coblocks-gallery-carousel .coblocks-gallery--figure {
height: unset !important;
}
storefront-view.page p.has-small-font-size {
font-size: 13px !important;
}
storefront-view.page p.has-medium-font-size {
font-size: 20px !important;
}
storefront-view.page p.has-large-font-size {
font-size: 36px !important;
}
storefront-view.page p.has-x-large-font-size {
font-size: 42px !important;
}
storefront-view.page p.has-black-color {
color: #000000 !important;
}
storefront-view.page p.has-cyan-bluish-gray-color {
color: #abb8c3 !important;
}
storefront-view.page p.has-white-color {
color: #ffffff !important;
}
storefront-view.page p.has-pale-pink-color {
color: #f78da7 !important;
}
storefront-view.page p.has-vivid-red-color {
color: #cf2e2e !important;
}
storefront-view.page p.has-luminous-vivid-orange-color {
color: #ff6900 !important;
}
storefront-view.page p.has-luminous-vivid-amber-color {
color: #fcb900 !important;
}
storefront-view.page p.has-light-green-cyan-color {
color: #7bdcb5 !important;
}
storefront-view.page p.has-vivid-green-cyan-color {
color: #00d084 !important;
}
storefront-view.page p.has-pale-cyan-blue-color {
color: #8ed1fc !important;
}
storefront-view.page p.has-vivid-cyan-blue-color {
color: #0693e3 !important;
}
storefront-view.page p.has-vivid-purple-color {
color: #9b51e0 !important;
}
storefront-view.page p.has-black-background-color {
background-color: #000000;
}
storefront-view.page p.has-cyan-bluish-gray-background-color {
background-color: #abb8c3;
}
storefront-view.page p.has-white-background-color {
background-color: #ffffff;
}
storefront-view.page p.has-pale-pink-background-color {
background-color: #f78da7;
}
storefront-view.page p.has-vivid-red-background-color {
background-color: #cf2e2e;
}
storefront-view.page p.has-luminous-vivid-orange-background-color {
background-color: #ff6900;
}
storefront-view.page p.has-luminous-vivid-amber-background-color {
background-color: #fcb900;
}
storefront-view.page p.has-light-green-cyan-background-color {
background-color: #7bdcb5;
}
storefront-view.page p.has-vivid-green-cyan-background-color {
background-color: #00d084;
}
storefront-view.page p.has-pale-cyan-blue-background-color {
background-color: #8ed1fc;
}
storefront-view.page p.has-vivid-cyan-blue-background-color {
background-color: #0693e3;
}
storefront-view.page p.has-vivid-purple-background-color {
background-color: #9b51e0;
}
storefront-view.page button {
outline: none !important;
}
storefront-view.page > .content > storefront-element[type=section] .view-content .entry-content {
padding: unset;
}
@media (min-width: 992px) {
storefront-view.page storefront-view > .content > storefront-element[type=section] .view-content {
padding-left: 10px;
padding-right: 10px;
min-width: 990px;
background-color: var(--backgroundColor);
}
}
storefront-view.page storefront-content-body #sprylab_purple_content .purple-inner-container a,
storefront-view.page storefront-content-body #sprylab_purple_content .purple-inner-container a:visited {
text-decoration: none !important;
}
storefront-view.page storefront-content-body #sprylab_purple_content .purple-inner-container img {
height: 100% !important;
}
storefront-view.page article {
overflow-x: visible;
row-gap: var(--columnGridGap);
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(6) storefront-content .content-data .content-title,
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(7) storefront-content .content-data .content-title,
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(8) storefront-content .content-data .content-title,
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(9) storefront-content .content-data .content-title,
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(10) storefront-content .content-data .content-title {
font-family: var(--secondaryFont);
font-weight: 400;
}
storefront-view.page article storefront-button button a span {
color: white;
}
storefront-view.page article storefront-content .content-actions button span {
display: block !important;
}
storefront-view.page article button,
storefront-view.page article storefront-element[type=button] {
border: none !important;
}
storefront-view.page article storefront-element[type=button] {
padding: unset !important;
}
storefront-view.page article .section-title {
margin: 10px 0 30px;
justify-content: center;
font-family: var(--primaryFont);
font-: normal;
font-weight: 400;
font-size: 25px;
line-height: 46px;
color: black;
}
storefront-view.page article .section-subtitle {
margin-bottom: 20px;
justify-content: center;
font-family: var(--primaryFont);
font-: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
text-transform: inherit;
}
storefront-view.page article .section-button-container {
flex-direction: row;
justify-content: center;
margin: 20px calc((var(--sectionWidth) - var(--sectionContentWidth)) / -2) 0;
padding: 20px calc((var(--sectionWidth) - var(--sectionContentWidth)) / 2);
background: var(--homeArticleGridButtonContainerBgColor);
}
storefront-view.page article .section-button-container button.action-button {
outline: none;
}
storefront-view.page article .section-button-container .section-button {
min-width: 300px;
justify-content: center;
background: var(--homeArticleGridButtonBgColor);
color: var(--homeArticleGridButtonTextColor);
}
@media (max-width: 767px) {
storefront-view.page article .section-button-container .section-button {
width: 100%;
min-width: inherit;
}
}
@media (max-width: 767px) {
storefront-view.page article .section-button-container storefront-element[type=button] {
width: 100%;
}
}
storefront-view.page article .section-hero .section-content storefront-list .list-content {
display: grid;
grid-gap: var(--columnGridGap);
}
@media (max-width: 767px) {
storefront-view.page article .section-hero .section-content storefront-list .list-content {
grid-template-columns: 1fr;
}
}
storefront-view.page article .section-hero .section-content storefront-list {
overflow: visible;
}
storefront-view.page article .section-hero .section-content storefront-content .content-image storefront-image[height-strategy=FIXED] {
aspect-ratio: 9.4/4;
padding-top: 42.5531914894%;
}
storefront-view.page article .section-hero .section-content storefront-content .content-data {
position: absolute;
top: 50%;
transform: translateY(-50%);
overflow: visible;
width: 400px;
margin-left: 20px;
padding: 20px 20px 50px;
}
@media (max-width: 991px) {
storefront-view.page article .section-hero .section-content storefront-content .content-data {
width: 300px;
padding-bottom: 40px;
}
}
@media (max-width: 767px) {
storefront-view.page article .section-hero .section-content storefront-content .content-data {
position: initial;
width: initial;
transform: initial;
margin: 0;
padding: 15px;
}
}
storefront-view.page article .section-hero .section-content storefront-content .content-data .content-title {
font-family: var(--primaryFont);
text-align: left;
margin-bottom: 20px;
font-size: 20px;
}
@media (max-width: 767px) {
storefront-view.page article .section-hero .section-content storefront-content .content-data .content-title {
margin-bottom: 15px;
}
}
storefront-view.page article .section-hero .section-content storefront-content .content-data .content-description {
display: block;
font-family: var(--primaryFont);
font-: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
display: -webkit-box;
text-overflow: ellipsis;
overflow: hidden;
}
@media (max-width: 991px) {
storefront-view.page article .section-hero .section-content storefront-content .content-data .content-description {
margin-top: -10px;
}
}
@media (max-width: 767px) {
storefront-view.page article .section-hero .section-content storefront-content .content-data .content-description {
margin-top: 0;
}
}
storefront-view.page article .section-hero .section-content storefront-content .content-data .content-actions {
order: 20;
justify-content: flex-start;
}
storefront-view.page article .section-hero .section-content storefront-content .content-data .content-actions .read-button {
display: block;
position: absolute;
bottom: 0;
transform: translateY(50%);
min-width: 155px;
}
@media (max-width: 767px) {
storefront-view.page article .section-hero .section-content storefront-content .content-data .content-actions .read-button {
position: relative;
transform: initial;
margin-top: 30px;
}
}
storefront-view.page article .section-hero .section-content storefront-content .content-data .content-actions .action-button.article-category {
display: none;
}
storefront-view.page article .home-banner {
cursor: pointer;
}
storefront-view.page article .home-banner img {
width: 100%;
}
storefront-view.page article .section-list-highlight {
background: var(--homeArticleGridHighlightBgColor);
padding: 20px 20px 0;
}
@media (max-width: 991px) {
storefront-view.page article .section-list-highlight {
padding: 20px 10px 0;
}
}
@media (max-width: 767px) {
storefront-view.page article .section-list-highlight {
margin: 0 calc((var(--sectionWidth) - var(--sectionContentWidth)) / -2);
padding: 20px calc((var(--sectionWidth) - var(--sectionContentWidth)) / 2) 0;
}
}
storefront-view.page article .section-list-highlight .section-title {
margin-top: 10px;
color: white;
}
@media (max-width: 767px) {
storefront-view.page article .section-list-highlight .section-title {
margin-top: 5px;
}
}
storefront-view.page article .section-list-highlight .section-content {
padding-bottom: 20px;
}
storefront-view.page article .section-list-highlight .section-content storefront-list .list-content {
display: grid;
grid-gap: var(--columnGridGap);
}
@media (max-width: 767px) {
storefront-view.page article .section-list-highlight .section-content storefront-list .list-content {
grid-template-columns: 1fr;
}
}
@media (min-width: 768px) {
storefront-view.page article .section-list-highlight .section-content .list-content storefront-content {
display: flex;
flex-direction: row;
background-color: var(--articleBgColor);
}
storefront-view.page article .section-list-highlight .section-content .list-content storefront-content .content-image {
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
}
storefront-view.page article .section-list-highlight .section-content .list-content storefront-content .content-image storefront-image img {
object-fit: cover;
object-position: center;
}
storefront-view.page article .section-list-highlight .section-content .list-content storefront-content .content-data {
flex-grow: 3.85;
flex-shrink: 0;
flex-basis: 0;
}
}
@media (min-width: 768px) and (max-width: 991px) {
storefront-view.page article .section-list-highlight .section-content .list-content storefront-content .content-data {
flex-grow: 2.95;
}
}
storefront-view.page article .section-list-highlight .section-button-container {
margin: 0;
padding: 20px;
background-color: var(--homeArticleGridHighlightButtonContainerBgColor);
}
@media (max-width: 767px) {
storefront-view.page article .section-list-highlight .section-button-container {
margin: 0 calc((var(--sectionWidth) - var(--sectionContentWidth)) / -2);
padding: 20px calc((var(--sectionWidth) - var(--sectionContentWidth)) / 2);
}
}
storefront-view.page article .section-2-cols-small .section-content storefront-list .list-content {
display: grid;
grid-gap: var(--columnGridGap);
}
@media (max-width: 767px) {
storefront-view.page article .section-2-cols-small .section-content storefront-list .list-content {
grid-template-columns: 1fr;
}
}
storefront-view.page article .section-2-cols-small .section-content .list-content {
grid-template-columns: 1fr 1fr;
}
@media (min-width: 768px) {
storefront-view.page article .section-2-cols-small .section-content .list-content storefront-content {
display: flex;
flex-direction: row;
background-color: var(--articleBgColor);
}
storefront-view.page article .section-2-cols-small .section-content .list-content storefront-content .content-image {
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
}
storefront-view.page article .section-2-cols-small .section-content .list-content storefront-content .content-image storefront-image img {
object-fit: cover;
object-position: center;
}
storefront-view.page article .section-2-cols-small .section-content .list-content storefront-content .content-data {
flex-grow: 1.5;
flex-shrink: 0;
flex-basis: 0;
}
}
storefront-view.page article .section-custom-3 .section-content storefront-content[post-type=competition] .content-data .content-actions .competition-button {
display: none;
}
storefront-view.page article .section-custom-3 .section-content storefront-content[post-type=competition] .content-data .content-description {
display: none;
}
storefront-view.page article .section-custom-3 .section-content storefront-content[post-type=competition] .content-data .competition-date {
display: none;
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content {
display: grid;
grid-gap: var(--columnGridGap);
}
@media (max-width: 767px) {
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content {
grid-template-columns: 1fr;
}
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content::before {
content: "What's new?";
color: var(--textColor);
font-family: var(--primaryFont);
font-: normal;
font-weight: 400;
font-size: 20px;
line-height: 28px;
}
@media (min-width: 768px) {
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content {
grid-column-gap: var(--columnGridGap);
grid-row-gap: 0;
grid-template-columns: repeat(4minmax(01fr));
grid-template-rows: repeat(6min-content);
grid-template-areas: "big big medium-1 list-header" "big big medium-1 list-1" "big big medium-1 list-2" "big big medium-1 list-3" "big big medium-1 list-4" "big big medium-2 list-5" "big big medium-2 empty" "big big medium-2 empty" "small-1 small-2 medium-2 empty" "small-1 small-2 medium-2 empty";
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content::before {
grid-area: list-header;
margin-bottom: -8px;
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content::after {
grid-area: empty;
content: "";
height: auto;
}
}
@media (min-width: 768px) and (max-width: 767px) {
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content::after {
display: none;
}
}
@media (min-width: 768px) {
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(1) {
grid-area: big;
margin-bottom: 10px;
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(2) {
grid-area: small-1;
margin-top: 10px;
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(3) {
grid-area: small-2;
margin-top: 10px;
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(4) {
grid-area: medium-1;
margin-bottom: 10px;
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(5) {
grid-area: medium-2;
margin-top: 10px;
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(6) {
grid-area: list-1;
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(7) {
grid-area: list-2;
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(8) {
grid-area: list-3;
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(9) {
grid-area: list-4;
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(10) {
grid-area: list-5;
}
}
@media (max-width: 767px) {
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content::before {
grid-row: 6/7;
margin-bottom: -10px;
}
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(2) storefront-image {
display: none;
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(3) storefront-image {
display: none;
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(6):not(:last-child) {
border-bottom: 1px solid var(--homeArticleGridListBorderColor);
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(6) storefront-content storefront-image {
display: none;
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(6) storefront-content .content-data {
padding: 10px 0;
background-color: transparent;
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(6) storefront-content .content-data .content-title {
font-size: 16px;
text-align: left;
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(6) storefront-content .content-data .content-actions {
display: none;
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(6) storefront-content.sponsored .content-data,
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(6) storefront-content.editor-highlight .content-data {
--textColor: var(--textColor);
--secondaryTextColor: var(--secondaryTextColor);
color: var(--textColor);
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(7):not(:last-child) {
border-bottom: 1px solid var(--homeArticleGridListBorderColor);
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(7) storefront-content storefront-image {
display: none;
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(7) storefront-content .content-data {
padding: 10px 0;
background-color: transparent;
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(7) storefront-content .content-data .content-title {
font-size: 16px;
text-align: left;
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(7) storefront-content .content-data .content-actions {
display: none;
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(7) storefront-content.sponsored .content-data,
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(7) storefront-content.editor-highlight .content-data {
--textColor: var(--textColor);
--secondaryTextColor: var(--secondaryTextColor);
color: var(--textColor);
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(8):not(:last-child) {
border-bottom: 1px solid var(--homeArticleGridListBorderColor);
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(8) storefront-content storefront-image {
display: none;
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(8) storefront-content .content-data {
padding: 10px 0;
background-color: transparent;
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(8) storefront-content .content-data .content-title {
font-size: 16px;
text-align: left;
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(8) storefront-content .content-data .content-actions {
display: none;
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(8) storefront-content.sponsored .content-data,
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(8) storefront-content.editor-highlight .content-data {
--textColor: var(--textColor);
--secondaryTextColor: var(--secondaryTextColor);
color: var(--textColor);
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(9):not(:last-child) {
border-bottom: 1px solid var(--homeArticleGridListBorderColor);
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(9) storefront-content storefront-image {
display: none;
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(9) storefront-content .content-data {
padding: 10px 0;
background-color: transparent;
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(9) storefront-content .content-data .content-title {
font-size: 16px;
text-align: left;
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(9) storefront-content .content-data .content-actions {
display: none;
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(9) storefront-content.sponsored .content-data,
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(9) storefront-content.editor-highlight .content-data {
--textColor: var(--textColor);
--secondaryTextColor: var(--secondaryTextColor);
color: var(--textColor);
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(10):not(:last-child) {
border-bottom: 1px solid var(--homeArticleGridListBorderColor);
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(10) storefront-content storefront-image {
display: none;
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(10) storefront-content .content-data {
padding: 10px 0;
background-color: transparent;
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(10) storefront-content .content-data .content-title {
font-size: 16px;
text-align: left;
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(10) storefront-content .content-data .content-actions {
display: none;
}
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(10) storefront-content.sponsored .content-data,
storefront-view.page article .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(10) storefront-content.editor-highlight .content-data {
--textColor: var(--textColor);
--secondaryTextColor: var(--secondaryTextColor);
color: var(--textColor);
}
storefront-view.page article .section-custom-2-highlight {
padding: var(--contentPaddingVert) var(--contentPaddingHoriz);
}
storefront-view.page article .section-custom-2-highlight .section-content .list-content storefront-content.editor-highlight .content-data .content-actions .action-button:not(.sponsored-advertisement).article-category,
storefront-view.page article .section-custom-2-highlight .section-content .list-content storefront-content.sponsored .content-data .content-actions .action-button:not(.sponsored-advertisement).article-category {
color: black !important;
}
storefront-view.page article .section-custom-2-highlight .section-title,
storefront-view.page article .section-custom-2-highlight .section-subtitle {
margin: 0 calc((var(--sectionWidth) - var(--sectionContentWidth)) / -2);
padding: 20px calc((var(--sectionWidth) - var(--sectionContentWidth)) / 2) 0;
background: var(--homeArticleGridHighlightBgColor);
color: white;
}
storefront-view.page article .section-custom-2-highlight .section-content {
margin: 0 calc((var(--sectionWidth) - var(--sectionContentWidth)) / -2);
padding: 20px calc((var(--sectionWidth) - var(--sectionContentWidth)) / 2);
background: var(--homeArticleGridHighlightBgColor);
}
storefront-view.page article .section-custom-2-highlight .section-content storefront-list .list-content {
display: grid;
grid-gap: var(--columnGridGap);
}
@media (max-width: 767px) {
storefront-view.page article .section-custom-2-highlight .section-content storefront-list .list-content {
grid-template-columns: 1fr;
}
}
@media (min-width: 768px) {
storefront-view.page article .section-custom-2-highlight .section-content .list-content {
grid-template-columns: repeat(4minmax(01fr));
grid-template-rows: repeat(4min-content);
grid-template-areas: "big big medium-1 medium-2" "big big medium-1 medium-2" "big big medium-3 medium-4" "small small medium-3 medium-4";
}
storefront-view.page article .section-custom-2-highlight .section-content .list-content storefront-element:nth-child(1) {
grid-area: big;
}
storefront-view.page article .section-custom-2-highlight .section-content .list-content storefront-element:nth-child(2) {
grid-area: small;
}
storefront-view.page article .section-custom-2-highlight .section-content .list-content storefront-element:nth-child(2) storefront-content {
display: flex;
flex-direction: row;
}
storefront-view.page article .section-custom-2-highlight .section-content .list-content storefront-element:nth-child(2) storefront-content .content-image {
flex-grow: 1.2;
flex-shrink: 1;
flex-basis: 0;
}
storefront-view.page article .section-custom-2-highlight .section-content .list-content storefront-element:nth-child(2) storefront-content .content-image storefront-image {
height: 100%;
}
storefront-view.page article .section-custom-2-highlight .section-content .list-content storefront-element:nth-child(2) storefront-content .content-image storefront-image img {
object-fit: cover;
object-position: center;
}
storefront-view.page article .section-custom-2-highlight .section-content .list-content storefront-element:nth-child(2) storefront-content .content-data {
flex-grow: 2.5;
flex-shrink: 0;
flex-basis: 0;
}
storefront-view.page article .section-custom-2-highlight .section-content .list-content storefront-element:nth-child(3) {
grid-area: medium-1;
}
storefront-view.page article .section-custom-2-highlight .section-content .list-content storefront-element:nth-child(4) {
grid-area: medium-2;
}
storefront-view.page article .section-custom-2-highlight .section-content .list-content storefront-element:nth-child(5) {
grid-area: medium-3;
}
storefront-view.page article .section-custom-2-highlight .section-content .list-content storefront-element:nth-child(6) {
grid-area: medium-4;
}
}
storefront-view.page article .section-custom-2-highlight .section-content .list-content storefront-content.editor-highlight .content-data,
storefront-view.page article .section-custom-2-highlight .section-content .list-content storefront-content.sponsored .content-data {
color: var(--articleEditorHighlightTextColor);
background: var(--articleEditorHighlightBgColor);
}
storefront-view.page article .section-custom-2-highlight .section-content .list-content storefront-content.editor-highlight .content-data .content-title .article-label,
storefront-view.page article .section-custom-2-highlight .section-content .list-content storefront-content.sponsored .content-data .content-title .article-label {
color: var(--articleEditorHighlightTextColor);
}
storefront-view.page article .section-custom-2-highlight .section-content .list-content storefront-content.editor-highlight .content-data .content-actions .action-button:not(.sponsored-advertisement),
storefront-view.page article .section-custom-2-highlight .section-content .list-content storefront-content.sponsored .content-data .content-actions .action-button:not(.sponsored-advertisement) {
background: var(--articleEditorHighlightCategoryButtonBgColor);
color: var(--articleEditorHighlightTextColor);
}
storefront-view.page article .section-custom-2-highlight .section-content .list-content storefront-content.editor-highlight .content-data .content-actions .action-button:not(.sponsored-advertisement).article-category,
storefront-view.page article .section-custom-2-highlight .section-content .list-content storefront-content.sponsored .content-data .content-actions .action-button:not(.sponsored-advertisement).article-category {
background: var(--articleEditorHighlightCategoryButtonBgColor);
color: var(--articleEditorHighlightTextColor);
}
storefront-view.page article .section-custom-2-highlight .section-content .list-content storefront-content.editor-highlight .content-data .content-actions .sponsored-advertisement,
storefront-view.page article .section-custom-2-highlight .section-content .list-content storefront-content.sponsored .content-data .content-actions .sponsored-advertisement {
color: var(--textColor);
}
storefront-view.page article .section-custom-2-highlight .section-content .list-content storefront-content.editor-highlight.external-offer .content-data .external-offer-partner-name,
storefront-view.page article .section-custom-2-highlight .section-content .list-content storefront-content.sponsored.external-offer .content-data .external-offer-partner-name {
color: var(--externalOfferPartnerNameColor);
}
storefront-view.page article .section-custom-2-highlight .section-button-container {
margin-top: 0;
background-color: var(--homeArticleGridHighlightButtonContainerBgColor);
}
storefront-view.page article .section-3-cols .section-content storefront-list .list-content {
display: grid;
grid-gap: var(--columnGridGap);
}
@media (max-width: 767px) {
storefront-view.page article .section-3-cols .section-content storefront-list .list-content {
grid-template-columns: 1fr;
}
}
storefront-view.page article .section-3-cols .section-content .list-content {
grid-template-columns: 1fr 1fr 1fr;
}
storefront-view.page article .section-3-cols-highlight {
padding: var(--contentPaddingVert) var(--contentPaddingHoriz);
}
storefront-view.page article .section-3-cols-highlight .section-content .list-content storefront-content.editor-highlight .content-data .content-actions .action-button:not(.sponsored-advertisement).article-category,
storefront-view.page article .section-3-cols-highlight storefront-view.page article .section-3-cols-highlight .section-content .list-content storefront-content.sponsored .content-data .content-actions .action-button:not(.sponsored-advertisement).article-category {
color: black;
}
storefront-view.page article .section-3-cols-highlight .section-title,
storefront-view.page article .section-3-cols-highlight .section-subtitle {
margin: 0 calc((var(--sectionWidth) - var(--sectionContentWidth)) / -2);
padding: 20px calc((var(--sectionWidth) - var(--sectionContentWidth)) / 2) 0;
background: var(--homeArticleGridHighlightBgColor);
color: white;
}
storefront-view.page article .section-3-cols-highlight .section-content {
margin: 0 calc((var(--sectionWidth) - var(--sectionContentWidth)) / -2);
padding: 20px calc((var(--sectionWidth) - var(--sectionContentWidth)) / 2);
background: var(--homeArticleGridHighlightBgColor);
}
storefront-view.page article .section-3-cols-highlight .section-content storefront-list .list-content {
display: grid;
grid-gap: var(--columnGridGap);
}
@media (max-width: 767px) {
storefront-view.page article .section-3-cols-highlight .section-content storefront-list .list-content {
grid-template-columns: 1fr;
}
}
storefront-view.page article .section-3-cols-highlight .section-content .list-content {
grid-template-columns: 1fr 1fr 1fr;
}
storefront-view.page article .section-3-cols-highlight .section-content .list-content storefront-content.editor-highlight .content-data,
storefront-view.page article .section-3-cols-highlight .section-content .list-content storefront-content.sponsored .content-data {
color: var(--articleEditorHighlightTextColor);
background: var(--articleEditorHighlightBgColor);
}
storefront-view.page article .section-3-cols-highlight .section-content .list-content storefront-content.editor-highlight .content-data .content-title .article-label,
storefront-view.page article .section-3-cols-highlight .section-content .list-content storefront-content.sponsored .content-data .content-title .article-label {
color: var(--articleEditorHighlightTextColor);
}
storefront-view.page article .section-3-cols-highlight .section-content .list-content storefront-content.editor-highlight .content-data .content-actions .action-button:not(.sponsored-advertisement),
storefront-view.page article .section-3-cols-highlight .section-content .list-content storefront-content.sponsored .content-data .content-actions .action-button:not(.sponsored-advertisement) {
background: var(--articleEditorHighlightCategoryButtonBgColor);
color: var(--articleEditorHighlightTextColor);
}
storefront-view.page article .section-3-cols-highlight .section-content .list-content storefront-content.editor-highlight .content-data .content-actions .action-button:not(.sponsored-advertisement).article-category,
storefront-view.page article .section-3-cols-highlight .section-content .list-content storefront-content.sponsored .content-data .content-actions .action-button:not(.sponsored-advertisement).article-category {
background: var(--articleEditorHighlightCategoryButtonBgColor);
color: var(--articleEditorHighlightTextColor);
}
storefront-view.page article .section-3-cols-highlight .section-content .list-content storefront-content.editor-highlight .content-data .content-actions .sponsored-advertisement,
storefront-view.page article .section-3-cols-highlight .section-content .list-content storefront-content.sponsored .content-data .content-actions .sponsored-advertisement {
color: var(--textColor);
}
storefront-view.page article .section-3-cols-highlight .section-content .list-content storefront-content.editor-highlight.external-offer .content-data .external-offer-partner-name,
storefront-view.page article .section-3-cols-highlight .section-content .list-content storefront-content.sponsored.external-offer .content-data .external-offer-partner-name {
color: var(--externalOfferPartnerNameColor);
}
storefront-view.page article .section-3-cols-highlight .section-button-container {
margin-top: 0;
background-color: var(--homeArticleGridHighlightButtonContainerBgColor);
}
storefront-view.page article .section-4-cols .section-content storefront-list .list-content {
display: grid;
grid-gap: var(--columnGridGap);
}
@media (max-width: 767px) {
storefront-view.page article .section-4-cols .section-content storefront-list .list-content {
grid-template-columns: 1fr;
}
}
storefront-view.page article .section-4-cols .section-content .list-content {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
storefront-view.page article .section-4-cols-highlight {
padding: var(--contentPaddingVert) var(--contentPaddingHoriz);
}
storefront-view.page article .section-4-cols-highlight .section-content {
margin: 0 calc((var(--sectionWidth) - var(--sectionContentWidth)) / -2);
padding: 20px calc((var(--sectionWidth) - var(--sectionContentWidth)) / 2);
background: var(--homeArticleGridHighlightBgColor);
}
storefront-view.page article .section-4-cols-highlight .section-content storefront-list .list-content {
display: grid;
grid-gap: var(--columnGridGap);
}
@media (max-width: 767px) {
storefront-view.page article .section-4-cols-highlight .section-content storefront-list .list-content {
grid-template-columns: 1fr;
}
}
storefront-view.page article .section-4-cols-highlight .section-content .list-content {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
storefront-view.page article .section-4-cols-highlight .section-content .list-content storefront-content.editor-highlight .content-data,
storefront-view.page article .section-4-cols-highlight .section-content .list-content storefront-content.sponsored .content-data {
color: var(--articleEditorHighlightTextColor);
background: var(--articleEditorHighlightBgColor);
}
storefront-view.page article .section-4-cols-highlight .section-content .list-content storefront-content.editor-highlight .content-data .content-title .article-label,
storefront-view.page article .section-4-cols-highlight .section-content .list-content storefront-content.sponsored .content-data .content-title .article-label {
color: var(--articleEditorHighlightTextColor);
}
storefront-view.page article .section-4-cols-highlight .section-content .list-content storefront-content.editor-highlight .content-data .content-actions .action-button:not(.sponsored-advertisement),
storefront-view.page article .section-4-cols-highlight .section-content .list-content storefront-content.sponsored .content-data .content-actions .action-button:not(.sponsored-advertisement) {
background: var(--articleEditorHighlightCategoryButtonBgColor);
color: var(--articleEditorHighlightTextColor);
}
storefront-view.page article .section-4-cols-highlight .section-content .list-content storefront-content.editor-highlight .content-data .content-actions .action-button:not(.sponsored-advertisement).article-category,
storefront-view.page article .section-4-cols-highlight .section-content .list-content storefront-content.sponsored .content-data .content-actions .action-button:not(.sponsored-advertisement).article-category {
background: var(--articleEditorHighlightCategoryButtonBgColor);
color: var(--articleEditorHighlightTextColor);
}
storefront-view.page article .section-4-cols-highlight .section-content .list-content storefront-content.editor-highlight .content-data .content-actions .sponsored-advertisement,
storefront-view.page article .section-4-cols-highlight .section-content .list-content storefront-content.sponsored .content-data .content-actions .sponsored-advertisement {
color: var(--textColor);
}
storefront-view.page article .section-4-cols-highlight .section-content .list-content storefront-content.editor-highlight.external-offer .content-data .external-offer-partner-name,
storefront-view.page article .section-4-cols-highlight .section-content .list-content storefront-content.sponsored.external-offer .content-data .external-offer-partner-name {
color: var(--externalOfferPartnerNameColor);
}
storefront-view.page article .section-4-cols-highlight .section-button-container {
margin-top: 0;
background-color: var(--homeArticleGridHighlightButtonContainerBgColor);
}
storefront-view.page article .section-custom-1 .section-content storefront-list .list-content {
display: grid;
grid-gap: var(--columnGridGap);
}
@media (max-width: 767px) {
storefront-view.page article .section-custom-1 .section-content storefront-list .list-content {
grid-template-columns: 1fr;
}
}
@media (min-width: 768px) {
storefront-view.page article .section-custom-1 .section-content .list-content {
grid-template-columns: repeat(4minmax(01fr));
grid-template-rows: repeat(4min-content);
grid-template-areas: "big big medium-1 medium-2" "big big medium-1 medium-2" "big big medium-3 medium-4" "small-1 small-2 medium-3 medium-4";
}
storefront-view.page article .section-custom-1 .section-content .list-content storefront-element:nth-child(1) {
grid-area: big;
}
storefront-view.page article .section-custom-1 .section-content .list-content storefront-element:nth-child(2) {
grid-area: small-1;
}
storefront-view.page article .section-custom-1 .section-content .list-content storefront-element:nth-child(3) {
grid-area: small-2;
}
storefront-view.page article .section-custom-1 .section-content .list-content storefront-element:nth-child(4) {
grid-area: medium-1;
}
storefront-view.page article .section-custom-1 .section-content .list-content storefront-element:nth-child(5) {
grid-area: medium-2;
}
storefront-view.page article .section-custom-1 .section-content .list-content storefront-element:nth-child(6) {
grid-area: medium-3;
}
storefront-view.page article .section-custom-1 .section-content .list-content storefront-element:nth-child(7) {
grid-area: medium-4;
}
}
storefront-view.page article .section-custom-1 .section-content .list-content storefront-element:nth-child(2) storefront-image {
display: none;
}
storefront-view.page article .section-custom-1 .section-content .list-content storefront-element:nth-child(3) storefront-image {
display: none;
}
storefront-view.page article .section-custom-2 .section-content storefront-list .list-content {
display: grid;
grid-gap: var(--columnGridGap);
}
@media (max-width: 767px) {
storefront-view.page article .section-custom-2 .section-content storefront-list .list-content {
grid-template-columns: 1fr;
}
}
@media (min-width: 768px) {
storefront-view.page article .section-custom-2 .section-content .list-content {
grid-template-columns: repeat(4minmax(01fr));
grid-template-rows: repeat(4min-content);
grid-template-areas: "big big medium-1 medium-2" "big big medium-1 medium-2" "big big medium-3 medium-4" "small small medium-3 medium-4";
}
storefront-view.page article .section-custom-2 .section-content .list-content storefront-element:nth-child(1) {
grid-area: big;
}
storefront-view.page article .section-custom-2 .section-content .list-content storefront-element:nth-child(2) {
grid-area: small;
}
storefront-view.page article .section-custom-2 .section-content .list-content storefront-element:nth-child(2) storefront-content {
display: flex;
flex-direction: row;
}
storefront-view.page article .section-custom-2 .section-content .list-content storefront-element:nth-child(2) storefront-content .content-image {
flex-grow: 1.2;
flex-shrink: 1;
flex-basis: 0;
}
storefront-view.page article .section-custom-2 .section-content .list-content storefront-element:nth-child(2) storefront-content .content-image storefront-image {
height: 100%;
}
storefront-view.page article .section-custom-2 .section-content .list-content storefront-element:nth-child(2) storefront-content .content-image storefront-image img {
object-fit: cover;
object-position: center;
}
storefront-view.page article .section-custom-2 .section-content .list-content storefront-element:nth-child(2) storefront-content .content-data {
flex-grow: 2.5;
flex-shrink: 0;
flex-basis: 0;
}
storefront-view.page article .section-custom-2 .section-content .list-content storefront-element:nth-child(3) {
grid-area: medium-1;
}
storefront-view.page article .section-custom-2 .section-content .list-content storefront-element:nth-child(4) {
grid-area: medium-2;
}
storefront-view.page article .section-custom-2 .section-content .list-content storefront-element:nth-child(5) {
grid-area: medium-3;
}
storefront-view.page article .section-custom-2 .section-content .list-content storefront-element:nth-child(6) {
grid-area: medium-4;
}
}
storefront-view.page article .no-image .section-content storefront-content storefront-image {
display: none;
}
.outbrain-widget {
max-width: var(--sectionContentWidth);
margin: 0 auto;
display: block;
}
storefront-view.article .article-wrapper .header-image.hero figcaption,
storefront-view.article .article-wrapper .header-image.featured figcaption {
display: none !important;
}
storefront-view.page .entry-title {
margin-top: unset;
}
storefront-view.article .share .share-icons .icon-wrapper[type=facebook] {
background: #1877f2 !important;
}
storefront-view.article .share .share-icons .icon-wrapper[type=twitter] {
background: black !important;
}
storefront-view.page article .section-list-highlight,
storefront-view.page article .section-2-cols-highlight,
storefront-view.page article .section-3-cols-highlight,
storefront-view.page article .section-4-cols-highlight,
storefront-view.page article .section-custom-2-highlight,
storefront-view.page article .section-custom-3-highlight,
storefront-view.page article .section-custom-4-highlight {
padding: 0 1rem !important;
}
storefront-view.taxonomy {
}
storefront-view.taxonomy storefront-section.parent-taxonomy .taxonomy-latest-articles {
display: grid;
grid-column-gap: var(--columnGridGap);
grid-template-columns: 1fr;
margin-bottom: 20px;
}
@media (min-width: 768px) {
storefront-view.taxonomy storefront-section.parent-taxonomy .taxonomy-latest-articles {
grid-template-columns: calc(75.5% - var(--columnGridGap) / 2) calc(24.5% - var(--columnGridGap) / 2);
grid-template-rows: 30px auto;
grid-template-areas: "latest-articles-grid latest-articles-headline" "latest-articles-grid latest-articles-list";
}
storefront-view.taxonomy storefront-section.parent-taxonomy .taxonomy-latest-articles storefront-element:nth-child(1) {
grid-area: latest-articles-grid;
}
storefront-view.taxonomy storefront-section.parent-taxonomy .taxonomy-latest-articles storefront-element:nth-child(2) {
grid-area: latest-articles-headline;
}
storefront-view.taxonomy storefront-section.parent-taxonomy .taxonomy-latest-articles storefront-element:nth-child(3) {
grid-area: latest-articles-list;
}
}
storefront-view.taxonomy storefront-section.parent-taxonomy .taxonomy-latest-articles .latest-articles-grid .list-content {
display: grid;
grid-gap: var(--columnGridGap);
grid-template-columns: 1fr;
}
@media (min-width: 768px) {
storefront-view.taxonomy storefront-section.parent-taxonomy .taxonomy-latest-articles .latest-articles-grid .list-content {
grid-template-columns: repeat(3minmax(01fr));
grid-template-rows: repeat(4min-content);
grid-template-areas: "big big medium-1" "big big medium-1" "big big medium-2" "small-1 small-2 medium-2";
}
storefront-view.taxonomy storefront-section.parent-taxonomy .taxonomy-latest-articles .latest-articles-grid .list-content storefront-element:nth-child(1) {
grid-area: big;
}
storefront-view.taxonomy storefront-section.parent-taxonomy .taxonomy-latest-articles .latest-articles-grid .list-content storefront-element:nth-child(2) {
grid-area: small-1;
}
storefront-view.taxonomy storefront-section.parent-taxonomy .taxonomy-latest-articles .latest-articles-grid .list-content storefront-element:nth-child(2) storefront-image {
display: none;
}
storefront-view.taxonomy storefront-section.parent-taxonomy .taxonomy-latest-articles .latest-articles-grid .list-content storefront-element:nth-child(3) {
grid-area: small-2;
}
storefront-view.taxonomy storefront-section.parent-taxonomy .taxonomy-latest-articles .latest-articles-grid .list-content storefront-element:nth-child(3) storefront-image {
display: none;
}
storefront-view.taxonomy storefront-section.parent-taxonomy .taxonomy-latest-articles .latest-articles-grid .list-content storefront-element:nth-child(4) {
grid-area: medium-1;
}
storefront-view.taxonomy storefront-section.parent-taxonomy .taxonomy-latest-articles .latest-articles-grid .list-content storefront-element:nth-child(5) {
grid-area: medium-2;
}
}
storefront-view.taxonomy storefront-section.parent-taxonomy .taxonomy-latest-articles .latest-articles-grid .list-content storefront-element:nth-child(2) storefront-image {
display: none;
}
storefront-view.taxonomy storefront-section.parent-taxonomy .taxonomy-latest-articles .latest-articles-grid .list-content storefront-element:nth-child(3) storefront-image {
display: none;
}
storefront-view.taxonomy storefront-section.parent-taxonomy .taxonomy-latest-articles .latest-articles-headline {
color: var(--textColor);
font-family: var(--primaryFont);
font-: normal;
font-weight: 400;
font-size: 20px;
line-height: 28px;
}
@media (max-width: 767px) {
storefront-view.taxonomy storefront-section.parent-taxonomy .taxonomy-latest-articles .latest-articles-headline {
margin-top: var(--columnGridGap);
}
}
storefront-view.taxonomy storefront-section.parent-taxonomy .taxonomy-latest-articles .latest-articles-list .list-entry:not(:last-child) {
border-bottom: 1px solid var(--homeArticleGridListBorderColor);
}
storefront-view.taxonomy storefront-section.parent-taxonomy .taxonomy-latest-articles .latest-articles-list storefront-content storefront-image {
display: none;
}
storefront-view.taxonomy storefront-section.parent-taxonomy .taxonomy-latest-articles .latest-articles-list storefront-content .content-data {
padding: 10px 0;
background-color: transparent;
}
storefront-view.taxonomy storefront-section.parent-taxonomy .taxonomy-latest-articles .latest-articles-list storefront-content .content-data .content-title {
font-size: 16px;
text-align: left;
}
storefront-view.taxonomy storefront-section.parent-taxonomy .taxonomy-latest-articles .latest-articles-list storefront-content .content-data .content-actions {
display: none;
}
storefront-view.taxonomy storefront-section.parent-taxonomy .child-taxonomies {
margin-top: 20px;
}
storefront-view.taxonomy storefront-section.parent-taxonomy .child-taxonomies .list-content {
row-gap: var(--columnGridGap);
}
storefront-view.taxonomy storefront-section.parent-taxonomy .child-taxonomies .list-content .child-taxonomy .taxonomy-title h2 {
margin-bottom: 5px;
font-size: 28px;
line-height: 40px;
cursor: pointer;
}
storefront-view.taxonomy storefront-section.parent-taxonomy .child-taxonomies .list-content .child-taxonomy .taxonomy-title h2:hover {
text-decoration: underline;
color: var(--primaryColor);
}
storefront-view.taxonomy storefront-section.parent-taxonomy .child-taxonomies .list-content .child-taxonomy .taxonomy-description {
cursor: pointer;
}
storefront-view.taxonomy storefront-section.parent-taxonomy .child-taxonomies .list-content .child-taxonomy .child-taxonomy-articles storefront-content .content-data {
position: relative;
padding: 15px;
padding-top: 47px;
background: var(--articleBgColor);
}
storefront-view.taxonomy storefront-section.parent-taxonomy .child-taxonomies .list-content .child-taxonomy .child-taxonomy-articles storefront-content .content-data .content-actions .action-button.article-category {
--borderRadius: 0;
position: absolute;
top: 15px;
left: 50%;
transform: translateX(-50%);
--actionButtonHeight: var(--articleCategoryButtonHeight);
display: flex;
justify-content: center;
min-width: inherit;
max-width: calc(100% - 30px);
padding: 2px 15px;
background: var(--articleCategoryButtonBgColor);
color: var(--articleCategoryButtonTextColor);
border-radius: var(--borderRadius);
line-height: 18px;
}
storefront-view.taxonomy storefront-section.child-taxonomy .taxonomy-articles storefront-element[type=ad] {
grid-column: span 3;
}
@media (max-width: 767px) {
storefront-view.taxonomy storefront-section.child-taxonomy .taxonomy-articles storefront-element[type=ad] {
grid-column: initial;
}
}
storefront-view.taxonomy storefront-section.child-taxonomy .taxonomy-articles storefront-content .content-data {
position: relative;
padding: 15px;
padding-top: 47px;
background: var(--articleBgColor);
}
storefront-view.taxonomy storefront-section.child-taxonomy .taxonomy-articles storefront-content .content-data .content-actions .action-button.article-category {
--borderRadius: 0;
position: absolute;
top: 15px;
left: 50%;
transform: translateX(-50%);
--actionButtonHeight: var(--articleCategoryButtonHeight);
display: flex;
justify-content: center;
min-width: inherit;
max-width: calc(100% - 30px);
padding: 2px 15px;
background: var(--articleCategoryButtonBgColor);
color: var(--articleCategoryButtonTextColor);
border-radius: var(--borderRadius);
line-height: 18px;
}
storefront-view.taxonomy .taxonomy-title h1,
storefront-view.taxonomy .taxonomy-title h2 {
margin-bottom: 20px;
color: var(--textColor);
font-family: var(--primaryFont);
font-: normal;
font-weight: 700;
font-size: 36px;
line-height: 36px;
}
storefront-view.taxonomy .taxonomy-description {
margin-bottom: 20px;
color: var(--textColor);
font-family: var(--secondaryFont);
font-: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
}
storefront-view.author .author-container {
display: flex;
padding: 30px 70px;
color: var(--textColor);
background-color: var(--authorContainerBgColor);
box-shadow: 0px 4px 0px var(--authorContainerShadowColor);
margin-bottom: 30px;
}
@media (max-width: 767px) {
storefront-view.author .author-container {
align-items: center;
padding: 30px 15px;
}
}
storefront-view.author .author-container .author-avatar {
width: 140px;
height: 140px;
margin-bottom: 20px;
}
storefront-view.author .author-container .author-avatar img {
width: 100%;
object-fit: cover;
border-radius: 100%;
}
storefront-view.author .author-container .author-name h1 {
font-family: var(--primaryFont);
font-: normal;
font-weight: 700;
font-size: 36px;
line-height: 45px;
}
@media (max-width: 767px) {
storefront-view.author .author-container .author-name h1 {
text-align: center;
}
}
storefront-view.author .author-container .author-extra-information {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 25px;
margin-top: 5px;
}
@media (max-width: 767px) {
storefront-view.author .author-container .author-extra-information {
flex-direction: column;
gap: 10px;
}
}
storefront-view.author .author-container .author-extra-information .author-job-title h2 {
font-family: var(--secondaryFont);
font-: italic;
font-weight: 400;
font-size: 19px;
line-height: 26px;
}
@media (max-width: 767px) {
storefront-view.author .author-container .author-extra-information .author-job-title h2 {
text-align: center;
}
}
storefront-view.author .author-container .author-extra-information .author-social-media-icons .author-social-links {
display: flex;
gap: 0.5em;
}
storefront-view.author .author-container .author-extra-information .author-social-media-icons .author-social-links .icon {
width: 30px;
height: 30px;
background: center no-repeat;
background-size: contain;
}
storefront-view.author .author-container .author-extra-information .author-social-media-icons .author-social-links .icon-twitter {
background-image: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/icon-twitter.svg?version=1769026643812);
}
storefront-view.author .author-container .author-extra-information .author-social-media-icons .author-social-links .icon-facebook {
background-image: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/icon-facebook.svg?version=1769026643812);
}
storefront-view.author .author-container .author-extra-information .author-social-media-icons .author-social-links .icon-instagram {
background-image: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/icon-instagram.svg?version=1769026643812);
}
storefront-view.author .author-container .author-extra-information .author-social-media-icons .author-social-links .icon-linkedin {
background-image: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/icon-linkedin.svg?version=1769026643812);
}
storefront-view.author .author-container .author-description p {
margin-top: 20px;
font-family: var(--secondaryFont);
font-: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
}
storefront-view.author .author-articles .author-articles-headline {
margin-bottom: 20px;
color: var(--textColor);
font-family: var(--secondaryFont);
font-: normal;
font-weight: 400;
font-size: 18px;
line-height: 28px;
}
storefront-view.author .author-container .author-extra-information .author-social-media-icons .author-social-links .icon-twitter {
scale: 0.9;
}
storefront-view.author .author-container .author-extra-information .author-social-media-icons .author-social-links .icon-linkedin {
scale: 0.8;
}
storefront-view.article .article-footer .author-cards .list-content .author-card div .author-info .author-socials .author-social-links .icon-linkedin,
storefront-view.article .article-footer .author-cards-2-plus .list-content .author-card div .author-info .author-socials .author-social-links .icon-linkedin {
scale: 1.15;
}
storefront-view.home .breadcrumb,
storefront-view.page .breadcrumb {
display: none;
}
.breadcrumb {
flex-direction: row;
justify-content: flex-start;
align-items: center;
max-width: var(--sectionContentWidth);
margin: 0px auto 0;
padding-top: 15px;
font-size: 12px;
font-family: var(--secondaryFont);
}
.breadcrumb * {
background: transparent;
font-size: inherit;
flex: 0 0 auto;
}
.breadcrumb > [type=list] {
flex: 1 1 auto;
width: 0;
}
.breadcrumb > [type=list] storefront-element[type=section] {
flex: 0 0 auto;
}
.breadcrumb > [type=list] storefront-element[type=section]:last-of-type {
flex: 1 1 auto;
width: 0;
}
.breadcrumb > [type=list] storefront-element[type=section]:last-of-type .breadcrumb-entry {
text-transform: capitalize;
}
.breadcrumb > [type=list] storefront-element[type=section]:last-of-type .breadcrumb-entry > [type=html]:last-of-type {
flex: 1 1 auto;
width: 0;
}
.breadcrumb > [type=list] storefront-element[type=section]:last-of-type .breadcrumb-entry > [type=html]:last-of-type span {
margin-top: 0.125em;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: 600;
font-family: var(--secondaryFont);
}
.breadcrumb button {
text-decoration: underline;
overflow: visible !important;
}
.breadcrumb button span {
font-weight: 400;
font-family: var(--secondaryFont);
text-transform: capitalize;
}
.breadcrumb storefront-list {
overflow: visible;
}
.breadcrumb storefront-list[template=horizontal] .list-content,
.breadcrumb storefront-list .list-group-entries[template=horizontal] .list-content {
overflow: visible;
}
.breadcrumb .breadcrumb-entry {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.breadcrumb .breadcrumb-entry > * {
flex: 0 0 auto;
}
.breadcrumb .home [type=html] span {
font-weight: 600;
font-family: var(--secondaryFont);
}
.breadcrumb .divider {
margin: 0em 0.5em;
}
.breadcrumb .divider span {
margin-top: 45%;
font-family: var(--secondaryFont);
height: 1.5em;
display: flex;
justify-content: center;
align-items: center;
}
.breadcrumb .divider svg {
height: 1.5em;
}
html body {
--searchFilterHeight: 45px;
}
storefront-view .view-content .search-results-header {
width: 100vw;
margin: 0 calc((100vw - var(--sectionContentWidth)) / -2) 20px;
}
storefront-view .view-content .search-results-header .search-results-headline {
margin-bottom: 15px;
justify-content: center;
font-family: var(--secondaryFont);
font-: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
}
storefront-view .view-content .search-results-header .search-filter {
height: var(--searchFilterHeight);
background-color: var(--searchFilterBgColor);
}
storefront-view .view-content .search-results-header .search-filter .search-filter-button-container {
display: flex;
flex-direction: row;
justify-content: center;
width: var(--sectionContentWidth);
margin: 0 auto;
}
@media (max-width: 767px) {
storefront-view .view-content .search-results-header .search-filter .search-filter-button-container {
width: 100vw;
}
}
storefront-view .view-content .search-results-header .search-filter .search-filter-button-container .filter-button button {
height: var(--searchFilterHeight);
min-width: 135px;
justify-content: center;
padding-inline: 15px;
background: var(--searchFilterButtonBgColor);
color: var(--searchFilterButtonTextColor);
border-radius: 0;
cursor: pointer;
font-family: var(--secondaryFont);
font-: normal;
font-weight: 400;
font-size: 14px;
line-height: 22px;
}
storefront-view .view-content .search-results-header .search-filter .search-filter-button-container .filter-button button .search-result-count {
color: var(--searchFilterButtonResultTextColor);
}
storefront-view .view-content .search-results-header .search-filter .search-filter-button-container .filter-button.active button {
background: var(--searchFilterButtonActiveBgColor);
color: var(--searchFilterButtonActiveTextColor);
}
storefront-view .view-content .search-results-header .search-filter .search-filter-button-container .filter-button.active button .search-result-count {
color: var(--searchFilterButtonActiveResultTextColor);
}
storefront-view .view-content .search-results-header .search-filter .search-filter-button-container .filter-button:hover button {
background: var(--searchFilterButtonHoverBgColor);
color: var(--searchFilterButtonHoverTextColor);
}
storefront-view .view-content .search-results-header .search-filter .search-filter-button-container .filter-button:hover button .search-result-count {
color: var(--searchFilterButtonHoverResultTextColor);
}
storefront-view .view-content .search-results .no-search,
storefront-view .view-content .search-results .list-no-results,
storefront-view .view-content .search-results .list-error {
grid-column: span 3;
margin-top: 50px;
font-family: var(--primaryFont);
font-: normal;
font-weight: 400;
font-size: 30px;
line-height: 38px;
}
storefront-view .view-content .search-results .no-search .additional-hint,
storefront-view .view-content .search-results .list-no-results .additional-hint,
storefront-view .view-content .search-results .list-error .additional-hint {
display: block;
margin-top: 10px;
font-family: var(--secondaryFont);
font-: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
}
@media (max-width: 767px) {
storefront-view .view-content .search-results .no-search .additional-hint,
storefront-view .view-content .search-results .list-no-results .additional-hint,
storefront-view .view-content .search-results .list-error .additional-hint {
margin-top: 30px;
}
}
@media (max-width: 991px) {
storefront-view .view-content .search-results .no-search,
storefront-view .view-content .search-results .list-no-results,
storefront-view .view-content .search-results .list-error {
max-width: 550px;
}
}
@media (max-width: 767px) {
storefront-view .view-content .search-results .no-search,
storefront-view .view-content .search-results .list-no-results,
storefront-view .view-content .search-results .list-error {
grid-column: initial;
max-width: initial;
text-align: center;
}
}
storefront-view .view-content .search-results storefront-element[type=search-result] {
display: flex;
flex-grow: 1;
}
storefront-view .view-content .search-results storefront-element[type=search-result] storefront-issue-search-result {
flex-direction: column;
width: 100%;
cursor: pointer;
}
storefront-view .view-content .search-results storefront-element[type=search-result] storefront-issue-search-result .issue-image {
aspect-ratio: var(--articleImageAspectRatio);
width: 100%;
}
storefront-view .view-content .search-results storefront-element[type=search-result] storefront-issue-search-result .issue-image img {
width: 100%;
}
storefront-view .view-content .search-results storefront-element[type=search-result] storefront-issue-search-result .issue-data {
width: 100%;
padding: 15px;
background: var(--articleBgColor);
}
storefront-view .view-content .search-results storefront-element[type=search-result] storefront-issue-search-result .issue-data .issue-pub-date {
display: none;
}
storefront-view .view-content .search-results storefront-element[type=search-result] storefront-issue-search-result .issue-data .issue-title {
width: 100%;
font-family: var(--secondaryFont);
font-: normal;
font-weight: 400;
font-size: 20px;
line-height: 26px;
}
storefront-view .view-content .search-results storefront-element[type=ad] {
grid-column: span 3;
}
@media (max-width: 767px) {
storefront-view .view-content .search-results storefront-element[type=ad] {
grid-column: span 1;
}
}
storefront-issue-search-result[template=feed] .issue-image storefront-image[height-strategy=FIXED] {
padding-top: calc(var(--articleImageAspectRatioReciprocal) * 100%) !important;
}
storefront-view.search {
overflow-x: hidden;
}
storefront-view.standard-articles .cpt-title,
storefront-view.reviews .cpt-title,
storefront-view.competitions .cpt-title,
storefront-view.offers .cpt-title,
storefront-view.lists .cpt-title,
storefront-view.how-to .cpt-title,
storefront-view.recipes .cpt-title,
storefront-view.glossary .cpt-title {
margin-bottom: 20px;
color: var(--textColor);
font-family: var(--primaryFont);
font-: normal;
font-weight: 700;
font-size: 36px;
line-height: 36px;
}
storefront-view.standard-articles .cpt-description,
storefront-view.reviews .cpt-description,
storefront-view.competitions .cpt-description,
storefront-view.offers .cpt-description,
storefront-view.lists .cpt-description,
storefront-view.how-to .cpt-description,
storefront-view.recipes .cpt-description,
storefront-view.glossary .cpt-description {
margin-bottom: 20px;
color: var(--textColor);
font-family: var(--secondaryFont);
font-: normal;
font-weight: 400;
font-size: 16px;
line-height: 26px;
}
storefront-view.standard-articles .cpt-articles storefront-element[type=ad],
storefront-view.reviews .cpt-articles storefront-element[type=ad],
storefront-view.competitions .cpt-articles storefront-element[type=ad],
storefront-view.offers .cpt-articles storefront-element[type=ad],
storefront-view.lists .cpt-articles storefront-element[type=ad],
storefront-view.how-to .cpt-articles storefront-element[type=ad],
storefront-view.recipes .cpt-articles storefront-element[type=ad],
storefront-view.glossary .cpt-articles storefront-element[type=ad] {
grid-column: span 3;
}
@media (max-width: 767px) {
storefront-view.standard-articles .cpt-articles storefront-element[type=ad],
storefront-view.reviews .cpt-articles storefront-element[type=ad],
storefront-view.competitions .cpt-articles storefront-element[type=ad],
storefront-view.offers .cpt-articles storefront-element[type=ad],
storefront-view.lists .cpt-articles storefront-element[type=ad],
storefront-view.how-to .cpt-articles storefront-element[type=ad],
storefront-view.recipes .cpt-articles storefront-element[type=ad],
storefront-view.glossary .cpt-articles storefront-element[type=ad] {
grid-column: initial;
}
}
:root {
--coblocks-spacing--0: 0;
--coblocks-spacing--1: 0.5em;
--coblocks-spacing--2: 1em;
--coblocks-spacing--3: 1.5em;
--coblocks-spacing--4: 2em;
--coblocks-spacing--5: 2.5em;
--coblocks-spacing--6: 3em;
--coblocks-spacing--7: 3.5em;
--coblocks-spacing--8: 4em;
--coblocks-spacing--9: 4.5em;
--coblocks-spacing--10: 7em ;
}
[class*=wp-block-coblocks-] {
box-sizing: border-box;
}
[class*=wp-block-coblocks-] *,
[class*=wp-block-coblocks-] :after,
[class*=wp-block-coblocks-] :before {
box-sizing: inherit;
}
.bg-repeat {
background-repeat: repeat;
}
.bg-no-repeat {
background-repeat: no-repeat;
}
.bg-repeat-x {
background-repeat: repeat-x;
}
.bg-repeat-y {
background-repeat: repeat-y;
}
.bg-cover {
background-size: cover;
}
.bg-auto {
background-size: auto;
}
.bg-contain {
background-size: contain;
}
.bg-top-left {
background-position: 0 0;
}
.bg-top-center {
background-position: top;
}
.bg-top-right {
background-position: 100% 0;
}
.bg-center-left {
background-position: 0;
}
.bg-center-center {
background-position: 50%;
}
.bg-center-right {
background-position: 100%;
}
.bg-bottom-left {
background-position: 0 100%;
}
.bg-bottom-center {
background-position: bottom;
}
.bg-bottom-right {
background-position: 100% 100%;
}
.has-background-overlay {
position: relative;
}
.has-background-overlay:not(.has-background) {
background-color: #000;
}
.has-background-overlay:before {
background-color: inherit;
bottom: 0;
content: "";
left: 0;
opacity: 0.5;
position: absolute;
right: 0;
top: 0;
}
.has-background-overlay-10:before {
opacity: 0.1;
}
.has-background-overlay-20:before {
opacity: 0.2;
}
.has-background-overlay-30:before {
opacity: 0.3;
}
.has-background-overlay-40:before {
opacity: 0.4;
}
.has-background-overlay-50:before {
opacity: 0.5;
}
.has-background-overlay-60:before {
opacity: 0.6;
}
.has-background-overlay-70:before {
opacity: 0.7;
}
.has-background-overlay-80:before {
opacity: 0.8;
}
.has-background-overlay-90:before {
opacity: 0.9;
}
.has-background-overlay-100:before {
opacity: 1;
}
.has-parallax {
background-attachment: fixed;
}
@supports (-webkit-overflow-scrolling: touch) {
.has-parallax {
background-attachment: scroll;
}
}
@media (prefers-reduced-motion: reduce) {
.has-parallax {
background-attachment: scroll;
}
}
.has-small-gutter.has-2-columns > :not(.block-editor-inner-blocks) {
max-width: calc(50% - var(--coblocks-spacing--10.5em));
}
.has-small-gutter.has-3-columns > :not(.block-editor-inner-blocks) {
max-width: calc(33.33333% - var(--coblocks-spacing--21em));
}
.has-small-gutter.has-4-columns > :not(.block-editor-inner-blocks) {
max-width: calc(50% - var(--coblocks-spacing--10.5em));
}
@media (min-width: 960px) {
.has-small-gutter.has-4-columns > :not(.block-editor-inner-blocks) {
max-width: calc(25% - var(--coblocks-spacing--21em));
}
}
@media (max-width: 959px) {
.has-small-gutter.has-4-columns > :not(.block-editor-inner-blocks):first-of-type,
.has-small-gutter.has-4-columns > :not(.block-editor-inner-blocks):nth-of-type(2) {
margin-bottom: calc(var(--coblocks-spacing--10.5em) * 2);
}
}
.has-medium-gutter.has-2-columns > :not(.block-editor-inner-blocks) {
max-width: calc(50% - var(--coblocks-spacing--21em));
}
.has-medium-gutter.has-3-columns > :not(.block-editor-inner-blocks) {
max-width: calc(33.61345% - var(--coblocks-spacing--31.5em));
}
.has-medium-gutter.has-4-columns > :not(.block-editor-inner-blocks) {
max-width: calc(50% - var(--coblocks-spacing--21em));
}
@media (min-width: 960px) {
.has-medium-gutter.has-4-columns > :not(.block-editor-inner-blocks) {
max-width: calc(25% - var(--coblocks-spacing--31.5em));
}
}
@media (max-width: 959px) {
.has-medium-gutter.has-4-columns > :not(.block-editor-inner-blocks):first-of-type,
.has-medium-gutter.has-4-columns > :not(.block-editor-inner-blocks):nth-of-type(2) {
margin-bottom: calc(var(--coblocks-spacing--21em) * 2);
}
}
.has-large-gutter.has-2-columns > :not(.block-editor-inner-blocks) {
max-width: calc(49.75124% - var(--coblocks-spacing--31.5em));
}
.has-large-gutter.has-3-columns > :not(.block-editor-inner-blocks) {
max-width: calc(33.0033% - var(--coblocks-spacing--42em));
}
.has-large-gutter.has-4-columns > :not(.block-editor-inner-blocks) {
max-width: calc(50% - var(--coblocks-spacing--31.5em));
}
@media (min-width: 960px) {
.has-large-gutter.has-4-columns > :not(.block-editor-inner-blocks) {
max-width: calc(24.5098% - var(--coblocks-spacing--42em));
}
}
@media (max-width: 959px) {
.has-large-gutter.has-4-columns > :not(.block-editor-inner-blocks):first-of-type,
.has-large-gutter.has-4-columns > :not(.block-editor-inner-blocks):nth-of-type(2) {
margin-bottom: calc(var(--coblocks-spacing--31.5em) * 2);
}
}
.has-huge-gutter.has-2-columns > :not(.block-editor-inner-blocks) {
max-width: calc(49.50495% - var(--coblocks-spacing--42em));
}
.has-huge-gutter.has-3-columns > :not(.block-editor-inner-blocks) {
max-width: calc(32.36246% - var(--coblocks-spacing--52.5em));
}
.has-huge-gutter.has-4-columns > :not(.block-editor-inner-blocks) {
max-width: calc(50% - var(--coblocks-spacing--42em));
}
@media (min-width: 960px) {
.has-huge-gutter.has-4-columns > :not(.block-editor-inner-blocks) {
max-width: calc(24.09639% - var(--coblocks-spacing--52.5em));
}
}
@media (max-width: 959px) {
.has-huge-gutter.has-4-columns > :not(.block-editor-inner-blocks):first-of-type,
.has-huge-gutter.has-4-columns > :not(.block-editor-inner-blocks):nth-of-type(2) {
margin-bottom: calc(var(--coblocks-spacing--42em) * 2);
}
}
.has-custom-gutter.has-2-columns > :not(.block-editor-inner-blocks) {
max-width: calc(50% - var(--coblocks-custom-gutter0));
}
.has-custom-gutter.has-3-columns > :not(.block-editor-inner-blocks) {
max-width: calc(33.33333% - var(--coblocks-custom-gutter0));
}
.has-custom-gutter.has-4-columns > :not(.block-editor-inner-blocks) {
max-width: calc(50% - var(--coblocks-custom-gutter0));
}
@media (min-width: 960px) {
.has-custom-gutter.has-4-columns > :not(.block-editor-inner-blocks) {
max-width: calc(25% - var(--coblocks-custom-gutter0));
}
}
@media (max-width: 959px) {
.has-custom-gutter.has-4-columns > :not(.block-editor-inner-blocks):first-of-type,
.has-custom-gutter.has-4-columns > :not(.block-editor-inner-blocks):nth-of-type(2) {
margin-bottom: calc(var(--coblocks-custom-gutter0) * 2);
}
}
@media (max-width: 599px) {
.has-responsive-columns {
flex-direction: column;
}
.has-responsive-columns > * {
max-width: 100% !important;
width: 100% !important;
}
.has-responsive-columns.has-no-gutter > [class*=wp-block]:not(:last-child),
.has-responsive-columns > [class*=wp-block]:last-child {
margin-bottom: 0;
}
.has-responsive-columns.has-small-gutter > [class*=wp-block]:not(:last-child) {
margin-bottom: calc(var(--coblocks-spacing--10.5em) * 2.35);
}
.has-responsive-columns.has-medium-gutter > [class*=wp-block]:not(:last-child) {
margin-bottom: calc(var(--coblocks-spacing--21em) * 2.35);
}
.has-responsive-columns.has-large-gutter > [class*=wp-block]:not(:last-child) {
margin-bottom: calc(var(--coblocks-spacing--31.5em) * 2.35);
}
.has-responsive-columns.has-huge-gutter > [class*=wp-block]:not(:last-child) {
margin-bottom: calc(var(--coblocks-spacing--42em) * 2.35);
}
.has-responsive-columns.has-custom-gutter > [class*=wp-block]:not(:last-child) {
margin-bottom: calc(var(--coblocks-custom-gutter0) * 2.35);
}
}
.has-columns {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}
@media (min-width: 600px) {
.has-columns.has-2-columns > :not(.block-editor-inner-blocks),
.has-columns.has-3-columns > :not(.block-editor-inner-blocks),
.has-columns.has-4-columns > :not(.block-editor-inner-blocks) {
flex-basis: 50%;
}
}
@media (min-width: 782px) {
.has-columns.has-3-columns > :not(.block-editor-inner-blocks),
.has-columns.has-4-columns > :not(.block-editor-inner-blocks) {
flex-basis: 33.33%;
}
}
@media (max-width: 959px) {
.has-columns.has-4-columns > :not(.block-editor-inner-blocks) {
flex-basis: 50%;
}
}
@media (min-width: 1280px) {
.has-columns.has-4-columns > :not(.block-editor-inner-blocks) {
flex-basis: 25%;
}
}
.alignfull .has-columns {
padding-left: var(--coblocks-spacing--21em);
padding-right: var(--coblocks-spacing--21em);
}
@media (min-width: 600px) {
.alignfull .has-columns {
padding-left: var(--coblocks-spacing--42em);
padding-right: var(--coblocks-spacing--42em);
}
}
.coblocks-ellipsis-loading:after {
animation: coblocks-ellipsis 1s steps(4) infinite;
content: "\2026";
display: inline-block;
overflow: hidden;
vertical-align: bottom;
width: 0;
}
@keyframes coblocks-ellipsis {
25% {
opacity: 1;
}
75% {
opacity: 1;
}
to {
opacity: 0;
width: 1.1em;
}
}
.has-small-margin {
margin-bottom: var(--coblocks-spacing--10.5em);
margin-top: var(--coblocks-spacing--10.5em);
}
.has-medium-margin {
margin-bottom: var(--coblocks-spacing--21em);
margin-top: var(--coblocks-spacing--21em);
}
.has-large-margin {
margin-bottom: var(--coblocks-spacing--31.5em);
margin-top: var(--coblocks-spacing--31.5em);
}
.has-huge-margin {
margin-bottom: var(--coblocks-spacing--42em);
margin-top: var(--coblocks-spacing--42em);
}
.has-small-padding,
.has-small-padding.wp-block-group,
.has-small-padding.wp-block-group.has-background {
padding-left: var(--coblocks-spacing--10.5em);
}
.has-medium-padding,
.has-medium-padding.wp-block-group,
.has-medium-padding.wp-block-group.has-background {
padding: var(--coblocks-spacing--21em);
}
.has-large-padding,
.has-large-padding.wp-block-group,
.has-large-padding.wp-block-group.has-background {
padding: var(--coblocks-spacing--31.5em);
}
.has-huge-padding,
.has-huge-padding.wp-block-group,
.has-huge-padding.wp-block-group.has-background {
padding: var(--coblocks-spacing--42em);
}
.has-custom-padding,
.has-custom-padding.wp-block-group,
.has-custom-padding.wp-block-group.has-background {
padding: var(--coblocks-custom-padding);
}
.content-area__wrapper .has-small-padding,
.content-area__wrapper .has-small-padding.wp-block-group,
.content-area__wrapper .has-small-padding.wp-block-group.has-background,
.editor-s-wrapper .has-small-padding,
.editor-s-wrapper .has-small-padding.wp-block-group,
.editor-s-wrapper .has-small-padding.wp-block-group.has-background {
padding: var(--coblocks-spacing--10.5em);
}
.content-area__wrapper .has-medium-padding,
.content-area__wrapper .has-medium-padding.wp-block-group,
.content-area__wrapper .has-medium-padding.wp-block-group.has-background,
.editor-s-wrapper .has-medium-padding,
.editor-s-wrapper .has-medium-padding.wp-block-group,
.editor-s-wrapper .has-medium-padding.wp-block-group.has-background {
padding: var(--coblocks-spacing--21em);
}
.content-area__wrapper .has-large-padding,
.content-area__wrapper .has-large-padding.wp-block-group,
.content-area__wrapper .has-large-padding.wp-block-group.has-background,
.editor-s-wrapper .has-large-padding,
.editor-s-wrapper .has-large-padding.wp-block-group,
.editor-s-wrapper .has-large-padding.wp-block-group.has-background {
padding: var(--coblocks-spacing--31.5em);
}
.content-area__wrapper .has-huge-padding,
.content-area__wrapper .has-huge-padding.wp-block-group,
.content-area__wrapper .has-huge-padding.wp-block-group.has-background,
.editor-s-wrapper .has-huge-padding,
.editor-s-wrapper .has-huge-padding.wp-block-group,
.editor-s-wrapper .has-huge-padding.wp-block-group.has-background {
padding: var(--coblocks-spacing--42em);
}
.content-area__wrapper .has-custom-padding,
.content-area__wrapper .has-custom-padding.wp-block-group,
.content-area__wrapper .has-custom-padding.wp-block-group.has-background,
.editor-s-wrapper .has-custom-padding,
.editor-s-wrapper .has-custom-padding.wp-block-group,
.editor-s-wrapper .has-custom-padding.wp-block-group.has-background {
padding: var(--coblocks-custom-padding);
}
.has-shadow {
box-shadow: 0 1.5vw 3vw -0.7vw rgba(0000.125);
}
.has-shadow-sml,
.shadow-sm {
box-shadow: 0 0.5vw 2vw -0.25vw rgba(0000.2);
}
.has-shadow-med,
.shadow-md {
box-shadow: 0 1vw 3vw -0.5vw rgba(0000.2);
}
.has-shadow-lrg,
.shadow-lg {
box-shadow: 0 1.8vw 3vw -0.7vw rgba(0000.2);
}
[class*=hint--] {
display: inline-block;
position: relative;
}
[class*=hint--]:after,
[class*=hint--]:before {
opacity: 0;
pointer-events: none;
position: absolute;
transform: translateZ(0);
visibility: hidden;
z-index: 1000000;
}
[class*=hint--]:before {
background: transparent;
border: 6px solid transparent;
content: "";
position: absolute;
z-index: 1000001;
}
[class*=hint--]:after {
background: #1e1e1e;
border-radius: 2px;
box-shadow: 2px 2px 4px rgba(0000.1);
color: #fff;
font-family:
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Oxygen-Sans,
Ubuntu,
Cantarell,
Helvetica Neue,
sans-serif;
font-size: 12px;
line-height: 11px;
padding: 6px 8px 7px 9px;
white-space: nowrap;
}
[class*=hint--]:hover:after,
[class*=hint--]:hover:before {
opacity: 1;
visibility: visible;
}
[class*=hint--][aria-label]:after {
content: attr(aria-label);
}
[class*=hint--][data-hint]:after {
content: attr(data-hint);
}
[aria-label=""]:after,
[aria-label=""]:before,
[data-hint=""]:after,
[data-hint=""]:before {
display: none !important;
}
.hint--top:before {
border-top-color: #1e1e1e;
left: calc(50% - 6px) !important;
margin-bottom: -10px;
}
.hint--top:after,
.hint--top:before {
bottom: 103%;
left: 50%;
}
.hint--top:after,
.hint--top:hover:after {
transform: translateX(-50%);
}
.hint--bottom:before {
border-bottom-color: #1e1e1e;
left: calc(50% - 10px);
margin-top: -11px;
}
.hint--bottom:after,
.hint--bottom:before {
left: 50%;
top: 100%;
}
.hint--bottom:after {
transform: translateX(-50%);
}
.hint--bottom:hover:before {
transform: translateY(8px);
}
.hint--bottom:hover:after {
transform: translateX(-50%) translateY(8px);
}
.has-background-video {
position: relative;
}
.has-background-video.has-background-overlay:before {
z-index: 1;
}
.has-background-video.has-background-overlay > :not(.coblocks-video-bg) {
z-index: 10;
}
.has-background-video > :not(.coblocks-video-bg) {
position: relative;
}
.coblocks-video-bg {
bottom: 0;
height: 100%;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.coblocks-video-bg > video {
background-position: 50%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
width: 100%;
}
.coblocks-gallery {
list-: none !important;
padding-left: 0;
padding-right: 0;
}
.coblocks-gallery--item {
list-: none !important;
margin: 0;
padding: 0 !important;
}
.coblocks-gallery--item figure {
position: relative;
}
.coblocks-gallery--item img {
opacity: 1;
vertical-align: middle;
}
.coblocks-gallery .coblocks-gallery--item figcaption {
color: inherit;
margin: 0 !important;
}
.coblocks-gallery.is-cropped .coblocks-gallery--item a,
.coblocks-gallery.is-cropped .coblocks-gallery--item img,
.coblocks-gallery.is-cropped .coblocks-gallery--item-thumbnail a,
.coblocks-gallery.is-cropped .coblocks-gallery--item-thumbnail img {
width: 100%;
}
@supports (position: sticky) {
.coblocks-gallery.is-cropped .coblocks-gallery--item a,
.coblocks-gallery.is-cropped .coblocks-gallery--item img,
.coblocks-gallery.is-cropped .coblocks-gallery--item-thumbnail a,
.coblocks-gallery.is-cropped .coblocks-gallery--item-thumbnail img {
flex: 1;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
.alignfull ul.coblocks-gallery,
.alignwide ul.coblocks-gallery {
max-width: 100%;
}
.coblocks-gallery--item-thumbnail {
list-: none !important;
margin: 0;
padding: 0;
}
.coblocks-gallery--item-thumbnail figure {
margin: 0;
position: relative;
}
.coblocks-gallery--item-thumbnail img {
vertical-align: middle;
}
figcaption.coblocks-gallery--primary-caption {
font-size: 13px;
margin-bottom: 1em;
margin-top: 1.2em;
text-align: center;
}
figcaption.coblocks-gallery--primary-caption:not(.has-caption-color) {
color: #1e1e1e;
}
.wp-block-group div[class*=wp-block-coblocks-gallery] {
margin-bottom: 10px !important;
margin-top: 10px !important;
}
@media (min-width: 250px) {
.has-grid-sml .coblocks-gallery--item {
width: 50%;
}
}
@media (min-width: 500px) {
.has-grid-sml .coblocks-gallery--item {
width: 33.3333333333%;
}
}
@media (min-width: 800px) {
.has-grid-sml .coblocks-gallery--item {
width: 25%;
}
}
@media (min-width: 1300px) {
.has-grid-sml .coblocks-gallery--item {
width: 20%;
}
}
@media (min-width: 1700px) {
.has-grid-sml .coblocks-gallery--item {
width: 16.6666666667%;
}
}
@media (min-width: 1900px) {
.has-grid-sml .coblocks-gallery--item {
width: 14.2857142857%;
}
}
@media (min-width: 350px) {
.has-grid-med .coblocks-gallery--item:not(.brick) {
width: 50%;
}
}
@media (min-width: 650px) {
.has-grid-med .coblocks-gallery--item:not(.brick) {
width: 33.3333333333%;
}
}
@media (min-width: 1100px) {
.has-grid-med .coblocks-gallery--item:not(.brick) {
width: 25%;
}
}
@media (min-width: 1600px) {
.alignfull .has-grid-med .coblocks-gallery--item:not(.brick) {
width: 20%;
}
}
@media (min-width: 1900px) {
.alignfull .has-grid-med .coblocks-gallery--item:not(.brick) {
width: 16.6666666667%;
}
}
@media (min-width: 400px) {
.has-grid-lrg .coblocks-gallery--item {
width: 50%;
}
}
@media (min-width: 800px) {
.has-grid-lrg .coblocks-gallery--item {
width: 33.3333333333%;
}
}
@media (min-width: 1600px) {
.alignfull .has-grid-lrg .coblocks-gallery--item {
width: 25%;
}
}
@media (min-width: 1900px) {
.alignfull .has-grid-lrg .coblocks-gallery--item {
width: 20%;
}
}
@media (min-width: 400px) {
.has-grid-xlrg .coblocks-gallery--item:not(.brick) {
width: 50%;
}
}
@media (min-width: 1600px) {
.alignfull .has-grid-xlrg .coblocks-gallery--item:not(.brick) {
width: 33.3333333333%;
}
}
@media (min-width: 1900px) {
.alignfull .has-grid-xlrg .coblocks-gallery--item:not(.brick) {
width: 25%;
}
}
@media (min-width: 400px) {
.has-no-alignment .has-grid-lrg .coblocks-gallery--item:not(.brick) {
width: 50%;
}
}
@media (min-width: 900px) {
.has-no-alignment .has-grid-lrg .coblocks-gallery--item:not(.brick) {
width: 33.3333333333%;
}
}
.coblocks-gallery.has-gutter {
overflow: hidden;
}
@media (min-width: 600px) {
.has-gutter-5 {
margin: -3px !important;
max-width: calc(100% + 5px) !important;
}
.has-gutter-10 {
margin: -5px !important;
max-width: calc(100% + 10px) !important;
}
.has-gutter-15 {
margin: -8px !important;
max-width: calc(100% + 15px) !important;
}
.has-gutter-20 {
margin: -10px !important;
max-width: calc(100% + 20px) !important;
}
.has-gutter-25 {
margin: -13px !important;
max-width: calc(100% + 25px) !important;
}
.has-gutter-30 {
margin: -15px !important;
max-width: calc(100% + 30px) !important;
}
.has-gutter-35 {
margin: -18px !important;
max-width: calc(100% + 35px) !important;
}
.has-gutter-40 {
margin: -20px !important;
max-width: calc(100% + 40px) !important;
}
.has-gutter-45 {
margin: -23px !important;
max-width: calc(100% + 45px) !important;
}
.has-gutter-50 {
margin: -25px !important;
max-width: calc(100% + 50px) !important;
}
.has-gutter-5 .coblocks-gallery--figure {
margin: 3px;
}
.has-gutter-10 .coblocks-gallery--figure {
margin: 5px;
}
.has-gutter-15 .coblocks-gallery--figure {
margin: 8px;
}
.has-gutter-20 .coblocks-gallery--figure {
margin: 10px;
}
.has-gutter-25 .coblocks-gallery--figure {
margin: 13px;
}
.has-gutter-30 .coblocks-gallery--figure {
margin: 15px;
}
.has-gutter-35 .coblocks-gallery--figure {
margin: 18px;
}
.has-gutter-40 .coblocks-gallery--figure {
margin: 20px;
}
.has-gutter-45 .coblocks-gallery--figure {
margin: 23px;
}
.has-gutter-50 .coblocks-gallery--figure {
margin: 25px;
}
}
@media (max-width: 599px) {
.has-gutter-mobile-5 {
margin: -3px !important;
max-width: calc(100% + 5px) !important;
}
.has-gutter-mobile-5 .coblocks-gallery--figure {
margin: 3px;
}
.has-gutter-mobile-10 {
margin: -5px !important;
max-width: calc(100% + 10px) !important;
}
.has-gutter-mobile-10 .coblocks-gallery--figure {
margin: 5px;
}
.has-gutter-mobile-15 {
margin: -8px !important;
max-width: calc(100% + 15px) !important;
}
.has-gutter-mobile-15 .coblocks-gallery--figure {
margin: 8px;
}
.has-gutter-mobile-20 {
margin: -10px !important;
max-width: calc(100% + 20px) !important;
}
.has-gutter-mobile-20 .coblocks-gallery--figure {
margin: 10px;
}
.has-gutter-mobile-25 {
margin: -13px !important;
max-width: calc(100% + 25px) !important;
}
.has-gutter-mobile-25 .coblocks-gallery--figure {
margin: 13px;
}
.has-gutter-mobile-30 {
margin: -15px !important;
max-width: calc(100% + 30px) !important;
}
.has-gutter-mobile-30 .coblocks-gallery--figure {
margin: 15px;
}
.has-gutter-mobile-35 {
margin: -18px !important;
max-width: calc(100% + 35px) !important;
}
.has-gutter-mobile-35 .coblocks-gallery--figure {
margin: 18px;
}
.has-gutter-mobile-40 {
margin: -20px !important;
max-width: calc(100% + 40px) !important;
}
.has-gutter-mobile-40 .coblocks-gallery--figure {
margin: 20px;
}
.has-gutter-mobile-45 {
margin: -23px !important;
max-width: calc(100% + 45px) !important;
}
.has-gutter-mobile-45 .coblocks-gallery--figure {
margin: 23px;
}
.has-gutter-mobile-50 {
margin: -25px !important;
max-width: calc(100% + 50px) !important;
}
.has-gutter-mobile-50 .coblocks-gallery--figure {
margin: 25px;
}
}
.has-horizontal-gutter {
overflow-x: hidden;
}
@media (min-width: 1300px) {
.has-no-alignment .has-carousel-lrg .coblocks-gallery--item {
width: 70%;
}
}
.has-no-alignment .has-carousel-xlrg .coblocks-gallery--item {
width: 100%;
}
.has-carousel-sml .coblocks-gallery--item {
width: 65%;
}
@media (min-width: 700px) {
.has-carousel-sml .coblocks-gallery--item {
width: 33.333%;
}
}
@media (min-width: 1100px) {
.has-carousel-sml .coblocks-gallery--item {
width: 25%;
}
}
@media (min-width: 1600px) {
.has-carousel-sml .coblocks-gallery--item {
width: 20%;
}
}
.has-carousel-sml.has-aligned-cells .coblocks-gallery--item {
width: 100%;
}
@media (min-width: 700px) {
.has-carousel-sml.has-aligned-cells .coblocks-gallery--item {
width: 33.333%;
}
}
@media (min-width: 1100px) {
.has-carousel-sml.has-aligned-cells .coblocks-gallery--item {
width: 25%;
}
}
@media (min-width: 1600px) {
.has-carousel-sml.has-aligned-cells .coblocks-gallery--item {
width: 20%;
}
}
.has-carousel-med .coblocks-gallery--item {
width: 70%;
}
@media (min-width: 700px) {
.has-carousel-med .coblocks-gallery--item {
width: 33.333%;
}
}
@media (min-width: 1800px) {
.has-carousel-med .coblocks-gallery--item {
width: 25%;
}
}
.has-carousel-med.has-aligned-cells .coblocks-gallery--item {
width: 100%;
}
@media (min-width: 600px) {
.has-carousel-med.has-aligned-cells .coblocks-gallery--item {
width: 50%;
}
}
@media (min-width: 900px) {
.has-carousel-med.has-aligned-cells .coblocks-gallery--item {
width: 33.333%;
}
}
@media (min-width: 1200px) {
.has-carousel-med.has-aligned-cells .coblocks-gallery--item {
width: 25%;
}
}
.has-carousel-lrg .coblocks-gallery--item {
width: 80%;
}
@media (min-width: 600px) {
.has-carousel-lrg .coblocks-gallery--item {
width: 70%;
}
}
@media (min-width: 1300px) {
.has-carousel-lrg .coblocks-gallery--item {
width: 60%;
}
}
.has-carousel-lrg.has-aligned-cells .coblocks-gallery--item {
width: 100%;
}
@media (min-width: 600px) {
.has-carousel-lrg.has-aligned-cells .coblocks-gallery--item {
width: 50%;
}
}
@media (min-width: 1800px) {
.has-carousel-lrg.has-aligned-cells .coblocks-gallery--item {
width: 33.333%;
}
}
.has-carousel-xlrg .coblocks-gallery--item {
width: 100%;
}
@media (min-width: 1200px) {
.has-carousel-xlrg .coblocks-gallery--item {
width: 80%;
}
}
.has-carousel-xlrg.has-aligned-cells .coblocks-gallery--item {
width: 100%;
}
@media (min-width: 600px) {
.has-margin-bottom-5 {
margin-bottom: 5px !important;
}
.has-margin-bottom-10 {
margin-bottom: 10px !important;
}
.has-margin-bottom-15 {
margin-bottom: 15px !important;
}
.has-margin-bottom-20 {
margin-bottom: 20px !important;
}
.has-margin-bottom-25 {
margin-bottom: 25px !important;
}
.has-margin-bottom-30 {
margin-bottom: 30px !important;
}
.has-margin-bottom-35 {
margin-bottom: 35px !important;
}
.has-margin-bottom-40 {
margin-bottom: 40px !important;
}
.has-margin-bottom-45 {
margin-bottom: 45px !important;
}
.has-margin-bottom-50 {
margin-bottom: 50px !important;
}
}
@media (max-width: 599px) {
.has-margin-bottom-mobile-5 {
margin-bottom: 5px !important;
}
.has-margin-bottom-mobile-10 {
margin-bottom: 10px !important;
}
.has-margin-bottom-mobile-15 {
margin-bottom: 15px !important;
}
.has-margin-bottom-mobile-20 {
margin-bottom: 20px !important;
}
.has-margin-bottom-mobile-25 {
margin-bottom: 25px !important;
}
.has-margin-bottom-mobile-30 {
margin-bottom: 30px !important;
}
.has-margin-bottom-mobile-35 {
margin-bottom: 35px !important;
}
.has-margin-bottom-mobile-40 {
margin-bottom: 40px !important;
}
.has-margin-bottom-mobile-45 {
margin-bottom: 45px !important;
}
.has-margin-bottom-mobile-50 {
margin-bottom: 50px !important;
}
}
@media (min-width: 600px) {
.has-margin-top-5 {
margin-top: 3px !important;
}
.has-margin-top-10 {
margin-top: 5px !important;
}
.has-margin-top-15 {
margin-top: 8px !important;
}
.has-margin-top-20 {
margin-top: 10px !important;
}
.has-margin-top-25 {
margin-top: 13px !important;
}
.has-margin-top-30 {
margin-top: 15px !important;
}
.has-margin-top-35 {
margin-top: 18px !important;
}
.has-margin-top-40 {
margin-top: 20px !important;
}
.has-margin-top-45 {
margin-top: 23px !important;
}
.has-margin-top-50 {
margin-top: 25px !important;
}
}
@media (max-width: 599px) {
.has-margin-top-mobile-5 {
margin-top: 3px !important;
}
.has-margin-top-mobile-10 {
margin-top: 5px !important;
}
.has-margin-top-mobile-15 {
margin-top: 8px !important;
}
.has-margin-top-mobile-20 {
margin-top: 10px !important;
}
.has-margin-top-mobile-25 {
margin-top: 13px !important;
}
.has-margin-top-mobile-30 {
margin-top: 15px !important;
}
.has-margin-top-mobile-35 {
margin-top: 18px !important;
}
.has-margin-top-mobile-40 {
margin-top: 20px !important;
}
.has-margin-top-mobile-45 {
margin-top: 23px !important;
}
.has-margin-top-mobile-50 {
margin-top: 25px !important;
}
}
@media (min-width: 600px) {
.has-margin-right-5 {
margin-right: 3px !important;
}
.has-margin-right-10 {
margin-right: 5px !important;
}
.has-margin-right-15 {
margin-right: 8px !important;
}
.has-margin-right-20 {
margin-right: 10px !important;
}
.has-margin-right-25 {
margin-right: 13px !important;
}
.has-margin-right-30 {
margin-right: 15px !important;
}
.has-margin-right-35 {
margin-right: 18px !important;
}
.has-margin-right-40 {
margin-right: 20px !important;
}
.has-margin-right-45 {
margin-right: 23px !important;
}
.has-margin-right-50 {
margin-right: 25px !important;
}
}
@media (max-width: 599px) {
.has-margin-right-mobile-5 {
margin-right: 3px !important;
}
.has-margin-right-mobile-10 {
margin-right: 5px !important;
}
.has-margin-right-mobile-15 {
margin-right: 8px !important;
}
.has-margin-right-mobile-20 {
margin-right: 10px !important;
}
.has-margin-right-mobile-25 {
margin-right: 13px !important;
}
.has-margin-right-mobile-30 {
margin-right: 15px !important;
}
.has-margin-right-mobile-35 {
margin-right: 18px !important;
}
.has-margin-right-mobile-40 {
margin-right: 20px !important;
}
.has-margin-right-mobile-45 {
margin-right: 23px !important;
}
.has-margin-right-mobile-50 {
margin-right: 25px !important;
}
}
@media (min-width: 600px) {
.has-margin-left-5 {
margin-left: 3px !important;
}
.has-margin-left-10 {
margin-left: 5px !important;
}
.has-margin-left-15 {
margin-left: 8px !important;
}
.has-margin-left-20 {
margin-left: 10px !important;
}
.has-margin-left-25 {
margin-left: 13px !important;
}
.has-margin-left-30 {
margin-left: 15px !important;
}
.has-margin-left-35 {
margin-left: 18px !important;
}
.has-margin-left-40 {
margin-left: 20px !important;
}
.has-margin-left-45 {
margin-left: 23px !important;
}
.has-margin-left-50 {
margin-left: 25px !important;
}
}
@media (max-width: 599px) {
.has-margin-left-mobile-5 {
margin-left: 3px !important;
}
.has-margin-left-mobile-10 {
margin-left: 5px !important;
}
.has-margin-left-mobile-15 {
margin-left: 8px !important;
}
.has-margin-left-mobile-20 {
margin-left: 10px !important;
}
.has-margin-left-mobile-25 {
margin-left: 13px !important;
}
.has-margin-left-mobile-30 {
margin-left: 15px !important;
}
.has-margin-left-mobile-35 {
margin-left: 18px !important;
}
.has-margin-left-mobile-40 {
margin-left: 20px !important;
}
.has-margin-left-mobile-45 {
margin-left: 23px !important;
}
.has-margin-left-mobile-50 {
margin-left: 25px !important;
}
}
@media (min-width: 600px) {
.has-negative-margin-right-5 {
margin-right: -3px !important;
}
.has-negative-margin-right-10 {
margin-right: -5px !important;
}
.has-negative-margin-right-15 {
margin-right: -8px !important;
}
.has-negative-margin-right-20 {
margin-right: -10px !important;
}
.has-negative-margin-right-25 {
margin-right: -13px !important;
}
.has-negative-margin-right-30 {
margin-right: -15px !important;
}
.has-negative-margin-right-35 {
margin-right: -18px !important;
}
.has-negative-margin-right-40 {
margin-right: -20px !important;
}
.has-negative-margin-right-45 {
margin-right: -23px !important;
}
.has-negative-margin-right-50 {
margin-right: -25px !important;
}
}
@media (max-width: 599px) {
.has-negative-margin-right-mobile-5 {
margin-right: -3px !important;
}
.has-negative-margin-right-mobile-10 {
margin-right: -5px !important;
}
.has-negative-margin-right-mobile-15 {
margin-right: -8px !important;
}
.has-negative-margin-right-mobile-20 {
margin-right: -10px !important;
}
.has-negative-margin-right-mobile-25 {
margin-right: -13px !important;
}
.has-negative-margin-right-mobile-30 {
margin-right: -15px !important;
}
.has-negative-margin-right-mobile-35 {
margin-right: -18px !important;
}
.has-negative-margin-right-mobile-40 {
margin-right: -20px !important;
}
.has-negative-margin-right-mobile-45 {
margin-right: -23px !important;
}
.has-negative-margin-right-mobile-50 {
margin-right: -25px !important;
}
}
@media (min-width: 600px) {
.has-negative-margin-left-5 {
margin-left: -3px !important;
}
.has-negative-margin-left-10 {
margin-left: -5px !important;
}
.has-negative-margin-left-15 {
margin-left: -8px !important;
}
.has-negative-margin-left-20 {
margin-left: -10px !important;
}
.has-negative-margin-left-25 {
margin-left: -13px !important;
}
.has-negative-margin-left-30 {
margin-left: -15px !important;
}
.has-negative-margin-left-35 {
margin-left: -18px !important;
}
.has-negative-margin-left-40 {
margin-left: -20px !important;
}
.has-negative-margin-left-45 {
margin-left: -23px !important;
}
.has-negative-margin-left-50 {
margin-left: -25px !important;
}
}
@media (max-width: 599px) {
.has-negative-margin-left-mobile-5 {
margin-left: -3px !important;
}
.has-negative-margin-left-mobile-10 {
margin-left: -5px !important;
}
.has-negative-margin-left-mobile-15 {
margin-left: -8px !important;
}
.has-negative-margin-left-mobile-20 {
margin-left: -10px !important;
}
.has-negative-margin-left-mobile-25 {
margin-left: -13px !important;
}
.has-negative-margin-left-mobile-30 {
margin-left: -15px !important;
}
.has-negative-margin-left-mobile-35 {
margin-left: -18px !important;
}
.has-negative-margin-left-mobile-40 {
margin-left: -20px !important;
}
.has-negative-margin-left-mobile-45 {
margin-left: -23px !important;
}
.has-negative-margin-left-mobile-50 {
margin-left: -25px !important;
}
}
@media (min-width: 600px) {
.has-negative-margin-5 {
margin: -3px !important;
}
.has-negative-margin-10 {
margin: -5px !important;
}
.has-negative-margin-15 {
margin: -8px !important;
}
.has-negative-margin-20 {
margin: -10px !important;
}
.has-negative-margin-25 {
margin: -13px !important;
}
.has-negative-margin-30 {
margin: -15px !important;
}
.has-negative-margin-35 {
margin: -18px !important;
}
.has-negative-margin-40 {
margin: -20px !important;
}
.has-negative-margin-45 {
margin: -23px !important;
}
.has-negative-margin-50 {
margin: -25px !important;
}
}
@media (max-width: 599px) {
.has-negative-margin-mobile-5 {
margin: -3px !important;
}
.has-negative-margin-mobile-10 {
margin: -5px !important;
}
.has-negative-margin-mobile-15 {
margin: -8px !important;
}
.has-negative-margin-mobile-20 {
margin: -10px !important;
}
.has-negative-margin-mobile-25 {
margin: -13px !important;
}
.has-negative-margin-mobile-30 {
margin: -15px !important;
}
.has-negative-margin-mobile-35 {
margin: -18px !important;
}
.has-negative-margin-mobile-40 {
margin: -20px !important;
}
.has-negative-margin-mobile-45 {
margin: -23px !important;
}
.has-negative-margin-mobile-50 {
margin: -25px !important;
}
}
@media (min-width: 600px) {
.has-padding-5 {
padding: 5px !important;
}
.has-padding-10 {
padding: 10px !important;
}
.has-padding-15 {
padding: 15px !important;
}
.has-padding-20 {
padding: 20px !important;
}
.has-padding-25 {
padding: 25px !important;
}
.has-padding-30 {
padding: 30px !important;
}
.has-padding-35 {
padding: 35px !important;
}
.has-padding-40 {
padding: 40px !important;
}
.has-padding-45 {
padding: 45px !important;
}
.has-padding-50 {
padding: 50px !important;
}
.has-padding-55 {
padding: 55px !important;
}
.has-padding-60 {
padding: 60px !important;
}
.has-padding-65 {
padding: 65px !important;
}
.has-padding-70 {
padding: 70px !important;
}
.has-padding-75 {
padding: 75px !important;
}
.has-padding-80 {
padding: 80px !important;
}
.has-padding-85 {
padding: 85px !important;
}
.has-padding-90 {
padding: 90px !important;
}
.has-padding-95 {
padding: 95px !important;
}
.has-padding-100 {
padding: 100px !important;
}
}
@media (max-width: 599px) {
.has-padding-mobile-5 {
padding: 5px !important;
}
.has-padding-mobile-10 {
padding: 10px !important;
}
.has-padding-mobile-15 {
padding: 15px !important;
}
.has-padding-mobile-20 {
padding: 20px !important;
}
.has-padding-mobile-25 {
padding: 25px !important;
}
.has-padding-mobile-30 {
padding: 30px !important;
}
.has-padding-mobile-35 {
padding: 35px !important;
}
.has-padding-mobile-40 {
padding: 40px !important;
}
.has-padding-mobile-45 {
padding: 45px !important;
}
.has-padding-mobile-50 {
padding: 50px !important;
}
.has-padding-mobile-55 {
padding: 55px !important;
}
.has-padding-mobile-60 {
padding: 60px !important;
}
.has-padding-mobile-65 {
padding: 65px !important;
}
.has-padding-mobile-70 {
padding: 70px !important;
}
.has-padding-mobile-75 {
padding: 75px !important;
}
.has-padding-mobile-80 {
padding: 80px !important;
}
.has-padding-mobile-85 {
padding: 85px !important;
}
.has-padding-mobile-90 {
padding: 90px !important;
}
.has-padding-mobile-95 {
padding: 95px !important;
}
.has-padding-mobile-100 {
padding: 100px !important;
}
}
.has-border-radius-2 .coblocks-gallery--item img {
border-radius: 2px;
}
.has-border-radius-2 .coblocks-gallery--item figcaption {
border-radius: 0 0 2px 2px;
}
.has-border-radius-2 .masonry-brick {
border-radius: 2px;
}
.has-border-radius-2 .masonry-brick figcaption {
border-bottom-left-radius: -2px !important;
border-bottom-right-radius: -2px !important;
}
.has-border-radius-3 .coblocks-gallery--item img {
border-radius: 3px;
}
.has-border-radius-3 .coblocks-gallery--item figcaption {
border-radius: 0 0 3px 3px;
}
.has-border-radius-3 .masonry-brick {
border-radius: 3px;
}
.has-border-radius-3 .masonry-brick figcaption {
border-bottom-left-radius: -1px !important;
border-bottom-right-radius: -1px !important;
}
.has-border-radius-4 .coblocks-gallery--item img {
border-radius: 4px;
}
.has-border-radius-4 .coblocks-gallery--item figcaption {
border-radius: 0 0 4px 4px;
}
.has-border-radius-4 .masonry-brick {
border-radius: 4px;
}
.has-border-radius-4 .masonry-brick figcaption {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.has-border-radius-5 .coblocks-gallery--item img {
border-radius: 5px;
}
.has-border-radius-5 .coblocks-gallery--item figcaption {
border-radius: 0 0 5px 5px;
}
.has-border-radius-5 .masonry-brick {
border-radius: 5px;
}
.has-border-radius-5 .masonry-brick figcaption {
border-bottom-left-radius: 1px !important;
border-bottom-right-radius: 1px !important;
}
.has-border-radius-6 .coblocks-gallery--item img {
border-radius: 6px;
}
.has-border-radius-6 .coblocks-gallery--item figcaption {
border-radius: 0 0 6px 6px;
}
.has-border-radius-6 .masonry-brick {
border-radius: 6px;
}
.has-border-radius-6 .masonry-brick figcaption {
border-bottom-left-radius: 2px !important;
border-bottom-right-radius: 2px !important;
}
.has-border-radius-7 .coblocks-gallery--item img {
border-radius: 7px;
}
.has-border-radius-7 .coblocks-gallery--item figcaption {
border-radius: 0 0 7px 7px;
}
.has-border-radius-7 .masonry-brick {
border-radius: 7px;
}
.has-border-radius-7 .masonry-brick figcaption {
border-bottom-left-radius: 3px !important;
border-bottom-right-radius: 3px !important;
}
.has-border-radius-8 .coblocks-gallery--item img {
border-radius: 8px;
}
.has-border-radius-8 .coblocks-gallery--item figcaption {
border-radius: 0 0 8px 8px;
}
.has-border-radius-8 .masonry-brick {
border-radius: 8px;
}
.has-border-radius-8 .masonry-brick figcaption {
border-bottom-left-radius: 4px !important;
border-bottom-right-radius: 4px !important;
}
.has-border-radius-9 .coblocks-gallery--item img {
border-radius: 9px;
}
.has-border-radius-9 .coblocks-gallery--item figcaption {
border-radius: 0 0 9px 9px;
}
.has-border-radius-9 .masonry-brick {
border-radius: 9px;
}
.has-border-radius-9 .masonry-brick figcaption {
border-bottom-left-radius: 5px !important;
border-bottom-right-radius: 5px !important;
}
.has-border-radius-10 .coblocks-gallery--item img {
border-radius: 10px;
}
.has-border-radius-10 .coblocks-gallery--item figcaption {
border-radius: 0 0 10px 10px;
}
.has-border-radius-10 .masonry-brick {
border-radius: 10px;
}
.has-border-radius-10 .masonry-brick figcaption {
border-bottom-left-radius: 6px !important;
border-bottom-right-radius: 6px !important;
}
.has-border-radius-11 .coblocks-gallery--item img {
border-radius: 11px;
}
.has-border-radius-11 .coblocks-gallery--item figcaption {
border-radius: 0 0 11px 11px;
}
.has-border-radius-11 .masonry-brick {
border-radius: 11px;
}
.has-border-radius-11 .masonry-brick figcaption {
border-bottom-left-radius: 7px !important;
border-bottom-right-radius: 7px !important;
}
.has-border-radius-12 .coblocks-gallery--item img {
border-radius: 12px;
}
.has-border-radius-12 .coblocks-gallery--item figcaption {
border-radius: 0 0 12px 12px;
}
.has-border-radius-12 .masonry-brick {
border-radius: 12px;
}
.has-border-radius-12 .masonry-brick figcaption {
border-bottom-left-radius: 8px !important;
border-bottom-right-radius: 8px !important;
}
.has-border-radius-13 .coblocks-gallery--item img {
border-radius: 13px;
}
.has-border-radius-13 .coblocks-gallery--item figcaption {
border-radius: 0 0 13px 13px;
}
.has-border-radius-13 .masonry-brick {
border-radius: 13px;
}
.has-border-radius-13 .masonry-brick figcaption {
border-bottom-left-radius: 9px !important;
border-bottom-right-radius: 9px !important;
}
.has-border-radius-14 .coblocks-gallery--item img {
border-radius: 14px;
}
.has-border-radius-14 .coblocks-gallery--item figcaption {
border-radius: 0 0 14px 14px;
}
.has-border-radius-14 .masonry-brick {
border-radius: 14px;
}
.has-border-radius-14 .masonry-brick figcaption {
border-bottom-left-radius: 10px !important;
border-bottom-right-radius: 10px !important;
}
.has-border-radius-15 .coblocks-gallery--item img {
border-radius: 15px;
}
.has-border-radius-15 .coblocks-gallery--item figcaption {
border-radius: 0 0 15px 15px;
}
.has-border-radius-15 .masonry-brick {
border-radius: 15px;
}
.has-border-radius-15 .masonry-brick figcaption {
border-bottom-left-radius: 11px !important;
border-bottom-right-radius: 11px !important;
}
.has-border-radius-16 .coblocks-gallery--item img {
border-radius: 16px;
}
.has-border-radius-16 .coblocks-gallery--item figcaption {
border-radius: 0 0 16px 16px;
}
.has-border-radius-16 .masonry-brick {
border-radius: 16px;
}
.has-border-radius-16 .masonry-brick figcaption {
border-bottom-left-radius: 12px !important;
border-bottom-right-radius: 12px !important;
}
.has-border-radius-17 .coblocks-gallery--item img {
border-radius: 17px;
}
.has-border-radius-17 .coblocks-gallery--item figcaption {
border-radius: 0 0 17px 17px;
}
.has-border-radius-17 .masonry-brick {
border-radius: 17px;
}
.has-border-radius-17 .masonry-brick figcaption {
border-bottom-left-radius: 13px !important;
border-bottom-right-radius: 13px !important;
}
.has-border-radius-18 .coblocks-gallery--item img {
border-radius: 18px;
}
.has-border-radius-18 .coblocks-gallery--item figcaption {
border-radius: 0 0 18px 18px;
}
.has-border-radius-18 .masonry-brick {
border-radius: 18px;
}
.has-border-radius-18 .masonry-brick figcaption {
border-bottom-left-radius: 14px !important;
border-bottom-right-radius: 14px !important;
}
.has-border-radius-19 .coblocks-gallery--item img {
border-radius: 19px;
}
.has-border-radius-19 .coblocks-gallery--item figcaption {
border-radius: 0 0 19px 19px;
}
.has-border-radius-19 .masonry-brick {
border-radius: 19px;
}
.has-border-radius-19 .masonry-brick figcaption {
border-bottom-left-radius: 15px !important;
border-bottom-right-radius: 15px !important;
}
.has-border-radius-20 .coblocks-gallery--item img {
border-radius: 20px;
}
.has-border-radius-20 .coblocks-gallery--item figcaption {
border-radius: 0 0 20px 20px;
}
.has-border-radius-20 .masonry-brick {
border-radius: 20px;
}
.has-border-radius-20 .masonry-brick figcaption {
border-bottom-left-radius: 16px !important;
border-bottom-right-radius: 16px !important;
}
.has-caption--light .coblocks-gallery--item figcaption {
background: linear-gradient(0deghsla(00%100%0.93) 6.3%hsla(00%100%0.5) 61%hsla(00%100%0)) !important;
opacity: 1 !important;
}
.coblocks-gallery:not(.has-caption-color).has-caption--dark figcaption {
color: #fff;
}
.coblocks-gallery:not(.has-caption-color).has-caption--light figcaption {
color: #000;
}
.has-caption--none .coblocks-gallery--item {
background: none !important;
opacity: 1 !important;
}
.flickity-enabled {
position: relative;
}
.flickity-enabled:focus {
outline: none;
}
.flickity-enabled.is-draggable {
-webkit-user-select: none;
user-select: none;
}
.flickity-viewport {
height: 100%;
overflow: hidden;
position: relative;
}
.is-cropped .flickity-viewport {
height: 100% !important;
}
.flickity-slider {
height: 100%;
position: absolute;
width: 100%;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: grabbing;
}
.flickity-button {
background: hsla(00%100%0.75);
border: none;
color: #000;
padding: 0;
position: absolute;
transition: background 0.1sopacity 0.1s;
}
.flickity-button:hover {
background: #fff;
cursor: pointer;
}
.flickity-button:focus {
background: #fff;
border: none;
box-shadow: 0 0 0 2px #000;
outline: none;
}
.flickity-button:active {
border: none;
opacity: 0.6;
}
.flickity-button:disabled {
cursor: auto;
opacity: 0.25;
pointer-events: none;
}
.flickity-button-icon {
fill: #000;
transform: translateZ(0);
}
.flickity-prev-next-button {
border-radius: 9px;
height: 72px;
top: 50%;
transform: translateY(-50%);
width: 57px;
}
.has-top-left-carousel-arrows .flickity-prev-next-button {
border-radius: 4px;
height: 42px;
top: 20px;
transform: none;
width: 42px;
}
.has-top-left-carousel-arrows .flickity-prev-next-button.previous {
left: 20px;
}
.has-top-left-carousel-arrows .flickity-prev-next-button.next {
left: 67px;
}
.flickity-prev-next-button.previous {
left: 10px;
}
@media (min-width: 600px) {
.flickity-prev-next-button.previous {
left: 20px;
}
}
.flickity-prev-next-button.next {
right: 10px;
}
@media (min-width: 600px) {
.flickity-prev-next-button.next {
right: 20px;
}
}
.flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px;
}
@media (min-width: 600px) {
.flickity-rtl .flickity-prev-next-button.previous {
right: 20px;
}
}
.flickity-rtl .flickity-prev-next-button.next {
left: 10px;
right: auto;
}
@media (min-width: 600px) {
.flickity-rtl .flickity-prev-next-button.next {
left: 20px;
}
}
.flickity-prev-next-button .flickity-button-icon {
height: 50%;
left: 23%;
position: absolute;
top: 25%;
width: 50%;
}
.previous.flickity-prev-next-button .flickity-button-icon {
left: 26%;
}
.flickity-page-dots {
bottom: 18px;
line-height: 1;
list-: none;
margin: 0 !important;
padding: 0 !important;
position: absolute;
text-align: center;
width: 100%;
}
.flickity-rtl .flickity-page-dots {
direction: rtl;
}
.flickity-page-dots .dot {
background: rgba(0000.3);
border-radius: 50%;
cursor: pointer;
display: inline-block;
height: 9px;
margin: 0 6px;
width: 9px;
}
.flickity-page-dots .dot.is-selected {
background: hsla(00%100%0.75);
}
.coblocks-lightbox {
align-items: center;
background: transparent;
display: none;
height: 100%;
justify-content: center;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
}
.admin-bar .coblocks-lightbox {
top: 32px;
}
@media (max-width: 782px) {
.admin-bar .coblocks-lightbox {
top: 46px;
}
}
.coblocks-lightbox__background {
background-repeat: no-repeat;
background-size: cover;
bottom: -10em;
filter: blur(25px) saturate(175%) brightness(90%);
left: -10em;
position: absolute;
right: -10em;
top: -10em;
}
.coblocks-lightbox__heading {
align-items: center;
color: #fff;
display: flex;
font-family:
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Oxygen-Sans,
Ubuntu,
Cantarell,
Helvetica Neue,
sans-serif;
font-size: 0.5em;
justify-content: space-between;
left: 3%;
position: absolute;
right: 3%;
top: 1em;
}
@media (min-width: 600px) {
.coblocks-lightbox__heading {
top: 2em;
}
}
.coblocks-lightbox__image {
z-index: 2;
}
.coblocks-lightbox__image img {
display: flex;
margin: auto;
max-height: 70vh;
max-width: 70vw;
}
@media (min-width: 960px) {
.coblocks-lightbox__image img {
max-height: 80vh;
max-width: 80vw;
}
}
.coblocks-lightbox__arrow {
align-items: center;
background-color: transparent;
border-radius: 100%;
color: #fff;
cursor: pointer;
display: flex;
height: auto;
margin: 0 1%;
padding: 15px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
transition: background-color 0.25s linear;
z-index: 3;
}
.coblocks-lightbox__arrow:hover {
background-color: hsla(00%100%0.15);
}
.coblocks-lightbox__arrow:focus {
background-color: hsla(00%100%0.25);
box-shadow: inset 0 0 0 3px hsla(00%100%0.25);
outline: none;
}
@media (min-width: 600px) {
.coblocks-lightbox__arrow {
background-color: hsla(00%100%0.15);
margin: 0 2%;
}
.coblocks-lightbox__arrow:hover {
background-color: hsla(00%100%0.25);
}
}
.coblocks-lightbox__arrow > div {
background-color: #fff;
height: 28px;
position: relative;
width: 28px;
}
@media (min-width: 960px) {
.coblocks-lightbox__arrow > div {
height: 32px;
width: 32px;
}
}
.coblocks-lightbox__arrow .arrow-left {
left: -1px;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTMwIDEzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNTAuOTA2MjUgOTkuMDkzNzUtNDYuODc1LTQ2Ljg3NWMtMS4yMTE2MzYyMy0xLjIxODg2Ny0xLjIxMTYzNjIzLTMuMTg3MzgzIDAtNC40MDYyNWw0Ni44NzUtNDYuODc1IDQuNDA2MjUgNC40MDYyNS00NC42NTYyNSA0NC42NTYyNSA0NC42ODc1IDQ0LjY1NjI1eiIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNi44NzUgMTUpIi8+PC9zdmc+);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTMwIDEzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNTAuOTA2MjUgOTkuMDkzNzUtNDYuODc1LTQ2Ljg3NWMtMS4yMTE2MzYyMy0xLjIxODg2Ny0xLjIxMTYzNjIzLTMuMTg3MzgzIDAtNC40MDYyNWw0Ni44NzUtNDYuODc1IDQuNDA2MjUgNC40MDYyNS00NC42NTYyNSA0NC42NTYyNSA0NC42ODc1IDQ0LjY1NjI1eiIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNi44NzUgMTUpIi8+PC9zdmc+);
}
.coblocks-lightbox__arrow .arrow-right {
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTMwIDEzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNS4zNDM3NSA5OS4wOTM3NS00LjQzNzUtNC40Mzc1IDQ0LjY4NzUtNDQuNjU2MjUtNDQuNjg3NS00NC42NTYyNSA0LjQzNzUtNC40Mzc1IDQ2Ljg3NSA0Ni44NzVjMS4yMTE2MzYyIDEuMjE4ODY3IDEuMjExNjM2MiAzLjE4NzM4MyAwIDQuNDA2MjV6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM5Ljg3NSAxNSkiLz48L3N2Zz4=);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTMwIDEzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNS4zNDM3NSA5OS4wOTM3NS00LjQzNzUtNC40Mzc1IDQ0LjY4NzUtNDQuNjU2MjUtNDQuNjg3NS00NC42NTYyNSA0LjQzNzUtNC40Mzc1IDQ2Ljg3NSA0Ni44NzVjMS4yMTE2MzYyIDEuMjE4ODY3IDEuMjExNjM2MiAzLjE4NzM4MyAwIDQuNDA2MjV6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM5Ljg3NSAxNSkiLz48L3N2Zz4=);
right: -1px;
}
.coblocks-lightbox__arrow--left {
left: 0;
right: auto;
}
.coblocks-lightbox__close {
background-color: #fff;
background-repeat: no-repeat;
cursor: pointer;
height: 26px;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTMwIDEzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Im01LjM0Mzc1IDk5LjA5Mzc1LTQuNDM3NS00LjQzNzUgNDQuNjg3NS00NC42NTYyNS00NC42ODc1LTQ0LjY1NjI1IDQuNDM3NS00LjQzNzUgNDYuODc1IDQ2Ljg3NWMxLjIxMTYzNjIgMS4yMTg4NjcgMS4yMTE2MzYyIDMuMTg3MzgzIDAgNC40MDYyNXoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1LjM3NSAxNSkiLz48cGF0aCBkPSJtNTAuOTA2MjUgOTkuMDkzNzUtNDYuODc1LTQ2Ljg3NWMtMS4yMTE2MzYyMy0xLjIxODg2Ny0xLjIxMTYzNjIzLTMuMTg3MzgzIDAtNC40MDYyNWw0Ni44NzUtNDYuODc1IDQuNDA2MjUgNC40MDYyNS00NC42NTYyNSA0NC42NTYyNSA0NC42ODc1IDQ0LjY1NjI1eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTguMzc1IDE1KSIvPjwvZz48L3N2Zz4=);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTMwIDEzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Im01LjM0Mzc1IDk5LjA5Mzc1LTQuNDM3NS00LjQzNzUgNDQuNjg3NS00NC42NTYyNS00NC42ODc1LTQ0LjY1NjI1IDQuNDM3NS00LjQzNzUgNDYuODc1IDQ2Ljg3NWMxLjIxMTYzNjIgMS4yMTg4NjcgMS4yMTE2MzYyIDMuMTg3MzgzIDAgNC40MDYyNXoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1LjM3NSAxNSkiLz48cGF0aCBkPSJtNTAuOTA2MjUgOTkuMDkzNzUtNDYuODc1LTQ2Ljg3NWMtMS4yMTE2MzYyMy0xLjIxODg2Ny0xLjIxMTYzNjIzLTMuMTg3MzgzIDAtNC40MDYyNWw0Ni44NzUtNDYuODc1IDQuNDA2MjUgNC40MDYyNS00NC42NTYyNSA0NC42NTYyNSA0NC42ODc1IDQ0LjY1NjI1eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTguMzc1IDE1KSIvPjwvZz48L3N2Zz4=);
-webkit-mask-size: contain;
mask-size: contain;
padding: 7px;
transition: transform 0.15s linear;
width: 26px;
}
@media (min-width: 960px) {
.coblocks-lightbox__close {
height: 32px;
width: 32px;
}
}
.coblocks-lightbox__close:focus,
.coblocks-lightbox__close:hover {
background-color: #fff;
transform: scale(1.125);
}
.coblocks-lightbox__caption {
color: #fff;
margin-top: 10px;
text-align: center;
}
.has-lightbox figure[class^=align]:hover,
.has-lightbox > :not(.carousel-nav) figure:hover,
figure.has-lightbox:hover {
cursor: zoom-in;
}
figure.has-lightbox.masonry-grid {
cursor: default;
}
figure.has-lightbox.masonry-grid figure.masonry-brick:hover {
cursor: zoom-in;
}
.is-twentynineteen .entry-content div[class*=wp-block-coblocks-gallery] {
margin-bottom: 46px;
margin-top: 46px;
}
.is-twentynineteen .entry-content div[class*=wp-block-coblocks-gallery] .coblocks-gallery--caption {
font-family:
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Oxygen-Sans,
Ubuntu,
Cantarell,
Helvetica Neue,
sans-serif;
font-size: 0.71111em;
line-height: 1.6;
margin: 0 0 -20px;
padding: 0.5rem;
text-align: center;
}
.is-twentynineteen .wp-block-coblocks-gallery-stacked figcaption:not([class*=font-size]) {
font-size: 0.71111em;
}
.is-twentyseventeen .entry-content div[class*=wp-block-coblocks-gallery] {
margin-bottom: 1.75em;
margin-top: 1.65em;
}
.is-twentyseventeen .entry-content div[class*=wp-block-coblocks-gallery] .coblocks-gallery--primary-caption {
font-: italic;
margin-bottom: -10px;
margin-top: 1em;
}
.is-twentyseventeen .entry-content div[class*=wp-block-coblocks-gallery]:not([class*=masonry]) .coblocks-gallery:not(.has-caption-color) figcaption {
color: #1e1e1e;
}
.is-twentyseventeen .wp-block-coblocks-gallery-masonry figcaption {
padding-bottom: 6px;
}
.is-twentysixteen .entry-content div[class*=wp-block-coblocks-gallery] {
margin-bottom: 2.3em;
margin-top: 2.3em;
}
.is-twentysixteen .entry-content div[class*=wp-block-coblocks-gallery] .coblocks-gallery--primary-caption {
margin-bottom: -10px;
margin-top: 0.6em;
}
.is-twentysixteen .wp-block-coblocks-gallery-masonry figcaption {
padding-bottom: 6px;
}
.is-twentyfifteen .entry-content div[class*=wp-block-coblocks-gallery] {
margin-bottom: 2.2em;
margin-top: 2.2em;
}
.is-twentyfifteen .entry-content div[class*=wp-block-coblocks-gallery] .coblocks-gallery--primary-caption {
margin-bottom: -15px;
margin-top: 0.5em;
padding-bottom: 0;
}
.is-twentyfifteen .wp-block-coblocks-gallery-masonry figcaption {
font-size: 13px !important;
}
.is-twentyfourteen .entry-content div[class*=wp-block-coblocks-gallery] {
margin-bottom: 30px;
margin-top: 30px;
}
.is-twentyfourteen .entry-content div[class*=wp-block-coblocks-gallery] .coblocks-gallery--primary-caption {
margin-bottom: -7px;
text-align: left;
}
.is-twentythirteen .entry-content div[class*=wp-block-coblocks-gallery] {
margin-bottom: 30px;
margin-top: 34px;
}
.is-twentythirteen .entry-content div[class*=wp-block-coblocks-gallery] .coblocks-gallery--primary-caption {
margin-bottom: -10px;
}
.is-twentythirteen .wp-block-coblocks-gallery-masonry figcaption {
font-size: 13px !important;
}
.is-twentytwelve .entry-content div[class*=wp-block-coblocks-gallery] {
margin-bottom: 32px;
margin-top: 32px;
}
.is-twentytwelve .entry-content div[class*=wp-block-coblocks-gallery] .coblocks-gallery:not([class*=border-radius]) img {
border-radius: inherit;
}
.is-twentytwelve .entry-content div[class*=wp-block-coblocks-gallery] .coblocks-gallery--primary-caption {
margin-bottom: -10px;
}
.is-twentytwelve .wp-block-coblocks-gallery-masonry figcaption {
padding-bottom: 6px;
}
.is-twentyeleven .entry-content div[class*=wp-block-coblocks-gallery] {
margin-bottom: 32px;
margin-top: 33px;
}
.is-twentyeleven .entry-content div[class*=wp-block-coblocks-gallery] .coblocks-gallery img {
border: 0;
max-width: 100%;
padding: 0;
}
.is-twentyeleven .entry-content div[class*=wp-block-coblocks-gallery] .coblocks-gallery--primary-caption {
margin-bottom: -15px;
}
.is-twentyeleven .entry-content div[class*=wp-block-coblocks-gallery] .coblocks-gallery--primary-caption:before {
color: #666;
content: "\2014";
font-size: 14px;
font-: normal;
font-weight: 600;
left: 10px;
margin-right: 5px;
position: absolute;
top: 0;
}
.is-twentyeleven .wp-block-coblocks-gallery-stacked figcaption {
padding-left: 1em !important;
padding-right: 1em !important;
text-align: center !important;
}
.is-twentyeleven .wp-block-coblocks-gallery-stacked figcaption:before {
display: none;
padding-left: 0;
}
.has-filter-grayscale img {
filter: grayscale(1);
}
.has-filter-saturation img {
filter: saturate(1.75);
}
.has-filter-sepia img {
filter: sepia(0.5);
}
.has-filter-dim img {
filter: brightness(0.5);
}
.has-filter-vintage img {
filter: contrast(1.3) saturate(1.5) sepia(0.6);
}
.coblocks-option-selector-control .components-button-group .components-button {
justify-content: center;
min-width: 38px;
padding-left: 4px;
padding-right: 4px;
vertical-align: middle;
}
.coblocks-option-selector-control.is-custom {
margin-bottom: 14px;
}
.components-button-group .components-button.is-primary {
box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
}
.coblocks-swiper-container {
height: 100%;
position: relative;
width: 100%;
}
.no-autoplay {
transition: none !important;
}
.swiper-container,
.swiper-wrapper {
display: flex;
height: 100%;
margin: 0;
padding: 0;
width: 100%;
}
.swiper-plugin-pagination {
height: auto;
width: auto;
}
.swiper-container {
overflow: hidden;
}
.swiper-container-thumbnails {
height: 80px;
overflow: hidden;
position: relative;
}
.swiper-wrapper-thumbnails {
transform: none !important;
transition: none !important;
}
.coblocks-gallery--caption {
bottom: 0 !important;
position: absolute !important;
width: 100% !important;
}
.swiper-slide {
flex-direction: row;
width: 100%;
}
.swiper-slide,
.swiper-slide-thumbnail {
align-items: center;
display: flex;
flex-shrink: 0;
font-size: 18px;
justify-content: center;
}
.swiper-slide-thumbnail {
height: 80px;
position: relative;
width: 100px;
}
.nav-button__next,
.nav-button__prev {
background-color: var(--wp-admin-theme-color#007cba);
border: none;
border-radius: 100%;
cursor: pointer;
height: 62px;
margin: 0 1%;
padding: 15px;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 62px;
}
.nav-button__next .icon,
.nav-button__prev .icon {
background-color: #fff;
height: 32px;
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTMwIDEzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNS4zNDM3NSA5OS4wOTM3NS00LjQzNzUtNC40Mzc1IDQ0LjY4NzUtNDQuNjU2MjUtNDQuNjg3NS00NC42NTYyNSA0LjQzNzUtNC40Mzc1IDQ2Ljg3NSA0Ni44NzVjMS4yMTE2MzYyIDEuMjE4ODY3IDEuMjExNjM2MiAzLjE4NzM4MyAwIDQuNDA2MjV6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM5Ljg3NSAxNSkiLz48L3N2Zz4=);
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTMwIDEzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNS4zNDM3NSA5OS4wOTM3NS00LjQzNzUtNC40Mzc1IDQ0LjY4NzUtNDQuNjU2MjUtNDQuNjg3NS00NC42NTYyNSA0LjQzNzUtNC40Mzc1IDQ2Ljg3NSA0Ni44NzVjMS4yMTE2MzYyIDEuMjE4ODY3IDEuMjExNjM2MiAzLjE4NzM4MyAwIDQuNDA2MjV6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM5Ljg3NSAxNSkiLz48L3N2Zz4=);
width: 32px;
}
.nav-button__prev {
left: 0;
}
.nav-button__next {
right: 0;
}
.drag-container {
height: auto;
width: auto;
}
.swiper-block {
height: 100%;
position: absolute;
width: 100%;
z-index: 999999;
}
.no-drag,
.swiper-block {
pointer-events: none !important;
touch-action: none !important;
}
.no-drag {
-webkit-user-select: none !important;
user-select: none !important;
}
[class*=wp-block-].mt-0 > .has-margin {
margin-top: 0 !important;
}
[class*=wp-block-].mb-0 > .has-margin {
margin-bottom: 0 !important;
}
[class*=wp-block].mt-0 {
margin-top: 0 !important;
}
[class*=wp-block].mb-0 {
margin-bottom: 0 !important;
}
.mt-0 {
margin-top: 0;
}
.pt-0 {
padding-top: 0;
}
.coblocks-block-patterns__modal .components-modal__header-heading {
align-items: center;
display: flex;
}
.coblocks-block-patterns__modal .components-base-control__field {
margin-bottom: 16px;
}
.coblocks-block-patterns__preview {
border: 1px solid #1e1e1e;
border-radius: 2px;
margin-bottom: 24px;
padding: 9px;
}
.wp-block-button.w-100,
.wp-block-button.w-100 .wp-block-button__link {
width: 100%;
}
.coblocks-settings-modal .components-base-control__help {
color: #757575;
display: block;
font-: normal;
padding-left: 36px;
padding-top: 2px;
}
@media (min-width: 600px) {
.coblocks-settings-modal .components-base-control__help {
padding-left: 32px;
}
}
.edit-post-sidebar .components-panel__body.is-opened ~ .coblocks-lightbox-controls {
display: flex;
margin-top: -8px;
padding-left: 16px;
padding-right: 16px;
}
.components-panel__row.coblocks-lightbox-controls {
display: flex;
margin-top: 0;
padding-left: 16px;
padding-right: 16px;
}
ul.has-custom-font li {
font-family: inherit;
}
.has-custom-font.wp-block-button .wp-block-button__link,
.has-custom-font.wp-block-cover p,
blockquote.has-custom-font cite,
blockquote.has-custom-font p {
font-family: inherit !important;
}
.has-custom-font.wp-block-coblocks-click-to-tweet .wp-block-coblocks-click-to-tweet__text,
.has-custom-font.wp-block-coblocks-pricing-table .wp-block-coblocks-pricing-table__inner .wp-block-coblocks-pricing-table-item__amount,
.has-custom-font.wp-block-coblocks-pricing-table .wp-block-coblocks-pricing-table__inner .wp-block-coblocks-pricing-table-item__title {
font-family: inherit;
}
.wp-block-button.has-custom-lineheight .wp-block-button__link {
line-height: inherit;
}
.wp-block-button.has-custom-size .wp-block-button__link {
font-size: inherit;
}
ul.has-custom-lineheight li {
line-height: inherit;
}
ul.has-custom-size li {
font-size: inherit;
}
.has-custom-transform.wp-block-coblocks-click-to-tweet .wp-block-coblocks-click-to-tweet__twitter-btn {
text-transform: none;
}
.editor-s-wrapper .wp-block-quote[*=color] cite,
.editor-s-wrapper .wp-block-quote[*=color] p,
.editor-s-wrapper .wp-block-quote[*=color] > div > p,
.wp-block-quote[*=color] cite,
.wp-block-quote[*=color] p,
.wp-block-quote[*=color] > div > p {
color: inherit;
}
.wp-block-coblocks-gallery-carousel .coblocks-gallery--item {
height: 100%;
position: relative;
width: 100% !important;
}
.wp-block-coblocks-gallery-carousel,
.wp-block-coblocks-gallery-carousel .coblocks-gallery {
overflow: hidden;
position: relative;
}
.wp-block-coblocks-gallery-carousel .coblocks-gallery--figure {
height: 100%;
}
.wp-block-coblocks-gallery-carousel .carousel-nav.has-border-radius-2 img {
border-radius: 2px;
}
.wp-block-coblocks-gallery-carousel .carousel-nav.has-border-radius-3 img {
border-radius: 3px;
}
.wp-block-coblocks-gallery-carousel .carousel-nav.has-border-radius-4 img {
border-radius: 4px;
}
.wp-block-coblocks-gallery-carousel .carousel-nav.has-border-radius-5 img {
border-radius: 5px;
}
.wp-block-coblocks-gallery-carousel .carousel-nav.has-border-radius-6 img {
border-radius: 6px;
}
.wp-block-coblocks-gallery-carousel .carousel-nav.has-border-radius-7 img {
border-radius: 7px;
}
.wp-block-coblocks-gallery-carousel .carousel-nav.has-border-radius-8 img {
border-radius: 8px;
}
.wp-block-coblocks-gallery-carousel .carousel-nav.has-border-radius-9 img {
border-radius: 9px;
}
.wp-block-coblocks-gallery-carousel .carousel-nav.has-border-radius-10 img {
border-radius: 10px;
}
.wp-block-coblocks-gallery-carousel .carousel-nav.has-border-radius-11 img {
border-radius: 11px;
}
.wp-block-coblocks-gallery-carousel .carousel-nav.has-border-radius-12 img {
border-radius: 12px;
}
.wp-block-coblocks-gallery-carousel .carousel-nav.has-border-radius-13 img {
border-radius: 13px;
}
.wp-block-coblocks-gallery-carousel .carousel-nav.has-border-radius-14 img {
border-radius: 14px;
}
.wp-block-coblocks-gallery-carousel .carousel-nav.has-border-radius-15 img {
border-radius: 15px;
}
.wp-block-coblocks-gallery-carousel .carousel-nav.has-border-radius-16 img {
border-radius: 16px;
}
.wp-block-coblocks-gallery-carousel .carousel-nav.has-border-radius-17 img {
border-radius: 17px;
}
.wp-block-coblocks-gallery-carousel .carousel-nav.has-border-radius-18 img {
border-radius: 18px;
}
.wp-block-coblocks-gallery-carousel .carousel-nav.has-border-radius-19 img {
border-radius: 19px;
}
.wp-block-coblocks-gallery-carousel .carousel-nav.has-border-radius-20 img {
border-radius: 20px;
}
.wp-block-coblocks-gallery-carousel .carousel-nav {
height: auto;
}
.wp-block-coblocks-gallery-carousel .carousel-nav .flickity-viewport {
height: 80px !important;
margin-left: 0;
margin-right: 0;
}
.wp-block-coblocks-gallery-carousel .carousel-nav figure {
margin: 0;
}
.wp-block-coblocks-gallery-carousel .carousel-nav .coblocks--figure {
height: 100%;
position: relative;
}
.wp-block-coblocks-gallery-carousel .carousel-nav .coblocks--item-thumbnail {
height: 80px;
opacity: 0.4;
overflow: hidden;
transition: opacity 0.25s ease;
width: 100px;
}
.wp-block-coblocks-gallery-carousel .carousel-nav .coblocks--item-thumbnail:hover {
opacity: 0.66;
}
.wp-block-coblocks-gallery-carousel .carousel-nav .coblocks--item-thumbnail.is-selected {
opacity: 1;
}
.wp-block-coblocks-gallery-carousel .carousel-nav .coblocks--item-thumbnail img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
vertical-align: middle;
width: 100%;
}
.wp-block-coblocks-gallery-carousel-page-dot-pagination-container {
align-items: center;
bottom: 2.2rem;
display: flex;
flex-direction: row;
justify-content: center;
position: absolute;
width: 100%;
}
.wp-block-coblocks-gallery-carousel-page-dot-pagination-container > .wp-block-coblocks-gallery-carousel-page-dot-wrapper {
align-items: center;
display: flex;
flex-direction: row;
flex-grow: 0.1;
justify-content: space-evenly;
min-width: 45px;
}
.wp-block-coblocks-gallery-carousel-page-dot-pagination-container > .wp-block-coblocks-gallery-carousel-page-dot-wrapper > .wp-block-coblocks-gallery-carousel-page-dot-pagination {
background: #fff;
border: none;
border-radius: 50%;
cursor: pointer;
height: 8px;
padding: 1px 6px;
transition: background 0.2s;
width: 8px;
}
.wp-block-coblocks-gallery-carousel-thumbnail-pagination {
align-items: center;
display: flex;
flex-direction: row;
height: auto;
justify-content: flex-start;
margin: 0 auto;
overflow: hidden;
width: 100%;
}
.wp-block-coblocks-gallery-carousel-thumbnail {
border: none;
cursor: pointer;
min-width: 100px;
opacity: 0.4;
padding: 0;
}
.wp-block-coblocks-gallery-carousel-thumbnail.is-active {
opacity: 1;
}
.has-responsive-height.has-carousel {
height: auto !important;
position: relative;
}
.has-responsive-height.has-carousel .flickity-viewport {
left: 0;
position: absolute;
top: 0;
width: 100%;
}
body.rtl .flickity-viewport {
position: relative;
}
body.rtl .flickity-prev-next-button.next {
left: 0;
}
body.rtl .flickity-prev-next-button.previous {
left: unset;
}
.uppercase {
text-transform: uppercase;
}
.m-1 {
margin: 0.5em;
}
.m-2 {
margin: 1em;
}
.m-3 {
margin: 1.5em;
}
.m-4 {
margin: 2em;
}
.m-5 {
margin: 2.5em;
}
.m-6 {
margin: 3em;
}
.m-7 {
margin: 3.5em;
}
.m-8 {
margin: 4em;
}
.m-9 {
margin: 4.5em;
}
.m-10 {
margin: 7em;
}
.mt-1 {
margin-top: 0.5em;
}
.mt-2 {
margin-top: 1em;
}
.mt-3 {
margin-top: 1.5em;
}
.mt-4 {
margin-top: 2em;
}
.mt-5 {
margin-top: 2.5em;
}
.mt-6 {
margin-top: 3em;
}
.mt-7 {
margin-top: 3.5em;
}
.mt-8 {
margin-top: 4em;
}
.mt-9 {
margin-top: 4.5em;
}
.mt-10 {
margin-top: 7em;
}
.mb-1 {
margin-bottom: 0.5em;
}
.mb-2 {
margin-bottom: 1em;
}
.mb-3 {
margin-bottom: 1.5em;
}
.mb-4 {
margin-bottom: 2em;
}
.mb-5 {
margin-bottom: 2.5em;
}
.mb-6 {
margin-bottom: 3em;
}
.mb-7 {
margin-bottom: 3.5em;
}
.mb-8 {
margin-bottom: 4em;
}
.mb-9 {
margin-bottom: 4.5em;
}
.mb-10 {
margin-bottom: 7em;
}
.mr-1 {
margin-right: 0.5em;
}
.mr-2 {
margin-right: 1em;
}
.mr-3 {
margin-right: 1.5em;
}
.mr-4 {
margin-right: 2em;
}
.mr-5 {
margin-right: 2.5em;
}
.mr-6 {
margin-right: 3em;
}
.mr-7 {
margin-right: 3.5em;
}
.mr-8 {
margin-right: 4em;
}
.mr-9 {
margin-right: 4.5em;
}
.mr-10 {
margin-right: 7em;
}
.ml-1 {
margin-left: 0.5em;
}
.ml-2 {
margin-left: 1em;
}
.ml-3 {
margin-left: 1.5em;
}
.ml-4 {
margin-left: 2em;
}
.ml-5 {
margin-left: 2.5em;
}
.ml-6 {
margin-left: 3em;
}
.ml-7 {
margin-left: 3.5em;
}
.ml-8 {
margin-left: 4em;
}
.ml-9 {
margin-left: 4.5em;
}
.ml-10 {
margin-left: 7em;
}
@media (min-width: 600px) {
.sm\:mt-1 {
margin-top: 0.5em;
}
.sm\:mt-2 {
margin-top: 1em;
}
.sm\:mt-3 {
margin-top: 1.5em;
}
.sm\:mt-4 {
margin-top: 2em;
}
.sm\:mt-5 {
margin-top: 2.5em;
}
.sm\:mt-6 {
margin-top: 3em;
}
.sm\:mt-7 {
margin-top: 3.5em;
}
.sm\:mt-8 {
margin-top: 4em;
}
.sm\:mt-9 {
margin-top: 4.5em;
}
.sm\:mt-10 {
margin-top: 7em;
}
.sm\:mb-1 {
margin-bottom: 0.5em;
}
.sm\:mb-2 {
margin-bottom: 1em;
}
.sm\:mb-3 {
margin-bottom: 1.5em;
}
.sm\:mb-4 {
margin-bottom: 2em;
}
.sm\:mb-5 {
margin-bottom: 2.5em;
}
.sm\:mb-6 {
margin-bottom: 3em;
}
.sm\:mb-7 {
margin-bottom: 3.5em;
}
.sm\:mb-8 {
margin-bottom: 4em;
}
.sm\:mb-9 {
margin-bottom: 4.5em;
}
.sm\:mb-10 {
margin-bottom: 7em;
}
.sm\:mr-1 {
margin-right: 0.5em;
}
.sm\:mr-2 {
margin-right: 1em;
}
.sm\:mr-3 {
margin-right: 1.5em;
}
.sm\:mr-4 {
margin-right: 2em;
}
.sm\:mr-5 {
margin-right: 2.5em;
}
.sm\:mr-6 {
margin-right: 3em;
}
.sm\:mr-7 {
margin-right: 3.5em;
}
.sm\:mr-8 {
margin-right: 4em;
}
.sm\:mr-9 {
margin-right: 4.5em;
}
.sm\:mr-10 {
margin-right: 7em;
}
.sm\:ml-1 {
margin-left: 0.5em;
}
.sm\:ml-2 {
margin-left: 1em;
}
.sm\:ml-3 {
margin-left: 1.5em;
}
.sm\:ml-4 {
margin-left: 2em;
}
.sm\:ml-5 {
margin-left: 2.5em;
}
.sm\:ml-6 {
margin-left: 3em;
}
.sm\:ml-7 {
margin-left: 3.5em;
}
.sm\:ml-8 {
margin-left: 4em;
}
.sm\:ml-9 {
margin-left: 4.5em;
}
.sm\:ml-10 {
margin-left: 7em;
}
}
@media (min-width: 782px) {
.md\:mt-1 {
margin-top: 0.5em;
}
.md\:mt-2 {
margin-top: 1em;
}
.md\:mt-3 {
margin-top: 1.5em;
}
.md\:mt-4 {
margin-top: 2em;
}
.md\:mt-5 {
margin-top: 2.5em;
}
.md\:mt-6 {
margin-top: 3em;
}
.md\:mt-7 {
margin-top: 3.5em;
}
.md\:mt-8 {
margin-top: 4em;
}
.md\:mt-9 {
margin-top: 4.5em;
}
.md\:mt-10 {
margin-top: 7em;
}
.md\:mb-1 {
margin-bottom: 0.5em;
}
.md\:mb-2 {
margin-bottom: 1em;
}
.md\:mb-3 {
margin-bottom: 1.5em;
}
.md\:mb-4 {
margin-bottom: 2em;
}
.md\:mb-5 {
margin-bottom: 2.5em;
}
.md\:mb-6 {
margin-bottom: 3em;
}
.md\:mb-7 {
margin-bottom: 3.5em;
}
.md\:mb-8 {
margin-bottom: 4em;
}
.md\:mb-9 {
margin-bottom: 4.5em;
}
.md\:mb-10 {
margin-bottom: 7em;
}
.md\:mr-1 {
margin-right: 0.5em;
}
.md\:mr-2 {
margin-right: 1em;
}
.md\:mr-3 {
margin-right: 1.5em;
}
.md\:mr-4 {
margin-right: 2em;
}
.md\:mr-5 {
margin-right: 2.5em;
}
.md\:mr-6 {
margin-right: 3em;
}
.md\:mr-7 {
margin-right: 3.5em;
}
.md\:mr-8 {
margin-right: 4em;
}
.md\:mr-9 {
margin-right: 4.5em;
}
.md\:mr-10 {
margin-right: 7em;
}
.md\:ml-1 {
margin-left: 0.5em;
}
.md\:ml-2 {
margin-left: 1em;
}
.md\:ml-3 {
margin-left: 1.5em;
}
.md\:ml-4 {
margin-left: 2em;
}
.md\:ml-5 {
margin-left: 2.5em;
}
.md\:ml-6 {
margin-left: 3em;
}
.md\:ml-7 {
margin-left: 3.5em;
}
.md\:ml-8 {
margin-left: 4em;
}
.md\:ml-9 {
margin-left: 4.5em;
}
.md\:ml-10 {
margin-left: 7em;
}
}
@media (min-width: 1280px) {
.lg\:mt-1 {
margin-top: 0.5em;
}
.lg\:mt-2 {
margin-top: 1em;
}
.lg\:mt-3 {
margin-top: 1.5em;
}
.lg\:mt-4 {
margin-top: 2em;
}
.lg\:mt-5 {
margin-top: 2.5em;
}
.lg\:mt-6 {
margin-top: 3em;
}
.lg\:mt-7 {
margin-top: 3.5em;
}
.lg\:mt-8 {
margin-top: 4em;
}
.lg\:mt-9 {
margin-top: 4.5em;
}
.lg\:mt-10 {
margin-top: 7em;
}
.lg\:mb-1 {
margin-bottom: 0.5em;
}
.lg\:mb-2 {
margin-bottom: 1em;
}
.lg\:mb-3 {
margin-bottom: 1.5em;
}
.lg\:mb-4 {
margin-bottom: 2em;
}
.lg\:mb-5 {
margin-bottom: 2.5em;
}
.lg\:mb-6 {
margin-bottom: 3em;
}
.lg\:mb-7 {
margin-bottom: 3.5em;
}
.lg\:mb-8 {
margin-bottom: 4em;
}
.lg\:mb-9 {
margin-bottom: 4.5em;
}
.lg\:mb-10 {
margin-bottom: 7em;
}
.lg\:mr-1 {
margin-right: 0.5em;
}
.lg\:mr-2 {
margin-right: 1em;
}
.lg\:mr-3 {
margin-right: 1.5em;
}
.lg\:mr-4 {
margin-right: 2em;
}
.lg\:mr-5 {
margin-right: 2.5em;
}
.lg\:mr-6 {
margin-right: 3em;
}
.lg\:mr-7 {
margin-right: 3.5em;
}
.lg\:mr-8 {
margin-right: 4em;
}
.lg\:mr-9 {
margin-right: 4.5em;
}
.lg\:mr-10 {
margin-right: 7em;
}
.lg\:ml-1 {
margin-left: 0.5em;
}
.lg\:ml-2 {
margin-left: 1em;
}
.lg\:ml-3 {
margin-left: 1.5em;
}
.lg\:ml-4 {
margin-left: 2em;
}
.lg\:ml-5 {
margin-left: 2.5em;
}
.lg\:ml-6 {
margin-left: 3em;
}
.lg\:ml-7 {
margin-left: 3.5em;
}
.lg\:ml-8 {
margin-left: 4em;
}
.lg\:ml-9 {
margin-left: 4.5em;
}
.lg\:ml-10 {
margin-left: 7em;
}
}
.p-1 {
padding: 0.5em;
}
.p-2 {
padding: 1em;
}
.p-3 {
padding: 1.5em;
}
.p-4 {
padding: 2em;
}
.p-5 {
padding: 2.5em;
}
.p-6 {
padding: 3em;
}
.p-7 {
padding: 3.5em;
}
.p-8 {
padding: 4em;
}
.p-9 {
padding: 4.5em;
}
.p-10 {
padding: 7em;
}
.pt-1 {
padding-top: 0.5em;
}
.pt-2 {
padding-top: 1em;
}
.pt-3 {
padding-top: 1.5em;
}
.pt-4 {
padding-top: 2em;
}
.pt-5 {
padding-top: 2.5em;
}
.pt-6 {
padding-top: 3em;
}
.pt-7 {
padding-top: 3.5em;
}
.pt-8 {
padding-top: 4em;
}
.pt-9 {
padding-top: 4.5em;
}
.pt-10 {
padding-top: 7em;
}
.pr-1 {
padding-right: 0.5em;
}
.pr-2 {
padding-right: 1em;
}
.pr-3 {
padding-right: 1.5em;
}
.pr-4 {
padding-right: 2em;
}
.pr-5 {
padding-right: 2.5em;
}
.pr-6 {
padding-right: 3em;
}
.pr-7 {
padding-right: 3.5em;
}
.pr-8 {
padding-right: 4em;
}
.pr-9 {
padding-right: 4.5em;
}
.pr-10 {
padding-right: 7em;
}
.pb-1 {
padding-bottom: 0.5em;
}
.pb-2 {
padding-bottom: 1em;
}
.pb-3 {
padding-bottom: 1.5em;
}
.pb-4 {
padding-bottom: 2em;
}
.pb-5 {
padding-bottom: 2.5em;
}
.pb-6 {
padding-bottom: 3em;
}
.pb-7 {
padding-bottom: 3.5em;
}
.pb-8 {
padding-bottom: 4em;
}
.pb-9 {
padding-bottom: 4.5em;
}
.pb-10 {
padding-bottom: 7em;
}
.pl-1 {
padding-left: 0.5em;
}
.pl-2 {
padding-left: 1em;
}
.pl-3 {
padding-left: 1.5em;
}
.pl-4 {
padding-left: 2em;
}
.pl-5 {
padding-left: 2.5em;
}
.pl-6 {
padding-left: 3em;
}
.pl-7 {
padding-left: 3.5em;
}
.pl-8 {
padding-left: 4em;
}
.pl-9 {
padding-left: 4.5em;
}
.pl-10 {
padding-left: 7em;
}
.pt-full {
padding-top: 100%;
}
@media (min-width: 600px) {
.sm\:pt-1 {
padding-top: 0.5em;
}
.sm\:pt-2 {
padding-top: 1em;
}
.sm\:pt-3 {
padding-top: 1.5em;
}
.sm\:pt-4 {
padding-top: 2em;
}
.sm\:pt-5 {
padding-top: 2.5em;
}
.sm\:pt-6 {
padding-top: 3em;
}
.sm\:pt-7 {
padding-top: 3.5em;
}
.sm\:pt-8 {
padding-top: 4em;
}
.sm\:pt-9 {
padding-top: 4.5em;
}
.sm\:pt-10 {
padding-top: 7em;
}
.sm\:pr-1 {
padding-right: 0.5em;
}
.sm\:pr-2 {
padding-right: 1em;
}
.sm\:pr-3 {
padding-right: 1.5em;
}
.sm\:pr-4 {
padding-right: 2em;
}
.sm\:pr-5 {
padding-right: 2.5em;
}
.sm\:pr-6 {
padding-right: 3em;
}
.sm\:pr-7 {
padding-right: 3.5em;
}
.sm\:pr-8 {
padding-right: 4em;
}
.sm\:pr-9 {
padding-right: 4.5em;
}
.sm\:pr-10 {
padding-right: 7em;
}
.sm\:pb-1 {
padding-bottom: 0.5em;
}
.sm\:pb-2 {
padding-bottom: 1em;
}
.sm\:pb-3 {
padding-bottom: 1.5em;
}
.sm\:pb-4 {
padding-bottom: 2em;
}
.sm\:pb-5 {
padding-bottom: 2.5em;
}
.sm\:pb-6 {
padding-bottom: 3em;
}
.sm\:pb-7 {
padding-bottom: 3.5em;
}
.sm\:pb-8 {
padding-bottom: 4em;
}
.sm\:pb-9 {
padding-bottom: 4.5em;
}
.sm\:pb-10 {
padding-bottom: 7em;
}
.sm\:pl-1 {
padding-left: 0.5em;
}
.sm\:pl-2 {
padding-left: 1em;
}
.sm\:pl-3 {
padding-left: 1.5em;
}
.sm\:pl-4 {
padding-left: 2em;
}
.sm\:pl-5 {
padding-left: 2.5em;
}
.sm\:pl-6 {
padding-left: 3em;
}
.sm\:pl-7 {
padding-left: 3.5em;
}
.sm\:pl-8 {
padding-left: 4em;
}
.sm\:pl-9 {
padding-left: 4.5em;
}
.sm\:pl-10 {
padding-left: 7em;
}
}
@media (min-width: 1280px) {
.lg\:pt-1 {
padding-top: 0.5em;
}
.lg\:pt-2 {
padding-top: 1em;
}
.lg\:pt-3 {
padding-top: 1.5em;
}
.lg\:pt-4 {
padding-top: 2em;
}
.lg\:pt-5 {
padding-top: 2.5em;
}
.lg\:pt-6 {
padding-top: 3em;
}
.lg\:pt-7 {
padding-top: 3.5em;
}
.lg\:pt-8 {
padding-top: 4em;
}
.lg\:pt-9 {
padding-top: 4.5em;
}
.lg\:pt-10 {
padding-top: 7em;
}
.lg\:pr-1 {
padding-right: 0.5em;
}
.lg\:pr-2 {
padding-right: 1em;
}
.lg\:pr-3 {
padding-right: 1.5em;
}
.lg\:pr-4 {
padding-right: 2em;
}
.lg\:pr-5 {
padding-right: 2.5em;
}
.lg\:pr-6 {
padding-right: 3em;
}
.lg\:pr-7 {
padding-right: 3.5em;
}
.lg\:pr-8 {
padding-right: 4em;
}
.lg\:pr-9 {
padding-right: 4.5em;
}
.lg\:pr-10 {
padding-right: 7em;
}
.lg\:pb-1 {
padding-bottom: 0.5em;
}
.lg\:pb-2 {
padding-bottom: 1em;
}
.lg\:pb-3 {
padding-bottom: 1.5em;
}
.lg\:pb-4 {
padding-bottom: 2em;
}
.lg\:pb-5 {
padding-bottom: 2.5em;
}
.lg\:pb-6 {
padding-bottom: 3em;
}
.lg\:pb-7 {
padding-bottom: 3.5em;
}
.lg\:pb-8 {
padding-bottom: 4em;
}
.lg\:pb-9 {
padding-bottom: 4.5em;
}
.lg\:pb-10 {
padding-bottom: 7em;
}
.lg\:pl-1 {
padding-left: 0.5em;
}
.lg\:pl-2 {
padding-left: 1em;
}
.lg\:pl-3 {
padding-left: 1.5em;
}
.lg\:pl-4 {
padding-left: 2em;
}
.lg\:pl-5 {
padding-left: 2.5em;
}
.lg\:pl-6 {
padding-left: 3em;
}
.lg\:pl-7 {
padding-left: 3.5em;
}
.lg\:pl-8 {
padding-left: 4em;
}
.lg\:pl-9 {
padding-left: 4.5em;
}
.lg\:pl-10 {
padding-left: 7em;
}
}
.nav-button__prev,
.nav-button__next {
z-index: 1;
}
.coblocks-gallery.is-cropped .coblocks-gallery--item a,
.coblocks-gallery.is-cropped .coblocks-gallery--item img,
.coblocks-gallery.is-cropped .coblocks-gallery--item-thumbnail a,
.coblocks-gallery.is-cropped .coblocks-gallery--item-thumbnail img {
object-fit: contain;
height: 0;
}
.wp-block-coblocks-gallery-carousel .coblocks-gallery--figure {
flex-direction: column;
display: flex;
}
.coblocks-gallery:not(.has-caption-color).has-caption--dark figcaption {
color: #333;
}
.footable-details.table,
.footable-details.table *,
.footable.table,
.footable.table * {
box-sizing: border-box;
}
.footable-details.table th,
.footable.table th {
text-align: left;
}
.footable-details.table,
.footable.table {
margin-bottom: 20px;
max-width: 100%;
width: 100%;
}
.footable.table tbody tr td,
.footable.table tr th {
word-break: keep-all;
}
.footable-details.table > caption + thead > tr:first-child > td,
.footable-details.table > caption + thead > tr:first-child > th,
.footable-details.table > colgroup + thead > tr:first-child > td,
.footable-details.table > colgroup + thead > tr:first-child > th,
.footable-details.table > thead:first-child > tr:first-child > td,
.footable-details.table > thead:first-child > tr:first-child > th,
.footable.table > caption + thead > tr:first-child > td,
.footable.table > caption + thead > tr:first-child > th,
.footable.table > colgroup + thead > tr:first-child > td,
.footable.table > colgroup + thead > tr:first-child > th,
.footable.table > thead:first-child > tr:first-child > td,
.footable.table > thead:first-child > tr:first-child > th {
border-top: 0;
}
.footable-details.table > tbody > tr > td,
.footable-details.table > tbody > tr > th,
.footable-details.table > tfoot > tr > td,
.footable-details.table > tfoot > tr > th,
.footable-details.table > thead > tr > td,
.footable-details.table > thead > tr > th,
.footable.table > tbody > tr > td,
.footable.table > tbody > tr > th,
.footable.table > tfoot > tr > td,
.footable.table > tfoot > tr > th,
.footable.table > thead > tr > td,
.footable.table > thead > tr > th {
border-top: 1px solid transparent;
line-height: 1.42857143;
padding: 8px;
vertical-align: top;
}
.footable-details.table > thead > tr > td,
.footable-details.table > thead > tr > th,
.footable.table > thead > tr > td,
.footable.table > thead > tr > th {
border-bottom: 2px solid #ddd;
vertical-align: bottom;
}
.footable-details.table-condensed > tbody > tr > td,
.footable-details.table-condensed > tbody > tr > th,
.footable-details.table-condensed > tfoot > tr > td,
.footable-details.table-condensed > tfoot > tr > th,
.footable-details.table-condensed > thead > tr > td,
.footable-details.table-condensed > thead > tr > th,
.footable.table-condensed > tbody > tr > td,
.footable.table-condensed > tbody > tr > th,
.footable.table-condensed > tfoot > tr > td,
.footable.table-condensed > tfoot > tr > th,
.footable.table-condensed > thead > tr > td,
.footable.table-condensed > thead > tr > th {
padding: 5px;
}
.footable-details.table-bordered,
.footable-details.table-bordered > tbody > tr > td,
.footable-details.table-bordered > tbody > tr > th,
.footable-details.table-bordered > tfoot > tr > td,
.footable-details.table-bordered > tfoot > tr > th,
.footable-details.table-bordered > thead > tr > td,
.footable-details.table-bordered > thead > tr > th,
.footable.table-bordered,
.footable.table-bordered > tbody > tr > td,
.footable.table-bordered > tbody > tr > th,
.footable.table-bordered > tfoot > tr > td,
.footable.table-bordered > tfoot > tr > th,
.footable.table-bordered > thead > tr > td,
.footable.table-bordered > thead > tr > th {
border: 1px solid #ddd;
}
.footable-details.table-bordered > thead > tr > td,
.footable-details.table-bordered > thead > tr > th,
.footable.table-bordered > thead > tr > td,
.footable.table-bordered > thead > tr > th {
border-bottom-width: 2px;
}
.footable-details.table-striped > tbody > tr:nth-child(odd),
.footable.table-striped > tbody > tr:nth-child(odd) {
background-color: #f9f9f9;
}
.footable-details.table-hover > tbody > tr:hover,
.footable.table-hover > tbody > tr:hover {
background-color: #f5f5f5;
}
.footable .btn {
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
margin-bottom: 0;
overflow: visible;
padding: 6px 12px;
text-align: center;
text-transform: none;
touch-action: manipulation;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
vertical-align: middle;
white-space: nowrap;
}
.footable .btn.focus,
.footable .btn:focus,
.footable .btn:hover {
color: #333;
text-decoration: none;
}
.footable .btn-default {
background-color: #fff;
border-color: #ccc;
color: #333;
}
.footable .btn-default.active,
.footable .btn-default.focus,
.footable .btn-default:active,
.footable .btn-default:focus,
.footable .btn-default:hover,
.footable .open > .dropdown-toggle.btn-default {
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
}
.footable .btn-primary {
background-color: #337ab7;
border-color: #2e6da4;
color: #fff;
}
.footable .btn-primary.active,
.footable .btn-primary.focus,
.footable .btn-primary:active,
.footable .btn-primary:focus,
.footable .btn-primary:hover,
.footable .open > .dropdown-toggle.btn-primary {
background-color: #286090;
border-color: #204d74;
color: #fff;
}
.footable .btn-group,
.footable .btn-group-vertical {
display: inline-block;
position: relative;
vertical-align: middle;
}
.footable .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.footable .btn-group > .btn:first-child {
margin-left: 0;
}
.footable .btn-group-vertical > .btn,
.footable .btn-group > .btn {
float: left;
position: relative;
}
.footable .btn-group-xs > .btn,
.footable .btn-xs {
border-radius: 3px;
font-size: 12px;
line-height: 1.5;
padding: 1px 5px;
}
.footable .btn-group-sm > .btn,
.footable .btn-sm {
border-radius: 3px;
font-size: 12px;
line-height: 1.5;
padding: 5px 10px;
}
.footable .btn-group-lg > .btn,
.footable .btn-lg {
border-radius: 6px;
font-size: 18px;
line-height: 1.3333333;
padding: 10px 16px;
}
.footable .caret {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid;
display: inline-block;
height: 0;
margin-left: 2px;
vertical-align: middle;
width: 0;
}
.footable .btn .caret {
margin-left: 0;
}
.form-group {
margin-bottom: 15px;
}
.footable .form-control {
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0000.075);
color: #555;
display: block;
font-family: inherit;
font-size: 14px;
height: 34px;
line-height: 1.42857143;
margin: 0;
padding: 6px 12px;
transition: border-color 0.15s ease-in-outbox-shadow 0.15s ease-in-out;
width: 100%;
}
.footable .input-group {
border-collapse: separate;
display: table;
position: relative;
}
.footable .input-group .form-control {
float: left;
margin-bottom: 0;
position: relative;
width: 100%;
z-index: 2;
}
.footable .input-group-btn {
font-size: 0;
position: relative;
white-space: nowrap;
}
.footable .input-group-addon,
.footable .input-group-btn {
vertical-align: middle;
white-space: nowrap;
width: 1%;
}
.footable .input-group .form-control,
.footable .input-group-addon,
.footable .input-group-btn {
display: table-cell;
}
.footable .input-group-btn:last-child > .btn,
.footable .input-group-btn:last-child > .btn-group,
.footable .input-group-btn > .btn + .btn {
margin-left: -1px;
}
.footable .input-group-btn > .btn {
position: relative;
}
.footable .input-group-btn > .btn:active,
.footable .input-group-btn > .btn:focus,
.footable .input-group-btn > .btn:hover {
z-index: 2;
}
.footable .input-group .form-control:first-child,
.footable .input-group-addon:first-child,
.footable .input-group-btn:first-child > .btn,
.footable .input-group-btn:first-child > .btn-group > .btn,
.footable .input-group-btn:first-child > .dropdown-toggle,
.footable .input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
.footable .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.footable .input-group .form-control:last-child,
.footable .input-group-addon:last-child,
.footable .input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
.footable .input-group-btn:first-child > .btn:not(:first-child),
.footable .input-group-btn:last-child > .btn,
.footable .input-group-btn:last-child > .btn-group > .btn,
.footable .input-group-btn:last-child > .dropdown-toggle {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.footable .checkbox,
.footable .radio {
display: block;
margin-bottom: 10px;
margin-top: 10px;
position: relative;
}
.footable .checkbox label,
.footable .radio label {
cursor: pointer;
font-weight: 400;
margin-bottom: 0;
max-width: 100%;
min-height: 20px;
padding-left: 20px;
}
.footable .checkbox input[type=checkbox],
.footable .checkbox-inline input[type=checkbox],
.footable .radio input[type=radio],
.footable .radio-inline input[type=radio] {
line-height: normal;
margin: 4px 0 0 -20px;
position: absolute;
}
.footable .checkbox-inline input[type=checkbox] {
display: block !important;
}
.footable .dropdown-menu {
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0000.15);
border-radius: 4px;
box-shadow: 0 6px 12px rgba(0000.175);
display: none;
float: left;
font-size: 14px;
left: 0;
list-: none;
margin: 2px 0 0;
min-width: 160px;
padding: 5px 0;
position: absolute;
text-align: left;
top: 100%;
z-index: 1000;
}
.footable .open > .dropdown-menu {
display: block;
list-: none !important;
}
.footable .dropdown-menu-right {
left: auto;
right: 0;
}
.footable .dropdown-menu > li > a {
clear: both;
color: #333;
display: block;
font-weight: 400;
line-height: 1.42857143;
padding: 3px 20px;
white-space: nowrap;
}
.footable .dropdown-menu > li > a:focus,
.footable .dropdown-menu > li > a:hover {
background-color: #f5f5f5;
color: #262626;
text-decoration: none;
}
.footable .pagination {
border-radius: 4px;
display: inline-block;
margin: 20px 0;
padding-left: 0;
}
.footable .pagination > li {
display: inline;
}
.footable .pagination > li:first-child > a,
.footable .pagination > li:first-child > span {
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
margin-left: 0;
}
.footable .pagination > li > a,
.footable .pagination > li > span {
background-color: #fff;
border: 1px solid #ddd;
color: #337ab7;
float: left;
line-height: 1.42857143;
margin-left: -1px;
padding: 6px 12px;
position: relative;
text-decoration: none !important;
}
.footable .pagination > li > a:focus,
.footable .pagination > li > a:hover,
.footable .pagination > li > span:focus,
.footable .pagination > li > span:hover {
background-color: #eee;
border-color: #ddd;
color: #23527c;
}
.footable .pagination > .active > a,
.footable .pagination > .active > a:focus,
.footable .pagination > .active > a:hover,
.footable .pagination > .active > span,
.footable .pagination > .active > span:focus,
.footable .pagination > .active > span:hover {
background-color: #337ab7;
border-color: #337ab7;
color: #fff;
cursor: default;
z-index: 2;
}
.footable .pagination > .disabled > a,
.footable .pagination > .disabled > a:focus,
.footable .pagination > .disabled > a:hover,
.footable .pagination > .disabled > span,
.footable .pagination > .disabled > span:focus,
.footable .pagination > .disabled > span:hover {
background-color: #fff;
border-color: #ddd;
color: #777;
cursor: not-allowed;
}
.footable .label {
border-radius: 0.25em;
color: #fff;
display: inline;
font-size: 75%;
font-weight: 700;
line-height: 1;
padding: 0.2em 0.6em 0.3em;
text-align: center;
vertical-align: baseline;
white-space: nowrap;
}
.footable .label-default {
background-color: #777;
}
.footable-loader.well {
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0000.05);
margin-bottom: 20px;
min-height: 20px;
padding: 19px;
}
.footable .sr-only {
clip: rect(0000);
border: 0;
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
@media (min-width: 768px)print {
.footable .form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.footable .form-inline .form-control {
display: inline-block;
vertical-align: middle;
width: auto;
}
.footable .form-inline .input-group {
display: inline-table;
vertical-align: middle;
}
.footable .form-inline .input-group .form-control,
.footable .form-inline .input-group .input-group-addon,
.footable .form-inline .input-group .input-group-btn {
width: auto;
}
.footable .form-inline .input-group > .form-control {
width: 100%;
}
}
table.footable,
table.footable-details {
border-collapse: collapse;
border-spacing: 0;
position: relative;
width: 100%;
}
table.footable-details {
margin-bottom: 0;
}
table.footable-hide-fouc {
display: none;
}
table > tbody > tr > td > span.footable-toggle {
margin-right: 8px;
opacity: 0.3;
}
table > tbody > tr > td > span.footable-toggle.last-column {
float: right;
margin-left: 8px;
}
table.table-condensed > tbody > tr > td > span.footable-toggle {
margin-right: 5px;
}
table.footable-details > tbody > tr > th:first-child {
min-width: 40px;
width: 140px;
}
table.footable-details > tbody > tr > td:nth-child(2) {
word-break: keep-all !important;
}
table.footable-details > tbody > tr:first-child > td,
table.footable-details > tbody > tr:first-child > th,
table.footable-details > tfoot > tr:first-child > td,
table.footable-details > tfoot > tr:first-child > th,
table.footable-details > thead > tr:first-child > td,
table.footable-details > thead > tr:first-child > th {
border-top-width: 0;
}
table.footable-details.table-bordered > tbody > tr:first-child > td,
table.footable-details.table-bordered > tbody > tr:first-child > th,
table.footable-details.table-bordered > tfoot > tr:first-child > td,
table.footable-details.table-bordered > tfoot > tr:first-child > th,
table.footable-details.table-bordered > thead > tr:first-child > td,
table.footable-details.table-bordered > thead > tr:first-child > th {
border-top-width: 1px;
}
div.footable-loader {
height: 300px;
position: relative;
text-align: center;
vertical-align: middle;
}
div.footable-loader > span.fooicon {
animation: fooicon-spin-r 2s linear infinite;
display: inline-block;
font-size: 30px;
height: 32px;
left: 50%;
line-height: 32px;
margin-left: -16px;
margin-top: -16px;
opacity: 0.3;
position: absolute;
top: 50%;
width: 32px;
}
table.footable > tbody > tr.footable-empty > td {
font-size: 30px;
text-align: center;
vertical-align: middle;
}
table.footable > tbody > tr.footable-detail-row > td,
table.footable > tbody > tr.footable-detail-row > th,
table.footable > tbody > tr.footable-empty > td,
table.footable > tbody > tr.footable-empty > th {
display: table-cell;
}
@keyframes fooicon-spin-r {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
table.footable > thead > tr.footable-filtering > th {
border-bottom-width: 1px;
font-weight: 400;
}
.footable-filtering-external.footable-filtering-right,
table.footable.footable-filtering-right > thead > tr.footable-filtering > th,
table.footable > thead > tr.footable-filtering > th {
text-align: right;
}
.footable-filtering-external.footable-filtering-left,
table.footable.footable-filtering-left > thead > tr.footable-filtering > th {
text-align: left;
}
.footable-filtering-external.footable-filtering-center,
table.footable.footable-filtering-center > thead > tr.footable-filtering > th {
text-align: center;
}
table.footable > thead > tr.footable-filtering > th div.form-group {
margin-bottom: 0;
}
table.footable > thead > tr.footable-filtering > th div.form-group + div.form-group {
margin-top: 5px;
}
table.footable > thead > tr.footable-filtering > th div.input-group {
width: 100%;
}
.footable-filtering-external ul.dropdown-menu > li > a.checkbox,
table.footable > thead > tr.footable-filtering > th ul.dropdown-menu > li > a.checkbox {
display: block;
margin: 0;
position: relative;
}
.footable-filtering-external ul.dropdown-menu > li > a.checkbox > label,
table.footable > thead > tr.footable-filtering > th ul.dropdown-menu > li > a.checkbox > label {
display: block;
padding-left: 20px;
}
.footable-filtering-external ul.dropdown-menu > li > a.checkbox input[type=checkbox],
table.footable > thead > tr.footable-filtering > th ul.dropdown-menu > li > a.checkbox input[type=checkbox] {
margin-left: -20px;
position: absolute;
}
@media (min-width: 768px) {
table.footable > thead > tr.footable-filtering > th div.input-group {
width: auto;
}
table.footable > thead > tr.footable-filtering > th div.form-group {
margin-left: 2px;
margin-right: 2px;
}
table.footable > thead > tr.footable-filtering > th div.form-group + div.form-group {
margin-top: 0;
}
}
table.footable > tbody > tr > td.footable-sortable,
table.footable > tbody > tr > th.footable-sortable,
table.footable > tfoot > tr > td.footable-sortable,
table.footable > tfoot > tr > th.footable-sortable,
table.footable > thead > tr > td.footable-sortable,
table.footable > thead > tr > th.footable-sortable {
cursor: pointer;
padding-right: 30px;
position: relative;
}
td.footable-sortable > span.fooicon,
th.footable-sortable > span.fooicon {
margin-top: -7px;
opacity: 0;
position: absolute;
right: 0;
top: 50%;
transition: opacity 0.3s ease-in;
}
td.footable-sortable.footable-asc > span.fooicon,
td.footable-sortable.footable-desc > span.fooicon,
td.footable-sortable:hover > span.fooicon,
th.footable-sortable.footable-asc > span.fooicon,
th.footable-sortable.footable-desc > span.fooicon,
th.footable-sortable:hover > span.fooicon {
opacity: 1;
}
table.footable-sorting-disabled td.footable-sortable.footable-asc > span.fooicon,
table.footable-sorting-disabled td.footable-sortable.footable-desc > span.fooicon,
table.footable-sorting-disabled td.footable-sortable:hover > span.fooicon,
table.footable-sorting-disabled th.footable-sortable.footable-asc > span.fooicon,
table.footable-sorting-disabled th.footable-sortable.footable-desc > span.fooicon,
table.footable-sorting-disabled th.footable-sortable:hover > span.fooicon {
opacity: 0;
visibility: hidden;
}
.footable-paging-external ul.pagination,
table.footable > tfoot > tr.footable-paging > td > ul.pagination {
margin: 10px 0 0;
}
.footable-paging-external span.label,
table.footable > tfoot > tr.footable-paging > td > span.label {
display: inline-block;
margin: 0 0 10px;
padding: 4px 10px;
}
.footable-paging-external.footable-paging-center,
table.footable-paging-center > tfoot > tr.footable-paging > td,
table.footable > tfoot > tr.footable-paging > td {
text-align: center;
}
.footable-paging-external.footable-paging-left,
table.footable-paging-left > tfoot > tr.footable-paging > td {
text-align: left;
}
.footable-paging-external.footable-paging-right,
table.footable-paging-right > tfoot > tr.footable-paging > td {
text-align: right;
}
ul.pagination > li.footable-page {
display: none;
}
ul.pagination > li.footable-page.visible {
display: inline;
}
td.footable-editing {
max-width: 90px;
width: 90px;
}
table.footable-editing-no-delete td.footable-editing,
table.footable-editing-no-edit td.footable-editing,
table.footable-editing-no-view td.footable-editing {
max-width: 70px;
width: 70px;
}
table.footable-editing-no-delete.footable-editing-no-view td.footable-editing,
table.footable-editing-no-edit.footable-editing-no-delete td.footable-editing,
table.footable-editing-no-edit.footable-editing-no-view td.footable-editing {
max-width: 50px;
width: 50px;
}
table.footable-editing-no-edit.footable-editing-no-delete.footable-editing-no-view td.footable-editing,
table.footable-editing-no-edit.footable-editing-no-delete.footable-editing-no-view th.footable-editing {
display: none !important;
max-width: 0;
width: 0;
}
table.footable-editing-right td.footable-editing,
table.footable-editing-right tr.footable-editing {
text-align: right;
}
table.footable-editing-left td.footable-editing,
table.footable-editing-left tr.footable-editing {
text-align: left;
}
table.footable-editing button.footable-add,
table.footable-editing button.footable-hide,
table.footable-editing-show button.footable-show,
table.footable-editing.footable-editing-always-show button.footable-hide,
table.footable-editing.footable-editing-always-show button.footable-show,
table.footable-editing.footable-editing-always-show.footable-editing-no-add tr.footable-editing {
display: none;
}
table.footable-editing.footable-editing-always-show button.footable-add,
table.footable-editing.footable-editing-show button.footable-add,
table.footable-editing.footable-editing-show button.footable-hide {
display: inline-block;
}
.foo-table {
table-layout: auto;
}
.foo-table > caption {
color: #000;
}
.foo-table .footable-filtering .ninja_multi_select_yes {
display: flex;
height: 0;
padding: 0;
position: relative;
}
.foo-table .footable-filtering .ninja_multi_select_yes option {
font-size: 14px;
font-weight: 400;
padding: 6px 6px 6px 35px;
}
.foo-table .footable-filtering .optWrapper .options li label {
font-size: 14px;
font-weight: 400;
}
.foo-table .nt_button_woo,
.foo-table .nt_woo_view_cart {
-webkit-font-smoothing: antialiased;
background-color: #a46497;
color: #fff;
display: inline-block;
margin: 3px 0;
padding: 7px 10px;
position: relative;
transition-duration: 0.4s;
white-space: nowrap;
}
.foo-table .nt_button_woo span.fooicon-loader,
.foo-table .nt_woo_view_cart span.fooicon-loader {
animation: fooicon-spin-r 0.7s linear infinite;
left: 0;
margin-top: -10px;
position: absolute;
top: 50%;
}
.foo-table .nt_button_woo:after,
.foo-table .nt_woo_view_cart:after {
background: gray;
bottom: 0;
color: #000;
content: "";
display: block;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: all 0.8s;
}
.foo-table .nt_button_woo:active:after,
.foo-table .nt_woo_view_cart:active:after {
margin: 0;
opacity: 0.5;
padding: 0;
transition: 0s;
}
.foo-table .nt-quantity-wrapper {
display: inline-block;
height: 40px;
position: relative;
vertical-align: middle;
white-space: nowrap;
width: auto;
width: 64px;
}
.foo-table .nt-quantity-wrapper input {
-webkit-appearance: none;
-moz-appearance: textfield;
appearance: none;
background: #fff;
border: 1px solid #ddd;
border-radius: inherit;
box-sizing: border-box;
color: #000;
font-size: inherit;
height: 100% !important;
margin: 0 !important;
padding: 5px;
text-align: center;
width: 100% !important;
}
.foo-table .nt_add_cart_wrapper.nt_added_cart {
display: block;
white-space: nowrap;
width: auto;
}
.foo-table .nt_add_cart_wrapper.nt_added_cart a.added_to_cart.wc-forward {
background: transparent;
box-shadow: none;
color: #000;
display: inline-block;
text-decoration: none !important;
}
.foo-table .nt_add_cart_wrapper.nt_added_cart a.added_to_cart.wc-forward:after {
background-image: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/cart-outline.svg?b363c048f7566b617f93b5d9a3a885d3&version=1769026643812);
content: "";
display: inline-block;
height: 16px;
width: 16px;
}
.foo-table .nt_add_cart_wrapper {
white-space: nowrap;
}
.foo-table .nt_add_cart_wrapper .wc_product_variable {
opacity: 0.5;
}
.foo-table .nt_btn {
border: 1px solid transparent;
display: inline-block;
font-size: 14px;
padding: 7px 15px;
text-decoration: none;
}
.foo-table .nt_btn.nt_rounded_btn {
border-radius: 4px;
}
.foo-table .nt_btn:hover {
border-color: transparent;
opacity: 0.9;
}
.foo-table.footable.table > thead > tr > th {
padding: 0.92857143em 0.78571429em;
}
.foo-table td.footable-editing,
.foo-table th.footable-editing {
width: auto !important;
}
.foo-table td.footable-editing .btn-group button {
border-radius: 3px;
margin: 0;
padding: 1px 5px;
}
.foo-table td.footable-editing .btn-group button:last-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.foo-table td.footable-editing .btn-group button:first-child {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.foo-table .form-inline {
display: block !important;
margin-bottom: 0;
}
.foo-table.ninja_search_left tr.footable-filtering .form-inline {
text-align: left;
}
.foo-table.ninja_search_right tr.footable-filtering .form-inline {
text-align: right;
}
.foo-table.ninja_search_center tr.footable-filtering .form-inline {
text-align: center;
}
.foo-table td.ninja_temp_cell {
display: none !important;
}
.foo-table span.label.label-default {
display: none;
visibility: hidden;
}
.foo-table.ninja_has_count_format span.label.label-default {
display: inline-block;
visibility: visible;
}
.foo-table.footable-paging-right .footable-pagination-wrapper {
text-align: right;
}
.foo-table.footable-paging-center .footable-pagination-wrapper {
text-align: center;
}
.foo-table.footable-paging-left .footable-pagination-wrapper {
text-align: left;
}
.foo-table .footable-pagination-wrapper .pagination:after,
.foo-table .footable-pagination-wrapper .pagination:before {
content: none !important;
}
.foo-table table.footable-details tr th {
overflow: visible !important;
text-overflow: unset !important;
white-space: normal;
}
.foo-table tr.footable-filtering th {
overflow: visible !important;
}
.foo-table .pagination {
border: none;
font-weight: 500;
padding: 0;
}
.foo-table button.btn.btn-default.dropdown-toggle {
left: 0;
right: 0;
top: 0;
}
.foo-table button.btn.btn-default.dropdown-toggle:after {
content: "";
display: none !important;
}
.foo-table li.dropdown-header {
color: #333;
padding-bottom: 5px;
padding-left: 20px;
}
.foo-table ul.dropdown-menu.dropdown-menu-right li:last-child a {
border-bottom: 0 !important;
box-shadow: none;
}
.foo-table ul.dropdown-menu.dropdown-menu-right li a:hover {
box-shadow: inset 0 0 0 transparent0 1px 0 #000;
}
.foo-table span.footable-toggle {
cursor: pointer;
}
.foo-table.ninjatable_hide_header_row > thead tr.footable-header {
display: none !important;
visibility: hidden;
}
.foo-table.hide_all_borders.table {
border-color: transparent;
}
.foo-table.hide_all_borders.table thead {
border-color: transparent !important;
}
.foo-table.hide_all_borders.table thead td,
.foo-table.hide_all_borders.table thead tr,
.foo-table.hide_all_borders.table thead tr > th {
border-color: transparent !important;
border-width: 0 !important;
}
.foo-table.hide_all_borders.table tbody td,
.foo-table.hide_all_borders.table tbody th {
border-color: transparent !important;
}
.foo-table.hide_all_borders.table tfoot tr > td {
border: 0 !important;
}
.foo-table.ninja_table_search_disabled > thead tr.footable-filtering .footable-filtering-search {
display: none !important;
visibility: hidden !important;
}
.foo-table .form-group.footable-filtering-search .input-group-btn > button {
height: 34px !important;
margin: 0 !important;
padding: 6px 12px !important;
}
.foo-table .form-group.footable-filtering-search input.form-control {
margin-bottom: 0 !important;
}
.foo-table tbody tr.footable-detail-row > td {
padding: 0 !important;
}
.foo-table tbody tr.footable-detail-row td table.footable-details:not(.ninja_custom_color) {
margin-bottom: 0;
}
.foo-table select.nt_pager_selection {
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0000.075);
color: #555;
display: inline-block;
font-family: inherit;
font-size: 14px;
height: 35px;
line-height: 1.42857143;
margin-left: 5px !important;
margin: 0;
padding: 6px 12px;
transition: border-color 0.15s ease-in-outbox-shadow 0.15s ease-in-out;
width: auto;
}
.foo-table tbody tr td a,
.foo-table tbody tr td h1,
.foo-table tbody tr td h2,
.foo-table tbody tr td h3,
.foo-table tbody tr td p {
margin: 0;
padding: 0;
}
.foo-table img {
max-width: 100%;
}
.foo-table tbody tr td,
.foo-table tbody tr th,
.foo-table tbody tr:nth-child(2n) td,
.foo-table tbody tr:nth-child(2n) th,
.foo-table tbody tr:nth-child(odd) td,
.foo-table tbody tr:nth-child(odd) th {
background-color: transparent;
}
.foo-table .softmerge-inner {
width: 100% !important;
}
.footable_parent {
overflow-x: auto;
width: 100%;
}
.footable_parent table.foo-table.vertical_centered tbody > tr > td,
.footable_parent table.foo-table.vertical_centered thead > tr > th {
vertical-align: middle;
}
.footable_parent > .foo-table.ninja_require_initial_hide.nt_type_legacy_table,
.ninja_table_pro table.footable-details tr.nt_has_hide {
display: none !important;
}
.ninja_table_pro.nt_hide_breakpoint_labels table.footable-details tbody > tr > th {
display: none;
}
.ninja_table_pro.nt_search_full_width .form-group.footable-filtering-search {
width: 100%;
}
.ninja_table_pro.nt_search_full_width .form-group.footable-filtering-search .input-group {
display: block;
position: relative;
}
.ninja_table_pro.nt_search_full_width .form-group.footable-filtering-search .input-group > .form-control {
display: inline-block;
float: none;
}
.ninja_table_pro.nt_search_full_width .form-group.footable-filtering-search .input-group .input-group-btn {
position: absolute;
right: 0;
top: 0;
z-index: 2;
}
@media (max-width: 768px) {
.ninja_table_pro.nt_search_full_width .form-group.footable-filtering-search .input-group .input-group-btn {
width: auto;
}
}
.loading_ninja_table1 {
background: gray !important;
height: 200px;
width: 100%;
}
.loading_ninja_table1 table {
display: none;
}
table.ninja_footable col.hidden,
table.ninja_footable > thead > tr > th.hidden {
display: none !important;
}
@media (max-width: 767px) {
table.ninja_footable col.xs,
table.ninja_footable > thead > tr > th.xs {
display: none;
}
}
@media (min-width: 768px) and (max-width: 991px) {
table.ninja_footable col.sm,
table.ninja_footable > thead > tr > th.sm {
display: none;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
table.ninja_footable col.md,
table.ninja_footable > thead > tr > th.md {
display: none;
}
}
@media (min-width: 1200px) {
table.ninja_footable col.lg,
table.ninja_footable > thead > tr > th.lg {
display: none;
}
}
.ninja_table_wrapper table thead .footable-filtering .ninja_custom_radio > label,
.ninja_table_wrapper table thead .footable-filtering .ninja_custom_select_checkbox > label {
display: inline-block;
margin-right: 15px;
}
@media (max-width: 767px) {
.ninja_table_wrapper table thead .footable-filtering .ninja_custom_radio > label,
.ninja_table_wrapper table thead .footable-filtering .ninja_custom_select_checkbox > label {
display: block;
}
}
.ninja_table_wrapper table thead .footable-filtering .ninja_custom_radio > label:last-child,
.ninja_table_wrapper table thead .footable-filtering .ninja_custom_select_checkbox > label:last-child {
margin-right: 0;
}
.ninja_table_wrapper table thead .footable-filtering .ninja_custom_radio > label input,
.ninja_table_wrapper table thead .footable-filtering .ninja_custom_select_checkbox > label input {
margin-right: 10px;
}
.ninja_table_wrapper table thead .footable-filtering .ninja_custom_radio label.ninja_filter_title,
.ninja_table_wrapper table thead .footable-filtering .ninja_custom_select_checkbox label.ninja_filter_title {
margin-right: 0;
}
.ninja_table_wrapper table thead .footable-filtering .ninja_filter_title {
margin-right: 10px;
}
.ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline {
display: block;
line-height: 33px;
width: 100%;
}
.ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline > .form-group {
text-align: left;
}
.ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline > .form-group .form-control,
.ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline > .form-group .input-group {
width: 100%;
}
.ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline > .form-group > .ninja_filter_title {
display: block;
font-weight: 700;
}
.ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline > .form-group .input-group,
.ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline > .form-group.ninja_reset_wrapper .ninja_reset_button {
width: 100%;
}
.ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline > .form-group .input-group .input-group-btn {
width: 70px !important;
}
.ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline > .form-group .ninja_filter_date_range,
.ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline > .form-group .ninja_filter_number_range {
margin: 0 2% 0 0;
width: 49%;
}
.ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline .ninja_filter_title,
.ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline > .form-group .ninja_filter_date_range:last-child,
.ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline > .form-group .ninja_filter_number_range:last-child {
margin-right: 0;
}
.ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline .ninja_filter_date_from,
.ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline .ninja_filter_number_from {
margin-right: 10px;
}
.ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline .ninja_filter_date_from,
.ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline .ninja_filter_date_to,
.ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline .ninja_filter_number_from,
.ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline .ninja_filter_number_to {
margin-bottom: 5px;
}
.ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline .form-group.footable-filtering-search {
padding: 0 5px !important;
}
.ninja_table_wrapper .ninja_table_afcs_columns_2 thead .footable-filtering th .form-inline > .form-group {
float: left;
margin: 0 0 20px;
padding: 0 5px;
width: 50%;
}
.ninja_table_wrapper .ninja_table_afcs_columns_2 thead .footable-filtering th .form-inline > .form-group:last-child {
padding-right: 0;
}
@media (max-width: 767px) {
.ninja_table_wrapper .ninja_table_afcs_columns_2 thead .footable-filtering th .form-inline > .form-group {
float: none;
padding-right: 0;
width: 100%;
}
}
.ninja_table_wrapper .ninja_table_afcs_columns_2 thead .footable-filtering th .form-inline > .form-group:nth-child(odd) {
clear: both;
}
.ninja_table_wrapper .ninja_table_afcs_columns_3 thead .footable-filtering th .form-inline > .form-group {
float: left;
margin: 0 0 20px;
padding: 0 5px;
width: 33.3%;
}
.ninja_table_wrapper .ninja_table_afcs_columns_3 thead .footable-filtering th .form-inline > .form-group:last-child {
padding-right: 0;
}
@media (max-width: 767px) {
.ninja_table_wrapper .ninja_table_afcs_columns_3 thead .footable-filtering th .form-inline > .form-group {
float: none;
padding-right: 0;
width: 100%;
}
}
.ninja_table_wrapper .ninja_table_afcs_columns_3 thead .footable-filtering th .form-inline > .form-group:nth-child(3n+1) {
clear: both;
}
.ninja_table_wrapper .ninja_table_afcs_columns_4 thead .footable-filtering th .form-inline > .form-group {
float: left;
margin: 0 0 20px;
padding: 0 5px;
width: 25%;
}
.ninja_table_wrapper .ninja_table_afcs_columns_4 thead .footable-filtering th .form-inline > .form-group:last-child {
padding-right: 0;
}
@media (max-width: 767px) {
.ninja_table_wrapper .ninja_table_afcs_columns_4 thead .footable-filtering th .form-inline > .form-group {
float: none;
padding-right: 0;
width: 100%;
}
}
.ninja_table_wrapper .ninja_table_afcs_columns_4 thead .footable-filtering th .form-inline > .form-group:nth-child(4n+1) {
clear: both;
}
.ninja_table_wrapper .ninja_reset_button {
background: #dc3545;
border-color: #dc3545;
color: #fff;
}
.ninja_table_wrapper .ninja_reset_button:hover {
background-color: #c82333;
border-color: #bd2130;
color: #fff;
}
.ninja_table_wrapper .ninja_table_afd_inline thead .footable-filtering th .form-inline {
display: block;
width: 100%;
}
.ninja_table_wrapper .ninja_table_afd_inline thead .footable-filtering th .form-inline > .form-group {
margin-bottom: 10px;
}
.ninja_table_wrapper .ninja_table_afd_inline thead .footable-filtering th .form-inline .ninja_custom_radio .ninja_filter_title {
margin-right: 10px;
}
.ninja_table_wrapper .ninja_table_buttons {
clear: both;
display: block;
overflow: hidden;
}
.ninja_table_wrapper .ninja_table_buttons.ninja_buttons_left {
text-align: left;
}
.ninja_table_wrapper .ninja_table_buttons.ninja_buttons_center {
text-align: center;
}
.ninja_table_wrapper .ninja_table_buttons.ninja_buttons_right {
text-align: right;
}
.ninja_table_wrapper .ninja_table_buttons.after_search_box {
margin-top: 10px;
}
.ninja_table_wrapper .ninja_table_buttons.before_table {
margin-bottom: 10px;
}
.ninja_table_wrapper .ninja_table_buttons .ninja_button {
border-radius: 0;
border-right: 1px solid;
padding: 5px 10px;
}
.ninja_table_wrapper .ninja_table_buttons .ninja_button:last-child {
border-right: none;
}
@media print {
.ninja_table_print_view .footable_parent {
overflow-x: initial !important;
width: 100%;
}
.ninja_table_print_view .footable-editing {
display: none !important;
}
.ninja_table_print_view .ninja_footable {
page-break-inside: auto;
}
.ninja_table_print_view .ninja_footable tr {
page-break-after: auto;
page-break-inside: avoid;
}
.ninja_table_print_view .ninja_footable thead {
display: table-header-group;
}
.ninja_table_print_view .ninja_footable tfoot {
display: table-footer-group;
}
}
.ninja_table_wrapper .cart_details {
display: block;
position: relative;
text-align: right;
}
.ninja_table_wrapper .cart_details .nt_woo_cart_checkout_bttons,
.ninja_table_wrapper .cart_details .nt_woo_items {
display: inline-block;
}
.ninja_table_wrapper .cart_details .nt_woo_items {
padding-right: 10px;
}
.ninjatable_cart_wrapper {
margin-bottom: 10px;
}
.foo-table:not(.ninja_stacked_table) tbody tr.footable-detail-row > td {
padding: 5px !important;
}
.footable_parent .fooicon:before {
background-repeat: no-repeat;
content: "";
display: inline-block;
height: 12px;
width: 12px;
}
.footable_parent .fooicon-search:before {
background-image: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/search-outline.svg?bba4a2929dd97ff32db8b3efa135d0c3&version=1769026643812);
height: 16px;
width: 16px;
}
.footable_parent .fooicon-sort-desc:before {
background-color: #000;
mask-image: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/caret-down-outline.svg?c4104d3d02abb32fa5be2f1ce9b62117&version=1769026643812);
-webkit-mask-image: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/caret-down-outline.svg?c4104d3d02abb32fa5be2f1ce9b62117&version=1769026643812);
}
.footable_parent .fooicon-sort-asc:before {
background-color: #000;
mask-image: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/caret-up-outline.svg?c2ecf709f595f8f69e47bc9cdce741f1&version=1769026643812);
-webkit-mask-image: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/caret-up-outline.svg?c2ecf709f595f8f69e47bc9cdce741f1&version=1769026643812);
}
.footable_parent .fooicon-sort:before {
background-color: #000;
mask-image: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/caret-up-down-outline.svg?a1d0648c69b9fb12540b9f6bd9735738&version=1769026643812);
-webkit-mask-image: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/caret-up-down-outline.svg?a1d0648c69b9fb12540b9f6bd9735738&version=1769026643812);
}
.footable_parent .fooicon-remove:before {
background-image: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/remove.svg?71f2cc46c467d79486bf0695c7363605&version=1769026643812);
}
.footable_parent .fooicon-minus:before {
background-color: #000;
mask-image: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/remove-outline.svg?25a5d7996ab177af3d24a7e7ea91aa86&version=1769026643812);
-webkit-mask-image: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/remove-outline.svg?25a5d7996ab177af3d24a7e7ea91aa86&version=1769026643812);
}
.footable_parent .fooicon-plus:before {
background-color: #000;
mask-image: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/add-outline.svg?a4c0b3969a3ed7aaff20c6e06e1beaf4&version=1769026643812);
-webkit-mask-image: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/add-outline.svg?a4c0b3969a3ed7aaff20c6e06e1beaf4&version=1769026643812);
}
.footable_parent .fooicon-loader:before {
background-image: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/refresh-outline.svg?aa67b3c5607cd1b4aa4fc6d38d9bfcfd&version=1769026643812);
height: 24px;
width: 24px;
}
.footable_parent .fooicon-delete:before {
background-image: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/trash-sharp.svg?5be2225e087c24ea513989293e459a91&version=1769026643812);
}
.footable_parent .footable-edit {
background-color: #fff !important;
}
.footable_parent .fooicon-pencil:before {
background-image: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/pencil-sharp.svg?8a753f49486c15a2720bf3fa4895477f&version=1769026643812);
}
.footable_parent .footable-delete {
background-color: #fff !important;
}
.footable_parent .fooicon-trash:before {
background-image: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/trash-sharp.svg?5be2225e087c24ea513989293e459a91&version=1769026643812);
}
.footable_parent .fooicon-remove-1:before {
background-image: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/remove.svg?71f2cc46c467d79486bf0695c7363605&version=1769026643812);
}
.footable_parent .fooicon-bag:before {
background-image: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/bag-handle.svg?cd7a8d49e65fb2fe7df99c8f3d29a08d&version=1769026643812);
height: 16px;
width: 16px;
}
.footable_parent .fooicon-basket:before {
background-image: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/cart-outline.svg?b363c048f7566b617f93b5d9a3a885d3&version=1769026643812);
height: 16px;
width: 16px;
}
.bootstrap3 table {
background-color: transparent;
border-collapse: collapse;
border-spacing: 0;
}
.bootstrap3 caption {
color: #777;
padding-bottom: 8px;
padding-top: 8px;
text-align: left;
}
.bootstrap3 th {
text-align: left;
}
.bootstrap3 .table {
margin-bottom: 20px;
max-width: 100%;
width: 100%;
}
.bootstrap3 .table > tbody > tr > td,
.bootstrap3 .table > tbody > tr > th,
.bootstrap3 .table > tfoot > tr > td,
.bootstrap3 .table > tfoot > tr > th,
.bootstrap3 .table > thead > tr > td,
.bootstrap3 .table > thead > tr > th {
border-top: 1px solid #ddd;
line-height: 1.42857143;
padding: 8px;
vertical-align: top;
}
.bootstrap3 .table > thead > tr > th {
border-bottom: 2px solid #ddd;
vertical-align: bottom;
}
.bootstrap3 .table > caption + thead > tr:first-child > td,
.bootstrap3 .table > caption + thead > tr:first-child > th,
.bootstrap3 .table > colgroup + thead > tr:first-child > td,
.bootstrap3 .table > colgroup + thead > tr:first-child > th,
.bootstrap3 .table > thead:first-child > tr:first-child > td,
.bootstrap3 .table > thead:first-child > tr:first-child > th {
border-top: 0;
}
.bootstrap3 .table > tbody + tbody {
border-top: 2px solid #ddd;
}
.bootstrap3 .table .table {
background-color: #fff;
}
.bootstrap3 .table-condensed > tbody > tr > td,
.bootstrap3 .table-condensed > tbody > tr > th,
.bootstrap3 .table-condensed > tfoot > tr > td,
.bootstrap3 .table-condensed > tfoot > tr > th,
.bootstrap3 .table-condensed > thead > tr > td,
.bootstrap3 .table-condensed > thead > tr > th {
padding: 5px;
}
.bootstrap3 .table-bordered,
.bootstrap3 .table-bordered > tbody > tr > td,
.bootstrap3 .table-bordered > tbody > tr > th,
.bootstrap3 .table-bordered > tfoot > tr > td,
.bootstrap3 .table-bordered > tfoot > tr > th,
.bootstrap3 .table-bordered > thead > tr > td,
.bootstrap3 .table-bordered > thead > tr > th {
border: 1px solid #ddd;
}
.bootstrap3 .table-bordered > thead > tr > td,
.bootstrap3 .table-bordered > thead > tr > th {
border-bottom-width: 2px;
}
.bootstrap3 .table-striped > tbody > tr:nth-of-type(odd) {
background-color: #f9f9f9;
}
.bootstrap3 .table-hover > tbody > tr:hover,
.bootstrap3 .table > tbody > tr.active > td,
.bootstrap3 .table > tbody > tr.active > th,
.bootstrap3 .table > tbody > tr > td.active,
.bootstrap3 .table > tbody > tr > th.active,
.bootstrap3 .table > tfoot > tr.active > td,
.bootstrap3 .table > tfoot > tr.active > th,
.bootstrap3 .table > tfoot > tr > td.active,
.bootstrap3 .table > tfoot > tr > th.active,
.bootstrap3 .table > thead > tr.active > td,
.bootstrap3 .table > thead > tr.active > th,
.bootstrap3 .table > thead > tr > td.active,
.bootstrap3 .table > thead > tr > th.active {
background-color: #f5f5f5;
}
.bootstrap3 .table-hover > tbody > tr.active:hover > td,
.bootstrap3 .table-hover > tbody > tr.active:hover > th,
.bootstrap3 .table-hover > tbody > tr:hover > .active,
.bootstrap3 .table-hover > tbody > tr > td.active:hover,
.bootstrap3 .table-hover > tbody > tr > th.active:hover {
background-color: #e8e8e8;
}
.bootstrap3 .table > tbody > tr.success > td,
.bootstrap3 .table > tbody > tr.success > th,
.bootstrap3 .table > tbody > tr > td.success,
.bootstrap3 .table > tbody > tr > th.success,
.bootstrap3 .table > tfoot > tr.success > td,
.bootstrap3 .table > tfoot > tr.success > th,
.bootstrap3 .table > tfoot > tr > td.success,
.bootstrap3 .table > tfoot > tr > th.success,
.bootstrap3 .table > thead > tr.success > td,
.bootstrap3 .table > thead > tr.success > th,
.bootstrap3 .table > thead > tr > td.success,
.bootstrap3 .table > thead > tr > th.success {
background-color: #dff0d8;
}
.bootstrap3 .table-hover > tbody > tr.success:hover > td,
.bootstrap3 .table-hover > tbody > tr.success:hover > th,
.bootstrap3 .table-hover > tbody > tr:hover > .success,
.bootstrap3 .table-hover > tbody > tr > td.success:hover,
.bootstrap3 .table-hover > tbody > tr > th.success:hover {
background-color: #d0e9c6;
}
.bootstrap3 .table > tbody > tr.info > td,
.bootstrap3 .table > tbody > tr.info > th,
.bootstrap3 .table > tbody > tr > td.info,
.bootstrap3 .table > tbody > tr > th.info,
.bootstrap3 .table > tfoot > tr.info > td,
.bootstrap3 .table > tfoot > tr.info > th,
.bootstrap3 .table > tfoot > tr > td.info,
.bootstrap3 .table > tfoot > tr > th.info,
.bootstrap3 .table > thead > tr.info > td,
.bootstrap3 .table > thead > tr.info > th,
.bootstrap3 .table > thead > tr > td.info,
.bootstrap3 .table > thead > tr > th.info {
background-color: #d9edf7;
}
.bootstrap3 .table-hover > tbody > tr.info:hover > td,
.bootstrap3 .table-hover > tbody > tr.info:hover > th,
.bootstrap3 .table-hover > tbody > tr:hover > .info,
.bootstrap3 .table-hover > tbody > tr > td.info:hover,
.bootstrap3 .table-hover > tbody > tr > th.info:hover {
background-color: #c4e3f3;
}
.bootstrap3 .table > tbody > tr.warning > td,
.bootstrap3 .table > tbody > tr.warning > th,
.bootstrap3 .table > tbody > tr > td.warning,
.bootstrap3 .table > tbody > tr > th.warning,
.bootstrap3 .table > tfoot > tr.warning > td,
.bootstrap3 .table > tfoot > tr.warning > th,
.bootstrap3 .table > tfoot > tr > td.warning,
.bootstrap3 .table > tfoot > tr > th.warning,
.bootstrap3 .table > thead > tr.warning > td,
.bootstrap3 .table > thead > tr.warning > th,
.bootstrap3 .table > thead > tr > td.warning,
.bootstrap3 .table > thead > tr > th.warning {
background-color: #fcf8e3;
}
.bootstrap3 .table-hover > tbody > tr.warning:hover > td,
.bootstrap3 .table-hover > tbody > tr.warning:hover > th,
.bootstrap3 .table-hover > tbody > tr:hover > .warning,
.bootstrap3 .table-hover > tbody > tr > td.warning:hover,
.bootstrap3 .table-hover > tbody > tr > th.warning:hover {
background-color: #faf2cc;
}
.bootstrap3 .table > tbody > tr.danger > td,
.bootstrap3 .table > tbody > tr.danger > th,
.bootstrap3 .table > tbody > tr > td.danger,
.bootstrap3 .table > tbody > tr > th.danger,
.bootstrap3 .table > tfoot > tr.danger > td,
.bootstrap3 .table > tfoot > tr.danger > th,
.bootstrap3 .table > tfoot > tr > td.danger,
.bootstrap3 .table > tfoot > tr > th.danger,
.bootstrap3 .table > thead > tr.danger > td,
.bootstrap3 .table > thead > tr.danger > th,
.bootstrap3 .table > thead > tr > td.danger,
.bootstrap3 .table > thead > tr > th.danger {
background-color: #f2dede;
}
.bootstrap3 .table-hover > tbody > tr.danger:hover > td,
.bootstrap3 .table-hover > tbody > tr.danger:hover > th,
.bootstrap3 .table-hover > tbody > tr:hover > .danger,
.bootstrap3 .table-hover > tbody > tr > td.danger:hover,
.bootstrap3 .table-hover > tbody > tr > th.danger:hover {
background-color: #ebcccc;
}
.bootstrap3 .table-responsive {
min-height: 0.01%;
overflow-x: auto;
}
@media screen and (max-width: 767px) {
.bootstrap3 .table-responsive {
-ms-overflow-: -ms-autohiding-scrollbar;
border: 1px solid #ddd;
margin-bottom: 15px;
overflow-y: hidden;
width: 100%;
}
.bootstrap3 .table-responsive > .table {
margin-bottom: 0;
}
.bootstrap3 .table-responsive > .table > tbody > tr > td,
.bootstrap3 .table-responsive > .table > tbody > tr > th,
.bootstrap3 .table-responsive > .table > tfoot > tr > td,
.bootstrap3 .table-responsive > .table > tfoot > tr > th,
.bootstrap3 .table-responsive > .table > thead > tr > td,
.bootstrap3 .table-responsive > .table > thead > tr > th {
white-space: nowrap;
}
.bootstrap3 .table-responsive > .table-bordered {
border: 0;
}
.bootstrap3 .table-responsive > .table-bordered > tbody > tr > td:first-child,
.bootstrap3 .table-responsive > .table-bordered > tbody > tr > th:first-child,
.bootstrap3 .table-responsive > .table-bordered > tfoot > tr > td:first-child,
.bootstrap3 .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.bootstrap3 .table-responsive > .table-bordered > thead > tr > td:first-child,
.bootstrap3 .table-responsive > .table-bordered > thead > tr > th:first-child {
border-left: 0;
}
.bootstrap3 .table-responsive > .table-bordered > tbody > tr > td:last-child,
.bootstrap3 .table-responsive > .table-bordered > tbody > tr > th:last-child,
.bootstrap3 .table-responsive > .table-bordered > tfoot > tr > td:last-child,
.bootstrap3 .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.bootstrap3 .table-responsive > .table-bordered > thead > tr > td:last-child,
.bootstrap3 .table-responsive > .table-bordered > thead > tr > th:last-child {
border-right: 0;
}
.bootstrap3 .table-responsive > .table-bordered > tbody > tr:last-child > td,
.bootstrap3 .table-responsive > .table-bordered > tbody > tr:last-child > th,
.bootstrap3 .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.bootstrap3 .table-responsive > .table-bordered > tfoot > tr:last-child > th {
border-bottom: 0;
}
}
.bootstrap3 .table-bordered.ninja_footable {
border: 1px solid #ddd;
}
.bootstrap4 table {
border-collapse: collapse;
}
.bootstrap4 .table {
color: #212529;
margin-bottom: 1rem;
width: 100%;
}
.bootstrap4 .table td,
.bootstrap4 .table th {
border-top: 1px solid #dee2e6;
padding: 0.75rem;
vertical-align: top;
}
.bootstrap4 .table thead th {
border-bottom: 2px solid #dee2e6;
vertical-align: bottom;
}
.bootstrap4 .table tbody + tbody {
border-top: 2px solid #dee2e6;
}
.bootstrap4 .table-sm td,
.bootstrap4 .table-sm th {
padding: 0.3rem;
}
.bootstrap4 .table-bordered,
.bootstrap4 .table-bordered td,
.bootstrap4 .table-bordered th {
border: 1px solid #dee2e6;
}
.bootstrap4 .table-bordered thead td,
.bootstrap4 .table-bordered thead th {
border-bottom-width: 2px;
}
.bootstrap4 .table-borderless tbody + tbody,
.bootstrap4 .table-borderless td,
.bootstrap4 .table-borderless th,
.bootstrap4 .table-borderless thead th {
border: 0;
}
.bootstrap4 .table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(0000.05);
}
.bootstrap4 .table-hover tbody tr:hover {
background-color: rgba(0000.075);
color: #212529;
}
.bootstrap4 .table-primary,
.bootstrap4 .table-primary > td,
.bootstrap4 .table-primary > th {
background-color: #b8daff;
}
.bootstrap4 .table-primary tbody + tbody,
.bootstrap4 .table-primary td,
.bootstrap4 .table-primary th,
.bootstrap4 .table-primary thead th {
border-color: #7abaff;
}
.bootstrap4 .table-hover .table-primary:hover,
.bootstrap4 .table-hover .table-primary:hover > td,
.bootstrap4 .table-hover .table-primary:hover > th {
background-color: #9fcdff;
}
.bootstrap4 .table-secondary,
.bootstrap4 .table-secondary > td,
.bootstrap4 .table-secondary > th {
background-color: #d6d8db;
}
.bootstrap4 .table-secondary tbody + tbody,
.bootstrap4 .table-secondary td,
.bootstrap4 .table-secondary th,
.bootstrap4 .table-secondary thead th {
border-color: #b3b7bb;
}
.bootstrap4 .table-hover .table-secondary:hover,
.bootstrap4 .table-hover .table-secondary:hover > td,
.bootstrap4 .table-hover .table-secondary:hover > th {
background-color: #c8cbcf;
}
.bootstrap4 .table-success,
.bootstrap4 .table-success > td,
.bootstrap4 .table-success > th {
background-color: #c3e6cb;
}
.bootstrap4 .table-success tbody + tbody,
.bootstrap4 .table-success td,
.bootstrap4 .table-success th,
.bootstrap4 .table-success thead th {
border-color: #8fd19e;
}
.bootstrap4 .table-hover .table-success:hover,
.bootstrap4 .table-hover .table-success:hover > td,
.bootstrap4 .table-hover .table-success:hover > th {
background-color: #b1dfbb;
}
.bootstrap4 .table-info,
.bootstrap4 .table-info > td,
.bootstrap4 .table-info > th {
background-color: #bee5eb;
}
.bootstrap4 .table-info tbody + tbody,
.bootstrap4 .table-info td,
.bootstrap4 .table-info th,
.bootstrap4 .table-info thead th {
border-color: #86cfda;
}
.bootstrap4 .table-hover .table-info:hover,
.bootstrap4 .table-hover .table-info:hover > td,
.bootstrap4 .table-hover .table-info:hover > th {
background-color: #abdde5;
}
.bootstrap4 .table-warning,
.bootstrap4 .table-warning > td,
.bootstrap4 .table-warning > th {
background-color: #ffeeba;
}
.bootstrap4 .table-warning tbody + tbody,
.bootstrap4 .table-warning td,
.bootstrap4 .table-warning th,
.bootstrap4 .table-warning thead th {
border-color: #ffdf7e;
}
.bootstrap4 .table-hover .table-warning:hover,
.bootstrap4 .table-hover .table-warning:hover > td,
.bootstrap4 .table-hover .table-warning:hover > th {
background-color: #ffe8a1;
}
.bootstrap4 .table-danger,
.bootstrap4 .table-danger > td,
.bootstrap4 .table-danger > th {
background-color: #f5c6cb;
}
.bootstrap4 .table-danger tbody + tbody,
.bootstrap4 .table-danger td,
.bootstrap4 .table-danger th,
.bootstrap4 .table-danger thead th {
border-color: #ed969e;
}
.bootstrap4 .table-hover .table-danger:hover,
.bootstrap4 .table-hover .table-danger:hover > td,
.bootstrap4 .table-hover .table-danger:hover > th {
background-color: #f1b0b7;
}
.bootstrap4 .table-light,
.bootstrap4 .table-light > td,
.bootstrap4 .table-light > th {
background-color: #fdfdfe;
}
.bootstrap4 .table-light tbody + tbody,
.bootstrap4 .table-light td,
.bootstrap4 .table-light th,
.bootstrap4 .table-light thead th {
border-color: #fbfcfc;
}
.bootstrap4 .table-hover .table-light:hover,
.bootstrap4 .table-hover .table-light:hover > td,
.bootstrap4 .table-hover .table-light:hover > th {
background-color: #ececf6;
}
.bootstrap4 .table-dark,
.bootstrap4 .table-dark > td,
.bootstrap4 .table-dark > th {
background-color: #c6c8ca;
}
.bootstrap4 .table-dark tbody + tbody,
.bootstrap4 .table-dark td,
.bootstrap4 .table-dark th,
.bootstrap4 .table-dark thead th {
border-color: #95999c;
}
.bootstrap4 .table-hover .table-dark:hover,
.bootstrap4 .table-hover .table-dark:hover > td,
.bootstrap4 .table-hover .table-dark:hover > th {
background-color: #b9bbbe;
}
.bootstrap4 .table-active,
.bootstrap4 .table-active > td,
.bootstrap4 .table-active > th,
.bootstrap4 .table-hover .table-active:hover,
.bootstrap4 .table-hover .table-active:hover > td,
.bootstrap4 .table-hover .table-active:hover > th {
background-color: rgba(0000.075);
}
.bootstrap4 .table .thead-dark th {
background-color: #343a40;
border-color: #454d55;
color: #fff;
}
.bootstrap4 .table .thead-light th {
background-color: #e9ecef;
border-color: #dee2e6;
color: #495057;
}
.bootstrap4 .table-dark {
background-color: #343a40;
color: #fff;
}
.bootstrap4 .table-dark td,
.bootstrap4 .table-dark th,
.bootstrap4 .table-dark thead th {
border-color: #454d55;
}
.bootstrap4 .table-dark.table-bordered {
border: 0;
}
.bootstrap4 .table-dark.table-striped tbody tr:nth-of-type(odd) {
background-color: hsla(00%100%0.05);
}
.bootstrap4 .table-dark.table-hover tbody tr:hover {
background-color: hsla(00%100%0.075);
color: #fff;
}
@media (max-width: 991px) {
.bootstrap4 .table-responsive {
-ms-overflow-: -ms-autohiding-scrollbar;
display: block;
overflow-x: auto;
width: 100%;
}
.bootstrap4 .table-responsive.table-bordered {
border: 0;
}
}
.bootstrap4 .table-responsive {
-webkit-overflow-scrolling: touch;
display: block;
overflow-x: auto;
width: 100%;
}
.bootstrap4 .table-responsive > .table-bordered {
border: 0;
}
.bootstrap4 .table-bordered.ninja_footable {
border: 1px solid #dee2e6;
}
storefront-view {
display: flex;
}
storefront-view > .content {
display: flex;
flex-direction: column;
width: 100%;
}
storefront-view > .content > storefront-element[type=section] {
flex-grow: 1;
}
storefront-view > .content > storefront-element[type=section] .view-content {
max-width: var(--sectionContentWidth);
margin: 0 auto;
padding: 15px 0 50px 0;
}
storefront-view > .content > storefront-element[type=section] .view-content button.action-button {
padding: 0 20px;
background: var(--articleButtonBgColor);
color: var(--articleButtonTextColor);
border-radius: var(--borderRadius);
cursor: pointer;
font-family: var(--secondaryFont);
font-: normal;
font-weight: 400;
font-size: 14px;
line-height: 24px;
}
storefront-view > .content > storefront-element[type=section] .view-content .three-column-grid storefront-list .list-content {
display: grid;
grid-gap: var(--columnGridGap);
grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 767px) {
storefront-view > .content > storefront-element[type=section] .view-content .three-column-grid storefront-list .list-content {
grid-template-columns: 1fr;
}
}
storefront-view > .content > storefront-element[type=section] .view-content .four-column-grid storefront-list .list-content {
display: grid;
grid-gap: var(--columnGridGap);
grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 991px) {
storefront-view > .content > storefront-element[type=section] .view-content .four-column-grid storefront-list .list-content {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width: 767px) {
storefront-view > .content > storefront-element[type=section] .view-content .four-column-grid storefront-list .list-content {
grid-template-columns: 1fr;
}
}
storefront-view > .content > storefront-element[type=section] .view-content storefront-list .list-error button.action-button {
padding: 0 20px;
background: var(--articleButtonBgColor);
color: var(--articleButtonTextColor);
border-radius: var(--borderRadius);
cursor: pointer;
font-family: var(--secondaryFont);
font-: normal;
font-weight: 400;
font-size: 14px;
line-height: 24px;
}
html body {
--headerMainLogoHeight: 65px;
--headerMainLogoWidth: 380px;
--footerTopLogoHeight: 65px;
--footerTopLogoWidth: 380px;
--sponsor: "Sponsored by Sky At Night";
}
storefront-embeddable-view.header storefront-section.header-desktop .header-main {
height: var(--headerMainHeight);
background: var(--headerMainBg);
justify-content: center;
background-image: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/header-bg.png?version=1769026643812);
background-repeat: no-repeat;
background-size: cover;
}
storefront-embeddable-view.header storefront-section.header-mobile {
background-image: url(https://www.skyatnightmagazine.com/delivery/web/dynamicResources/9867779f-bbeb-44ef-a0d0-ca4e39424e99/storefront/assets/images/header-bg.png?version=1769026643812);
background-repeat: no-repeat;
background-size: cover;
}
storefront-content-body #sprylab_purple_content .purple-inner-container a,
storefront-content-body #sprylab_purple_content .purple-inner-container a:visited {
color: #545592;
}
storefront-content-body #sprylab_purple_content .purple-inner-container p {
font-size: 18px;
line-height: 28px;
font-weight: 400;
color: var(--tertiaryColor);
}
storefront-content-body #sprylab_purple_content .purple-inner-container figcaption {
font-: normal;
font-size: 12px;
font-weight: 500;
}
storefront-view.article .article-footer .author-name {
font-size: 16px;
font-weight: 400;
font-family: var(--secondaryFont);
}
storefront-view.article .author-excerpt {
font-size: 14px;
line-height: 22px;
font-: normal;
font-weight: 400;
font-family: var(--secondaryColor);
color: var(--tertiaryColor);
}
storefront-view.home .view-content .home-article-grids > .list-content .section-title h2 {
font-weight: 600;
line-height: 33px;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-button-container .section-button {
font-size: 14px;
font-weight: 600;
line-height: 26px;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-list-highlight .section-title h2 {
color: white;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-3-cols-highlight .section-title h2 {
color: white;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-4-cols-highlight .section-title h2,
storefront-view.home .view-content .home-article-grids > .list-content .section-4-cols-highlight .section-subtitle {
color: white !important;
}
storefront-embeddable-view.header storefront-section.header-desktop .header-menu .menu .menu-button-Subscribe a {
background-color: var(--primaryColor);
color: white;
padding: 0 5px;
}
storefront-embeddable-view.header storefront-section.header-desktop .header-menu .menu .menu-item[depth="0"] > .menu-button > button {
font-size: 16px;
}
storefront-embeddable-view.header storefront-section.header-desktop .header-menu .menu .menu-item-open > .menu-item-children .menu-item[depth="1"] > .menu-button span {
font-family: var(--secondaryFont);
font-weight: 700;
font-size: 14px;
}
storefront-view.article .wp-block-purple-m101-in-text {
color: var(--secondaryColor) !important;
font-weight: 700;
}
storefront-view.article .m101-widget .m101-widget-price-comparison-title {
font-family: var(--primaryFont) !important;
font-size: 18px !important;
}
storefront-view.article .m101-widget .m101-widget-row {
display: grid !important;
grid-template-columns: repeat(41fr) !important;
grid-template-rows: 1fr !important;
grid-column-gap: 0px !important;
grid-row-gap: 0px !important;
border-bottom: 1px solid #cccccc !important;
align-items: center !important;
}
storefront-view.article .m101-widget .m101-widget-row .m101-widget-button,
storefront-view.article .m101-widget .m101-widget-row .m101-widget-merchant-image {
display: flex !important;
justify-content: center !important;
}
storefront-view.article .m101-widget .m101-widget-row .m101-widget-button a {
text-decoration: none !important;
border-radius: 3px !important;
background-color: #498d16 !important;
}
storefront-view.article .m101-widget .m101-widget-row .m101-widget-button a:after {
content: "VIEW" !important;
color: white !important;
font-weight: bold !important;
}
storefront-view.article .m101-widget .m101-widget-row .m101-widget-final-price {
display: flex;
align-items: center;
text-align: center;
justify-content: center;
flex-direction: column;
}
storefront-view.article .m101-widget .m101-widget-row .m101-widget-final-price .m101-widget-final-price__discount::before {
content: "Save ";
}
storefront-view.article .m101-widget .m101-widget-row .m101-widget-final-price .m101-widget-final-price__discount {
display: initial !important;
background: #cc4b00 !important;
color: #fff !important;
padding: 0px 4px !important;
border-radius: 3px !important;
font-weight: 400 !important;
font-size: 13px !important;
margin-top: 4px !important;
}
storefront-view.article .m101-widget .m101-widget-row .m101-widget-original-price a,
storefront-view.article .m101-widget .m101-widget-row .m101-widget-final-price a,
storefront-view.article .m101-widget .m101-widget-row .m101-widget-discount a {
text-decoration: none !important;
color: black !important;
font-weight: 700 !important;
}
storefront-view.article .m101-widget .m101-widget-row div {
border-bottom: unset !important;
text-align: center !important;
}
storefront-embeddable-view.header storefront-section.header-desktop .header-menu .menu .menu-item-open > .menu-item-children .menu-button button:hover {
color: white;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-4-cols-highlight .section-content .list-content storefront-content.sponsored .content-data .issue-actions .action-button:not(.sponsored-advertisement).article-category,
storefront-view.home .view-content .home-article-grids > .list-content .section-4-cols-highlight .section-content .list-content storefront-content.sponsored .content-data .content-actions .action-button:not(.sponsored-advertisement).article-category,
storefront-view.home .view-content .home-article-grids > .list-content .section-4-cols-highlight .section-content .list-content storefront-issue.sponsored .issue-data .issue-actions .action-button:not(.sponsored-advertisement).article-category,
storefront-view.home .view-content .home-article-grids > .list-content .section-4-cols-highlight .section-content .list-content storefront-issue.sponsored .issue-data .content-actions .action-button:not(.sponsored-advertisement).article-category {
color: black;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-4-cols-highlight .section-content .list-content storefront-content.sponsored .content-data .issue-title,
storefront-view.home .view-content .home-article-grids > .list-content .section-4-cols-highlight .section-content .list-content storefront-content.sponsored .content-data .content-title,
storefront-view.home .view-content .home-article-grids > .list-content .section-4-cols-highlight .section-content .list-content storefront-issue.sponsored .issue-data .issue-title,
storefront-view.home .view-content .home-article-grids > .list-content .section-4-cols-highlight .section-content .list-content storefront-issue.sponsored .issue-data .content-title {
color: white;
}
storefront-view.page .view-content storefront-issue .issue-data .issue-title span,
storefront-view.page .view-content storefront-content .content-data .content-title span {
font-family: var(--secondaryFont) !important;
font-: normal !important;
font-weight: 400 !important;
font-size: 20px !important;
line-height: 26px !important;
}
storefront-view.page article .section-3-cols-highlight .section-content .list-content storefront-content.editor-highlight .content-data .content-actions .action-button:not(.sponsored-advertisement).article-category,
storefront-view.page article .section-3-cols-highlight .section-content .list-content storefront-content.sponsored .content-data .content-actions .action-button:not(.sponsored-advertisement).article-category,
storefront-view.page article .section-3-cols-highlight .section-content .list-content storefront-issue.editor-highlight .issue-data .issue-actions .action-button:not(.sponsored-advertisement).article-category,
storefront-view.page article .section-3-cols-highlight .section-content .list-content storefront-issue.sponsored .issue-data .issue-actions .action-button:not(.sponsored-advertisement).article-category {
color: black;
}
storefront-view.page article .section-3-cols-highlight .section-content .list-content storefront-content.editor-highlight .content-data .content-title,
storefront-view.page article .section-3-cols-highlight .section-content .list-content storefront-content.sponsored .content-data .content-title,
storefront-view.page article .section-custom-2-highlight .section-content .list-content storefront-content.editor-highlight .content-data .content-title,
storefront-view.page article .section-custom-2-highlight .section-content .list-content storefront-content.sponsored .content-data .content-title,
storefront-view.page article .section-3-cols-highlight .section-content .list-content storefront-issue.editor-highlight .issue-data .issue-title,
storefront-view.page article .section-3-cols-highlight .section-content .list-content storefront-issue.sponsored .issue-data .issue-title,
storefront-view.page article .section-custom-2-highlight .section-content .list-content storefront-issue.editor-highlight .issue-data .issue-title,
storefront-view.page article .section-custom-2-highlight .section-content .list-content storefront-issue.sponsored .issue-data .issue-title {
color: white;
}
storefront-view.page .section-button-container button.action-button {
font-weight: 600 !important;
font-size: 14px !important;
line-height: 26px !important;
}
storefront-view.home .view-content .home-article-grids .list-content .section-list-highlight {
padding-bottom: 1rem !important;
}
storefront-view.article .article-header .share,
storefront-view.article .article-footer .share {
display: none;
}
storefront-embeddable-view.header storefront-section.header-desktop .header-menu .menu .menu-item-open > .menu-item-children .menu-button button {
justify-content: center;
}
storefront-embeddable-view.header storefront-section.header-desktop .header-menu .menu .menu-button-Subscribe a {
background-color: var(--headerMenuBgColor) !important;
}
storefront-embeddable-view.header storefront-section.header-desktop .header-menu .menu-content[menu-name=main-menu] {
justify-content: center !important;
flex-wrap: unset !important;
}
storefront-embeddable-view.header storefront-section.header-desktop .header-menu .menu .menu-item[depth="0"] > .menu-button > button {
padding: 15px 9px;
}
html body {
--articleImageAspectRatio: 3 / 2;
--articleImageAspectRatioReciprocal: 2 / 3;
}
storefront-view.home .view-content .home-article-grids > .list-content {
row-gap: 30px;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-title {
justify-content: flex-start;
margin: 0 0 20px 0;
font-size: 25px;
line-height: 33px;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-subtitle {
justify-content: flex-start;
text-transform: inherit;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-3-cols-highlight .section-title,
storefront-view.home .view-content .home-article-grids > .list-content .section-3-cols-highlight .section-subtitle {
margin: 0 calc((var(--sectionWidth) - var(--sectionContentWidth)) / -2);
padding: 20px calc((var(--sectionWidth) - var(--sectionContentWidth)) / 2) 0;
background: var(--homeArticleGridHighlightBgColor);
}
storefront-view.home .view-content .home-article-grids > .list-content .section-3-cols-highlight .section-content {
margin: 0 calc((var(--sectionWidth) - var(--sectionContentWidth)) / -2);
padding: 20px calc((var(--sectionWidth) - var(--sectionContentWidth)) / 2);
background: var(--homeArticleGridHighlightBgColor);
}
storefront-view.home .view-content .home-article-grids > .list-content .section-3-cols-highlight .section-content storefront-list .list-content {
display: grid;
grid-gap: var(--columnGridGap);
}
@media (max-width: 767px) {
storefront-view.home .view-content .home-article-grids > .list-content .section-3-cols-highlight .section-content storefront-list .list-content {
grid-template-columns: 1fr;
}
}
storefront-view.home .view-content .home-article-grids > .list-content .section-3-cols-highlight .section-content .list-content {
grid-template-columns: 1fr 1fr 1fr;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-3-cols-highlight .section-content .list-content storefront-content.editor-highlight .content-data,
storefront-view.home .view-content .home-article-grids > .list-content .section-3-cols-highlight .section-content .list-content storefront-content.sponsored .content-data {
color: var(--articleEditorHighlightTextColor);
background: var(--articleEditorHighlightBgColor);
}
storefront-view.home .view-content .home-article-grids > .list-content .section-3-cols-highlight .section-content .list-content storefront-content.editor-highlight .content-data .content-title .article-label,
storefront-view.home .view-content .home-article-grids > .list-content .section-3-cols-highlight .section-content .list-content storefront-content.sponsored .content-data .content-title .article-label {
color: var(--articleEditorHighlightTextColor);
}
storefront-view.home .view-content .home-article-grids > .list-content .section-3-cols-highlight .section-content .list-content storefront-content.editor-highlight .content-data .content-actions .action-button:not(.sponsored-advertisement),
storefront-view.home .view-content .home-article-grids > .list-content .section-3-cols-highlight .section-content .list-content storefront-content.sponsored .content-data .content-actions .action-button:not(.sponsored-advertisement) {
background: var(--articleEditorHighlightCategoryButtonBgColor);
color: var(--articleEditorHighlightTextColor);
}
storefront-view.home .view-content .home-article-grids > .list-content .section-3-cols-highlight .section-content .list-content storefront-content.editor-highlight .content-data .content-actions .action-button:not(.sponsored-advertisement).article-category,
storefront-view.home .view-content .home-article-grids > .list-content .section-3-cols-highlight .section-content .list-content storefront-content.sponsored .content-data .content-actions .action-button:not(.sponsored-advertisement).article-category {
background: var(--articleEditorHighlightCategoryButtonBgColor);
color: var(--articleEditorHighlightTextColor);
}
storefront-view.home .view-content .home-article-grids > .list-content .section-3-cols-highlight .section-content .list-content storefront-content.editor-highlight .content-data .content-actions .sponsored-advertisement,
storefront-view.home .view-content .home-article-grids > .list-content .section-3-cols-highlight .section-content .list-content storefront-content.sponsored .content-data .content-actions .sponsored-advertisement {
color: var(--textColor);
}
storefront-view.home .view-content .home-article-grids > .list-content .section-3-cols-highlight .section-content .list-content storefront-content.editor-highlight.external-offer .content-data .external-offer-partner-name,
storefront-view.home .view-content .home-article-grids > .list-content .section-3-cols-highlight .section-content .list-content storefront-content.sponsored.external-offer .content-data .external-offer-partner-name {
color: var(--externalOfferPartnerNameColor);
}
storefront-view.home .view-content .home-article-grids > .list-content .section-3-cols-highlight .section-button-container {
margin-top: 0;
background-color: var(--homeArticleGridHighlightButtonContainerBgColor);
}
storefront-view.home .view-content .home-article-grids > .list-content .section-4-cols-highlight .section-title,
storefront-view.home .view-content .home-article-grids > .list-content .section-4-cols-highlight .section-subtitle {
margin: 0 calc((var(--sectionWidth) - var(--sectionContentWidth)) / -2);
padding: 20px calc((var(--sectionWidth) - var(--sectionContentWidth)) / 2) 0;
background: var(--homeArticleGridHighlightBgColor);
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-content[post-type=competition] .content-data .content-actions .competition-button {
display: none;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-content[post-type=competition] .content-data .content-description {
display: none;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-content[post-type=competition] .content-data .competition-date {
display: none;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content {
display: grid;
grid-gap: var(--columnGridGap);
}
@media (max-width: 767px) {
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content {
grid-template-columns: 1fr;
}
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content::before {
content: "What's new?";
color: var(--textColor);
font-family: var(--primaryFont);
font-: normal;
font-weight: 400;
font-size: 20px;
line-height: 28px;
}
@media (min-width: 768px) {
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content {
grid-column-gap: var(--columnGridGap);
grid-row-gap: 0;
grid-template-columns: repeat(4minmax(01fr));
grid-template-rows: repeat(6auto);
grid-template-areas: "big big medium-1 list-header" "big big medium-1 list-1" "big big medium-1 list-2" "big big medium-1 list-3" "big big medium-1 list-4" "big big medium-2 list-5" "big big medium-2 empty" "big big medium-2 empty" "small-1 small-2 medium-2 empty" "small-1 small-2 medium-2 empty";
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content::before {
grid-area: list-header;
margin-bottom: -8px;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content::after {
grid-area: empty;
content: "";
height: auto;
}
}
@media (min-width: 768px) and (max-width: 767px) {
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content::after {
display: none;
}
}
@media (min-width: 768px) {
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(1) {
grid-area: big;
margin-bottom: 10px;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(2) {
grid-area: small-1;
margin-top: 10px;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(3) {
grid-area: small-2;
margin-top: 10px;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(4) {
grid-area: medium-1;
margin-bottom: 10px;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(5) {
grid-area: medium-2;
margin-top: 10px;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(6) {
grid-area: list-1;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(7) {
grid-area: list-2;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(8) {
grid-area: list-3;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(9) {
grid-area: list-4;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(10) {
grid-area: list-5;
}
}
@media (max-width: 767px) {
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content::before {
grid-row: 6/7;
margin-bottom: -10px;
}
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(2) storefront-image {
display: none;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(3) storefront-image {
display: none;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(6):not(:last-child) {
border-bottom: 1px solid var(--homeArticleGridListBorderColor);
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(6) storefront-content storefront-image {
display: none;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(6) storefront-content .content-data {
padding: 10px 0;
background-color: transparent;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(6) storefront-content .content-data .content-title {
font-size: 16px;
text-align: left;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(6) storefront-content .content-data .content-actions {
display: none;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(6) storefront-content.sponsored .content-data,
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(6) storefront-content.editor-highlight .content-data {
--textColor: var(--textColor);
--secondaryTextColor: var(--secondaryTextColor);
color: var(--textColor);
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(7):not(:last-child) {
border-bottom: 1px solid var(--homeArticleGridListBorderColor);
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(7) storefront-content storefront-image {
display: none;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(7) storefront-content .content-data {
padding: 10px 0;
background-color: transparent;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(7) storefront-content .content-data .content-title {
font-size: 16px;
text-align: left;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(7) storefront-content .content-data .content-actions {
display: none;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(7) storefront-content.sponsored .content-data,
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(7) storefront-content.editor-highlight .content-data {
--textColor: var(--textColor);
--secondaryTextColor: var(--secondaryTextColor);
color: var(--textColor);
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(8):not(:last-child) {
border-bottom: 1px solid var(--homeArticleGridListBorderColor);
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(8) storefront-content storefront-image {
display: none;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(8) storefront-content .content-data {
padding: 10px 0;
background-color: transparent;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(8) storefront-content .content-data .content-title {
font-size: 16px;
text-align: left;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(8) storefront-content .content-data .content-actions {
display: none;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(8) storefront-content.sponsored .content-data,
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(8) storefront-content.editor-highlight .content-data {
--textColor: var(--textColor);
--secondaryTextColor: var(--secondaryTextColor);
color: var(--textColor);
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(9):not(:last-child) {
border-bottom: 1px solid var(--homeArticleGridListBorderColor);
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(9) storefront-content storefront-image {
display: none;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(9) storefront-content .content-data {
padding: 10px 0;
background-color: transparent;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(9) storefront-content .content-data .content-title {
font-size: 16px;
text-align: left;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(9) storefront-content .content-data .content-actions {
display: none;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(9) storefront-content.sponsored .content-data,
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(9) storefront-content.editor-highlight .content-data {
--textColor: var(--textColor);
--secondaryTextColor: var(--secondaryTextColor);
color: var(--textColor);
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(10):not(:last-child) {
border-bottom: 1px solid var(--homeArticleGridListBorderColor);
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(10) storefront-content storefront-image {
display: none;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(10) storefront-content .content-data {
padding: 10px 0;
background-color: transparent;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(10) storefront-content .content-data .content-title {
font-size: 16px;
text-align: left;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(10) storefront-content .content-data .content-actions {
display: none;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(10) storefront-content.sponsored .content-data,
storefront-view.home .view-content .home-article-grids > .list-content .section-custom-3 .section-content storefront-list .list-content storefront-element:nth-child(10) storefront-content.editor-highlight .content-data {
--textColor: var(--textColor);
--secondaryTextColor: var(--secondaryTextColor);
color: var(--textColor);
}
storefront-view.home .view-content .home-article-grids > .list-content .section-2-cols-small .section-content storefront-list .list-content {
display: grid;
grid-gap: var(--columnGridGap);
}
@media (max-width: 767px) {
storefront-view.home .view-content .home-article-grids > .list-content .section-2-cols-small .section-content storefront-list .list-content {
grid-template-columns: 1fr;
}
}
storefront-view.home .view-content .home-article-grids > .list-content .section-2-cols-small .section-content .list-content {
grid-template-columns: 1fr 1fr;
}
@media (min-width: 768px) {
storefront-view.home .view-content .home-article-grids > .list-content .section-2-cols-small .section-content .list-content storefront-content {
display: flex;
flex-direction: row;
background-color: var(--articleBgColor);
}
storefront-view.home .view-content .home-article-grids > .list-content .section-2-cols-small .section-content .list-content storefront-content .content-image {
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-2-cols-small .section-content .list-content storefront-content .content-image storefront-image img {
object-fit: cover;
object-position: center;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-2-cols-small .section-content .list-content storefront-content .content-data {
flex-grow: 1.5;
flex-shrink: 0;
flex-basis: 0;
}
}
storefront-view.home .view-content .home-article-grids > .list-content .section-list-highlight {
background: var(--homeArticleGridHighlightBgColor);
padding: 20px 20px 0;
}
@media (max-width: 991px) {
storefront-view.home .view-content .home-article-grids > .list-content .section-list-highlight {
padding: 20px 10px 0;
}
}
@media (max-width: 767px) {
storefront-view.home .view-content .home-article-grids > .list-content .section-list-highlight {
margin: 0 calc((var(--sectionWidth) - var(--sectionContentWidth)) / -2);
padding: 20px calc((var(--sectionWidth) - var(--sectionContentWidth)) / 2) 0;
}
}
storefront-view.home .view-content .home-article-grids > .list-content .section-list-highlight .section-title {
margin-top: 10px;
}
@media (max-width: 767px) {
storefront-view.home .view-content .home-article-grids > .list-content .section-list-highlight .section-title {
margin-top: 5px;
}
}
storefront-view.home .view-content .home-article-grids > .list-content .section-list-highlight .section-content {
padding-bottom: 20px;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-list-highlight .section-content storefront-list .list-content {
display: grid;
grid-gap: var(--columnGridGap);
}
@media (max-width: 767px) {
storefront-view.home .view-content .home-article-grids > .list-content .section-list-highlight .section-content storefront-list .list-content {
grid-template-columns: 1fr;
}
}
@media (min-width: 768px) {
storefront-view.home .view-content .home-article-grids > .list-content .section-list-highlight .section-content .list-content storefront-content {
display: flex;
flex-direction: row;
background-color: var(--articleBgColor);
}
storefront-view.home .view-content .home-article-grids > .list-content .section-list-highlight .section-content .list-content storefront-content .content-image {
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-list-highlight .section-content .list-content storefront-content .content-image storefront-image img {
object-fit: cover;
object-position: center;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-list-highlight .section-content .list-content storefront-content .content-data {
flex-grow: 3.85;
flex-shrink: 0;
flex-basis: 0;
}
}
@media (min-width: 768px) and (max-width: 991px) {
storefront-view.home .view-content .home-article-grids > .list-content .section-list-highlight .section-content .list-content storefront-content .content-data {
flex-grow: 2.95;
}
}
storefront-view.home .view-content .home-article-grids > .list-content .section-list-highlight .section-button-container {
margin: 0;
padding: 20px;
background-color: var(--homeArticleGridHighlightButtonContainerBgColor);
}
@media (max-width: 767px) {
storefront-view.home .view-content .home-article-grids > .list-content .section-list-highlight .section-button-container {
margin: 0 calc((var(--sectionWidth) - var(--sectionContentWidth)) / -2);
padding: 20px calc((var(--sectionWidth) - var(--sectionContentWidth)) / 2);
}
}
>< id="storefront/assets/platform.css">/**
This file is for all platform specific s.
The changes in this file affect all platforms.
If the changes should only apply to one platformthis file must be copied under the same path into the respective platform folder and then the corresponding changes can be made there.
Path in the dyn. resources: ios/default/storefront/assets/platform.css or android/default/storefront/assets/platform.css or web/default/storefront/assets/platform.css
*/
>< id="storefront/assets/submit.css">/**
This file is for all submit relevant changes.
The changes in this file affect both platforms android and iOS.
If the changes should only apply to one platformthis file must be copied under the same path into the respective platform folder and then the corresponding changes can be made there.
Path in the dyn. resources: ios/default/storefront/assets/submit.css or android/default/storefront/assets/submit.css
*/
>
Home Astrophotography How to do astrophotography with a DSLR camera
How to do astrophotography with a DSLR camera Own a DSLR camera and want to capture the stars? Find out how in our guide to DSLR astrophotography.
Published: February 212025 at 9:25 am In this article we'll show you how to do astrophotography with a DSLRor Digital Single Lens Reflex camera.
If you're a complete beginnerwe'll show you how to take and process your very first astrophoto with a DSLR.
After thatyou can experiment with settings and composition to make your photos even better.
For more advice on DSLR astrophotographyread our guide on how to use a DSLR camera or how to attach a DSLR camera to a telescope .
The Pleiadesimaged with a Canon EOS 70D DSLR camera and the Altair Starwave 70 EDQ-R quad using 20x180 second exposures. Credit: Gary Palmer
Equipment for DSLR astrophotography
What will you need to take your first astrophoto with a DSLR?
Obviously the most essential thing is a DSLRand we’re going to assume you already have one of those!
The make of your DSLR is irrelevant. They all do the same jobwhich is to collect light on a sensor chip that is turned into an image.
You’ll also need a memory card in your camera. You don’t want to be standing in the middle of a field in the dark and see the words ‘No Memory Card In Camera’ appear on your screen because you left it at home – not that I’ve ever done thatof course!
If you use your DSLR for daytime photography you’ve probably got several lensesbut which one should you use for astrophotography?
Credit: BBC Sky at Night Magazine
The 18-55mm ‘kit lens’ or standard 50mm lens that came with your camera will be fine. Don’t use anything ‘bigger’ than 50mm yet.
You will need to have a good tripod to mount your camera onbecause you just won’t get the same results from pushing your camera down into a bean bag or rolled-up jumper plonked on the top of your car!
A remote shutter release is highly recommendedbut not essential.
Take along the red torch or red head torch you use when you’re out stargazing.
If you don’t have oneinstall a ‘Red Light’ app onto your phone.
Lastlybut very importantlyyou’ll need a good location to take your photos from.
If you’re restricted to your back garden that’s fineyou can still take picturesbut if you can get away from all the streetlightssecurity lights and illuminated shop signs to a dark-sky sitethose pictures will be much better.
Taking your first DSLR astrophoto
Orion Nebula captured with a Canon 6D DSLR
One of the aspects of astrophotography that newcomers find most difficult is focusing their camera.
It’s easy photographing a friend’s wedding receptionor your sleepy kitten in the daytimebut the first time you try to focus your camera on the night sky you’ll probably want to throw it into the bushes in frustration.
Finding focus is actually quite easy once you know how.
Firsttake off the lens cap (personal tip here: get into the habit of always putting lens caps into your left pocketthink ‘Left for Lens’so you won’t forget where they are).
Nextset your camera focus to ‘Manual’ instead of ‘Auto Focus’ and then point it at a streetlight or a light on the side of a distant building – not a star.
Focus on it roughly using the viewfinderthen use the ‘Live View’ feature on your camera screen to fine tune the focus until it’s sharp.
Star Sirius is the brightest star in the night sky. Credit: iStock / Getty Images Plus
Now swing your camera towards a bright object in the sky – perhaps the star Siriusor a brightprominent planet – and use ‘Live View’ to focus as sharply on it as you can.
After thatleave it alone.
Nextaim your camera towards the constellation of Orion centred roughly on Orion’s Belt .
Don’t worry about framingor foregroundsyou’re just trying to photograph some stars this very first time.
When you can see stars clearly on your camera screenset its ‘Mode’ to ‘Manual’ by turning the appropriate dialor selecting it from a ‘Settings’ menu.
Nextset your camera’s ISO (which mimics the film speed of film cameras) to 1600.
Get into the habit of setting your camera’s ISO to 1600 for a colourful wide-field shot of Orion
Then set the ‘Exposure Time’ to 15 seconds if you’re using a wide-angle kit lensor 4 seconds if using a standard 50mm lens.
There’s just a few more tweaks and you’ll be ready.
Set a ‘Time Delay’ – around 3 seconds or 10 secondsdepending on the make of your camera – as this will give a few seconds to reduce vibrations after clicking the camera’s shutterkeeping your stars as points of light instead of squiggles.
Alternatelyif you have oneuse a remote shutter release to take the picture without touching the camera.
Finallyset the ‘Image Format’ to ‘RAW ’ if you wantbut it’s not essential at this early stageno matter what some people may tell you.
RAW format images record more informationso give better processing resultsbut it’s perfectly fine to just stick to JPEG format on the first night if you’re more comfortable with that (or you just forget).
Using a remote shutter release is a great way to ensure there is no camera shake in DSLR astrophotography
Then take a deep breath and push the button to take your first photo.
It will feel like time has stood still as your camera drinks in all the starlightbut eventually you’ll hear a click telling you it’s finished.
If everything worked you’ll have just taken your first astrophotoso take a look on the preview screen.
A wide-angle lens will have captured all of Orionwhile a 50mm lens won’t quite get all of it.
If it’s a little wonkydon’t worryit doesn’t matter – this is just your first try.
Look how many more stars are on it compared to pictures taken with your phone cameraand how colourful they are. How cool is that? Congratulations!
For more adviceread our guide on how to photograph a constellation .
Improving DSLR astrophotography
A heavily light-polluted image can be avoided by adjusting the camera’s White Balance. Credit: Liz Mitchell / EyeEm / Getty Images
There are several common problems that might occur when experimenting with DSLR astrophotography for the first time.
If your image is too darkincrease either the ISO or ‘Exposure Time’.
Too bright? decrease either the ISO or ‘Exposure Time’. If your stars look like squiggles something moved during the exposureso tighten everything upespecially on your tripod.
Does your image looks orange? Change the ‘White Balance’ from sunlight (a ‘Sun’ symbol) to artificial light (usually a symbol that looks like a ‘Lightbulb’ or a strip light).
That will get rid of the orange cast produced by light pollution .
Now try again – your second photo should be better than your first.
You can find out more about what not to do in our guide to astrophotography mistakes .
Then keep going. Try a variety of different ISOs and exposuresjust to see the difference that changing these basic settings makes.
When you have found a selection of settings that collectively give you good imagesstick to it.
Leave Orion and try imaging different parts of the skymaybe Marsor Siriusor Cassiopeia – it doesn’t matter which.
You’ve done the hard partnow it’s time to just experiment with DSLR astrophotography and have fun!
DSLR astrophotography processingstep-by-step
Credit: Farknot_Architect / iStock / Getty Images
Having taken your first images you need to get them off your camera and into a computer if you want to see themimprove them and share them with others.
This is called processing and getting started can be quite dauntingso we’re just going to look at the absolute basics here.
Follow theseand you’re on your way to creating incredible astrophotos. You will need:
A USB card reader to insert into your computeror its card-reading slot
The memory card from your camera
Image processing software on your laptop
For more adviceread our guide to astrophotography image processing .
Step 1
Remove your camera’s memory card and insert it into your computer’s in-built card readeror an external one. Find the relevant external drive folder and click on it to locate your images. We recommend that you change the settings on your computer so images show as picturesnot just meaningless file names.
Step 2
Open your image-processing software and import one of your images. On the screen your image won’t look as bright or as detailed as it did on the back of your camerabut don’t panic! You were looking at a high-contrast versionin the darkon a bright screen. Once enlarged it will look less punchybut the processing will change that.
Step 3
Firstuse the ‘Curves’ function to change how your image looks. Experiment by moving the curve around to adjust the brightness and contrast until it looks better. Don’t go overboard – remember that less is more when it comes to astro image-processing. You can always undo your work if you go too far.
Step 4
Use the ‘Saturation’ function to change how colourful your image looks. If the colours of the stars are too garish you can reduce thator if they are too bland you can boost them. But againdon’t go mad or you can end up making the stars too bright and blown out.
Step 5
Use the ‘Sharpen’ function to make your image clearerespecially if your focus wasn’t as sharp as you thought it was. If you used RAW format when shootingyour images will look a lot cleaner than JPEGsbut at this stage that’s not too important.
Step 6
When you have a processed image you’re happy withcreate a new folder on your computer – put the date you took your images in the title to help you find them again – and export your image into it. Use ‘Save As’ to create a new file with its own nameleaving the original on your memory card for now. You might want to go back to it later.
If you've has success with DSLR astrophotographydon't forget to send us your images and they could appear in a future issue of BBC Sky at Night Magazine
This guide originally appeared in the February 2023 issue of BBC Sky at Night Magazine .
Stuart Atkinson is a lifelong amateur astronomer and an author of popular astronomy books.