< id="storefront/assets/fonts.css">/* BRAND FONTS */
/* @import "https://use.typekit.net/tfq8vdk.css"; */
html body {
--primaryFont: "Trasandina";
--secondaryFont: "open-sans";
--bodyFont: "open-sans";
}
@font-face {
font-family: "icons";
src: url("https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/fonts/icomoon.ttf?version=1766490456472") 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.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/fonts/open-sans-400.woff2?version=1766490456472") format("woff2");
font-display: auto;
font-: normal;
font-weight: 400;
font-stretch: normal;
}
@font-face {
font-family: "open-sans";
src: url("https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/fonts/open-sans-700.woff2?version=1766490456472") format("woff2");
font-display: auto;
font-: normal;
font-weight: 700;
font-stretch: normal;
}
@font-face {
font-family: "open-sans";
src: url("https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/fonts/open-sans-italic-400.woff2?version=1766490456472") format("woff2");
font-display: auto;
font-: italic;
font-weight: 400;
font-stretch: normal;
}
@font-face {
font-family: "open-sans";
src: url("https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/fonts/open-sans-italic-700.woff2?version=1766490456472") format("woff2");
font-display: auto;
font-: italic;
font-weight: 700;
font-stretch: normal;
}
@font-face {
font-family: "Trasandina";
src: url("https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/fonts/transandia-400.woff2?version=1766490456472") format("woff2");
font-display: auto;
font-: normal;
font-weight: 400;
font-stretch: normal;
}
@font-face {
font-family: "Trasandina";
src: url("https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/fonts/transandia-700.woff2?version=1766490456472") format("woff2");
font-display: auto;
font-: normal;
font-weight: 700;
font-stretch: normal;
}
@font-face {
font-family: "Trasandina";
src: url("https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/fonts/otransandia-italic-400.woff2?version=1766490456472") format("woff2");
font-display: auto;
font-: italic;
font-weight: 400;
font-stretch: normal;
}
@font-face {
font-family: "Trasandina";
src: url("https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/fonts/transandia-italic-700.woff2?version=1766490456472") format("woff2");
font-display: auto;
font-: italic;
font-weight: 700;
font-stretch: normal;
}
.tk-open-sans {
font-family: "open-sans"sans-serif;
}
.tk-open-sans-condensed {
font-family: "open-sans-condensed"sans-serif;
}
.tk-trasandina {
font-family: "trasandina"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: #000000;
--secondaryColor: #4896D2;
--tertiaryColor: #333333;
--backgroundColor: #F3F4F5;
--secondaryBackgroundColor: rgb(255255255);
--textColor: #0f2c3b;
--secondaryTextColor: white;
--headerTopBgColor: var(--primaryColor);
--headerTopBorderColor: var(--primaryColor);
--headerTopTextColor: white;
--headerTopUserIconColor: white;
--headerMainBg: var(--primaryColor);
--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: white;
--footerTopBorderColor: #cccccc;
--footerTopIconColor: black;
--footerMenuBgColor: var(--secondaryColor);
--footerMenuBorderColor: var(--secondaryColor);
--footerMenuTextColor: white;
--footerBottomBgColor: var(--primaryColor);
--footerBottomTextColor: white;
--articleBgColor: white;
--articleButtonBgColor: var(--primaryColor);
--articleButtonTextColor: white;
--articleCategoryButtonBgColor: #E4003E;
--articleCategoryButtonTextColor: white;
--articleTitleLabelColor: #5f95b8;
--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: var(--textColorx);
--articleSponsoredSecondaryTextColor: white;
--articleSponsoredBgColor: white;
--articleSponsoredButtonBgColor: white;
--articleSponsoredButtonTextColor: var(--textColor);
--articleSponsoredCategoryButtonBgColor:#E4003E;
--articleSponsoredCategoryButtonTextColor: var(--secondaryTextColor);
--articleSponsoredTitleLabelColor: var(--secondaryColor);
--sponsoredExternalOfferPartnerNameColor: #961a2D;
--articleEditorHighlightTextColor: white;
--articleEditorHighlightSecondaryTextColor: white;
--articleEditorHighlightBgColor: white;
--articleEditorHighlightButtonBgColor: white;
--articleEditorHighlightButtonTextColor: var(--textColor);
--articleEditorHighlightCategoryButtonBgColor:#E4003E;
--articleEditorHighlightCategoryButtonTextColor: var(--secondaryTextColor);
--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(--secondaryColor);
--searchFieldSearchButtonColor: var(--secondaryColor);
--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.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/logo-header-top.svg?version=1766490456472);
--headerMainHeight: 125px;
--headerMainLogoHeight: 65px;
--headerMainLogoWidth: 380px;
--headerLogo: url(https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/logo-header.svg?version=1766490456472);
--headerMobileHeight: 44px;
--headerMobileLogoWidth: 100px;
--headerMobileLogo: url(https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/logo-header.svg?version=1766490456472);
--iconUser: url(https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/icon-user.svg?version=1766490456472);
--iconSearch: url(https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/icon-search.svg?version=1766490456472);
--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.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/icon-menu-triangle.svg?version=1766490456472);
mask: url(https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/icon-menu-triangle.svg?version=1766490456472);
-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-content > .menu-item:first-child {
margin-left: -15px;
}
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.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/logo-footer.svg?version=1766490456472);
--footerTopLogoHeight: 65px;
--footerTopLogoWidth: 380px;
--footerTopElementsGap: 70px;
--footerBottomLogo: url(https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/logo-ourmedia.svg?version=1766490456472);
--footerBottomLogoHeight: 40px;
--footerBottomLogoWidth: 100px;
--footerBottomAdditionalLogo: url(https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/logo-ipso-regulated.svg?version=1766490456472);
--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.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/icon-podcast.svg?version=1766490456472);
--iconVideo: url(https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/icon-video.svg?version=1766490456472);
--iconGallery: url(https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/icon-gallery.svg?version=1766490456472);
--iconQuote: url(https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/icon-quote.svg?version=1766490456472);
}
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.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/icon-facebook.svg?version=1766490456472);
--iconSharingLinkedin: url(https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/icon-linkedin.svg?version=1766490456472);
--iconSharingTwitter: url(https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/x-platform.svg?version=1766490456472);
--iconSharingPinterest: url(https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/icon-pinterest.svg?version=1766490456472);
--iconSharingReddit: url(https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/icon-reddit.svg?version=1766490456472);
--iconSharingBlogger: url(https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/icon-blogger.svg?version=1766490456472);
--iconSharingMail: url(https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/icon-mail.svg?version=1766490456472);
--iconSharingFlipboard: url(https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/icon-flipboard.svg?version=1766490456472);
}
storefront-view.article {
background-color: white !important;
}
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.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/icon-green-hook.svg?version=1766490456472);
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.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/icon-red-cross.svg?version=1766490456472);
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.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/icon-print.svg?version=1766490456472);
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.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/icon-serving-group.svg?version=1766490456472);
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.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/icon-clock.svg?version=1766490456472);
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 .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.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/icon-twitter-black.svg?version=1766490456472);
}
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.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/icon-facebook-black.svg?version=1766490456472);
}
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.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/icon-instagram-black.svg?version=1766490456472);
}
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.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/icon-linkedin-black.svg?version=1766490456472);
}
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.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/icon-clock.svg?version=1766490456472);
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 {
display: flex;
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.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/icon-twitter.svg?version=1766490456472);
}
storefront-view.author .author-container .author-extra-information .author-social-media-icons .author-social-links .icon-facebook {
background-image: url(https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/icon-facebook.svg?version=1766490456472);
}
storefront-view.author .author-container .author-extra-information .author-social-media-icons .author-social-links .icon-instagram {
background-image: url(https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/icon-instagram.svg?version=1766490456472);
}
storefront-view.author .author-container .author-extra-information .author-social-media-icons .author-social-links .icon-linkedin {
background-image: url(https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/icon-linkedin.svg?version=1766490456472);
}
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;
}
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.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;
}
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.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/cart-outline.svg?b363c048f7566b617f93b5d9a3a885d3&version=1766490456472);
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.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/search-outline.svg?bba4a2929dd97ff32db8b3efa135d0c3&version=1766490456472);
height: 16px;
width: 16px;
}
.footable_parent .fooicon-sort-desc:before {
background-color: #000;
mask-image: url(https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/caret-down-outline.svg?c4104d3d02abb32fa5be2f1ce9b62117&version=1766490456472);
-webkit-mask-image: url(https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/caret-down-outline.svg?c4104d3d02abb32fa5be2f1ce9b62117&version=1766490456472);
}
.footable_parent .fooicon-sort-asc:before {
background-color: #000;
mask-image: url(https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/caret-up-outline.svg?c2ecf709f595f8f69e47bc9cdce741f1&version=1766490456472);
-webkit-mask-image: url(https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/caret-up-outline.svg?c2ecf709f595f8f69e47bc9cdce741f1&version=1766490456472);
}
.footable_parent .fooicon-sort:before {
background-color: #000;
mask-image: url(https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/caret-up-down-outline.svg?a1d0648c69b9fb12540b9f6bd9735738&version=1766490456472);
-webkit-mask-image: url(https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/caret-up-down-outline.svg?a1d0648c69b9fb12540b9f6bd9735738&version=1766490456472);
}
.footable_parent .fooicon-remove:before {
background-image: url(https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/remove.svg?71f2cc46c467d79486bf0695c7363605&version=1766490456472);
}
.footable_parent .fooicon-minus:before {
background-color: #000;
mask-image: url(https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/remove-outline.svg?25a5d7996ab177af3d24a7e7ea91aa86&version=1766490456472);
-webkit-mask-image: url(https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/remove-outline.svg?25a5d7996ab177af3d24a7e7ea91aa86&version=1766490456472);
}
.footable_parent .fooicon-plus:before {
background-color: #000;
mask-image: url(https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/add-outline.svg?a4c0b3969a3ed7aaff20c6e06e1beaf4&version=1766490456472);
-webkit-mask-image: url(https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/add-outline.svg?a4c0b3969a3ed7aaff20c6e06e1beaf4&version=1766490456472);
}
.footable_parent .fooicon-loader:before {
background-image: url(https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/refresh-outline.svg?aa67b3c5607cd1b4aa4fc6d38d9bfcfd&version=1766490456472);
height: 24px;
width: 24px;
}
.footable_parent .fooicon-delete:before {
background-image: url(https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/trash-sharp.svg?5be2225e087c24ea513989293e459a91&version=1766490456472);
}
.footable_parent .footable-edit {
background-color: #fff !important;
}
.footable_parent .fooicon-pencil:before {
background-image: url(https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/pencil-sharp.svg?8a753f49486c15a2720bf3fa4895477f&version=1766490456472);
}
.footable_parent .footable-delete {
background-color: #fff !important;
}
.footable_parent .fooicon-trash:before {
background-image: url(https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/trash-sharp.svg?5be2225e087c24ea513989293e459a91&version=1766490456472);
}
.footable_parent .fooicon-remove-1:before {
background-image: url(https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/remove.svg?71f2cc46c467d79486bf0695c7363605&version=1766490456472);
}
.footable_parent .fooicon-bag:before {
background-image: url(https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/bag-handle.svg?cd7a8d49e65fb2fe7df99c8f3d29a08d&version=1766490456472);
height: 16px;
width: 16px;
}
.footable_parent .fooicon-basket:before {
background-image: url(https://www.sciencefocus.com/delivery/web/dynamicResources/6ab86ca8-b028-4715-93c8-27c92ae62f2a/storefront/assets/images/cart-outline.svg?b363c048f7566b617f93b5d9a3a885d3&version=1766490456472);
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;
}
@media (min-width: 992px) {
storefront-view > .content > storefront-element[type=section] .view-content {
padding-left: 20px;
padding-right: 20px;
min-width: 980px;
background-color: var(--backgroundColor);
}
}
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 {
--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);
}
}
html body {
--headerMainLogoWidth: 380px;
}
storefront-view .view-content .section-list-highlight .section-title {
color: white;
}
storefront-view .view-content .section-list-highlight .section-subtitle {
color: white;
}
storefront-view .view-content .section-4-cols-highlight .section-title h2 {
color: white;
}
storefront-view .view-content storefront-issue .issue-data .issue-title,
storefront-view .view-content storefront-issue .issue-data .content-title,
storefront-view .view-content storefront-issue .content-data .issue-title,
storefront-view .view-content storefront-issue .content-data .content-title,
storefront-view .view-content storefront-content .issue-data .issue-title,
storefront-view .view-content storefront-content .issue-data .content-title,
storefront-view .view-content storefront-content .content-data .issue-title,
storefront-view .view-content storefront-content .content-data .content-title {
font-family: var(--primaryFont);
color: var(--tertiaryColor);
font-weight: 700;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-title h2 {
font-family: var(--secondaryFont);
font-weight: 600;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-subtitle {
font-family: var(--secondaryFont);
color: var(--tertiaryColor);
font-size: 17px;
font-weight: 400;
}
storefront-view.home .view-content .home-article-grids > .list-content .section-button-container .section-button {
font-size: 14px;
font-weight: 600;
color: white;
}
storefront-view.home .view-content .home-article-grids .section-list-highlight .section-title h2,
storefront-view.home .view-content .home-article-grids .section-list-highlight .section-subtitle {
color: white !important;
}
storefront-view.home .view-content .home-article-grids .section-3-cols-highlight .section-title h2,
storefront-view.home .view-content .home-article-grids .section-3-cols-highlight .section-subtitle {
color: white;
}
storefront-view.home .view-content .home-article-grids .section-4-cols-highlight .section-title h2,
storefront-view.home .view-content .home-article-grids .section-4-cols-highlight .section-subtitle {
color: white;
}
storefront-content-body #sprylab_purple_content .purple-inner-container a,
storefront-content-body #sprylab_purple_content .purple-inner-container a:visited {
color: var(--secondaryColor);
font-family: var(--secondaryColor) !important;
}
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 {
color: var(--tertiaryColor);
font-weight: 600;
}
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: 22px;
}
storefront-content-body #sprylab_purple_content .purple-inner-container p {
font-size: 16px;
font-weight: 400;
color: var(--tertiaryColor);
}
@media (max-width: 767px) {
storefront-content-body #sprylab_purple_content .purple-inner-container p {
font-size: 18px;
}
}
storefront-content-body #sprylab_purple_content .purple-inner-container figcaption {
font-: normal;
font-size: 15px;
color: #555555;
}
storefront-view.article .article-wrapper .star-rating .rating-stars p {
margin-left: 10px;
}
storefront-view.article .article-wrapper .review-pros-cons-box > .ng-star-inserted {
flex: 1;
width: 50%;
}
storefront-view.article .article-header h1 {
color: var(--tertiaryColor);
font-family: var(--primaryFont);
font-size: 38px;
line-height: 45px;
margin-bottom: 20px;
}
@media (max-width: 767px) {
storefront-view.article .article-header h1 {
font-size: 32px;
}
}
storefront-view.article .article-footer .author-name {
font-weight: 600;
font-family: var(--secondaryFont);
}
storefront-view.article .author-excerpt {
color: var(--tertiaryColor);
font-family: var(--secondaryFont);
font-weight: 400;
}
storefront-embeddable-view.header storefront-section.header-desktop .header-menu .menu .menu-item[depth="0"] > .menu-button > button {
font-family: var(--secondaryFont);
font-size: 16px;
font-weight: 400;
}
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;
color: var(--tertiaryColor);
}
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:hover {
color: white;
}
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,
storefront-view .view-content storefront-issue.sponsor-type-native-true .issue-data .issue-title,
storefront-view .view-content storefront-issue.sponsor-type-native-advertorial .issue-data .issue-title {
color: var(--tertiaryColor) !important;
}
storefront-view .view-content storefront-content.sponsored .content-data button.action-button.sponsored-advertisement,
storefront-view .view-content storefront-issue.sponsored .issue-data button.action-button.sponsored-advertisement {
text-align: center !important;
}
storefront-embeddable-view.header storefront-section.header-desktop .header-menu .menu .menu-item-open > .menu-item-children .menu-button button {
justify-content: center;
}
>< 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 Everyday science 15 of the most mind-blowing photos taken this century (so far)
15 of the most mind-blowing photos taken this century (so far) From space to forest fires and escaping cheetahsthese are the best images of 2024.
Published: January 12025 at 10:00 am An entire century has passed since the year 2000 – how time flies! In that timescience and technology have provided us with some amazing things.
Countless missions to space cures for diseases and a total of 46 different iPhones! But while we could sit here and recount by word the many achievementslet us show you instead.
We've picked out the best and most amazing images of the 21st centuryboth on Earth and further afield.
Best selfie everMont MercouMars
Mont MercouMars - 2021
A selfie taken by the NASA Curiosity rover on Mars - Credit: NASA/JPL
Launched in 2011NASA’s Curiosity Rover was sent to search for signs that life could have existed on Mars . It has now spent well over a decade on the Red Planetcarrying out experiments with its onboard laboratory.
While Curiosity isn’t heading back to Earth any time soonthe take-home message from its Martian campaign is that the planet once had free-flowing water and the kind of chemistry suitable for supporting lifenamely microbes.
One of Curiosity’s most memorable moments came in 2021when the six-wheeled wanderer took this cheeky selfie while posing on a small outcrop of rock that scientists named Mont Mercouafter the French mountain. It’s perhaps not quite the ‘moment’ that it first appearsthough.
To create the selfiescientists had to composite 60 images taken over two days with two cameras – most by using a robot arm like a selfie stick and the remainder using the ‘Mastcam’ on Curiosity’s head.
Mummified mammoth
The YukonCanada - 2022
Nun Cho Gaa baby woolly mammothwas discovered in North America. The skeleton was thought to be frozen for 30,000 years. - Credit: Tr’ondëk Hwëch’in Government
This is Nun Cho Ga the only whole baby woolly mammoth to have been discovered in North America (near Dawson CityYukon) to date.
In the Hän language spoken in the region where her mummified remains were foundher name means ‘big baby animal’. Nun Cho Ga was preserved in permafrost for 30,000 years before gold miners found her and handed her over to the Tr’ondëk Hwëch’in First Nation and Yukon governments.
In 2024she was moved to the Canadian Conservation Institute to be carefully preserved.
Lost in the shadows
America (From the Deep Sea Space Climate Observatory)2024
A total solar eclipse seen from outer space. Not everyone experiences the eclipse at the same time. - Credit: NASA/JPL
A total solar eclipse happens only once every year and a halfand not everyone on Earth experiences a total eclipse each time – only those along a band called the ‘path of totality’. This is where the Moon’s shadow tracks briefly across Earth.
On 8 April 2024Americans across 13 US states experienced totality. This image of the Moon’s shadow was captured by the Earth Polychromatic Imaging Camera (EPIC) housed in the Deep Space Climate Observatory satellite. Americasay “Cheese!”.
Out of his head
Singapore – 2017
A parasitic fungus took over this fly skullinfecting and taking over the mind of its victim. - Credit: Faiz Busatami / Mirrorless Macro
It’s hard to find any sympathy for fliesbut try to spare a thought for this ill-fated fellowwho has vacated his skull following colonisation by the parasitic ‘zombie fungus’.
Cordyceps (Ophiocordyceps unilateralis) fungi infect and take over the minds of their insect victims which are generally antsbut also flies. The fungi don’t seem to infect their victims’ brains directly; insteadthey release mind-controlling molecules to do their bidding.
Infection ends with the hapless insect climbing to the fungus’ ideal sporing heightwhere it bursts through the insect’s skull.
Ghost in the machine
GenevaSwitzerland – 2017
This huge gold box was built to detect fundamental particles called neutrinos which originate from the nuclear reactions occurring within stars. - Credit: CERN
How do you catch a particle that travels at near-light speed and weighs virtually nothing? That’s what this hugegoldwaffle-surfaced box is designed to do.
Constructed between 2016–2018 at the CERN facility in Switzerlandthe Deep Underground Neutrino Experiment (DUNE) is one of two prototypes for largerUS-based versions being built to detect fundamental particles called neutrinos (also known as ‘ghost particles ’)which originate from the nuclear reactions occurring within stars.
The chamber acts as a Thermos flask for liquid argonwhich boils at very low temperaturesso must be held below -184°C (-299.2°F). It contains detectors that can capture traces of the electrons released when neutrinos hit argon atoms.
While neutrinos don’t interact with much – trillions pass through us every minute with seemingly no effect – the density of atoms in liquid argon makes their interactions easier to sense.
When operationalthe new full-size chambers (20 times bigger than DUNE’s) will hold 72,000 tonnes of argon and be able to detect beams of neutrinos fired from test facilities 1,300km (almost 810 miles) away. Scientists hope the chambers will help them fit neutrinos into the particle puzzle.
Touchdown on Titan
Titan (from the Huygens Probe) – 2005
Saturn's largest moonTitancould one day become a tourist location for humans. For nowit has had one visitor - a probe that visited in 1997 and came back in 2005taking this picture on landing. - Credit: NASA / JPL
“We’ll soon be landing in Adiri. The weather is breezy with temperatures of -170°C (-274°F).” We can imagine space tourists one day hearing these words as they prepare to disembark at a spaceport on TitanSaturn’s largest moon.
As of nowthoughthe Huygens probe remains the moon’s only visitor from Earth – mainly because getting there is such a chore. Having departed at the end of the 20th century – October 1997 – aboard the Cassini spacecraft it took the robotic lander until January 2005 to begin its descent to Titan’s surface.
As it parachuted into the moon’s Adiri regionHuygens took a number of photographsincluding this onebefore making a soft landing in sand and dirty ice.
Thanks to the lander’s (strictly business) tripwe now know that Titan’s atmosphere contains complex organic compounds and its surface is scarred with dried-out rivulets of what may have been liquid methane.
Head in the clouds
11,000m (36,000 ft) above the Pacific Ocean – 2016
Santiago Borja often takes pictures from his Boeing 767 passenger planeincluding this one of a storm forming above the clouds. - Credit: Santiago Borja
Santiago ‘The Storm Pilot’ Borja has received many plaudits for the pictures he takes from the cockpit of his Boeing 767 passenger plane.
He initially tried taking photos of mountains and cities but realised they were too small to appreciate from the air. So he switched to taking photos of the weather insteadoften using lightning to illuminate the scenery.
Although he uses relatively long exposureshis photos aren’t blurry: the lightning works as a fast flash. This atmospheric image focuses on an ‘overshooting top’ – a patch of cloud where strong updraughts in a thunderstorm have caused a protrusion from the top of a cumulonimbus.
They’re small in meteorological termsmeasuring around 15km (about nine miles) across. Textbook examples appear as distinct spots in infrared satellite imagery. Overshooting tops are important in meteorology because they mark the location of the most severe conditions in storms.
Sink or swim
Masai MaraKenya - 2020
A group of cheetahs trying to cross the River Talek in Kenya. This occured during a flood in January 2020. - Credit: Buddhilini de Soyza
The River Talek in Kenya is one of five tributaries that flow into the Mara Riverwhich drains the famous Maasai Mara National Reserve.
Home to elephants wildebeestrhinos and big catslike these cheetahsthe Maasai Mara is a wildlife haven and safari destination. But when the region was inundated with flood waters in January 2020the river burst its banks and there were fears that animal populations would be swept away – as one man waswhile trying to cross a bridge over the river.
The cheetahs in this image also faced a difficult crossingthough witnesses say they were lucky enough to survive. Meanwhilecamps in the Maasai Mara were flooded and some tourists had to be rescued after seeking refuge on rooftops.
Unfortunatelythe region continues to be hit by deadly floodingwhich is attributed to climate change. In May 2024the River Talek broke its banks once againfollowing a particularly intense rainy season. Around 200 people are thought to have lost their lives in flash floods and mudslides.
Playing with fire
Reykjanes peninsulaIceland – 2022
A group of tourists visiting a volcano in New Zealand got caught during an eruption. The event killed 22 of 47 tourists. - Credit: Odysseas Chloridis
Volcano tourism has exploded in recent decadesas thrill-seeking hikers flock to hotspots like the Hawaii Volcanoes National Park or the smoking craters of Mount Etna in Sicily.
The risks of doing so aren’t to be taken lightlyhowever. In December 2019a tour group visiting the White Island in New Zealand was caught out when the volcano erupted killing 22 of the 47 tourists.
Stillwhen lava started spewing from the ground at the Reykjanes Peninsula in Iceland in 2021some sightseers remained undeterred. Iceland isof coursewell-known for its volcanic activitybut this region is easily accessible from the capitalReykjavik. In this phototaken a year latertourists are witnessing an eruption at a second locationabout a kilometre away in the Meradalir Valley.
Prior to 2021there hadn’t been much volcanic activity in the area since the 12th centurybut nownew vents are opening up on a regular basis. In 2023a 3km-long (1.8-mile) crack appeared not far from the fishing town of Grindavík prompting 3,800 people to leave their homes. Many have yet to return.
Centre of attraction
Sagittarius A• (From Earth) – 2022
A very close up image of Sagittarius A* - the supermassive black hole that lies 26,000 light-years away - Credit: EHT Collaboration
We first stared into the astronomical abyss in 2019when the international team of scientists working at the Event Horizon Telescope (EHT) captured an image of M87*a supermassive black hole in the centre of a galaxy 53 million light-years from Earth.
Three years laterthe EHT team used its global array of telescopes to produce this composite image of Sagittarius A* the supermassive black hole that lies 26,000 light-years away at the centre of the Milky Way – our home galaxy. In this image and the image of M87*it’s not the black holes we seebut the glowing gases swirling around them.
Even though it’s considerably closerit was much harder to get a clear shot of Sagittarius A* because of its lower mass. At ‘only’ 4 million times the size of the Sunit’s a baby compared to M87*which is a whopping 6.5 billion times bigger than the star at the centre of our Solar System.
This size discrepancy means the gases swirl around Sagittarius A* within minutesas opposed to days at M87*making for a changing pattern of brightness that’s difficult to image. EHT scientists are now working to produce the first movie of a black holeafter the 15m-wide (49ft) Africa Millimetre Telescope in Namibia was added to the array.
Basking in the Sun's glow
Saturn (From the Cassini Spacecraft) – 2006
This image captures Saturn as it is eclipsed by the Sun. It was taken by the Cassini spacecraft which collected a total of 453,000 images during its mission. - Credit: NASA / JPL
NASA launched its Cassini spacecraft from Cape CanaveralFloridain 1997. Seven years laterit reached Saturnits primary destinationhaving travelled 3.4 billion kilometres and taken in the sights of Jupiter along the way.
Upon its arrival at Saturnthe spacecraft embarked on a grand tour of the ringed planet’s many moonsincluding Titan (where it dropped off the Huygens lander – see p10)DioneEnceladus and Rhea. In totalCassini collected 453,000 images during its missionincluding this stunning portrait of Saturntaken as the planet occulted the Sun.
Saturn’s rings were discovered over 400 years ago by Galileobutbacklit like thisthey appear brighter and perhaps more beautiful than we’ve ever seen them. Although they look smooth and continuousthey’re actually formed from billions of pieces of water ice and rock – some as small as grains of ricesome as big as mountains.
With the information Cassini was able to gatherscientists were able to learn more about where this material comes from. For instancewe now know that many of the icy chunks in the E-ring – one of the fainterouter rings – were vented from Enceladus.
Record-breaking resolution
North CarolinaUSA – 2023
a brain scan 64 million times sharper than any MRI scan has ever achieved taken by Duke University - Credit: Duke University
This is a slice through a brain scan that’s 64 million times sharper than any ordinary magnetic resonance imaging (MRI) machine is capable of producing.
The full3D version – unveiled in 2023 on the 50th anniversary of the invention of magnetic resonance imaging – allowed scientists to view mind-boggling details of the circuitry inside a mouse’s brain.
It’s the result of four decades of work at Duke University’s Center for In Vivo Microscopy. Researchers there plan to use ultra-high-resolution scanning to study brain tumours and get to grips with what’s really going on in neurodegenerative conditions like Alzheimer’s disease.
Big machine seeks small particles
GenevaSwitzerland – 2005
ATLASthe world's biggest particle detectoris housed at the CERN facility in Switzerland. This image shows it before the final pieces were installed - Credit: CERN
ATLAS is the world’s biggest particle detectorhoused at the CERN facility in Switzerland. It catches fallout from the Large Hadron Collider (LHC)which fires beams of high-energy particles at each other inside a 27km (almost 17 miles) doughnut-shaped tunnel under Geneva.
This image was taken before the final pieces were lowered in and the LHC was powered up. Following its detection of the Higgs boson in 2012scientists began upgrading ATLAS. In 2020two new detectors were installed that can pinpoint the position of a muon particle to within a tenth of a millimetre in less than one 400,000th of a second.
California burns
Ventura CountyCalifornia – 2019
Firefighters putting out a fire in California. This particular forest fire was known as the 'Maria'. - Credit: Alamy Stock Photo
In 2019wildfires raged across 1,122km 2 (697 sq miles) of California. The ‘Maria’ fire (right) engulfed 16km 2 (10 sq miles) of Ventura County before firefighters could put it out.
More than 10,000 people evacuated their homes as it rampaged through the region just northwest of Los Angelesall while firefighters across California battled other large blazes. But 2019 was a ‘good’ year for California – the average area consumed by wildfires is currently closer to 4,000km 2 (2,485 sq miles).
The California Air Resources Board says hotterdrier conditions driven by climate change are increasing the frequency and severity of wildfires.
Plutoup close
Pluto (From the Horizon’s spacecraft) – 2015
A close-up image of the planet Pluto taken before Pluto was explored and lost its full planet status. - Credit: NASA / JPL
When NASA launched its New Horizons spacecraft in 2006Pluto was still a planet and the only one in the Solar System that remained completely unexplored.
Later that same yearhoweverPluto lost its full planet status as the International Astronomical Union officially designated it a ‘dwarf planet’ . This may have downgraded the importance of the missionbut it didn’t change its trajectory.
New Horizons was already past Mars and well on its way towards Jupitertaking advantage of a gravity assist by the gas giant to knock three years off its journey time. Finallyin July 2015the spacecraft passed within an astronomical hair’s breadth – 12,553km (7,800 miles) – of Plutousing its telescope to take the photo above.
Prominent in the centreright of this image is the Solar System’s biggest glacierSputnik Planitiafirst spotted by the Sputnik 1 satellite in 1957 and measuring around 1,000km wide (621 miles). Thanks to data from the flybyscientists were able to conclude that Pluto is bigger than they thoughtalthough it’s not actually size that determines planetary status.
The issue for Pluto is that its gravity isn’t strong enough to have cleared ‘its neighbourhood’ of other objects.
Read more:
Hayley is a science writer and (sustainably sourced) fish finger sandwich fanbased in BristolUK.