:root { --white-hsl: 0, 0%, 100%; --black-hsl: 0, 0%, 0%; --safeLightAccent-hsl: 22.5433526, 88.71794872%, 61.76470588%; --safeDarkAccent-hsl: 22.5433526, 88.71794872%, 61.76470588%; --safeInverseAccent-hsl: 0, 0%, 100%; --safeInverseLightAccent-hsl: 0, 0%, 100%; --safeInverseDarkAccent-hsl: 0, 0%, 100%; --accent-hsl: 22.5433526, 88.71794872%, 61.76470588%; --lightAccent-hsl: 31.57894737, 56.43564356%, 80.19607843%; --darkAccent-hsl: 202.5, 9.09090909%, 17.25490196% } :root { --announcement-bar-background-color: hsla(var(--black-hsl), 1); --announcement-bar-text-color: hsla(var(--white-hsl), 1); --backgroundOverlayColor: hsla(var(--white-hsl), 1); --course-item-nav-active-lesson-background-color: hsla(var(--darkAccent-hsl), 1); --course-item-nav-active-lesson-text-color: hsla(var(--white-hsl), 1); --course-item-nav-background-color: hsla(var(--lightAccent-hsl), 1); --course-item-nav-border-color: hsla(var(--darkAccent-hsl), .25); --course-item-nav-text-color: hsla(var(--black-hsl), 1); --course-list-course-progress-bar-color: hsla(var(--accent-hsl), 1); --course-list-course-item-background: hsla(var(--lightAccent-hsl), 1); --course-list-course-item-hover-background: hsla(var(--lightAccent-hsl), .75); --course-list-course-item-text-color: hsla(var(--black-hsl), 1); --course-list-course-chapter-divider-color: hsla(var(--darkAccent-hsl), 1); --course-list-grid-layout-chapter-divider-color: hsla(var(--black-hsl), 1); --course-list-grid-layout-course-item-background-color: hsla(var(--lightAccent-hsl), 1); --course-list-grid-layout-course-item-hover-background-color: hsla(var(--lightAccent-hsl), .75); --course-list-grid-layout-course-item-text-color: hsla(var(--black-hsl), 1); --course-list-grid-layout-course-item-border-color: hsla(var(--darkAccent-hsl), 1); --donation-block-background-color: hsla(var(--lightAccent-hsl), 1); --donation-block-stroke-color: hsla(var(--black-hsl), 1); --gradientHeaderBackgroundColor: hsla(var(--white-hsl), 1); --gradientHeaderBorderColor: hsla(var(--black-hsl), 1); --gradientHeaderDropShadowColor: hsla(var(--black-hsl), 1); --gradientHeaderNavigationColor: hsla(var(--black-hsl), 1); --headerDropShadowColor: hsla(var(--black-hsl), 1); --headerBorderColor: hsla(var(--black-hsl), 1); --headingExtraLargeColor: hsla(var(--black-hsl), 1); --headingLargeColor: hsla(var(--black-hsl), 1); --headingLinkColor: hsla(var(--safeDarkAccent-hsl), 1); --headingMediumColor: hsla(var(--black-hsl), 1); --headingSmallColor: hsla(var(--black-hsl), 1); --image-block-card-image-button-bg-color: hsla(var(--safeDarkAccent-hsl), 1); --image-block-card-image-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --image-block-card-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-card-image-subtitle-color: hsla(var(--black-hsl), 1); --image-block-card-image-title-bg-color: hsla(var(--white-hsl), 1); --image-block-card-image-title-color: hsla(var(--black-hsl), 1); --image-block-card-inline-link-color: hsla(var(--black-hsl), 1); --image-block-collage-background-color: hsla(var(--lightAccent-hsl), 1); --image-block-collage-image-button-bg-color: hsla(var(--safeDarkAccent-hsl), 1); --image-block-collage-image-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --image-block-collage-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-collage-image-subtitle-color: hsla(var(--black-hsl), 1); --image-block-collage-image-title-bg-color: hsla(var(--white-hsl), 0); --image-block-collage-image-title-color: hsla(var(--black-hsl), 1); --image-block-collage-inline-link-color: hsla(var(--black-hsl), 1); --image-block-overlap-image-button-bg-color: hsla(var(--safeDarkAccent-hsl), 1); --image-block-overlap-image-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --image-block-overlap-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-overlap-image-subtitle-color: hsla(var(--black-hsl), 1); --image-block-overlap-image-title-bg-color: hsla(var(--white-hsl), 1); --image-block-overlap-image-title-color: hsla(var(--black-hsl), 1); --image-block-overlap-inline-link-color: hsla(var(--black-hsl), 1); --image-block-overlay-color: hsla(var(--black-hsl), .5); --image-block-poster-image-button-bg-color: hsla(var(--safeDarkAccent-hsl), 1); --image-block-poster-image-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --image-block-poster-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-poster-image-subtitle-color: hsla(var(--white-hsl), 1); --image-block-poster-image-title-bg-color-v2: hsla(var(--white-hsl), 0); --image-block-poster-image-title-color: hsla(var(--white-hsl), 1); --image-block-poster-inline-link-color: hsla(var(--white-hsl), 1); --image-block-stack-image-button-bg-color: hsla(var(--safeDarkAccent-hsl), 1); --image-block-stack-image-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --image-block-stack-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-stack-image-subtitle-color: hsla(var(--black-hsl), 1); --image-block-stack-image-title-bg-color: hsla(var(--white-hsl), 0); --image-block-stack-image-title-color: hsla(var(--black-hsl), 1); --image-block-stack-inline-link-color: hsla(var(--black-hsl), 1); --list-section-banner-slideshow-arrow-background-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-banner-slideshow-arrow-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --list-section-banner-slideshow-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-banner-slideshow-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --list-section-banner-slideshow-card-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-banner-slideshow-card-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --list-section-banner-slideshow-card-color: hsla(var(--lightAccent-hsl), 1); --list-section-banner-slideshow-card-description-color: hsla(var(--black-hsl), 1); --list-section-banner-slideshow-card-description-link-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-banner-slideshow-card-title-color: hsla(var(--black-hsl), 1); --list-section-banner-slideshow-description-color: hsla(var(--black-hsl), 1); --list-section-banner-slideshow-title-color: hsla(var(--black-hsl), 1); --list-section-carousel-arrow-background-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-carousel-arrow-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --list-section-carousel-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-carousel-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --list-section-carousel-card-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-carousel-card-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --list-section-carousel-card-color: hsla(var(--lightAccent-hsl), 1); --list-section-carousel-card-description-color: hsla(var(--black-hsl), 1); --list-section-carousel-card-description-link-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-carousel-card-title-color: hsla(var(--black-hsl), 1); --list-section-carousel-description-color: hsla(var(--black-hsl), 1); --list-section-carousel-title-color: hsla(var(--black-hsl), 1); --list-section-simple-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-simple-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --list-section-simple-card-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-simple-card-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --list-section-simple-card-color: hsla(var(--lightAccent-hsl), 1); --list-section-simple-card-description-color: hsla(var(--black-hsl), 1); --list-section-simple-card-description-link-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-simple-card-title-color: hsla(var(--black-hsl), 1); --list-section-simple-description-color: hsla(var(--black-hsl), 1); --list-section-simple-title-color: hsla(var(--black-hsl), 1); --list-section-title-color: hsla(var(--black-hsl), 1); --menuOverlayBackgroundColor: hsla(var(--white-hsl), 1); --menuOverlayButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1); --menuOverlayButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1); --menuOverlayNavigationLinkColor: hsla(var(--black-hsl), 1); --navigationLinkColor: hsla(var(--black-hsl), 1); --paragraphLargeColor: hsla(var(--black-hsl), 1); --paragraphLinkColor: hsla(var(--safeDarkAccent-hsl), 1); --paragraphMediumColor: hsla(var(--black-hsl), 1); --paragraphSmallColor: hsla(var(--black-hsl), 1); --portfolio-grid-basic-title-color: hsla(var(--black-hsl), 1); --portfolio-grid-overlay-overlay-color: hsla(var(--white-hsl), 1); --portfolio-grid-overlay-title-color: hsla(var(--black-hsl), 1); --portfolio-hover-follow-title-color: hsla(var(--black-hsl), 1); --portfolio-hover-static-title-color: hsla(var(--black-hsl), 1); --portfolio-index-background-title-color: hsla(var(--black-hsl), 1); --primaryButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1); --primaryButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1); --product-detail-subscriptions-description-text-color: hsla(var(--black-hsl), 1); --product-detail-subscriptions-frequency-text-color: hsla(var(--black-hsl), 1); --product-detail-one-time-purchase-price-text-color: hsla(var(--black-hsl), 1); --product-detail-subscription-price-text-color: hsla(var(--black-hsl), 1); --product-detail-subscriptions-title-color: hsla(var(--black-hsl), 1); --product-detail-subscriptions-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --product-detail-subscriptions-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --secondaryButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1); --secondaryButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1); --section-divider-stroke-color: hsla(var(--safeDarkAccent-hsl), 1); --section-inset-border-color: hsla(var(--white-hsl), 1); --shape-block-background-color: hsla(var(--lightAccent-hsl), 1); --shape-block-dropshadow-color: hsla(var(--lightAccent-hsl), 1); --shape-block-stroke-color: hsla(var(--black-hsl), 1); --siteBackgroundColor: hsla(var(--white-hsl), 1); --siteTitleColor: hsla(var(--black-hsl), 1); --social-links-block-main-icon-color: hsla(var(--black-hsl), 1); --social-links-block-secondary-icon-color: hsla(var(--white-hsl), 1); --solidHeaderBackgroundColor: hsla(var(--white-hsl), 1); --solidHeaderBorderColor: hsla(var(--black-hsl), 1); --solidHeaderDropShadowColor: hsla(var(--black-hsl), 1); --solidHeaderNavigationColor: hsla(var(--black-hsl), 1); --summary-block-limited-availability-label-color: hsla(var(--black-hsl), 1); --tertiaryButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1); --tertiaryButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1); --text-highlight-color: hsla(var(--safeDarkAccent-hsl), 1); --text-highlight-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --toggle-off-color: hsla(var(--lightAccent-hsl), 1); --toggle-on-color: hsla(var(--black-hsl), 1); --tweak-accordion-block-background-color: hsla(var(--lightAccent-hsl), 1); --tweak-accordion-block-stroke-color: hsla(var(--black-hsl), 1); --tweak-accordion-block-divider-color: hsla(var(--black-hsl), 1); --tweak-accordion-block-divider-color-on-background: hsla(var(--black-hsl), 1); --tweak-accordion-block-icon-color: hsla(var(--black-hsl), 1); --tweak-accordion-block-icon-color-on-background: hsla(var(--black-hsl), 1); --tweak-blog-alternating-side-by-side-list-excerpt-color: hsla(var(--black-hsl), 1); --tweak-blog-alternating-side-by-side-list-meta-color: hsla(var(--black-hsl), 1); --tweak-blog-alternating-side-by-side-list-read-more-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-blog-alternating-side-by-side-list-title-color: hsla(var(--black-hsl), 1); --tweak-blog-basic-grid-list-excerpt-color: hsla(var(--black-hsl), 1); --tweak-blog-basic-grid-list-meta-color: hsla(var(--black-hsl), 1); --tweak-blog-basic-grid-list-read-more-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-blog-basic-grid-list-title-color: hsla(var(--black-hsl), 1); --tweak-blog-item-author-profile-color: hsla(var(--black-hsl), 1); --tweak-blog-item-comment-meta-color: hsla(var(--black-hsl), 1); --tweak-blog-item-comment-text-color: hsla(var(--black-hsl), 1); --tweak-blog-item-meta-color: hsla(var(--black-hsl), 1); --tweak-blog-item-pagination-icon-color: hsla(var(--black-hsl), 1); --tweak-blog-item-pagination-meta-color: hsla(var(--black-hsl), 1); --tweak-blog-item-pagination-title-color: hsla(var(--black-hsl), 1); --tweak-blog-item-title-color: hsla(var(--black-hsl), 1); --tweak-blog-masonry-list-excerpt-color: hsla(var(--black-hsl), 1); --tweak-blog-masonry-list-meta-color: hsla(var(--black-hsl), 1); --tweak-blog-masonry-list-read-more-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-blog-masonry-list-title-color: hsla(var(--black-hsl), 1); --tweak-blog-side-by-side-list-excerpt-color: hsla(var(--black-hsl), 1); --tweak-blog-side-by-side-list-meta-color: hsla(var(--black-hsl), 1); --tweak-blog-side-by-side-list-read-more-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-blog-side-by-side-list-title-color: hsla(var(--black-hsl), 1); --tweak-blog-single-column-list-excerpt-color: hsla(var(--black-hsl), 1); --tweak-blog-single-column-list-meta-color: hsla(var(--black-hsl), 1); --tweak-blog-single-column-list-read-more-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-blog-single-column-list-title-color: hsla(var(--black-hsl), 1); --tweak-content-link-block-title-color: hsla(var(--black-hsl), 1); --tweak-events-item-pagination-date-color: hsla(var(--black-hsl), 1); --tweak-events-item-pagination-icon-color: hsla(var(--black-hsl), 1); --tweak-events-item-pagination-title-color: hsla(var(--black-hsl), 1); --tweak-form-block-background-color: hsla(var(--lightAccent-hsl), 1); --tweak-form-block-stroke-color: hsla(var(--black-hsl), 1); --tweak-form-block-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-form-block-button-background-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-form-block-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --tweak-form-block-button-text-color-on-background: hsla(var(--safeInverseDarkAccent-hsl), 1); --tweak-form-block-caption-color: hsla(var(--black-hsl), 1); --tweak-form-block-caption-color-on-background: hsla(var(--black-hsl), 1); --tweak-form-block-description-color: hsla(var(--black-hsl), 1); --tweak-form-block-description-color-on-background: hsla(var(--black-hsl), 1); --tweak-form-block-option-color: hsla(var(--black-hsl), 1); --tweak-form-block-option-color-on-background: hsla(var(--black-hsl), 1); --tweak-form-block-survey-title-color: hsla(var(--black-hsl), 1); --tweak-form-block-survey-title-color-on-background: hsla(var(--black-hsl), 1); --tweak-form-block-title-color: hsla(var(--black-hsl), 1); --tweak-form-block-title-color-on-background: hsla(var(--black-hsl), 1); --tweak-form-block-field-fill-color: hsla(var(--lightAccent-hsl), 1); --tweak-form-block-field-fill-color-hsl: var(--lightAccent-hsl); --tweak-form-block-field-fill-color-a: 1; --tweak-form-block-field-border-color: hsla(var(--black-hsl), 1); --tweak-form-block-field-border-color-hsl: var(--black-hsl); --tweak-form-block-field-border-color-a: 1; --tweak-form-block-field-accent-color: hsla(var(--accent-hsl), 1); --tweak-form-block-field-accent-color-hsl: var(--accent-hsl); --tweak-form-block-field-accent-color-a: 1; --tweak-form-block-field-input-color: hsla(var(--black-hsl), 1); --tweak-form-block-field-input-color-hsl: var(--black-hsl); --tweak-form-block-field-input-color-a: 1; --tweak-form-block-field-accessory-color: hsla(var(--black-hsl), 1); --tweak-form-block-field-fill-color-on-background: hsla(var(--white-hsl), 1); --tweak-form-block-field-fill-color-on-background-hsl: var(--white-hsl); --tweak-form-block-field-fill-color-on-background-a: 1; --tweak-form-block-field-border-color-on-background: hsla(var(--black-hsl), 1); --tweak-form-block-field-border-color-on-background-hsl: var(--black-hsl); --tweak-form-block-field-border-color-on-background-a: 1; --tweak-form-block-field-accent-color-on-background: hsla(var(--accent-hsl), 1); --tweak-form-block-field-accent-color-on-background-hsl: var(--accent-hsl); --tweak-form-block-field-accent-color-on-background-a: 1; --tweak-form-block-field-input-color-on-background: hsla(var(--black-hsl), 1); --tweak-form-block-field-input-color-on-background-hsl: var(--black-hsl); --tweak-form-block-field-input-color-on-background-a: 1; --tweak-form-block-field-accessory-color-on-background: hsla(var(--black-hsl), 1); --tweak-gallery-icon-background-color: hsla(var(--white-hsl), 1); --tweak-gallery-icon-color: hsla(var(--black-hsl), 1); --tweak-gallery-lightbox-background-color: hsla(var(--white-hsl), 1); --tweak-gallery-lightbox-icon-color: hsla(var(--black-hsl), 1); --tweak-heading-extra-large-color-on-background: hsla(var(--black-hsl), 1); --tweak-heading-large-color-on-background: hsla(var(--black-hsl), 1); --tweak-heading-medium-color-on-background: hsla(var(--black-hsl), 1); --tweak-heading-small-color-on-background: hsla(var(--black-hsl), 1); --tweak-line-block-line-color: hsla(var(--black-hsl), 1); --tweak-marquee-block-background-color: hsla(var(--lightAccent-hsl), 1); --tweak-marquee-block-stroke-color: hsla(var(--black-hsl), 1); --tweak-marquee-block-heading-color: hsla(var(--black-hsl), 1); --tweak-marquee-block-heading-color-on-background: hsla(var(--black-hsl), 1); --tweak-marquee-block-paragraph-color: hsla(var(--black-hsl), 1); --tweak-marquee-block-paragraph-color-on-background: hsla(var(--black-hsl), 1); --tweak-menu-block-item-description-color: hsla(var(--black-hsl), 1); --tweak-menu-block-item-price-color: hsla(var(--black-hsl), 1); --tweak-menu-block-item-title-color: hsla(var(--black-hsl), 1); --tweak-menu-block-nav-color: hsla(var(--black-hsl), 1); --tweak-menu-block-title-color: hsla(var(--black-hsl), 1); --tweak-newsletter-block-background-color: hsla(var(--lightAccent-hsl), 1); --tweak-newsletter-block-stroke-color: hsla(var(--black-hsl), 1); --tweak-newsletter-block-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-newsletter-block-button-background-color-on-background: hsla(var(--black-hsl), 1); --tweak-newsletter-block-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --tweak-newsletter-block-button-text-color-on-background: hsla(var(--safeInverseDarkAccent-hsl), 1); --tweak-newsletter-block-description-color: hsla(var(--black-hsl), 1); --tweak-newsletter-block-description-color-on-background: hsla(var(--black-hsl), 1); --tweak-newsletter-block-footnote-color: hsla(var(--black-hsl), 1); --tweak-newsletter-block-footnote-color-on-background: hsla(var(--black-hsl), 1); --tweak-newsletter-block-title-color: hsla(var(--black-hsl), 1); --tweak-newsletter-block-title-color-on-background: hsla(var(--black-hsl), 1); --tweak-paragraph-large-color-on-background: hsla(var(--black-hsl), 1); --tweak-paragraph-link-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-paragraph-medium-color-on-background: hsla(var(--black-hsl), 1); --tweak-paragraph-small-color-on-background: hsla(var(--black-hsl), 1); --tweak-portfolio-item-pagination-icon-color: hsla(var(--black-hsl), 1); --tweak-portfolio-item-pagination-meta-color: hsla(var(--black-hsl), 1); --tweak-portfolio-item-pagination-title-color: hsla(var(--black-hsl), 1); --tweak-product-basic-item-breadcumb-nav-color: hsla(var(--black-hsl), 1); --tweak-product-basic-item-description-color: hsla(var(--black-hsl), 1); --tweak-product-basic-item-gallery-controls-color: hsla(var(--safeInverseLightAccent-hsl), 1); --tweak-product-basic-item-price-color: hsla(var(--black-hsl), 1); --tweak-product-basic-item-sale-price-color: hsla(var(--accent-hsl), 1); --tweak-product-basic-item-scarcity-color: hsla(var(--accent-hsl), 1); --tweak-product-basic-item-title-color: hsla(var(--black-hsl), 1); --tweak-product-basic-item-variant-fields-color: hsla(var(--black-hsl), 1); --tweak-product-grid-text-below-list-category-nav-color: hsla(var(--black-hsl), 1); --tweak-product-grid-text-below-list-pagination-color: hsla(var(--black-hsl), 1); --tweak-product-grid-text-below-list-price-color: hsla(var(--black-hsl), 1); --tweak-product-grid-text-below-list-sale-price-color: hsla(var(--accent-hsl), 1); --tweak-product-grid-text-below-list-scarcity-color: hsla(var(--black-hsl), 1); --tweak-product-grid-text-below-list-status-color: hsla(var(--accent-hsl), 1); --tweak-product-grid-text-below-list-title-color: hsla(var(--black-hsl), 1); --tweak-product-quick-view-button-color: hsla(var(--black-hsl), 1); --tweak-product-quick-view-lightbox-controls-color: hsla(var(--black-hsl), 1); --tweak-product-quick-view-lightbox-overlay-color: hsla(var(--white-hsl), 1); --tweak-quote-block-background-color: hsla(var(--lightAccent-hsl), 1); --tweak-quote-block-stroke-color: hsla(var(--black-hsl), 1); --tweak-quote-block-source-color: hsla(var(--black-hsl), 1); --tweak-quote-block-source-color-on-background: hsla(var(--black-hsl), 1); --tweak-quote-block-text-color: hsla(var(--black-hsl), 1); --tweak-quote-block-text-color-on-background: hsla(var(--black-hsl), 1); --tweak-summary-block-background-color: hsla(var(--lightAccent-hsl), 1); --tweak-summary-block-stroke-color: hsla(var(--black-hsl), 1); --tweak-summary-block-excerpt-color: hsla(var(--black-hsl), 1); --tweak-summary-block-excerpt-color-on-background: hsla(var(--black-hsl), 1); --tweak-summary-block-header-text-color: hsla(var(--black-hsl), 1); --tweak-summary-block-header-text-color-on-background: hsla(var(--black-hsl), 1); --tweak-summary-block-primary-metadata-color: hsla(var(--black-hsl), 1); --tweak-summary-block-primary-metadata-color-on-background: hsla(var(--black-hsl), 1); --tweak-summary-block-read-more-color: hsla(var(--black-hsl), 1); --tweak-summary-block-read-more-color-on-background: hsla(var(--black-hsl), 1); --tweak-summary-block-secondary-metadata-color: hsla(var(--black-hsl), 1); --tweak-summary-block-secondary-metadata-color-on-background: hsla(var(--black-hsl), 1); --tweak-summary-block-title-color: hsla(var(--black-hsl), 1); --tweak-summary-block-title-color-on-background: hsla(var(--black-hsl), 1); --tweak-text-block-background-color: hsla(var(--lightAccent-hsl), 1); --tweak-text-block-stroke-color: hsla(var(--black-hsl), 1); --tweak-video-item-description-color: hsla(var(--black-hsl), 1); --tweak-video-item-meta-color: hsla(var(--black-hsl), 1); --tweak-video-item-pagination-icon-color: hsla(var(--black-hsl), 1); --tweak-video-item-pagination-title-color: hsla(var(--black-hsl), 1); --tweak-video-item-title-color: hsla(var(--black-hsl), 1); --video-grid-basic-description-color: hsla(var(--black-hsl), 1); --video-grid-basic-meta-color: hsla(var(--black-hsl), 1); --video-grid-basic-title-color: hsla(var(--black-hsl), 1); --video-grid-category-nav-color: hsla(var(--black-hsl), 1); --video-preview-badge-background-color: hsla(var(--black-hsl), 1); --video-preview-badge-font-color: hsla(var(--white-hsl), 1) } [data-section-theme="white-bold"] { --announcement-bar-background-color: hsla(var(--accent-hsl), 1); --announcement-bar-text-color: hsla(var(--safeInverseAccent-hsl), 1); --backgroundOverlayColor: hsla(var(--white-hsl), 1); --course-item-nav-active-lesson-background-color: hsla(var(--darkAccent-hsl), 1); --course-item-nav-active-lesson-text-color: hsla(var(--white-hsl), 1); --course-item-nav-background-color: hsla(var(--lightAccent-hsl), 1); --course-item-nav-border-color: hsla(var(--black-hsl), .25); --course-item-nav-text-color: hsla(var(--black-hsl), 1); --course-list-course-progress-bar-color: hsla(var(--darkAccent-hsl), 1); --course-list-course-item-background: hsla(var(--lightAccent-hsl), 1); --course-list-course-item-hover-background: hsla(var(--lightAccent-hsl), .75); --course-list-course-item-text-color: hsla(var(--black-hsl), 1); --course-list-course-chapter-divider-color: hsla(var(--darkAccent-hsl), 1); --course-list-grid-layout-chapter-divider-color: hsla(var(--safeDarkAccent-hsl), 1); --course-list-grid-layout-course-item-background-color: hsla(var(--lightAccent-hsl), 1); --course-list-grid-layout-course-item-hover-background-color: hsla(var(--lightAccent-hsl), .75); --course-list-grid-layout-course-item-text-color: hsla(var(--black-hsl), 1); --course-list-grid-layout-course-item-border-color: hsla(var(--darkAccent-hsl), 1); --donation-block-background-color: hsla(var(--lightAccent-hsl), 1); --donation-block-stroke-color: hsla(var(--safeDarkAccent-hsl), 1); --gradientHeaderBackgroundColor: hsla(var(--white-hsl), 1); --gradientHeaderBorderColor: hsla(var(--black-hsl), 1); --gradientHeaderDropShadowColor: hsla(var(--black-hsl), 1); --gradientHeaderNavigationColor: hsla(var(--black-hsl), 1); --headerDropShadowColor: hsla(var(--black-hsl), 1); --headerBorderColor: hsla(var(--black-hsl), 1); --headingExtraLargeColor: hsla(var(--safeDarkAccent-hsl), 1); --headingLargeColor: hsla(var(--safeDarkAccent-hsl), 1); --headingLinkColor: hsla(var(--safeDarkAccent-hsl), 1); --headingMediumColor: hsla(var(--safeDarkAccent-hsl), 1); --headingSmallColor: hsla(var(--safeDarkAccent-hsl), 1); --image-block-card-image-button-bg-color: hsla(var(--safeDarkAccent-hsl), 1); --image-block-card-image-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --image-block-card-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-card-image-subtitle-color: hsla(var(--black-hsl), 1); --image-block-card-image-title-bg-color: hsla(var(--white-hsl), 1); --image-block-card-image-title-color: hsla(var(--black-hsl), 1); --image-block-card-inline-link-color: hsla(var(--black-hsl), 1); --image-block-collage-background-color: hsla(var(--lightAccent-hsl), 1); --image-block-collage-image-button-bg-color: hsla(var(--safeDarkAccent-hsl), 1); --image-block-collage-image-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --image-block-collage-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-collage-image-subtitle-color: hsla(var(--safeDarkAccent-hsl), 1); --image-block-collage-image-title-bg-color: hsla(var(--white-hsl), 0); --image-block-collage-image-title-color: hsla(var(--safeDarkAccent-hsl), 1); --image-block-collage-inline-link-color: hsla(var(--safeDarkAccent-hsl), 1); --image-block-overlap-image-button-bg-color: hsla(var(--safeDarkAccent-hsl), 1); --image-block-overlap-image-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --image-block-overlap-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-overlap-image-subtitle-color: hsla(var(--black-hsl), 1); --image-block-overlap-image-title-bg-color: hsla(var(--white-hsl), 1); --image-block-overlap-image-title-color: hsla(var(--black-hsl), 1); --image-block-overlap-inline-link-color: hsla(var(--black-hsl), 1); --image-block-overlay-color: hsla(var(--black-hsl), .5); --image-block-poster-image-button-bg-color: hsla(var(--safeDarkAccent-hsl), 1); --image-block-poster-image-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --image-block-poster-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-poster-image-subtitle-color: hsla(var(--white-hsl), 1); --image-block-poster-image-title-bg-color-v2: hsla(var(--white-hsl), 0); --image-block-poster-image-title-color: hsla(var(--white-hsl), 1); --image-block-poster-inline-link-color: hsla(var(--white-hsl), 1); --image-block-stack-image-button-bg-color: hsla(var(--safeDarkAccent-hsl), 1); --image-block-stack-image-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --image-block-stack-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-stack-image-subtitle-color: hsla(var(--black-hsl), 1); --image-block-stack-image-title-bg-color: hsla(var(--white-hsl), 0); --image-block-stack-image-title-color: hsla(var(--black-hsl), 1); --image-block-stack-inline-link-color: hsla(var(--black-hsl), 1); --list-section-banner-slideshow-arrow-background-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-banner-slideshow-arrow-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --list-section-banner-slideshow-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-banner-slideshow-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --list-section-banner-slideshow-card-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-banner-slideshow-card-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --list-section-banner-slideshow-card-color: hsla(var(--lightAccent-hsl), 1); --list-section-banner-slideshow-card-description-color: hsla(var(--black-hsl), 1); --list-section-banner-slideshow-card-description-link-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-banner-slideshow-card-title-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-banner-slideshow-description-color: hsla(var(--black-hsl), 1); --list-section-banner-slideshow-title-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-carousel-arrow-background-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-carousel-arrow-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --list-section-carousel-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-carousel-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --list-section-carousel-card-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-carousel-card-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --list-section-carousel-card-color: hsla(var(--lightAccent-hsl), 1); --list-section-carousel-card-description-color: hsla(var(--black-hsl), 1); --list-section-carousel-card-description-link-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-carousel-card-title-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-carousel-description-color: hsla(var(--black-hsl), 1); --list-section-carousel-title-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-simple-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-simple-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --list-section-simple-card-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-simple-card-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --list-section-simple-card-color: hsla(var(--lightAccent-hsl), 1); --list-section-simple-card-description-color: hsla(var(--black-hsl), 1); --list-section-simple-card-description-link-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-simple-card-title-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-simple-description-color: hsla(var(--black-hsl), 1); --list-section-simple-title-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-title-color: hsla(var(--safeDarkAccent-hsl), 1); --menuOverlayBackgroundColor: hsla(var(--white-hsl), 1); --menuOverlayButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1); --menuOverlayButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1); --menuOverlayNavigationLinkColor: hsla(var(--black-hsl), 1); --navigationLinkColor: hsla(var(--black-hsl), 1); --paragraphLargeColor: hsla(var(--black-hsl), 1); --paragraphLinkColor: hsla(var(--safeDarkAccent-hsl), 1); --paragraphMediumColor: hsla(var(--black-hsl), 1); --paragraphSmallColor: hsla(var(--black-hsl), 1); --portfolio-grid-basic-title-color: hsla(var(--safeDarkAccent-hsl), 1); --portfolio-grid-overlay-overlay-color: hsla(var(--white-hsl), 1); --portfolio-grid-overlay-title-color: hsla(var(--black-hsl), 1); --portfolio-hover-follow-title-color: hsla(var(--safeDarkAccent-hsl), 1); --portfolio-hover-static-title-color: hsla(var(--safeDarkAccent-hsl), 1); --portfolio-index-background-title-color: hsla(var(--black-hsl), 1); --primaryButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1); --primaryButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1); --product-detail-subscriptions-description-text-color: hsla(var(--black-hsl), 1); --product-detail-subscriptions-frequency-text-color: hsla(var(--black-hsl), 1); --product-detail-one-time-purchase-price-text-color: hsla(var(--black-hsl), 1); --product-detail-subscription-price-text-color: hsla(var(--black-hsl), 1); --product-detail-subscriptions-title-color: hsla(var(--black-hsl), 1); --product-detail-subscriptions-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --product-detail-subscriptions-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --secondaryButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1); --secondaryButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1); --section-divider-stroke-color: hsla(var(--safeDarkAccent-hsl), 1); --section-inset-border-color: hsla(var(--white-hsl), 1); --shape-block-background-color: hsla(var(--lightAccent-hsl), 1); --shape-block-dropshadow-color: hsla(var(--lightAccent-hsl), 1); --shape-block-stroke-color: hsla(var(--safeDarkAccent-hsl), 1); --siteBackgroundColor: hsla(var(--white-hsl), 1); --siteTitleColor: hsla(var(--safeDarkAccent-hsl), 1); --social-links-block-main-icon-color: hsla(var(--black-hsl), 1); --social-links-block-secondary-icon-color: hsla(var(--white-hsl), 1); --solidHeaderBackgroundColor: hsla(var(--white-hsl), 1); --solidHeaderBorderColor: hsla(var(--black-hsl), 1); --solidHeaderDropShadowColor: hsla(var(--black-hsl), 1); --solidHeaderNavigationColor: hsla(var(--black-hsl), 1); --summary-block-limited-availability-label-color: hsla(var(--black-hsl), 1); --tertiaryButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1); --tertiaryButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1); --text-highlight-color: hsla(var(--safeDarkAccent-hsl), 1); --text-highlight-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --toggle-off-color: hsla(var(--lightAccent-hsl), 1); --toggle-on-color: hsla(var(--black-hsl), 1); --tweak-accordion-block-background-color: hsla(var(--lightAccent-hsl), 1); --tweak-accordion-block-stroke-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-accordion-block-divider-color: hsla(var(--black-hsl), 1); --tweak-accordion-block-divider-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-accordion-block-icon-color: hsla(var(--black-hsl), 1); --tweak-accordion-block-icon-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-blog-alternating-side-by-side-list-excerpt-color: hsla(var(--black-hsl), 1); --tweak-blog-alternating-side-by-side-list-meta-color: hsla(var(--black-hsl), 1); --tweak-blog-alternating-side-by-side-list-read-more-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-blog-alternating-side-by-side-list-title-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-blog-basic-grid-list-excerpt-color: hsla(var(--black-hsl), 1); --tweak-blog-basic-grid-list-meta-color: hsla(var(--black-hsl), 1); --tweak-blog-basic-grid-list-read-more-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-blog-basic-grid-list-title-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-blog-item-author-profile-color: hsla(var(--black-hsl), 1); --tweak-blog-item-comment-meta-color: hsla(var(--black-hsl), 1); --tweak-blog-item-comment-text-color: hsla(var(--black-hsl), 1); --tweak-blog-item-meta-color: hsla(var(--black-hsl), 1); --tweak-blog-item-pagination-icon-color: hsla(var(--black-hsl), 1); --tweak-blog-item-pagination-meta-color: hsla(var(--black-hsl), 1); --tweak-blog-item-pagination-title-color: hsla(var(--black-hsl), 1); --tweak-blog-item-title-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-blog-masonry-list-excerpt-color: hsla(var(--black-hsl), 1); --tweak-blog-masonry-list-meta-color: hsla(var(--black-hsl), 1); --tweak-blog-masonry-list-read-more-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-blog-masonry-list-title-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-blog-side-by-side-list-excerpt-color: hsla(var(--black-hsl), 1); --tweak-blog-side-by-side-list-meta-color: hsla(var(--black-hsl), 1); --tweak-blog-side-by-side-list-read-more-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-blog-side-by-side-list-title-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-blog-single-column-list-excerpt-color: hsla(var(--black-hsl), 1); --tweak-blog-single-column-list-meta-color: hsla(var(--black-hsl), 1); --tweak-blog-single-column-list-read-more-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-blog-single-column-list-title-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-content-link-block-title-color: hsla(var(--black-hsl), 1); --tweak-events-item-pagination-date-color: hsla(var(--black-hsl), 1); --tweak-events-item-pagination-icon-color: hsla(var(--black-hsl), 1); --tweak-events-item-pagination-title-color: hsla(var(--black-hsl), 1); --tweak-form-block-background-color: hsla(var(--lightAccent-hsl), 1); --tweak-form-block-stroke-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-form-block-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-form-block-button-background-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-form-block-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --tweak-form-block-button-text-color-on-background: hsla(var(--safeInverseDarkAccent-hsl), 1); --tweak-form-block-caption-color: hsla(var(--black-hsl), 1); --tweak-form-block-caption-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-form-block-description-color: hsla(var(--black-hsl), 1); --tweak-form-block-description-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-form-block-option-color: hsla(var(--black-hsl), 1); --tweak-form-block-option-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-form-block-survey-title-color: hsla(var(--black-hsl), 1); --tweak-form-block-survey-title-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-form-block-title-color: hsla(var(--black-hsl), 1); --tweak-form-block-title-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-form-block-field-fill-color: hsla(var(--lightAccent-hsl), 1); --tweak-form-block-field-fill-color-hsl: var(--lightAccent-hsl); --tweak-form-block-field-fill-color-a: 1; --tweak-form-block-field-border-color: hsla(var(--black-hsl), 1); --tweak-form-block-field-border-color-hsl: var(--black-hsl); --tweak-form-block-field-border-color-a: 1; --tweak-form-block-field-accent-color: hsla(var(--accent-hsl), 1); --tweak-form-block-field-accent-color-hsl: var(--accent-hsl); --tweak-form-block-field-accent-color-a: 1; --tweak-form-block-field-input-color: hsla(var(--black-hsl), 1); --tweak-form-block-field-input-color-hsl: var(--black-hsl); --tweak-form-block-field-input-color-a: 1; --tweak-form-block-field-accessory-color: hsla(var(--black-hsl), 1); --tweak-form-block-field-fill-color-on-background: hsla(var(--white-hsl), 1); --tweak-form-block-field-fill-color-on-background-hsl: var(--white-hsl); --tweak-form-block-field-fill-color-on-background-a: 1; --tweak-form-block-field-border-color-on-background: hsla(var(--black-hsl), 1); --tweak-form-block-field-border-color-on-background-hsl: var(--black-hsl); --tweak-form-block-field-border-color-on-background-a: 1; --tweak-form-block-field-accent-color-on-background: hsla(var(--accent-hsl), 1); --tweak-form-block-field-accent-color-on-background-hsl: var(--accent-hsl); --tweak-form-block-field-accent-color-on-background-a: 1; --tweak-form-block-field-input-color-on-background: hsla(var(--black-hsl), 1); --tweak-form-block-field-input-color-on-background-hsl: var(--black-hsl); --tweak-form-block-field-input-color-on-background-a: 1; --tweak-form-block-field-accessory-color-on-background: hsla(var(--black-hsl), 1); --tweak-gallery-icon-background-color: hsla(var(--white-hsl), 1); --tweak-gallery-icon-color: hsla(var(--black-hsl), 1); --tweak-gallery-lightbox-background-color: hsla(var(--white-hsl), 1); --tweak-gallery-lightbox-icon-color: hsla(var(--black-hsl), 1); --tweak-heading-extra-large-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-heading-large-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-heading-medium-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-heading-small-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-line-block-line-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-marquee-block-background-color: hsla(var(--lightAccent-hsl), 1); --tweak-marquee-block-stroke-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-marquee-block-heading-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-marquee-block-heading-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-marquee-block-paragraph-color: hsla(var(--black-hsl), 1); --tweak-marquee-block-paragraph-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-menu-block-item-description-color: hsla(var(--black-hsl), 1); --tweak-menu-block-item-price-color: hsla(var(--black-hsl), 1); --tweak-menu-block-item-title-color: hsla(var(--black-hsl), 1); --tweak-menu-block-nav-color: hsla(var(--black-hsl), 1); --tweak-menu-block-title-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-newsletter-block-background-color: hsla(var(--lightAccent-hsl), 1); --tweak-newsletter-block-stroke-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-newsletter-block-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-newsletter-block-button-background-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-newsletter-block-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --tweak-newsletter-block-button-text-color-on-background: hsla(var(--safeInverseDarkAccent-hsl), 1); --tweak-newsletter-block-description-color: hsla(var(--black-hsl), 1); --tweak-newsletter-block-description-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-newsletter-block-footnote-color: hsla(var(--black-hsl), 1); --tweak-newsletter-block-footnote-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-newsletter-block-title-color: hsla(var(--black-hsl), 1); --tweak-newsletter-block-title-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-paragraph-large-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-paragraph-link-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-paragraph-medium-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-paragraph-small-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-portfolio-item-pagination-icon-color: hsla(var(--black-hsl), 1); --tweak-portfolio-item-pagination-meta-color: hsla(var(--black-hsl), 1); --tweak-portfolio-item-pagination-title-color: hsla(var(--black-hsl), 1); --tweak-product-basic-item-breadcumb-nav-color: hsla(var(--black-hsl), 1); --tweak-product-basic-item-description-color: hsla(var(--black-hsl), 1); --tweak-product-basic-item-gallery-controls-color: hsla(var(--safeInverseLightAccent-hsl), 1); --tweak-product-basic-item-price-color: hsla(var(--black-hsl), 1); --tweak-product-basic-item-sale-price-color: hsla(var(--accent-hsl), 1); --tweak-product-basic-item-scarcity-color: hsla(var(--accent-hsl), 1); --tweak-product-basic-item-title-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-product-basic-item-variant-fields-color: hsla(var(--black-hsl), 1); --tweak-product-grid-text-below-list-category-nav-color: hsla(var(--black-hsl), 1); --tweak-product-grid-text-below-list-pagination-color: hsla(var(--black-hsl), 1); --tweak-product-grid-text-below-list-price-color: hsla(var(--black-hsl), 1); --tweak-product-grid-text-below-list-sale-price-color: hsla(var(--accent-hsl), 1); --tweak-product-grid-text-below-list-scarcity-color: hsla(var(--black-hsl), 1); --tweak-product-grid-text-below-list-status-color: hsla(var(--accent-hsl), 1); --tweak-product-grid-text-below-list-title-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-product-quick-view-button-color: hsla(var(--black-hsl), 1); --tweak-product-quick-view-lightbox-controls-color: hsla(var(--black-hsl), 1); --tweak-product-quick-view-lightbox-overlay-color: hsla(var(--white-hsl), 1); --tweak-quote-block-background-color: hsla(var(--lightAccent-hsl), 1); --tweak-quote-block-stroke-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-quote-block-source-color: hsla(var(--black-hsl), 1); --tweak-quote-block-source-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-quote-block-text-color: hsla(var(--black-hsl), 1); --tweak-quote-block-text-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-summary-block-background-color: hsla(var(--lightAccent-hsl), 1); --tweak-summary-block-stroke-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-summary-block-excerpt-color: hsla(var(--black-hsl), 1); --tweak-summary-block-excerpt-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-summary-block-header-text-color: hsla(var(--black-hsl), 1); --tweak-summary-block-header-text-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-summary-block-primary-metadata-color: hsla(var(--black-hsl), 1); --tweak-summary-block-primary-metadata-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-summary-block-read-more-color: hsla(var(--black-hsl), 1); --tweak-summary-block-read-more-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-summary-block-secondary-metadata-color: hsla(var(--black-hsl), 1); --tweak-summary-block-secondary-metadata-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-summary-block-title-color: hsla(var(--black-hsl), 1); --tweak-summary-block-title-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-text-block-background-color: hsla(var(--lightAccent-hsl), 1); --tweak-text-block-stroke-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-video-item-description-color: hsla(var(--accent-hsl), 1); --tweak-video-item-meta-color: hsla(var(--accent-hsl), 1); --tweak-video-item-pagination-icon-color: hsla(var(--accent-hsl), 1); --tweak-video-item-pagination-title-color: hsla(var(--accent-hsl), 1); --tweak-video-item-title-color: hsla(var(--accent-hsl), 1); --video-grid-basic-description-color: hsla(var(--accent-hsl), 1); --video-grid-basic-meta-color: hsla(var(--accent-hsl), 1); --video-grid-basic-title-color: hsla(var(--accent-hsl), 1); --video-grid-category-nav-color: hsla(var(--accent-hsl), 1); --video-preview-badge-background-color: hsla(var(--black-hsl), 1); --video-preview-badge-font-color: hsla(var(--white-hsl), 1) } [data-section-theme="light"] { --announcement-bar-background-color: hsla(var(--darkAccent-hsl), 1); --announcement-bar-text-color: hsla(var(--white-hsl), 1); --backgroundOverlayColor: hsla(var(--lightAccent-hsl), 1); --course-item-nav-active-lesson-background-color: hsla(var(--darkAccent-hsl), 1); --course-item-nav-active-lesson-text-color: hsla(var(--white-hsl), 1); --course-item-nav-background-color: hsla(var(--white-hsl), 1); --course-item-nav-border-color: hsla(var(--black-hsl), .25); --course-item-nav-text-color: hsla(var(--black-hsl), 1); --course-list-course-progress-bar-color: hsla(var(--accent-hsl), 1); --course-list-course-item-background: hsla(var(--white-hsl), 1); --course-list-course-item-hover-background: hsla(var(--white-hsl), .75); --course-list-course-item-text-color: hsla(var(--black-hsl), 1); --course-list-course-chapter-divider-color: hsla(var(--accent-hsl), 1); --course-list-grid-layout-chapter-divider-color: hsla(var(--black-hsl), 1); --course-list-grid-layout-course-item-background-color: hsla(var(--white-hsl), 1); --course-list-grid-layout-course-item-hover-background-color: hsla(var(--white-hsl), .75); --course-list-grid-layout-course-item-text-color: hsla(var(--black-hsl), 1); --course-list-grid-layout-course-item-border-color: hsla(var(--accent-hsl), 1); --donation-block-background-color: hsla(var(--white-hsl), 1); --donation-block-stroke-color: hsla(var(--safeDarkAccent-hsl), 1); --gradientHeaderBackgroundColor: hsla(var(--white-hsl), 1); --gradientHeaderBorderColor: hsla(var(--black-hsl), 1); --gradientHeaderDropShadowColor: hsla(var(--black-hsl), 1); --gradientHeaderNavigationColor: hsla(var(--black-hsl), 1); --headerDropShadowColor: hsla(var(--black-hsl), 1); --headerBorderColor: hsla(var(--black-hsl), 1); --headingExtraLargeColor: hsla(var(--black-hsl), 1); --headingLargeColor: hsla(var(--black-hsl), 1); --headingLinkColor: hsla(var(--safeDarkAccent-hsl), 1); --headingMediumColor: hsla(var(--black-hsl), 1); --headingSmallColor: hsla(var(--black-hsl), 1); --image-block-card-image-button-bg-color: hsla(var(--safeDarkAccent-hsl), 1); --image-block-card-image-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --image-block-card-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-card-image-subtitle-color: hsla(var(--black-hsl), 1); --image-block-card-image-title-bg-color: hsla(var(--lightAccent-hsl), 1); --image-block-card-image-title-color: hsla(var(--black-hsl), 1); --image-block-card-inline-link-color: hsla(var(--black-hsl), 1); --image-block-collage-background-color: hsla(var(--white-hsl), 1); --image-block-collage-image-button-bg-color: hsla(var(--safeDarkAccent-hsl), 1); --image-block-collage-image-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --image-block-collage-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-collage-image-subtitle-color: hsla(var(--black-hsl), 1); --image-block-collage-image-title-bg-color: hsla(var(--lightAccent-hsl), 0); --image-block-collage-image-title-color: hsla(var(--black-hsl), 1); --image-block-collage-inline-link-color: hsla(var(--black-hsl), 1); --image-block-overlap-image-button-bg-color: hsla(var(--safeDarkAccent-hsl), 1); --image-block-overlap-image-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --image-block-overlap-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-overlap-image-subtitle-color: hsla(var(--black-hsl), 1); --image-block-overlap-image-title-bg-color: hsla(var(--lightAccent-hsl), 1); --image-block-overlap-image-title-color: hsla(var(--black-hsl), 1); --image-block-overlap-inline-link-color: hsla(var(--black-hsl), 1); --image-block-overlay-color: hsla(var(--black-hsl), .5); --image-block-poster-image-button-bg-color: hsla(var(--safeDarkAccent-hsl), 1); --image-block-poster-image-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --image-block-poster-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-poster-image-subtitle-color: hsla(var(--white-hsl), 1); --image-block-poster-image-title-bg-color-v2: hsla(var(--lightAccent-hsl), 0); --image-block-poster-image-title-color: hsla(var(--white-hsl), 1); --image-block-poster-inline-link-color: hsla(var(--white-hsl), 1); --image-block-stack-image-button-bg-color: hsla(var(--safeDarkAccent-hsl), 1); --image-block-stack-image-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --image-block-stack-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-stack-image-subtitle-color: hsla(var(--black-hsl), 1); --image-block-stack-image-title-bg-color: hsla(var(--lightAccent-hsl), 0); --image-block-stack-image-title-color: hsla(var(--black-hsl), 1); --image-block-stack-inline-link-color: hsla(var(--black-hsl), 1); --list-section-banner-slideshow-arrow-background-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-banner-slideshow-arrow-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --list-section-banner-slideshow-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-banner-slideshow-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --list-section-banner-slideshow-card-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-banner-slideshow-card-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --list-section-banner-slideshow-card-color: hsla(var(--white-hsl), 1); --list-section-banner-slideshow-card-description-color: hsla(var(--black-hsl), 1); --list-section-banner-slideshow-card-description-link-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-banner-slideshow-card-title-color: hsla(var(--black-hsl), 1); --list-section-banner-slideshow-description-color: hsla(var(--black-hsl), 1); --list-section-banner-slideshow-title-color: hsla(var(--black-hsl), 1); --list-section-carousel-arrow-background-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-carousel-arrow-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --list-section-carousel-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-carousel-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --list-section-carousel-card-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-carousel-card-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --list-section-carousel-card-color: hsla(var(--white-hsl), 1); --list-section-carousel-card-description-color: hsla(var(--black-hsl), 1); --list-section-carousel-card-description-link-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-carousel-card-title-color: hsla(var(--black-hsl), 1); --list-section-carousel-description-color: hsla(var(--black-hsl), 1); --list-section-carousel-title-color: hsla(var(--black-hsl), 1); --list-section-simple-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-simple-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --list-section-simple-card-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-simple-card-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --list-section-simple-card-color: hsla(var(--white-hsl), 1); --list-section-simple-card-description-color: hsla(var(--black-hsl), 1); --list-section-simple-card-description-link-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-simple-card-title-color: hsla(var(--black-hsl), 1); --list-section-simple-description-color: hsla(var(--black-hsl), 1); --list-section-simple-title-color: hsla(var(--black-hsl), 1); --list-section-title-color: hsla(var(--black-hsl), 1); --menuOverlayBackgroundColor: hsla(var(--lightAccent-hsl), 1); --menuOverlayButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1); --menuOverlayButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1); --menuOverlayNavigationLinkColor: hsla(var(--black-hsl), 1); --navigationLinkColor: hsla(var(--black-hsl), 1); --paragraphLargeColor: hsla(var(--black-hsl), 1); --paragraphLinkColor: hsla(var(--safeDarkAccent-hsl), 1); --paragraphMediumColor: hsla(var(--black-hsl), 1); --paragraphSmallColor: hsla(var(--black-hsl), 1); --portfolio-grid-basic-title-color: hsla(var(--black-hsl), 1); --portfolio-grid-overlay-overlay-color: hsla(var(--lightAccent-hsl), 1); --portfolio-grid-overlay-title-color: hsla(var(--black-hsl), 1); --portfolio-hover-follow-title-color: hsla(var(--black-hsl), 1); --portfolio-hover-static-title-color: hsla(var(--black-hsl), 1); --portfolio-index-background-title-color: hsla(var(--black-hsl), 1); --primaryButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1); --primaryButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1); --product-detail-subscriptions-description-text-color: hsla(var(--black-hsl), 1); --product-detail-subscriptions-frequency-text-color: hsla(var(--black-hsl), 1); --product-detail-one-time-purchase-price-text-color: hsla(var(--black-hsl), 1); --product-detail-subscription-price-text-color: hsla(var(--black-hsl), 1); --product-detail-subscriptions-title-color: hsla(var(--black-hsl), 1); --product-detail-subscriptions-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --product-detail-subscriptions-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --secondaryButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1); --secondaryButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1); --section-divider-stroke-color: hsla(var(--safeDarkAccent-hsl), 1); --section-inset-border-color: hsla(var(--white-hsl), 1); --shape-block-background-color: hsla(var(--white-hsl), 1); --shape-block-dropshadow-color: hsla(var(--white-hsl), 1); --shape-block-stroke-color: hsla(var(--safeDarkAccent-hsl), 1); --siteBackgroundColor: hsla(var(--lightAccent-hsl), 1); --siteTitleColor: hsla(var(--black-hsl), 1); --social-links-block-main-icon-color: hsla(var(--black-hsl), 1); --social-links-block-secondary-icon-color: hsla(var(--lightAccent-hsl), 1); --solidHeaderBackgroundColor: hsla(var(--white-hsl), 1); --solidHeaderBorderColor: hsla(var(--black-hsl), 1); --solidHeaderDropShadowColor: hsla(var(--black-hsl), 1); --solidHeaderNavigationColor: hsla(var(--black-hsl), 1); --summary-block-limited-availability-label-color: hsla(var(--black-hsl), 1); --tertiaryButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1); --tertiaryButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1); --text-highlight-color: hsla(var(--safeDarkAccent-hsl), 1); --text-highlight-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --toggle-off-color: hsla(var(--darkAccent-hsl), 1); --toggle-on-color: hsla(var(--black-hsl), 1); --tweak-accordion-block-background-color: hsla(var(--white-hsl), 1); --tweak-accordion-block-stroke-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-accordion-block-divider-color: hsla(var(--black-hsl), 1); --tweak-accordion-block-divider-color-on-background: hsla(var(--black-hsl), 1); --tweak-accordion-block-icon-color: hsla(var(--black-hsl), 1); --tweak-accordion-block-icon-color-on-background: hsla(var(--black-hsl), 1); --tweak-blog-alternating-side-by-side-list-excerpt-color: hsla(var(--black-hsl), 1); --tweak-blog-alternating-side-by-side-list-meta-color: hsla(var(--black-hsl), 1); --tweak-blog-alternating-side-by-side-list-read-more-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-blog-alternating-side-by-side-list-title-color: hsla(var(--black-hsl), 1); --tweak-blog-basic-grid-list-excerpt-color: hsla(var(--black-hsl), 1); --tweak-blog-basic-grid-list-meta-color: hsla(var(--black-hsl), 1); --tweak-blog-basic-grid-list-read-more-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-blog-basic-grid-list-title-color: hsla(var(--black-hsl), 1); --tweak-blog-item-author-profile-color: hsla(var(--black-hsl), 1); --tweak-blog-item-comment-meta-color: hsla(var(--black-hsl), 1); --tweak-blog-item-comment-text-color: hsla(var(--black-hsl), 1); --tweak-blog-item-meta-color: hsla(var(--black-hsl), 1); --tweak-blog-item-pagination-icon-color: hsla(var(--black-hsl), 1); --tweak-blog-item-pagination-meta-color: hsla(var(--black-hsl), 1); --tweak-blog-item-pagination-title-color: hsla(var(--black-hsl), 1); --tweak-blog-item-title-color: hsla(var(--black-hsl), 1); --tweak-blog-masonry-list-excerpt-color: hsla(var(--black-hsl), 1); --tweak-blog-masonry-list-meta-color: hsla(var(--black-hsl), 1); --tweak-blog-masonry-list-read-more-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-blog-masonry-list-title-color: hsla(var(--black-hsl), 1); --tweak-blog-side-by-side-list-excerpt-color: hsla(var(--black-hsl), 1); --tweak-blog-side-by-side-list-meta-color: hsla(var(--black-hsl), 1); --tweak-blog-side-by-side-list-read-more-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-blog-side-by-side-list-title-color: hsla(var(--black-hsl), 1); --tweak-blog-single-column-list-excerpt-color: hsla(var(--black-hsl), 1); --tweak-blog-single-column-list-meta-color: hsla(var(--black-hsl), 1); --tweak-blog-single-column-list-read-more-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-blog-single-column-list-title-color: hsla(var(--black-hsl), 1); --tweak-content-link-block-title-color: hsla(var(--black-hsl), 1); --tweak-events-item-pagination-date-color: hsla(var(--black-hsl), 1); --tweak-events-item-pagination-icon-color: hsla(var(--black-hsl), 1); --tweak-events-item-pagination-title-color: hsla(var(--black-hsl), 1); --tweak-form-block-background-color: hsla(var(--white-hsl), 1); --tweak-form-block-stroke-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-form-block-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-form-block-button-background-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-form-block-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --tweak-form-block-button-text-color-on-background: hsla(var(--safeInverseDarkAccent-hsl), 1); --tweak-form-block-caption-color: hsla(var(--black-hsl), 1); --tweak-form-block-caption-color-on-background: hsla(var(--black-hsl), 1); --tweak-form-block-description-color: hsla(var(--black-hsl), 1); --tweak-form-block-description-color-on-background: hsla(var(--black-hsl), 1); --tweak-form-block-option-color: hsla(var(--black-hsl), 1); --tweak-form-block-option-color-on-background: hsla(var(--black-hsl), 1); --tweak-form-block-survey-title-color: hsla(var(--black-hsl), 1); --tweak-form-block-survey-title-color-on-background: hsla(var(--black-hsl), 1); --tweak-form-block-title-color: hsla(var(--black-hsl), 1); --tweak-form-block-title-color-on-background: hsla(var(--black-hsl), 1); --tweak-form-block-field-fill-color: hsla(var(--white-hsl), 1); --tweak-form-block-field-fill-color-hsl: var(--white-hsl); --tweak-form-block-field-fill-color-a: 1; --tweak-form-block-field-border-color: hsla(var(--black-hsl), 1); --tweak-form-block-field-border-color-hsl: var(--black-hsl); --tweak-form-block-field-border-color-a: 1; --tweak-form-block-field-accent-color: hsla(var(--accent-hsl), 1); --tweak-form-block-field-accent-color-hsl: var(--accent-hsl); --tweak-form-block-field-accent-color-a: 1; --tweak-form-block-field-input-color: hsla(var(--black-hsl), 1); --tweak-form-block-field-input-color-hsl: var(--black-hsl); --tweak-form-block-field-input-color-a: 1; --tweak-form-block-field-accessory-color: hsla(var(--black-hsl), 1); --tweak-form-block-field-fill-color-on-background: hsla(var(--lightAccent-hsl), 1); --tweak-form-block-field-fill-color-on-background-hsl: var(--lightAccent-hsl); --tweak-form-block-field-fill-color-on-background-a: 1; --tweak-form-block-field-border-color-on-background: hsla(var(--black-hsl), 1); --tweak-form-block-field-border-color-on-background-hsl: var(--black-hsl); --tweak-form-block-field-border-color-on-background-a: 1; --tweak-form-block-field-accent-color-on-background: hsla(var(--accent-hsl), 1); --tweak-form-block-field-accent-color-on-background-hsl: var(--accent-hsl); --tweak-form-block-field-accent-color-on-background-a: 1; --tweak-form-block-field-input-color-on-background: hsla(var(--black-hsl), 1); --tweak-form-block-field-input-color-on-background-hsl: var(--black-hsl); --tweak-form-block-field-input-color-on-background-a: 1; --tweak-form-block-field-accessory-color-on-background: hsla(var(--black-hsl), 1); --tweak-gallery-icon-background-color: hsla(var(--lightAccent-hsl), 1); --tweak-gallery-icon-color: hsla(var(--black-hsl), 1); --tweak-gallery-lightbox-background-color: hsla(var(--lightAccent-hsl), 1); --tweak-gallery-lightbox-icon-color: hsla(var(--black-hsl), 1); --tweak-heading-extra-large-color-on-background: hsla(var(--black-hsl), 1); --tweak-heading-large-color-on-background: hsla(var(--black-hsl), 1); --tweak-heading-medium-color-on-background: hsla(var(--black-hsl), 1); --tweak-heading-small-color-on-background: hsla(var(--black-hsl), 1); --tweak-line-block-line-color: hsla(var(--black-hsl), 1); --tweak-marquee-block-background-color: hsla(var(--white-hsl), 1); --tweak-marquee-block-stroke-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-marquee-block-heading-color: hsla(var(--black-hsl), 1); --tweak-marquee-block-heading-color-on-background: hsla(var(--black-hsl), 1); --tweak-marquee-block-paragraph-color: hsla(var(--black-hsl), 1); --tweak-marquee-block-paragraph-color-on-background: hsla(var(--black-hsl), 1); --tweak-menu-block-item-description-color: hsla(var(--black-hsl), 1); --tweak-menu-block-item-price-color: hsla(var(--black-hsl), 1); --tweak-menu-block-item-title-color: hsla(var(--black-hsl), 1); --tweak-menu-block-nav-color: hsla(var(--black-hsl), 1); --tweak-menu-block-title-color: hsla(var(--black-hsl), 1); --tweak-newsletter-block-background-color: hsla(var(--white-hsl), 1); --tweak-newsletter-block-stroke-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-newsletter-block-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-newsletter-block-button-background-color-on-background: hsla(var(--black-hsl), 1); --tweak-newsletter-block-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --tweak-newsletter-block-button-text-color-on-background: hsla(var(--safeInverseDarkAccent-hsl), 1); --tweak-newsletter-block-description-color: hsla(var(--black-hsl), 1); --tweak-newsletter-block-description-color-on-background: hsla(var(--black-hsl), 1); --tweak-newsletter-block-footnote-color: hsla(var(--black-hsl), 1); --tweak-newsletter-block-footnote-color-on-background: hsla(var(--black-hsl), 1); --tweak-newsletter-block-title-color: hsla(var(--black-hsl), 1); --tweak-newsletter-block-title-color-on-background: hsla(var(--black-hsl), 1); --tweak-paragraph-large-color-on-background: hsla(var(--black-hsl), 1); --tweak-paragraph-link-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-paragraph-medium-color-on-background: hsla(var(--black-hsl), 1); --tweak-paragraph-small-color-on-background: hsla(var(--black-hsl), 1); --tweak-portfolio-item-pagination-icon-color: hsla(var(--black-hsl), 1); --tweak-portfolio-item-pagination-meta-color: hsla(var(--black-hsl), 1); --tweak-portfolio-item-pagination-title-color: hsla(var(--black-hsl), 1); --tweak-product-basic-item-breadcumb-nav-color: hsla(var(--black-hsl), 1); --tweak-product-basic-item-description-color: hsla(var(--black-hsl), 1); --tweak-product-basic-item-gallery-controls-color: hsla(var(--safeInverseLightAccent-hsl), 1); --tweak-product-basic-item-price-color: hsla(var(--black-hsl), 1); --tweak-product-basic-item-sale-price-color: hsla(var(--accent-hsl), 1); --tweak-product-basic-item-scarcity-color: hsla(var(--accent-hsl), 1); --tweak-product-basic-item-title-color: hsla(var(--black-hsl), 1); --tweak-product-basic-item-variant-fields-color: hsla(var(--black-hsl), 1); --tweak-product-grid-text-below-list-category-nav-color: hsla(var(--black-hsl), 1); --tweak-product-grid-text-below-list-pagination-color: hsla(var(--black-hsl), 1); --tweak-product-grid-text-below-list-price-color: hsla(var(--black-hsl), 1); --tweak-product-grid-text-below-list-sale-price-color: hsla(var(--accent-hsl), 1); --tweak-product-grid-text-below-list-scarcity-color: hsla(var(--black-hsl), 1); --tweak-product-grid-text-below-list-status-color: hsla(var(--accent-hsl), 1); --tweak-product-grid-text-below-list-title-color: hsla(var(--black-hsl), 1); --tweak-product-quick-view-button-color: hsla(var(--black-hsl), 1); --tweak-product-quick-view-lightbox-controls-color: hsla(var(--black-hsl), 1); --tweak-product-quick-view-lightbox-overlay-color: hsla(var(--white-hsl), 1); --tweak-quote-block-background-color: hsla(var(--white-hsl), 1); --tweak-quote-block-stroke-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-quote-block-source-color: hsla(var(--black-hsl), 1); --tweak-quote-block-source-color-on-background: hsla(var(--black-hsl), 1); --tweak-quote-block-text-color: hsla(var(--black-hsl), 1); --tweak-quote-block-text-color-on-background: hsla(var(--black-hsl), 1); --tweak-summary-block-background-color: hsla(var(--white-hsl), 1); --tweak-summary-block-stroke-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-summary-block-excerpt-color: hsla(var(--black-hsl), 1); --tweak-summary-block-excerpt-color-on-background: hsla(var(--black-hsl), 1); --tweak-summary-block-header-text-color: hsla(var(--black-hsl), 1); --tweak-summary-block-header-text-color-on-background: hsla(var(--black-hsl), 1); --tweak-summary-block-primary-metadata-color: hsla(var(--black-hsl), 1); --tweak-summary-block-primary-metadata-color-on-background: hsla(var(--black-hsl), 1); --tweak-summary-block-read-more-color: hsla(var(--black-hsl), 1); --tweak-summary-block-read-more-color-on-background: hsla(var(--black-hsl), 1); --tweak-summary-block-secondary-metadata-color: hsla(var(--black-hsl), 1); --tweak-summary-block-secondary-metadata-color-on-background: hsla(var(--black-hsl), 1); --tweak-summary-block-title-color: hsla(var(--black-hsl), 1); --tweak-summary-block-title-color-on-background: hsla(var(--black-hsl), 1); --tweak-text-block-background-color: hsla(var(--white-hsl), 1); --tweak-text-block-stroke-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-video-item-description-color: hsla(var(--black-hsl), 1); --tweak-video-item-meta-color: hsla(var(--black-hsl), 1); --tweak-video-item-pagination-icon-color: hsla(var(--black-hsl), 1); --tweak-video-item-pagination-title-color: hsla(var(--black-hsl), 1); --tweak-video-item-title-color: hsla(var(--black-hsl), 1); --video-grid-basic-description-color: hsla(var(--black-hsl), 1); --video-grid-basic-meta-color: hsla(var(--black-hsl), 1); --video-grid-basic-title-color: hsla(var(--black-hsl), 1); --video-grid-category-nav-color: hsla(var(--black-hsl), 1); --video-preview-badge-background-color: hsla(var(--white-hsl), 1); --video-preview-badge-font-color: hsla(var(--black-hsl), 1) } [data-section-theme="light-bold"] { --announcement-bar-background-color: hsla(var(--accent-hsl), 1); --announcement-bar-text-color: hsla(var(--safeInverseAccent-hsl), 1); --backgroundOverlayColor: hsla(var(--lightAccent-hsl), 1); --course-item-nav-active-lesson-background-color: hsla(var(--darkAccent-hsl), 1); --course-item-nav-active-lesson-text-color: hsla(var(--white-hsl), 1); --course-item-nav-background-color: hsla(var(--white-hsl), 1); --course-item-nav-border-color: hsla(var(--black-hsl), .25); --course-item-nav-text-color: hsla(var(--black-hsl), 1); --course-list-course-progress-bar-color: hsla(var(--darkAccent-hsl), 1); --course-list-course-item-background: hsla(var(--white-hsl), 1); --course-list-course-item-hover-background: hsla(var(--white-hsl), .75); --course-list-course-item-text-color: hsla(var(--black-hsl), 1); --course-list-course-chapter-divider-color: hsla(var(--accent-hsl), 1); --course-list-grid-layout-chapter-divider-color: hsla(var(--safeDarkAccent-hsl), 1); --course-list-grid-layout-course-item-background-color: hsla(var(--white-hsl), 1); --course-list-grid-layout-course-item-hover-background-color: hsla(var(--white-hsl), .75); --course-list-grid-layout-course-item-text-color: hsla(var(--black-hsl), 1); --course-list-grid-layout-course-item-border-color: hsla(var(--accent-hsl), 1); --donation-block-background-color: hsla(var(--white-hsl), 1); --donation-block-stroke-color: hsla(var(--safeDarkAccent-hsl), 1); --gradientHeaderBackgroundColor: hsla(var(--white-hsl), 1); --gradientHeaderBorderColor: hsla(var(--black-hsl), 1); --gradientHeaderDropShadowColor: hsla(var(--black-hsl), 1); --gradientHeaderNavigationColor: hsla(var(--black-hsl), 1); --headerDropShadowColor: hsla(var(--black-hsl), 1); --headerBorderColor: hsla(var(--black-hsl), 1); --headingExtraLargeColor: hsla(var(--safeDarkAccent-hsl), 1); --headingLargeColor: hsla(var(--safeDarkAccent-hsl), 1); --headingLinkColor: hsla(var(--safeDarkAccent-hsl), 1); --headingMediumColor: hsla(var(--safeDarkAccent-hsl), 1); --headingSmallColor: hsla(var(--safeDarkAccent-hsl), 1); --image-block-card-image-button-bg-color: hsla(var(--safeDarkAccent-hsl), 1); --image-block-card-image-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --image-block-card-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-card-image-subtitle-color: hsla(var(--black-hsl), 1); --image-block-card-image-title-bg-color: hsla(var(--lightAccent-hsl), 1); --image-block-card-image-title-color: hsla(var(--black-hsl), 1); --image-block-card-inline-link-color: hsla(var(--black-hsl), 1); --image-block-collage-background-color: hsla(var(--white-hsl), 1); --image-block-collage-image-button-bg-color: hsla(var(--safeDarkAccent-hsl), 1); --image-block-collage-image-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --image-block-collage-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-collage-image-subtitle-color: hsla(var(--safeDarkAccent-hsl), 1); --image-block-collage-image-title-bg-color: hsla(var(--lightAccent-hsl), 0); --image-block-collage-image-title-color: hsla(var(--safeDarkAccent-hsl), 1); --image-block-collage-inline-link-color: hsla(var(--safeDarkAccent-hsl), 1); --image-block-overlap-image-button-bg-color: hsla(var(--safeDarkAccent-hsl), 1); --image-block-overlap-image-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --image-block-overlap-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-overlap-image-subtitle-color: hsla(var(--black-hsl), 1); --image-block-overlap-image-title-bg-color: hsla(var(--lightAccent-hsl), 1); --image-block-overlap-image-title-color: hsla(var(--black-hsl), 1); --image-block-overlap-inline-link-color: hsla(var(--black-hsl), 1); --image-block-overlay-color: hsla(var(--black-hsl), .5); --image-block-poster-image-button-bg-color: hsla(var(--safeDarkAccent-hsl), 1); --image-block-poster-image-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --image-block-poster-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-poster-image-subtitle-color: hsla(var(--white-hsl), 1); --image-block-poster-image-title-bg-color-v2: hsla(var(--lightAccent-hsl), 0); --image-block-poster-image-title-color: hsla(var(--white-hsl), 1); --image-block-poster-inline-link-color: hsla(var(--white-hsl), 1); --image-block-stack-image-button-bg-color: hsla(var(--safeDarkAccent-hsl), 1); --image-block-stack-image-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --image-block-stack-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-stack-image-subtitle-color: hsla(var(--black-hsl), 1); --image-block-stack-image-title-bg-color: hsla(var(--lightAccent-hsl), 0); --image-block-stack-image-title-color: hsla(var(--black-hsl), 1); --image-block-stack-inline-link-color: hsla(var(--black-hsl), 1); --list-section-banner-slideshow-arrow-background-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-banner-slideshow-arrow-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --list-section-banner-slideshow-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-banner-slideshow-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --list-section-banner-slideshow-card-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-banner-slideshow-card-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --list-section-banner-slideshow-card-color: hsla(var(--white-hsl), 1); --list-section-banner-slideshow-card-description-color: hsla(var(--black-hsl), 1); --list-section-banner-slideshow-card-description-link-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-banner-slideshow-card-title-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-banner-slideshow-description-color: hsla(var(--black-hsl), 1); --list-section-banner-slideshow-title-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-carousel-arrow-background-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-carousel-arrow-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --list-section-carousel-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-carousel-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --list-section-carousel-card-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-carousel-card-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --list-section-carousel-card-color: hsla(var(--white-hsl), 1); --list-section-carousel-card-description-color: hsla(var(--black-hsl), 1); --list-section-carousel-card-description-link-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-carousel-card-title-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-carousel-description-color: hsla(var(--black-hsl), 1); --list-section-carousel-title-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-simple-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-simple-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --list-section-simple-card-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-simple-card-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --list-section-simple-card-color: hsla(var(--white-hsl), 1); --list-section-simple-card-description-color: hsla(var(--black-hsl), 1); --list-section-simple-card-description-link-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-simple-card-title-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-simple-description-color: hsla(var(--black-hsl), 1); --list-section-simple-title-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-title-color: hsla(var(--safeDarkAccent-hsl), 1); --menuOverlayBackgroundColor: hsla(var(--lightAccent-hsl), 1); --menuOverlayButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1); --menuOverlayButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1); --menuOverlayNavigationLinkColor: hsla(var(--black-hsl), 1); --navigationLinkColor: hsla(var(--black-hsl), 1); --paragraphLargeColor: hsla(var(--black-hsl), 1); --paragraphLinkColor: hsla(var(--safeDarkAccent-hsl), 1); --paragraphMediumColor: hsla(var(--black-hsl), 1); --paragraphSmallColor: hsla(var(--black-hsl), 1); --portfolio-grid-basic-title-color: hsla(var(--safeDarkAccent-hsl), 1); --portfolio-grid-overlay-overlay-color: hsla(var(--lightAccent-hsl), 1); --portfolio-grid-overlay-title-color: hsla(var(--black-hsl), 1); --portfolio-hover-follow-title-color: hsla(var(--safeDarkAccent-hsl), 1); --portfolio-hover-static-title-color: hsla(var(--safeDarkAccent-hsl), 1); --portfolio-index-background-title-color: hsla(var(--black-hsl), 1); --primaryButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1); --primaryButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1); --product-detail-subscriptions-description-text-color: hsla(var(--black-hsl), 1); --product-detail-subscriptions-frequency-text-color: hsla(var(--black-hsl), 1); --product-detail-one-time-purchase-price-text-color: hsla(var(--black-hsl), 1); --product-detail-subscription-price-text-color: hsla(var(--black-hsl), 1); --product-detail-subscriptions-title-color: hsla(var(--black-hsl), 1); --product-detail-subscriptions-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --product-detail-subscriptions-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --secondaryButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1); --secondaryButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1); --section-divider-stroke-color: hsla(var(--safeDarkAccent-hsl), 1); --section-inset-border-color: hsla(var(--white-hsl), 1); --shape-block-background-color: hsla(var(--white-hsl), 1); --shape-block-dropshadow-color: hsla(var(--white-hsl), 1); --shape-block-stroke-color: hsla(var(--safeDarkAccent-hsl), 1); --siteBackgroundColor: hsla(var(--lightAccent-hsl), 1); --siteTitleColor: hsla(var(--safeDarkAccent-hsl), 1); --social-links-block-main-icon-color: hsla(var(--black-hsl), 1); --social-links-block-secondary-icon-color: hsla(var(--lightAccent-hsl), 1); --solidHeaderBackgroundColor: hsla(var(--white-hsl), 1); --solidHeaderBorderColor: hsla(var(--black-hsl), 1); --solidHeaderDropShadowColor: hsla(var(--black-hsl), 1); --solidHeaderNavigationColor: hsla(var(--black-hsl), 1); --summary-block-limited-availability-label-color: hsla(var(--black-hsl), 1); --tertiaryButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1); --tertiaryButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1); --text-highlight-color: hsla(var(--safeDarkAccent-hsl), 1); --text-highlight-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --toggle-off-color: hsla(var(--darkAccent-hsl), 1); --toggle-on-color: hsla(var(--black-hsl), 1); --tweak-accordion-block-background-color: hsla(var(--white-hsl), 1); --tweak-accordion-block-stroke-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-accordion-block-divider-color: hsla(var(--black-hsl), 1); --tweak-accordion-block-divider-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-accordion-block-icon-color: hsla(var(--black-hsl), 1); --tweak-accordion-block-icon-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-blog-alternating-side-by-side-list-excerpt-color: hsla(var(--black-hsl), 1); --tweak-blog-alternating-side-by-side-list-meta-color: hsla(var(--black-hsl), 1); --tweak-blog-alternating-side-by-side-list-read-more-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-blog-alternating-side-by-side-list-title-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-blog-basic-grid-list-excerpt-color: hsla(var(--black-hsl), 1); --tweak-blog-basic-grid-list-meta-color: hsla(var(--black-hsl), 1); --tweak-blog-basic-grid-list-read-more-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-blog-basic-grid-list-title-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-blog-item-author-profile-color: hsla(var(--black-hsl), 1); --tweak-blog-item-comment-meta-color: hsla(var(--black-hsl), 1); --tweak-blog-item-comment-text-color: hsla(var(--black-hsl), 1); --tweak-blog-item-meta-color: hsla(var(--black-hsl), 1); --tweak-blog-item-pagination-icon-color: hsla(var(--black-hsl), 1); --tweak-blog-item-pagination-meta-color: hsla(var(--black-hsl), 1); --tweak-blog-item-pagination-title-color: hsla(var(--black-hsl), 1); --tweak-blog-item-title-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-blog-masonry-list-excerpt-color: hsla(var(--black-hsl), 1); --tweak-blog-masonry-list-meta-color: hsla(var(--black-hsl), 1); --tweak-blog-masonry-list-read-more-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-blog-masonry-list-title-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-blog-side-by-side-list-excerpt-color: hsla(var(--black-hsl), 1); --tweak-blog-side-by-side-list-meta-color: hsla(var(--black-hsl), 1); --tweak-blog-side-by-side-list-read-more-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-blog-side-by-side-list-title-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-blog-single-column-list-excerpt-color: hsla(var(--black-hsl), 1); --tweak-blog-single-column-list-meta-color: hsla(var(--black-hsl), 1); --tweak-blog-single-column-list-read-more-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-blog-single-column-list-title-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-content-link-block-title-color: hsla(var(--black-hsl), 1); --tweak-events-item-pagination-date-color: hsla(var(--black-hsl), 1); --tweak-events-item-pagination-icon-color: hsla(var(--black-hsl), 1); --tweak-events-item-pagination-title-color: hsla(var(--black-hsl), 1); --tweak-form-block-background-color: hsla(var(--white-hsl), 1); --tweak-form-block-stroke-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-form-block-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-form-block-button-background-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-form-block-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --tweak-form-block-button-text-color-on-background: hsla(var(--safeInverseDarkAccent-hsl), 1); --tweak-form-block-caption-color: hsla(var(--black-hsl), 1); --tweak-form-block-caption-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-form-block-description-color: hsla(var(--black-hsl), 1); --tweak-form-block-description-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-form-block-option-color: hsla(var(--black-hsl), 1); --tweak-form-block-option-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-form-block-survey-title-color: hsla(var(--black-hsl), 1); --tweak-form-block-survey-title-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-form-block-title-color: hsla(var(--black-hsl), 1); --tweak-form-block-title-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-form-block-field-fill-color: hsla(var(--white-hsl), 1); --tweak-form-block-field-fill-color-hsl: var(--white-hsl); --tweak-form-block-field-fill-color-a: 1; --tweak-form-block-field-border-color: hsla(var(--black-hsl), 1); --tweak-form-block-field-border-color-hsl: var(--black-hsl); --tweak-form-block-field-border-color-a: 1; --tweak-form-block-field-accent-color: hsla(var(--accent-hsl), 1); --tweak-form-block-field-accent-color-hsl: var(--accent-hsl); --tweak-form-block-field-accent-color-a: 1; --tweak-form-block-field-input-color: hsla(var(--black-hsl), 1); --tweak-form-block-field-input-color-hsl: var(--black-hsl); --tweak-form-block-field-input-color-a: 1; --tweak-form-block-field-accessory-color: hsla(var(--black-hsl), 1); --tweak-form-block-field-fill-color-on-background: hsla(var(--lightAccent-hsl), 1); --tweak-form-block-field-fill-color-on-background-hsl: var(--lightAccent-hsl); --tweak-form-block-field-fill-color-on-background-a: 1; --tweak-form-block-field-border-color-on-background: hsla(var(--black-hsl), 1); --tweak-form-block-field-border-color-on-background-hsl: var(--black-hsl); --tweak-form-block-field-border-color-on-background-a: 1; --tweak-form-block-field-accent-color-on-background: hsla(var(--accent-hsl), 1); --tweak-form-block-field-accent-color-on-background-hsl: var(--accent-hsl); --tweak-form-block-field-accent-color-on-background-a: 1; --tweak-form-block-field-input-color-on-background: hsla(var(--black-hsl), 1); --tweak-form-block-field-input-color-on-background-hsl: var(--black-hsl); --tweak-form-block-field-input-color-on-background-a: 1; --tweak-form-block-field-accessory-color-on-background: hsla(var(--black-hsl), 1); --tweak-gallery-icon-background-color: hsla(var(--lightAccent-hsl), 1); --tweak-gallery-icon-color: hsla(var(--black-hsl), 1); --tweak-gallery-lightbox-background-color: hsla(var(--lightAccent-hsl), 1); --tweak-gallery-lightbox-icon-color: hsla(var(--black-hsl), 1); --tweak-heading-extra-large-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-heading-large-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-heading-medium-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-heading-small-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-line-block-line-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-marquee-block-background-color: hsla(var(--white-hsl), 1); --tweak-marquee-block-stroke-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-marquee-block-heading-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-marquee-block-heading-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-marquee-block-paragraph-color: hsla(var(--black-hsl), 1); --tweak-marquee-block-paragraph-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-menu-block-item-description-color: hsla(var(--black-hsl), 1); --tweak-menu-block-item-price-color: hsla(var(--black-hsl), 1); --tweak-menu-block-item-title-color: hsla(var(--black-hsl), 1); --tweak-menu-block-nav-color: hsla(var(--black-hsl), 1); --tweak-menu-block-title-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-newsletter-block-background-color: hsla(var(--white-hsl), 1); --tweak-newsletter-block-stroke-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-newsletter-block-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-newsletter-block-button-background-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-newsletter-block-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --tweak-newsletter-block-button-text-color-on-background: hsla(var(--safeInverseDarkAccent-hsl), 1); --tweak-newsletter-block-description-color: hsla(var(--black-hsl), 1); --tweak-newsletter-block-description-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-newsletter-block-footnote-color: hsla(var(--black-hsl), 1); --tweak-newsletter-block-footnote-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-newsletter-block-title-color: hsla(var(--black-hsl), 1); --tweak-newsletter-block-title-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-paragraph-large-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-paragraph-link-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-paragraph-medium-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-paragraph-small-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-portfolio-item-pagination-icon-color: hsla(var(--black-hsl), 1); --tweak-portfolio-item-pagination-meta-color: hsla(var(--black-hsl), 1); --tweak-portfolio-item-pagination-title-color: hsla(var(--black-hsl), 1); --tweak-product-basic-item-breadcumb-nav-color: hsla(var(--black-hsl), 1); --tweak-product-basic-item-description-color: hsla(var(--black-hsl), 1); --tweak-product-basic-item-gallery-controls-color: hsla(var(--safeInverseLightAccent-hsl), 1); --tweak-product-basic-item-price-color: hsla(var(--black-hsl), 1); --tweak-product-basic-item-sale-price-color: hsla(var(--accent-hsl), 1); --tweak-product-basic-item-scarcity-color: hsla(var(--accent-hsl), 1); --tweak-product-basic-item-title-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-product-basic-item-variant-fields-color: hsla(var(--black-hsl), 1); --tweak-product-grid-text-below-list-category-nav-color: hsla(var(--black-hsl), 1); --tweak-product-grid-text-below-list-pagination-color: hsla(var(--black-hsl), 1); --tweak-product-grid-text-below-list-price-color: hsla(var(--black-hsl), 1); --tweak-product-grid-text-below-list-sale-price-color: hsla(var(--accent-hsl), 1); --tweak-product-grid-text-below-list-scarcity-color: hsla(var(--black-hsl), 1); --tweak-product-grid-text-below-list-status-color: hsla(var(--accent-hsl), 1); --tweak-product-grid-text-below-list-title-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-product-quick-view-button-color: hsla(var(--black-hsl), 1); --tweak-product-quick-view-lightbox-controls-color: hsla(var(--black-hsl), 1); --tweak-product-quick-view-lightbox-overlay-color: hsla(var(--white-hsl), 1); --tweak-quote-block-background-color: hsla(var(--white-hsl), 1); --tweak-quote-block-stroke-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-quote-block-source-color: hsla(var(--black-hsl), 1); --tweak-quote-block-source-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-quote-block-text-color: hsla(var(--black-hsl), 1); --tweak-quote-block-text-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-summary-block-background-color: hsla(var(--white-hsl), 1); --tweak-summary-block-stroke-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-summary-block-excerpt-color: hsla(var(--black-hsl), 1); --tweak-summary-block-excerpt-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-summary-block-header-text-color: hsla(var(--black-hsl), 1); --tweak-summary-block-header-text-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-summary-block-primary-metadata-color: hsla(var(--black-hsl), 1); --tweak-summary-block-primary-metadata-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-summary-block-read-more-color: hsla(var(--black-hsl), 1); --tweak-summary-block-read-more-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-summary-block-secondary-metadata-color: hsla(var(--black-hsl), 1); --tweak-summary-block-secondary-metadata-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-summary-block-title-color: hsla(var(--black-hsl), 1); --tweak-summary-block-title-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-text-block-background-color: hsla(var(--white-hsl), 1); --tweak-text-block-stroke-color: hsla(var(--safeDarkAccent-hsl), 1); --tweak-video-item-description-color: hsla(var(--accent-hsl), 1); --tweak-video-item-meta-color: hsla(var(--accent-hsl), 1); --tweak-video-item-pagination-icon-color: hsla(var(--accent-hsl), 1); --tweak-video-item-pagination-title-color: hsla(var(--accent-hsl), 1); --tweak-video-item-title-color: hsla(var(--accent-hsl), 1); --video-grid-basic-description-color: hsla(var(--accent-hsl), 1); --video-grid-basic-meta-color: hsla(var(--accent-hsl), 1); --video-grid-basic-title-color: hsla(var(--accent-hsl), 1); --video-grid-category-nav-color: hsla(var(--accent-hsl), 1); --video-preview-badge-background-color: hsla(var(--white-hsl), 1); --video-preview-badge-font-color: hsla(var(--black-hsl), 1) } [data-section-theme="dark"] { --announcement-bar-background-color: hsla(var(--lightAccent-hsl), 1); --announcement-bar-text-color: hsla(var(--black-hsl), 1); --backgroundOverlayColor: hsla(var(--darkAccent-hsl), 1); --course-item-nav-active-lesson-background-color: hsla(var(--lightAccent-hsl), 1); --course-item-nav-active-lesson-text-color: hsla(var(--black-hsl), 1); --course-item-nav-background-color: hsla(var(--black-hsl), 1); --course-item-nav-border-color: hsla(var(--white-hsl), .25); --course-item-nav-text-color: hsla(var(--white-hsl), 1); --course-list-course-progress-bar-color: hsla(var(--accent-hsl), 1); --course-list-course-item-background: hsla(var(--white-hsl), 1); --course-list-course-item-hover-background: hsla(var(--white-hsl), .9); --course-list-course-item-text-color: hsla(var(--black-hsl), 1); --course-list-course-chapter-divider-color: hsla(var(--accent-hsl), 1); --course-list-grid-layout-chapter-divider-color: hsla(var(--white-hsl), 1); --course-list-grid-layout-course-item-background-color: hsla(var(--white-hsl), 1); --course-list-grid-layout-course-item-hover-background-color: hsla(var(--white-hsl), .9); --course-list-grid-layout-course-item-text-color: hsla(var(--black-hsl), 1); --course-list-grid-layout-course-item-border-color: hsla(var(--accent-hsl), 1); --donation-block-background-color: hsla(var(--white-hsl), 1); --donation-block-stroke-color: hsla(var(--safeLightAccent-hsl), 1); --gradientHeaderBackgroundColor: hsla(var(--white-hsl), 1); --gradientHeaderBorderColor: hsla(var(--black-hsl), 1); --gradientHeaderDropShadowColor: hsla(var(--black-hsl), 1); --gradientHeaderNavigationColor: hsla(var(--black-hsl), 1); --headerDropShadowColor: hsla(var(--black-hsl), 1); --headerBorderColor: hsla(var(--black-hsl), 1); --headingExtraLargeColor: hsla(var(--white-hsl), 1); --headingLargeColor: hsla(var(--white-hsl), 1); --headingLinkColor: hsla(var(--lightAccent-hsl), 1); --headingMediumColor: hsla(var(--white-hsl), 1); --headingSmallColor: hsla(var(--white-hsl), 1); --image-block-card-image-button-bg-color: hsla(var(--safeLightAccent-hsl), 1); --image-block-card-image-button-text-color: hsla(var(--safeInverseLightAccent-hsl), 1); --image-block-card-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-card-image-subtitle-color: hsla(var(--white-hsl), 1); --image-block-card-image-title-bg-color: hsla(var(--darkAccent-hsl), 1); --image-block-card-image-title-color: hsla(var(--white-hsl), 1); --image-block-card-inline-link-color: hsla(var(--white-hsl), 1); --image-block-collage-background-color: hsla(var(--white-hsl), 1); --image-block-collage-image-button-bg-color: hsla(var(--safeDarkAccent-hsl), 1); --image-block-collage-image-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --image-block-collage-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-collage-image-subtitle-color: hsla(var(--black-hsl), 1); --image-block-collage-image-title-bg-color: hsla(var(--darkAccent-hsl), 0); --image-block-collage-image-title-color: hsla(var(--black-hsl), 1); --image-block-collage-inline-link-color: hsla(var(--black-hsl), 1); --image-block-overlap-image-button-bg-color: hsla(var(--safeLightAccent-hsl), 1); --image-block-overlap-image-button-text-color: hsla(var(--safeInverseLightAccent-hsl), 1); --image-block-overlap-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-overlap-image-subtitle-color: hsla(var(--white-hsl), 1); --image-block-overlap-image-title-bg-color: hsla(var(--darkAccent-hsl), 1); --image-block-overlap-image-title-color: hsla(var(--white-hsl), 1); --image-block-overlap-inline-link-color: hsla(var(--white-hsl), 1); --image-block-overlay-color: hsla(var(--black-hsl), .5); --image-block-poster-image-button-bg-color: hsla(var(--safeLightAccent-hsl), 1); --image-block-poster-image-button-text-color: hsla(var(--safeInverseLightAccent-hsl), 1); --image-block-poster-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-poster-image-subtitle-color: hsla(var(--white-hsl), 1); --image-block-poster-image-title-bg-color-v2: hsla(var(--darkAccent-hsl), 0); --image-block-poster-image-title-color: hsla(var(--white-hsl), 1); --image-block-poster-inline-link-color: hsla(var(--white-hsl), 1); --image-block-stack-image-button-bg-color: hsla(var(--safeLightAccent-hsl), 1); --image-block-stack-image-button-text-color: hsla(var(--safeInverseLightAccent-hsl), 1); --image-block-stack-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-stack-image-subtitle-color: hsla(var(--white-hsl), 1); --image-block-stack-image-title-bg-color: hsla(var(--darkAccent-hsl), 0); --image-block-stack-image-title-color: hsla(var(--white-hsl), 1); --image-block-stack-inline-link-color: hsla(var(--white-hsl), 1); --list-section-banner-slideshow-arrow-background-color: hsla(var(--safeLightAccent-hsl), 1); --list-section-banner-slideshow-arrow-color: hsla(var(--safeInverseLightAccent-hsl), 1); --list-section-banner-slideshow-button-background-color: hsla(var(--safeLightAccent-hsl), 1); --list-section-banner-slideshow-button-text-color: hsla(var(--safeInverseLightAccent-hsl), 1); --list-section-banner-slideshow-card-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-banner-slideshow-card-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --list-section-banner-slideshow-card-color: hsla(var(--white-hsl), 1); --list-section-banner-slideshow-card-description-color: hsla(var(--black-hsl), 1); --list-section-banner-slideshow-card-description-link-color: hsla(var(--safeLightAccent-hsl), 1); --list-section-banner-slideshow-card-title-color: hsla(var(--black-hsl), 1); --list-section-banner-slideshow-description-color: hsla(var(--white-hsl), 1); --list-section-banner-slideshow-title-color: hsla(var(--white-hsl), 1); --list-section-carousel-arrow-background-color: hsla(var(--safeLightAccent-hsl), 1); --list-section-carousel-arrow-color: hsla(var(--safeInverseLightAccent-hsl), 1); --list-section-carousel-button-background-color: hsla(var(--safeLightAccent-hsl), 1); --list-section-carousel-button-text-color: hsla(var(--safeInverseLightAccent-hsl), 1); --list-section-carousel-card-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-carousel-card-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --list-section-carousel-card-color: hsla(var(--white-hsl), 1); --list-section-carousel-card-description-color: hsla(var(--black-hsl), 1); --list-section-carousel-card-description-link-color: hsla(var(--safeLightAccent-hsl), 1); --list-section-carousel-card-title-color: hsla(var(--black-hsl), 1); --list-section-carousel-description-color: hsla(var(--white-hsl), 1); --list-section-carousel-title-color: hsla(var(--white-hsl), 1); --list-section-simple-button-background-color: hsla(var(--safeLightAccent-hsl), 1); --list-section-simple-button-text-color: hsla(var(--safeInverseLightAccent-hsl), 1); --list-section-simple-card-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-simple-card-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --list-section-simple-card-color: hsla(var(--white-hsl), 1); --list-section-simple-card-description-color: hsla(var(--black-hsl), 1); --list-section-simple-card-description-link-color: hsla(var(--safeLightAccent-hsl), 1); --list-section-simple-card-title-color: hsla(var(--black-hsl), 1); --list-section-simple-description-color: hsla(var(--white-hsl), 1); --list-section-simple-title-color: hsla(var(--white-hsl), 1); --list-section-title-color: hsla(var(--white-hsl), 1); --menuOverlayBackgroundColor: hsla(var(--darkAccent-hsl), 1); --menuOverlayButtonBackgroundColor: hsla(var(--safeLightAccent-hsl), 1); --menuOverlayButtonTextColor: hsla(var(--safeInverseLightAccent-hsl), 1); --menuOverlayNavigationLinkColor: hsla(var(--white-hsl), 1); --navigationLinkColor: hsla(var(--white-hsl), 1); --paragraphLargeColor: hsla(var(--white-hsl), 1); --paragraphLinkColor: hsla(var(--safeLightAccent-hsl), 1); --paragraphMediumColor: hsla(var(--white-hsl), 1); --paragraphSmallColor: hsla(var(--white-hsl), 1); --portfolio-grid-basic-title-color: hsla(var(--white-hsl), 1); --portfolio-grid-overlay-overlay-color: hsla(var(--darkAccent-hsl), 1); --portfolio-grid-overlay-title-color: hsla(var(--white-hsl), 1); --portfolio-hover-follow-title-color: hsla(var(--white-hsl), 1); --portfolio-hover-static-title-color: hsla(var(--white-hsl), 1); --portfolio-index-background-title-color: hsla(var(--white-hsl), 1); --primaryButtonBackgroundColor: hsla(var(--safeLightAccent-hsl), 1); --primaryButtonTextColor: hsla(var(--safeInverseLightAccent-hsl), 1); --product-detail-subscriptions-description-text-color: hsla(var(--white-hsl), 1); --product-detail-subscriptions-frequency-text-color: hsla(var(--white-hsl), 1); --product-detail-one-time-purchase-price-text-color: hsla(var(--white-hsl), 1); --product-detail-subscription-price-text-color: hsla(var(--white-hsl), 1); --product-detail-subscriptions-title-color: hsla(var(--white-hsl), 1); --product-detail-subscriptions-button-background-color: hsla(var(--safeLightAccent-hsl), 1); --product-detail-subscriptions-button-text-color: hsla(var(--safeInverseLightAccent-hsl), 1); --secondaryButtonBackgroundColor: hsla(var(--safeLightAccent-hsl), 1); --secondaryButtonTextColor: hsla(var(--safeInverseLightAccent-hsl), 1); --section-divider-stroke-color: hsla(var(--safeLightAccent-hsl), 1); --section-inset-border-color: hsla(var(--white-hsl), 1); --shape-block-background-color: hsla(var(--white-hsl), 1); --shape-block-dropshadow-color: hsla(var(--white-hsl), 1); --shape-block-stroke-color: hsla(var(--safeLightAccent-hsl), 1); --siteBackgroundColor: hsla(var(--darkAccent-hsl), 1); --siteTitleColor: hsla(var(--white-hsl), 1); --social-links-block-main-icon-color: hsla(var(--white-hsl), 1); --social-links-block-secondary-icon-color: hsla(var(--darkAccent-hsl), 1); --solidHeaderBackgroundColor: hsla(var(--white-hsl), 1); --solidHeaderBorderColor: hsla(var(--black-hsl), 1); --solidHeaderDropShadowColor: hsla(var(--black-hsl), 1); --solidHeaderNavigationColor: hsla(var(--black-hsl), 1); --summary-block-limited-availability-label-color: hsla(var(--white-hsl), 1); --tertiaryButtonBackgroundColor: hsla(var(--safeLightAccent-hsl), 1); --tertiaryButtonTextColor: hsla(var(--safeInverseLightAccent-hsl), 1); --text-highlight-color: hsla(var(--safeLightAccent-hsl), 1); --text-highlight-color-on-background: hsla(var(--safeLightAccent-hsl), 1); --toggle-off-color: hsla(var(--lightAccent-hsl), 1); --toggle-on-color: hsla(var(--accent-hsl), 1); --tweak-accordion-block-background-color: hsla(var(--white-hsl), 1); --tweak-accordion-block-stroke-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-accordion-block-divider-color: hsla(var(--white-hsl), 1); --tweak-accordion-block-divider-color-on-background: hsla(var(--black-hsl), 1); --tweak-accordion-block-icon-color: hsla(var(--white-hsl), 1); --tweak-accordion-block-icon-color-on-background: hsla(var(--black-hsl), 1); --tweak-blog-alternating-side-by-side-list-excerpt-color: hsla(var(--white-hsl), 1); --tweak-blog-alternating-side-by-side-list-meta-color: hsla(var(--white-hsl), 1); --tweak-blog-alternating-side-by-side-list-read-more-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-blog-alternating-side-by-side-list-title-color: hsla(var(--white-hsl), 1); --tweak-blog-basic-grid-list-excerpt-color: hsla(var(--white-hsl), 1); --tweak-blog-basic-grid-list-meta-color: hsla(var(--white-hsl), 1); --tweak-blog-basic-grid-list-read-more-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-blog-basic-grid-list-title-color: hsla(var(--white-hsl), 1); --tweak-blog-item-author-profile-color: hsla(var(--white-hsl), 1); --tweak-blog-item-comment-meta-color: hsla(var(--white-hsl), 1); --tweak-blog-item-comment-text-color: hsla(var(--white-hsl), 1); --tweak-blog-item-meta-color: hsla(var(--white-hsl), 1); --tweak-blog-item-pagination-icon-color: hsla(var(--white-hsl), 1); --tweak-blog-item-pagination-meta-color: hsla(var(--white-hsl), 1); --tweak-blog-item-pagination-title-color: hsla(var(--white-hsl), 1); --tweak-blog-item-title-color: hsla(var(--white-hsl), 1); --tweak-blog-masonry-list-excerpt-color: hsla(var(--white-hsl), 1); --tweak-blog-masonry-list-meta-color: hsla(var(--white-hsl), 1); --tweak-blog-masonry-list-read-more-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-blog-masonry-list-title-color: hsla(var(--white-hsl), 1); --tweak-blog-side-by-side-list-excerpt-color: hsla(var(--white-hsl), 1); --tweak-blog-side-by-side-list-meta-color: hsla(var(--white-hsl), 1); --tweak-blog-side-by-side-list-read-more-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-blog-side-by-side-list-title-color: hsla(var(--white-hsl), 1); --tweak-blog-single-column-list-excerpt-color: hsla(var(--white-hsl), 1); --tweak-blog-single-column-list-meta-color: hsla(var(--white-hsl), 1); --tweak-blog-single-column-list-read-more-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-blog-single-column-list-title-color: hsla(var(--white-hsl), 1); --tweak-content-link-block-title-color: hsla(var(--white-hsl), 1); --tweak-events-item-pagination-date-color: hsla(var(--white-hsl), 1); --tweak-events-item-pagination-icon-color: hsla(var(--white-hsl), 1); --tweak-events-item-pagination-title-color: hsla(var(--white-hsl), 1); --tweak-form-block-background-color: hsla(var(--white-hsl), 1); --tweak-form-block-stroke-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-form-block-button-background-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-form-block-button-background-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-form-block-button-text-color: hsla(var(--safeInverseLightAccent-hsl), 1); --tweak-form-block-button-text-color-on-background: hsla(var(--safeInverseDarkAccent-hsl), 1); --tweak-form-block-caption-color: hsla(var(--white-hsl), 1); --tweak-form-block-caption-color-on-background: hsla(var(--black-hsl), 1); --tweak-form-block-description-color: hsla(var(--white-hsl), 1); --tweak-form-block-description-color-on-background: hsla(var(--black-hsl), 1); --tweak-form-block-option-color: hsla(var(--white-hsl), 1); --tweak-form-block-option-color-on-background: hsla(var(--black-hsl), 1); --tweak-form-block-survey-title-color: hsla(var(--white-hsl), 1); --tweak-form-block-survey-title-color-on-background: hsla(var(--black-hsl), 1); --tweak-form-block-title-color: hsla(var(--white-hsl), 1); --tweak-form-block-title-color-on-background: hsla(var(--black-hsl), 1); --tweak-form-block-field-fill-color: hsla(var(--black-hsl), 1); --tweak-form-block-field-fill-color-hsl: var(--black-hsl); --tweak-form-block-field-fill-color-a: 1; --tweak-form-block-field-border-color: hsla(var(--white-hsl), 1); --tweak-form-block-field-border-color-hsl: var(--white-hsl); --tweak-form-block-field-border-color-a: 1; --tweak-form-block-field-accent-color: hsla(var(--accent-hsl), 1); --tweak-form-block-field-accent-color-hsl: var(--accent-hsl); --tweak-form-block-field-accent-color-a: 1; --tweak-form-block-field-input-color: hsla(var(--white-hsl), 1); --tweak-form-block-field-input-color-hsl: var(--white-hsl); --tweak-form-block-field-input-color-a: 1; --tweak-form-block-field-accessory-color: hsla(var(--white-hsl), 1); --tweak-form-block-field-fill-color-on-background: hsla(var(--lightAccent-hsl), 1); --tweak-form-block-field-fill-color-on-background-hsl: var(--lightAccent-hsl); --tweak-form-block-field-fill-color-on-background-a: 1; --tweak-form-block-field-border-color-on-background: hsla(var(--black-hsl), 1); --tweak-form-block-field-border-color-on-background-hsl: var(--black-hsl); --tweak-form-block-field-border-color-on-background-a: 1; --tweak-form-block-field-accent-color-on-background: hsla(var(--accent-hsl), 1); --tweak-form-block-field-accent-color-on-background-hsl: var(--accent-hsl); --tweak-form-block-field-accent-color-on-background-a: 1; --tweak-form-block-field-input-color-on-background: hsla(var(--black-hsl), 1); --tweak-form-block-field-input-color-on-background-hsl: var(--black-hsl); --tweak-form-block-field-input-color-on-background-a: 1; --tweak-form-block-field-accessory-color-on-background: hsla(var(--black-hsl), 1); --tweak-gallery-icon-background-color: hsla(var(--darkAccent-hsl), 1); --tweak-gallery-icon-color: hsla(var(--white-hsl), 1); --tweak-gallery-lightbox-background-color: hsla(var(--darkAccent-hsl), 1); --tweak-gallery-lightbox-icon-color: hsla(var(--white-hsl), 1); --tweak-heading-extra-large-color-on-background: hsla(var(--black-hsl), 1); --tweak-heading-large-color-on-background: hsla(var(--black-hsl), 1); --tweak-heading-medium-color-on-background: hsla(var(--black-hsl), 1); --tweak-heading-small-color-on-background: hsla(var(--black-hsl), 1); --tweak-line-block-line-color: hsla(var(--white-hsl), 1); --tweak-marquee-block-background-color: hsla(var(--white-hsl), 1); --tweak-marquee-block-stroke-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-marquee-block-heading-color: hsla(var(--white-hsl), 1); --tweak-marquee-block-heading-color-on-background: hsla(var(--black-hsl), 1); --tweak-marquee-block-paragraph-color: hsla(var(--white-hsl), 1); --tweak-marquee-block-paragraph-color-on-background: hsla(var(--black-hsl), 1); --tweak-menu-block-item-description-color: hsla(var(--white-hsl), 1); --tweak-menu-block-item-price-color: hsla(var(--white-hsl), 1); --tweak-menu-block-item-title-color: hsla(var(--white-hsl), 1); --tweak-menu-block-nav-color: hsla(var(--white-hsl), 1); --tweak-menu-block-title-color: hsla(var(--white-hsl), 1); --tweak-newsletter-block-background-color: hsla(var(--white-hsl), 1); --tweak-newsletter-block-stroke-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-newsletter-block-button-background-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-newsletter-block-button-background-color-on-background: hsla(var(--black-hsl), 1); --tweak-newsletter-block-button-text-color: hsla(var(--safeInverseLightAccent-hsl), 1); --tweak-newsletter-block-button-text-color-on-background: hsla(var(--safeInverseDarkAccent-hsl), 1); --tweak-newsletter-block-description-color: hsla(var(--white-hsl), 1); --tweak-newsletter-block-description-color-on-background: hsla(var(--black-hsl), 1); --tweak-newsletter-block-footnote-color: hsla(var(--white-hsl), 1); --tweak-newsletter-block-footnote-color-on-background: hsla(var(--black-hsl), 1); --tweak-newsletter-block-title-color: hsla(var(--white-hsl), 1); --tweak-newsletter-block-title-color-on-background: hsla(var(--black-hsl), 1); --tweak-paragraph-large-color-on-background: hsla(var(--black-hsl), 1); --tweak-paragraph-link-color-on-background: hsla(var(--safeLightAccent-hsl), 1); --tweak-paragraph-medium-color-on-background: hsla(var(--black-hsl), 1); --tweak-paragraph-small-color-on-background: hsla(var(--black-hsl), 1); --tweak-portfolio-item-pagination-icon-color: hsla(var(--white-hsl), 1); --tweak-portfolio-item-pagination-meta-color: hsla(var(--white-hsl), 1); --tweak-portfolio-item-pagination-title-color: hsla(var(--white-hsl), 1); --tweak-product-basic-item-breadcumb-nav-color: hsla(var(--white-hsl), 1); --tweak-product-basic-item-description-color: hsla(var(--white-hsl), 1); --tweak-product-basic-item-gallery-controls-color: hsla(var(--safeInverseLightAccent-hsl), 1); --tweak-product-basic-item-price-color: hsla(var(--white-hsl), 1); --tweak-product-basic-item-sale-price-color: hsla(var(--accent-hsl), 1); --tweak-product-basic-item-scarcity-color: hsla(var(--accent-hsl), 1); --tweak-product-basic-item-title-color: hsla(var(--white-hsl), 1); --tweak-product-basic-item-variant-fields-color: hsla(var(--white-hsl), 1); --tweak-product-grid-text-below-list-category-nav-color: hsla(var(--white-hsl), 1); --tweak-product-grid-text-below-list-pagination-color: hsla(var(--white-hsl), 1); --tweak-product-grid-text-below-list-price-color: hsla(var(--white-hsl), 1); --tweak-product-grid-text-below-list-sale-price-color: hsla(var(--accent-hsl), 1); --tweak-product-grid-text-below-list-scarcity-color: hsla(var(--white-hsl), 1); --tweak-product-grid-text-below-list-status-color: hsla(var(--accent-hsl), 1); --tweak-product-grid-text-below-list-title-color: hsla(var(--white-hsl), 1); --tweak-product-quick-view-button-color: hsla(var(--black-hsl), 1); --tweak-product-quick-view-lightbox-controls-color: hsla(var(--black-hsl), 1); --tweak-product-quick-view-lightbox-overlay-color: hsla(var(--white-hsl), 1); --tweak-quote-block-background-color: hsla(var(--white-hsl), 1); --tweak-quote-block-stroke-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-quote-block-source-color: hsla(var(--white-hsl), 1); --tweak-quote-block-source-color-on-background: hsla(var(--black-hsl), 1); --tweak-quote-block-text-color: hsla(var(--white-hsl), 1); --tweak-quote-block-text-color-on-background: hsla(var(--black-hsl), 1); --tweak-summary-block-background-color: hsla(var(--white-hsl), 1); --tweak-summary-block-stroke-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-summary-block-excerpt-color: hsla(var(--white-hsl), 1); --tweak-summary-block-excerpt-color-on-background: hsla(var(--black-hsl), 1); --tweak-summary-block-header-text-color: hsla(var(--white-hsl), 1); --tweak-summary-block-header-text-color-on-background: hsla(var(--black-hsl), 1); --tweak-summary-block-primary-metadata-color: hsla(var(--white-hsl), 1); --tweak-summary-block-primary-metadata-color-on-background: hsla(var(--black-hsl), 1); --tweak-summary-block-read-more-color: hsla(var(--white-hsl), 1); --tweak-summary-block-read-more-color-on-background: hsla(var(--black-hsl), 1); --tweak-summary-block-secondary-metadata-color: hsla(var(--white-hsl), 1); --tweak-summary-block-secondary-metadata-color-on-background: hsla(var(--black-hsl), 1); --tweak-summary-block-title-color: hsla(var(--white-hsl), 1); --tweak-summary-block-title-color-on-background: hsla(var(--black-hsl), 1); --tweak-text-block-background-color: hsla(var(--white-hsl), 1); --tweak-text-block-stroke-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-video-item-description-color: hsla(var(--white-hsl), 1); --tweak-video-item-meta-color: hsla(var(--white-hsl), 1); --tweak-video-item-pagination-icon-color: hsla(var(--white-hsl), 1); --tweak-video-item-pagination-title-color: hsla(var(--white-hsl), 1); --tweak-video-item-title-color: hsla(var(--white-hsl), 1); --video-grid-basic-description-color: hsla(var(--white-hsl), 1); --video-grid-basic-meta-color: hsla(var(--white-hsl), 1); --video-grid-basic-title-color: hsla(var(--white-hsl), 1); --video-grid-category-nav-color: hsla(var(--white-hsl), 1); --video-preview-badge-background-color: hsla(var(--white-hsl), 1); --video-preview-badge-font-color: hsla(var(--black-hsl), 1) } [data-section-theme="dark-bold"] { --announcement-bar-background-color: hsla(var(--accent-hsl), 1); --announcement-bar-text-color: hsla(var(--safeInverseAccent-hsl), 1); --backgroundOverlayColor: hsla(var(--darkAccent-hsl), 1); --course-item-nav-active-lesson-background-color: hsla(var(--lightAccent-hsl), 1); --course-item-nav-active-lesson-text-color: hsla(var(--black-hsl), 1); --course-item-nav-background-color: hsla(var(--black-hsl), 1); --course-item-nav-border-color: hsla(var(--white-hsl), .25); --course-item-nav-text-color: hsla(var(--white-hsl), 1); --course-list-course-progress-bar-color: hsla(var(--accent-hsl), 1); --course-list-course-item-background: hsla(var(--white-hsl), 1); --course-list-course-item-hover-background: hsla(var(--white-hsl), .9); --course-list-course-item-text-color: hsla(var(--black-hsl), 1); --course-list-course-chapter-divider-color: hsla(var(--accent-hsl), 1); --course-list-grid-layout-chapter-divider-color: hsla(var(--safeLightAccent-hsl), 1); --course-list-grid-layout-course-item-background-color: hsla(var(--white-hsl), 1); --course-list-grid-layout-course-item-hover-background-color: hsla(var(--white-hsl), .9); --course-list-grid-layout-course-item-text-color: hsla(var(--black-hsl), 1); --course-list-grid-layout-course-item-border-color: hsla(var(--accent-hsl), 1); --donation-block-background-color: hsla(var(--white-hsl), 1); --donation-block-stroke-color: hsla(var(--safeLightAccent-hsl), 1); --gradientHeaderBackgroundColor: hsla(var(--white-hsl), 1); --gradientHeaderBorderColor: hsla(var(--black-hsl), 1); --gradientHeaderDropShadowColor: hsla(var(--black-hsl), 1); --gradientHeaderNavigationColor: hsla(var(--black-hsl), 1); --headerDropShadowColor: hsla(var(--black-hsl), 1); --headerBorderColor: hsla(var(--black-hsl), 1); --headingExtraLargeColor: hsla(var(--safeLightAccent-hsl), 1); --headingLargeColor: hsla(var(--safeLightAccent-hsl), 1); --headingLinkColor: hsla(var(--safeLightAccent-hsl), 1); --headingMediumColor: hsla(var(--safeLightAccent-hsl), 1); --headingSmallColor: hsla(var(--safeLightAccent-hsl), 1); --image-block-card-image-button-bg-color: hsla(var(--safeLightAccent-hsl), 1); --image-block-card-image-button-text-color: hsla(var(--safeInverseLightAccent-hsl), 1); --image-block-card-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-card-image-subtitle-color: hsla(var(--white-hsl), 1); --image-block-card-image-title-bg-color: hsla(var(--darkAccent-hsl), 1); --image-block-card-image-title-color: hsla(var(--white-hsl), 1); --image-block-card-inline-link-color: hsla(var(--white-hsl), 1); --image-block-collage-background-color: hsla(var(--white-hsl), 1); --image-block-collage-image-button-bg-color: hsla(var(--safeDarkAccent-hsl), 1); --image-block-collage-image-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --image-block-collage-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-collage-image-subtitle-color: hsla(var(--safeDarkAccent-hsl), 1); --image-block-collage-image-title-bg-color: hsla(var(--darkAccent-hsl), 0); --image-block-collage-image-title-color: hsla(var(--safeDarkAccent-hsl), 1); --image-block-collage-inline-link-color: hsla(var(--safeDarkAccent-hsl), 1); --image-block-overlap-image-button-bg-color: hsla(var(--safeLightAccent-hsl), 1); --image-block-overlap-image-button-text-color: hsla(var(--safeInverseLightAccent-hsl), 1); --image-block-overlap-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-overlap-image-subtitle-color: hsla(var(--white-hsl), 1); --image-block-overlap-image-title-bg-color: hsla(var(--darkAccent-hsl), 1); --image-block-overlap-image-title-color: hsla(var(--white-hsl), 1); --image-block-overlap-inline-link-color: hsla(var(--white-hsl), 1); --image-block-overlay-color: hsla(var(--black-hsl), .5); --image-block-poster-image-button-bg-color: hsla(var(--safeLightAccent-hsl), 1); --image-block-poster-image-button-text-color: hsla(var(--safeInverseLightAccent-hsl), 1); --image-block-poster-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-poster-image-subtitle-color: hsla(var(--white-hsl), 1); --image-block-poster-image-title-bg-color-v2: hsla(var(--darkAccent-hsl), 0); --image-block-poster-image-title-color: hsla(var(--white-hsl), 1); --image-block-poster-inline-link-color: hsla(var(--white-hsl), 1); --image-block-stack-image-button-bg-color: hsla(var(--safeLightAccent-hsl), 1); --image-block-stack-image-button-text-color: hsla(var(--safeInverseLightAccent-hsl), 1); --image-block-stack-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-stack-image-subtitle-color: hsla(var(--white-hsl), 1); --image-block-stack-image-title-bg-color: hsla(var(--darkAccent-hsl), 0); --image-block-stack-image-title-color: hsla(var(--white-hsl), 1); --image-block-stack-inline-link-color: hsla(var(--white-hsl), 1); --list-section-banner-slideshow-arrow-background-color: hsla(var(--safeLightAccent-hsl), 1); --list-section-banner-slideshow-arrow-color: hsla(var(--safeInverseLightAccent-hsl), 1); --list-section-banner-slideshow-button-background-color: hsla(var(--safeLightAccent-hsl), 1); --list-section-banner-slideshow-button-text-color: hsla(var(--safeInverseLightAccent-hsl), 1); --list-section-banner-slideshow-card-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-banner-slideshow-card-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --list-section-banner-slideshow-card-color: hsla(var(--white-hsl), 1); --list-section-banner-slideshow-card-description-color: hsla(var(--black-hsl), 1); --list-section-banner-slideshow-card-description-link-color: hsla(var(--safeLightAccent-hsl), 1); --list-section-banner-slideshow-card-title-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-banner-slideshow-description-color: hsla(var(--white-hsl), 1); --list-section-banner-slideshow-title-color: hsla(var(--safeLightAccent-hsl), 1); --list-section-carousel-arrow-background-color: hsla(var(--safeLightAccent-hsl), 1); --list-section-carousel-arrow-color: hsla(var(--safeInverseLightAccent-hsl), 1); --list-section-carousel-button-background-color: hsla(var(--safeLightAccent-hsl), 1); --list-section-carousel-button-text-color: hsla(var(--safeInverseLightAccent-hsl), 1); --list-section-carousel-card-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-carousel-card-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --list-section-carousel-card-color: hsla(var(--white-hsl), 1); --list-section-carousel-card-description-color: hsla(var(--black-hsl), 1); --list-section-carousel-card-description-link-color: hsla(var(--safeLightAccent-hsl), 1); --list-section-carousel-card-title-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-carousel-description-color: hsla(var(--white-hsl), 1); --list-section-carousel-title-color: hsla(var(--safeLightAccent-hsl), 1); --list-section-simple-button-background-color: hsla(var(--safeLightAccent-hsl), 1); --list-section-simple-button-text-color: hsla(var(--safeInverseLightAccent-hsl), 1); --list-section-simple-card-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-simple-card-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --list-section-simple-card-color: hsla(var(--white-hsl), 1); --list-section-simple-card-description-color: hsla(var(--black-hsl), 1); --list-section-simple-card-description-link-color: hsla(var(--safeLightAccent-hsl), 1); --list-section-simple-card-title-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-simple-description-color: hsla(var(--white-hsl), 1); --list-section-simple-title-color: hsla(var(--safeLightAccent-hsl), 1); --list-section-title-color: hsla(var(--safeLightAccent-hsl), 1); --menuOverlayBackgroundColor: hsla(var(--darkAccent-hsl), 1); --menuOverlayButtonBackgroundColor: hsla(var(--safeLightAccent-hsl), 1); --menuOverlayButtonTextColor: hsla(var(--safeInverseLightAccent-hsl), 1); --menuOverlayNavigationLinkColor: hsla(var(--safeLightAccent-hsl), 1); --navigationLinkColor: hsla(var(--safeLightAccent-hsl), 1); --paragraphLargeColor: hsla(var(--white-hsl), 1); --paragraphLinkColor: hsla(var(--safeLightAccent-hsl), 1); --paragraphMediumColor: hsla(var(--white-hsl), 1); --paragraphSmallColor: hsla(var(--white-hsl), 1); --portfolio-grid-basic-title-color: hsla(var(--safeLightAccent-hsl), 1); --portfolio-grid-overlay-overlay-color: hsla(var(--darkAccent-hsl), 1); --portfolio-grid-overlay-title-color: hsla(var(--white-hsl), 1); --portfolio-hover-follow-title-color: hsla(var(--safeLightAccent-hsl), 1); --portfolio-hover-static-title-color: hsla(var(--safeLightAccent-hsl), 1); --portfolio-index-background-title-color: hsla(var(--white-hsl), 1); --primaryButtonBackgroundColor: hsla(var(--safeLightAccent-hsl), 1); --primaryButtonTextColor: hsla(var(--safeInverseLightAccent-hsl), 1); --product-detail-subscriptions-description-text-color: hsla(var(--white-hsl), 1); --product-detail-subscriptions-frequency-text-color: hsla(var(--white-hsl), 1); --product-detail-one-time-purchase-price-text-color: hsla(var(--white-hsl), 1); --product-detail-subscription-price-text-color: hsla(var(--white-hsl), 1); --product-detail-subscriptions-title-color: hsla(var(--white-hsl), 1); --product-detail-subscriptions-button-background-color: hsla(var(--safeLightAccent-hsl), 1); --product-detail-subscriptions-button-text-color: hsla(var(--white-hsl), 1); --secondaryButtonBackgroundColor: hsla(var(--safeLightAccent-hsl), 1); --secondaryButtonTextColor: hsla(var(--safeInverseLightAccent-hsl), 1); --section-divider-stroke-color: hsla(var(--safeLightAccent-hsl), 1); --section-inset-border-color: hsla(var(--white-hsl), 1); --shape-block-background-color: hsla(var(--white-hsl), 1); --shape-block-dropshadow-color: hsla(var(--white-hsl), 1); --shape-block-stroke-color: hsla(var(--safeLightAccent-hsl), 1); --siteBackgroundColor: hsla(var(--darkAccent-hsl), 1); --siteTitleColor: hsla(var(--safeLightAccent-hsl), 1); --social-links-block-main-icon-color: hsla(var(--white-hsl), 1); --social-links-block-secondary-icon-color: hsla(var(--darkAccent-hsl), 1); --solidHeaderBackgroundColor: hsla(var(--white-hsl), 1); --solidHeaderBorderColor: hsla(var(--black-hsl), 1); --solidHeaderDropShadowColor: hsla(var(--black-hsl), 1); --solidHeaderNavigationColor: hsla(var(--black-hsl), 1); --summary-block-limited-availability-label-color: hsla(var(--white-hsl), 1); --tertiaryButtonBackgroundColor: hsla(var(--safeLightAccent-hsl), 1); --tertiaryButtonTextColor: hsla(var(--safeInverseLightAccent-hsl), 1); --text-highlight-color: hsla(var(--safeLightAccent-hsl), 1); --text-highlight-color-on-background: hsla(var(--safeLightAccent-hsl), 1); --toggle-off-color: hsla(var(--lightAccent-hsl), 1); --toggle-on-color: hsla(var(--accent-hsl), 1); --tweak-accordion-block-background-color: hsla(var(--white-hsl), 1); --tweak-accordion-block-stroke-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-accordion-block-divider-color: hsla(var(--white-hsl), 1); --tweak-accordion-block-divider-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-accordion-block-icon-color: hsla(var(--white-hsl), 1); --tweak-accordion-block-icon-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-blog-alternating-side-by-side-list-excerpt-color: hsla(var(--white-hsl), 1); --tweak-blog-alternating-side-by-side-list-meta-color: hsla(var(--white-hsl), 1); --tweak-blog-alternating-side-by-side-list-read-more-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-blog-alternating-side-by-side-list-title-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-blog-basic-grid-list-excerpt-color: hsla(var(--white-hsl), 1); --tweak-blog-basic-grid-list-meta-color: hsla(var(--white-hsl), 1); --tweak-blog-basic-grid-list-read-more-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-blog-basic-grid-list-title-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-blog-item-author-profile-color: hsla(var(--white-hsl), 1); --tweak-blog-item-comment-meta-color: hsla(var(--white-hsl), 1); --tweak-blog-item-comment-text-color: hsla(var(--white-hsl), 1); --tweak-blog-item-meta-color: hsla(var(--white-hsl), 1); --tweak-blog-item-pagination-icon-color: hsla(var(--white-hsl), 1); --tweak-blog-item-pagination-meta-color: hsla(var(--white-hsl), 1); --tweak-blog-item-pagination-title-color: hsla(var(--white-hsl), 1); --tweak-blog-item-title-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-blog-masonry-list-excerpt-color: hsla(var(--white-hsl), 1); --tweak-blog-masonry-list-meta-color: hsla(var(--white-hsl), 1); --tweak-blog-masonry-list-read-more-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-blog-masonry-list-title-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-blog-side-by-side-list-excerpt-color: hsla(var(--white-hsl), 1); --tweak-blog-side-by-side-list-meta-color: hsla(var(--white-hsl), 1); --tweak-blog-side-by-side-list-read-more-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-blog-side-by-side-list-title-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-blog-single-column-list-excerpt-color: hsla(var(--white-hsl), 1); --tweak-blog-single-column-list-meta-color: hsla(var(--white-hsl), 1); --tweak-blog-single-column-list-read-more-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-blog-single-column-list-title-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-content-link-block-title-color: hsla(var(--white-hsl), 1); --tweak-events-item-pagination-date-color: hsla(var(--white-hsl), 1); --tweak-events-item-pagination-icon-color: hsla(var(--white-hsl), 1); --tweak-events-item-pagination-title-color: hsla(var(--white-hsl), 1); --tweak-form-block-background-color: hsla(var(--white-hsl), 1); --tweak-form-block-stroke-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-form-block-button-background-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-form-block-button-background-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-form-block-button-text-color: hsla(var(--safeInverseLightAccent-hsl), 1); --tweak-form-block-button-text-color-on-background: hsla(var(--safeInverseDarkAccent-hsl), 1); --tweak-form-block-caption-color: hsla(var(--white-hsl), 1); --tweak-form-block-caption-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-form-block-description-color: hsla(var(--white-hsl), 1); --tweak-form-block-description-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-form-block-option-color: hsla(var(--white-hsl), 1); --tweak-form-block-option-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-form-block-survey-title-color: hsla(var(--white-hsl), 1); --tweak-form-block-survey-title-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-form-block-title-color: hsla(var(--white-hsl), 1); --tweak-form-block-title-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-form-block-field-fill-color: hsla(var(--black-hsl), 1); --tweak-form-block-field-fill-color-hsl: var(--black-hsl); --tweak-form-block-field-fill-color-a: 1; --tweak-form-block-field-border-color: hsla(var(--white-hsl), 1); --tweak-form-block-field-border-color-hsl: var(--white-hsl); --tweak-form-block-field-border-color-a: 1; --tweak-form-block-field-accent-color: hsla(var(--accent-hsl), 1); --tweak-form-block-field-accent-color-hsl: var(--accent-hsl); --tweak-form-block-field-accent-color-a: 1; --tweak-form-block-field-input-color: hsla(var(--white-hsl), 1); --tweak-form-block-field-input-color-hsl: var(--white-hsl); --tweak-form-block-field-input-color-a: 1; --tweak-form-block-field-accessory-color: hsla(var(--white-hsl), 1); --tweak-form-block-field-fill-color-on-background: hsla(var(--lightAccent-hsl), 1); --tweak-form-block-field-fill-color-on-background-hsl: var(--lightAccent-hsl); --tweak-form-block-field-fill-color-on-background-a: 1; --tweak-form-block-field-border-color-on-background: hsla(var(--black-hsl), 1); --tweak-form-block-field-border-color-on-background-hsl: var(--black-hsl); --tweak-form-block-field-border-color-on-background-a: 1; --tweak-form-block-field-accent-color-on-background: hsla(var(--accent-hsl), 1); --tweak-form-block-field-accent-color-on-background-hsl: var(--accent-hsl); --tweak-form-block-field-accent-color-on-background-a: 1; --tweak-form-block-field-input-color-on-background: hsla(var(--black-hsl), 1); --tweak-form-block-field-input-color-on-background-hsl: var(--black-hsl); --tweak-form-block-field-input-color-on-background-a: 1; --tweak-form-block-field-accessory-color-on-background: hsla(var(--black-hsl), 1); --tweak-gallery-icon-background-color: hsla(var(--darkAccent-hsl), 1); --tweak-gallery-icon-color: hsla(var(--white-hsl), 1); --tweak-gallery-lightbox-background-color: hsla(var(--darkAccent-hsl), 1); --tweak-gallery-lightbox-icon-color: hsla(var(--white-hsl), 1); --tweak-heading-extra-large-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-heading-large-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-heading-medium-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-heading-small-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-line-block-line-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-marquee-block-background-color: hsla(var(--white-hsl), 1); --tweak-marquee-block-stroke-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-marquee-block-heading-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-marquee-block-heading-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-marquee-block-paragraph-color: hsla(var(--white-hsl), 1); --tweak-marquee-block-paragraph-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-menu-block-item-description-color: hsla(var(--white-hsl), 1); --tweak-menu-block-item-price-color: hsla(var(--white-hsl), 1); --tweak-menu-block-item-title-color: hsla(var(--white-hsl), 1); --tweak-menu-block-nav-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-menu-block-title-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-newsletter-block-background-color: hsla(var(--white-hsl), 1); --tweak-newsletter-block-stroke-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-newsletter-block-button-background-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-newsletter-block-button-background-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-newsletter-block-button-text-color: hsla(var(--safeInverseLightAccent-hsl), 1); --tweak-newsletter-block-button-text-color-on-background: hsla(var(--safeInverseDarkAccent-hsl), 1); --tweak-newsletter-block-description-color: hsla(var(--white-hsl), 1); --tweak-newsletter-block-description-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-newsletter-block-footnote-color: hsla(var(--white-hsl), 1); --tweak-newsletter-block-footnote-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-newsletter-block-title-color: hsla(var(--white-hsl), 1); --tweak-newsletter-block-title-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-paragraph-large-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-paragraph-link-color-on-background: hsla(var(--safeLightAccent-hsl), 1); --tweak-paragraph-medium-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-paragraph-small-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-portfolio-item-pagination-icon-color: hsla(var(--white-hsl), 1); --tweak-portfolio-item-pagination-meta-color: hsla(var(--white-hsl), 1); --tweak-portfolio-item-pagination-title-color: hsla(var(--white-hsl), 1); --tweak-product-basic-item-breadcumb-nav-color: hsla(var(--white-hsl), 1); --tweak-product-basic-item-description-color: hsla(var(--white-hsl), 1); --tweak-product-basic-item-gallery-controls-color: hsla(var(--safeInverseLightAccent-hsl), 1); --tweak-product-basic-item-price-color: hsla(var(--white-hsl), 1); --tweak-product-basic-item-sale-price-color: hsla(var(--accent-hsl), 1); --tweak-product-basic-item-scarcity-color: hsla(var(--accent-hsl), 1); --tweak-product-basic-item-title-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-product-basic-item-variant-fields-color: hsla(var(--white-hsl), 1); --tweak-product-grid-text-below-list-category-nav-color: hsla(var(--white-hsl), 1); --tweak-product-grid-text-below-list-pagination-color: hsla(var(--white-hsl), 1); --tweak-product-grid-text-below-list-price-color: hsla(var(--white-hsl), 1); --tweak-product-grid-text-below-list-sale-price-color: hsla(var(--accent-hsl), 1); --tweak-product-grid-text-below-list-scarcity-color: hsla(var(--white-hsl), 1); --tweak-product-grid-text-below-list-status-color: hsla(var(--accent-hsl), 1); --tweak-product-grid-text-below-list-title-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-product-quick-view-button-color: hsla(var(--black-hsl), 1); --tweak-product-quick-view-lightbox-controls-color: hsla(var(--black-hsl), 1); --tweak-product-quick-view-lightbox-overlay-color: hsla(var(--white-hsl), 1); --tweak-quote-block-background-color: hsla(var(--white-hsl), 1); --tweak-quote-block-stroke-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-quote-block-source-color: hsla(var(--white-hsl), 1); --tweak-quote-block-source-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-quote-block-text-color: hsla(var(--white-hsl), 1); --tweak-quote-block-text-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-summary-block-background-color: hsla(var(--white-hsl), 1); --tweak-summary-block-stroke-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-summary-block-excerpt-color: hsla(var(--white-hsl), 1); --tweak-summary-block-excerpt-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-summary-block-header-text-color: hsla(var(--white-hsl), 1); --tweak-summary-block-header-text-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-summary-block-primary-metadata-color: hsla(var(--white-hsl), 1); --tweak-summary-block-primary-metadata-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-summary-block-read-more-color: hsla(var(--white-hsl), 1); --tweak-summary-block-read-more-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-summary-block-secondary-metadata-color: hsla(var(--white-hsl), 1); --tweak-summary-block-secondary-metadata-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-summary-block-title-color: hsla(var(--white-hsl), 1); --tweak-summary-block-title-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-text-block-background-color: hsla(var(--white-hsl), 1); --tweak-text-block-stroke-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-video-item-description-color: hsla(var(--accent-hsl), 1); --tweak-video-item-meta-color: hsla(var(--accent-hsl), 1); --tweak-video-item-pagination-icon-color: hsla(var(--accent-hsl), 1); --tweak-video-item-pagination-title-color: hsla(var(--accent-hsl), 1); --tweak-video-item-title-color: hsla(var(--accent-hsl), 1); --video-grid-basic-description-color: hsla(var(--accent-hsl), 1); --video-grid-basic-meta-color: hsla(var(--accent-hsl), 1); --video-grid-basic-title-color: hsla(var(--accent-hsl), 1); --video-grid-category-nav-color: hsla(var(--accent-hsl), 1); --video-preview-badge-background-color: hsla(var(--white-hsl), 1); --video-preview-badge-font-color: hsla(var(--black-hsl), 1) } [data-section-theme="black"] { --announcement-bar-background-color: hsla(var(--white-hsl), 1); --announcement-bar-text-color: hsla(var(--black-hsl), 1); --backgroundOverlayColor: hsla(var(--black-hsl), 1); --course-item-nav-active-lesson-background-color: hsla(var(--lightAccent-hsl), 1); --course-item-nav-active-lesson-text-color: hsla(var(--black-hsl), 1); --course-item-nav-background-color: hsla(var(--darkAccent-hsl), 1); --course-item-nav-border-color: hsla(var(--white-hsl), .25); --course-item-nav-text-color: hsla(var(--white-hsl), 1); --course-list-course-progress-bar-color: hsla(var(--accent-hsl), 1); --course-list-course-item-background: hsla(var(--white-hsl), 1); --course-list-course-item-hover-background: hsla(var(--white-hsl), .95); --course-list-course-item-text-color: hsla(var(--black-hsl), 1); --course-list-course-chapter-divider-color: hsla(var(--accent-hsl), 1); --course-list-grid-layout-chapter-divider-color: hsla(var(--white-hsl), 1); --course-list-grid-layout-course-item-background-color: hsla(var(--white-hsl), 1); --course-list-grid-layout-course-item-hover-background-color: hsla(var(--white-hsl), .95); --course-list-grid-layout-course-item-text-color: hsla(var(--black-hsl), 1); --course-list-grid-layout-course-item-border-color: hsla(var(--accent-hsl), 1); --donation-block-background-color: hsla(var(--white-hsl), 1); --donation-block-stroke-color: hsla(var(--safeDarkAccent-hsl), 1); --gradientHeaderBackgroundColor: hsla(var(--white-hsl), 1); --gradientHeaderBorderColor: hsla(var(--black-hsl), 1); --gradientHeaderDropShadowColor: hsla(var(--black-hsl), 1); --gradientHeaderNavigationColor: hsla(var(--black-hsl), 1); --headerDropShadowColor: hsla(var(--black-hsl), 1); --headerBorderColor: hsla(var(--black-hsl), 1); --headingExtraLargeColor: hsla(var(--white-hsl), 1); --headingLargeColor: hsla(var(--white-hsl), 1); --headingLinkColor: hsla(var(--lightAccent-hsl), 1); --headingMediumColor: hsla(var(--white-hsl), 1); --headingSmallColor: hsla(var(--white-hsl), 1); --image-block-card-image-button-bg-color: hsla(var(--safeLightAccent-hsl), 1); --image-block-card-image-button-text-color: hsla(var(--safeInverseLightAccent-hsl), 1); --image-block-card-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-card-image-subtitle-color: hsla(var(--white-hsl), 1); --image-block-card-image-title-bg-color: hsla(var(--black-hsl), 1); --image-block-card-image-title-color: hsla(var(--white-hsl), 1); --image-block-card-inline-link-color: hsla(var(--white-hsl), 1); --image-block-collage-background-color: hsla(var(--white-hsl), 1); --image-block-collage-image-button-bg-color: hsla(var(--safeDarkAccent-hsl), 1); --image-block-collage-image-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --image-block-collage-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-collage-image-subtitle-color: hsla(var(--black-hsl), 1); --image-block-collage-image-title-bg-color: hsla(var(--black-hsl), 0); --image-block-collage-image-title-color: hsla(var(--black-hsl), 1); --image-block-collage-inline-link-color: hsla(var(--black-hsl), 1); --image-block-overlap-image-button-bg-color: hsla(var(--safeLightAccent-hsl), 1); --image-block-overlap-image-button-text-color: hsla(var(--safeInverseLightAccent-hsl), 1); --image-block-overlap-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-overlap-image-subtitle-color: hsla(var(--white-hsl), 1); --image-block-overlap-image-title-bg-color: hsla(var(--black-hsl), 1); --image-block-overlap-image-title-color: hsla(var(--white-hsl), 1); --image-block-overlap-inline-link-color: hsla(var(--white-hsl), 1); --image-block-overlay-color: hsla(var(--black-hsl), .5); --image-block-poster-image-button-bg-color: hsla(var(--safeLightAccent-hsl), 1); --image-block-poster-image-button-text-color: hsla(var(--safeInverseLightAccent-hsl), 1); --image-block-poster-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-poster-image-subtitle-color: hsla(var(--white-hsl), 1); --image-block-poster-image-title-bg-color-v2: hsla(var(--black-hsl), 0); --image-block-poster-image-title-color: hsla(var(--white-hsl), 1); --image-block-poster-inline-link-color: hsla(var(--white-hsl), 1); --image-block-stack-image-button-bg-color: hsla(var(--safeLightAccent-hsl), 1); --image-block-stack-image-button-text-color: hsla(var(--safeInverseLightAccent-hsl), 1); --image-block-stack-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-stack-image-subtitle-color: hsla(var(--white-hsl), 1); --image-block-stack-image-title-bg-color: hsla(var(--black-hsl), 0); --image-block-stack-image-title-color: hsla(var(--white-hsl), 1); --image-block-stack-inline-link-color: hsla(var(--white-hsl), 1); --list-section-banner-slideshow-arrow-background-color: hsla(var(--safeLightAccent-hsl), 1); --list-section-banner-slideshow-arrow-color: hsla(var(--safeInverseLightAccent-hsl), 1); --list-section-banner-slideshow-button-background-color: hsla(var(--safeLightAccent-hsl), 1); --list-section-banner-slideshow-button-text-color: hsla(var(--safeInverseLightAccent-hsl), 1); --list-section-banner-slideshow-card-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-banner-slideshow-card-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --list-section-banner-slideshow-card-color: hsla(var(--white-hsl), 1); --list-section-banner-slideshow-card-description-color: hsla(var(--black-hsl), 1); --list-section-banner-slideshow-card-description-link-color: hsla(var(--safeLightAccent-hsl), 1); --list-section-banner-slideshow-card-title-color: hsla(var(--black-hsl), 1); --list-section-banner-slideshow-description-color: hsla(var(--white-hsl), 1); --list-section-banner-slideshow-title-color: hsla(var(--white-hsl), 1); --list-section-carousel-arrow-background-color: hsla(var(--safeLightAccent-hsl), 1); --list-section-carousel-arrow-color: hsla(var(--safeInverseLightAccent-hsl), 1); --list-section-carousel-button-background-color: hsla(var(--safeLightAccent-hsl), 1); --list-section-carousel-button-text-color: hsla(var(--safeInverseLightAccent-hsl), 1); --list-section-carousel-card-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-carousel-card-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --list-section-carousel-card-color: hsla(var(--white-hsl), 1); --list-section-carousel-card-description-color: hsla(var(--black-hsl), 1); --list-section-carousel-card-description-link-color: hsla(var(--safeLightAccent-hsl), 1); --list-section-carousel-card-title-color: hsla(var(--black-hsl), 1); --list-section-carousel-description-color: hsla(var(--white-hsl), 1); --list-section-carousel-title-color: hsla(var(--white-hsl), 1); --list-section-simple-button-background-color: hsla(var(--safeLightAccent-hsl), 1); --list-section-simple-button-text-color: hsla(var(--safeInverseLightAccent-hsl), 1); --list-section-simple-card-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-simple-card-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --list-section-simple-card-color: hsla(var(--white-hsl), 1); --list-section-simple-card-description-color: hsla(var(--black-hsl), 1); --list-section-simple-card-description-link-color: hsla(var(--safeLightAccent-hsl), 1); --list-section-simple-card-title-color: hsla(var(--black-hsl), 1); --list-section-simple-description-color: hsla(var(--white-hsl), 1); --list-section-simple-title-color: hsla(var(--white-hsl), 1); --list-section-title-color: hsla(var(--white-hsl), 1); --menuOverlayBackgroundColor: hsla(var(--black-hsl), 1); --menuOverlayButtonBackgroundColor: hsla(var(--safeLightAccent-hsl), 1); --menuOverlayButtonTextColor: hsla(var(--safeInverseLightAccent-hsl), 1); --menuOverlayNavigationLinkColor: hsla(var(--white-hsl), 1); --navigationLinkColor: hsla(var(--white-hsl), 1); --paragraphLargeColor: hsla(var(--white-hsl), 1); --paragraphLinkColor: hsla(var(--safeLightAccent-hsl), 1); --paragraphMediumColor: hsla(var(--white-hsl), 1); --paragraphSmallColor: hsla(var(--white-hsl), 1); --portfolio-grid-basic-title-color: hsla(var(--white-hsl), 1); --portfolio-grid-overlay-overlay-color: hsla(var(--black-hsl), 1); --portfolio-grid-overlay-title-color: hsla(var(--white-hsl), 1); --portfolio-hover-follow-title-color: hsla(var(--white-hsl), 1); --portfolio-hover-static-title-color: hsla(var(--white-hsl), 1); --portfolio-index-background-title-color: hsla(var(--white-hsl), 1); --primaryButtonBackgroundColor: hsla(var(--safeLightAccent-hsl), 1); --primaryButtonTextColor: hsla(var(--safeInverseLightAccent-hsl), 1); --product-detail-subscriptions-description-text-color: hsla(var(--white-hsl), 1); --product-detail-subscriptions-frequency-text-color: hsla(var(--white-hsl), 1); --product-detail-one-time-purchase-price-text-color: hsla(var(--white-hsl), 1); --product-detail-subscription-price-text-color: hsla(var(--white-hsl), 1); --product-detail-subscriptions-title-color: hsla(var(--white-hsl), 1); --product-detail-subscriptions-button-background-color: hsla(var(--safeLightAccent-hsl), 1); --product-detail-subscriptions-button-text-color: hsla(var(--safeInverseLightAccent-hsl), 1); --secondaryButtonBackgroundColor: hsla(var(--safeLightAccent-hsl), 1); --secondaryButtonTextColor: hsla(var(--safeInverseLightAccent-hsl), 1); --section-divider-stroke-color: hsla(var(--safeLightAccent-hsl), 1); --section-inset-border-color: hsla(var(--white-hsl), 1); --shape-block-background-color: hsla(var(--white-hsl), 1); --shape-block-dropshadow-color: hsla(var(--white-hsl), 1); --shape-block-stroke-color: hsla(var(--safeDarkAccent-hsl), 1); --siteBackgroundColor: hsla(var(--black-hsl), 1); --siteTitleColor: hsla(var(--white-hsl), 1); --social-links-block-main-icon-color: hsla(var(--white-hsl), 1); --social-links-block-secondary-icon-color: hsla(var(--black-hsl), 1); --solidHeaderBackgroundColor: hsla(var(--white-hsl), 1); --solidHeaderBorderColor: hsla(var(--black-hsl), 1); --solidHeaderDropShadowColor: hsla(var(--black-hsl), 1); --solidHeaderNavigationColor: hsla(var(--black-hsl), 1); --summary-block-limited-availability-label-color: hsla(var(--white-hsl), 1); --tertiaryButtonBackgroundColor: hsla(var(--safeLightAccent-hsl), 1); --tertiaryButtonTextColor: hsla(var(--safeInverseLightAccent-hsl), 1); --text-highlight-color: hsla(var(--safeLightAccent-hsl), 1); --text-highlight-color-on-background: hsla(var(--safeLightAccent-hsl), 1); --toggle-off-color: hsla(var(--lightAccent-hsl), 1); --toggle-on-color: hsla(var(--accent-hsl), 1); --tweak-accordion-block-background-color: hsla(var(--white-hsl), 1); --tweak-accordion-block-stroke-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-accordion-block-divider-color: hsla(var(--white-hsl), 1); --tweak-accordion-block-divider-color-on-background: hsla(var(--black-hsl), 1); --tweak-accordion-block-icon-color: hsla(var(--white-hsl), 1); --tweak-accordion-block-icon-color-on-background: hsla(var(--black-hsl), 1); --tweak-blog-alternating-side-by-side-list-excerpt-color: hsla(var(--white-hsl), 1); --tweak-blog-alternating-side-by-side-list-meta-color: hsla(var(--white-hsl), 1); --tweak-blog-alternating-side-by-side-list-read-more-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-blog-alternating-side-by-side-list-title-color: hsla(var(--white-hsl), 1); --tweak-blog-basic-grid-list-excerpt-color: hsla(var(--white-hsl), 1); --tweak-blog-basic-grid-list-meta-color: hsla(var(--white-hsl), 1); --tweak-blog-basic-grid-list-read-more-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-blog-basic-grid-list-title-color: hsla(var(--white-hsl), 1); --tweak-blog-item-author-profile-color: hsla(var(--white-hsl), 1); --tweak-blog-item-comment-meta-color: hsla(var(--white-hsl), 1); --tweak-blog-item-comment-text-color: hsla(var(--white-hsl), 1); --tweak-blog-item-meta-color: hsla(var(--white-hsl), 1); --tweak-blog-item-pagination-icon-color: hsla(var(--white-hsl), 1); --tweak-blog-item-pagination-meta-color: hsla(var(--white-hsl), 1); --tweak-blog-item-pagination-title-color: hsla(var(--white-hsl), 1); --tweak-blog-item-title-color: hsla(var(--white-hsl), 1); --tweak-blog-masonry-list-excerpt-color: hsla(var(--white-hsl), 1); --tweak-blog-masonry-list-meta-color: hsla(var(--white-hsl), 1); --tweak-blog-masonry-list-read-more-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-blog-masonry-list-title-color: hsla(var(--white-hsl), 1); --tweak-blog-side-by-side-list-excerpt-color: hsla(var(--white-hsl), 1); --tweak-blog-side-by-side-list-meta-color: hsla(var(--white-hsl), 1); --tweak-blog-side-by-side-list-read-more-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-blog-side-by-side-list-title-color: hsla(var(--white-hsl), 1); --tweak-blog-single-column-list-excerpt-color: hsla(var(--white-hsl), 1); --tweak-blog-single-column-list-meta-color: hsla(var(--white-hsl), 1); --tweak-blog-single-column-list-read-more-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-blog-single-column-list-title-color: hsla(var(--white-hsl), 1); --tweak-content-link-block-title-color: hsla(var(--white-hsl), 1); --tweak-events-item-pagination-date-color: hsla(var(--white-hsl), 1); --tweak-events-item-pagination-icon-color: hsla(var(--white-hsl), 1); --tweak-events-item-pagination-title-color: hsla(var(--white-hsl), 1); --tweak-form-block-background-color: hsla(var(--white-hsl), 1); --tweak-form-block-stroke-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-form-block-button-background-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-form-block-button-background-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-form-block-button-text-color: hsla(var(--safeInverseLightAccent-hsl), 1); --tweak-form-block-button-text-color-on-background: hsla(var(--safeInverseDarkAccent-hsl), 1); --tweak-form-block-caption-color: hsla(var(--white-hsl), 1); --tweak-form-block-caption-color-on-background: hsla(var(--black-hsl), 1); --tweak-form-block-description-color: hsla(var(--white-hsl), 1); --tweak-form-block-description-color-on-background: hsla(var(--black-hsl), 1); --tweak-form-block-option-color: hsla(var(--white-hsl), 1); --tweak-form-block-option-color-on-background: hsla(var(--black-hsl), 1); --tweak-form-block-survey-title-color: hsla(var(--white-hsl), 1); --tweak-form-block-survey-title-color-on-background: hsla(var(--black-hsl), 1); --tweak-form-block-title-color: hsla(var(--white-hsl), 1); --tweak-form-block-title-color-on-background: hsla(var(--black-hsl), 1); --tweak-form-block-field-fill-color: hsla(var(--darkAccent-hsl), 1); --tweak-form-block-field-fill-color-hsl: var(--darkAccent-hsl); --tweak-form-block-field-fill-color-a: 1; --tweak-form-block-field-border-color: hsla(var(--white-hsl), 1); --tweak-form-block-field-border-color-hsl: var(--white-hsl); --tweak-form-block-field-border-color-a: 1; --tweak-form-block-field-accent-color: hsla(var(--accent-hsl), 1); --tweak-form-block-field-accent-color-hsl: var(--accent-hsl); --tweak-form-block-field-accent-color-a: 1; --tweak-form-block-field-input-color: hsla(var(--white-hsl), 1); --tweak-form-block-field-input-color-hsl: var(--white-hsl); --tweak-form-block-field-input-color-a: 1; --tweak-form-block-field-accessory-color: hsla(var(--white-hsl), 1); --tweak-form-block-field-fill-color-on-background: hsla(var(--lightAccent-hsl), 1); --tweak-form-block-field-fill-color-on-background-hsl: var(--lightAccent-hsl); --tweak-form-block-field-fill-color-on-background-a: 1; --tweak-form-block-field-border-color-on-background: hsla(var(--black-hsl), 1); --tweak-form-block-field-border-color-on-background-hsl: var(--black-hsl); --tweak-form-block-field-border-color-on-background-a: 1; --tweak-form-block-field-accent-color-on-background: hsla(var(--accent-hsl), 1); --tweak-form-block-field-accent-color-on-background-hsl: var(--accent-hsl); --tweak-form-block-field-accent-color-on-background-a: 1; --tweak-form-block-field-input-color-on-background: hsla(var(--black-hsl), 1); --tweak-form-block-field-input-color-on-background-hsl: var(--black-hsl); --tweak-form-block-field-input-color-on-background-a: 1; --tweak-form-block-field-accessory-color-on-background: hsla(var(--black-hsl), 1); --tweak-gallery-icon-background-color: hsla(var(--black-hsl), 1); --tweak-gallery-icon-color: hsla(var(--white-hsl), 1); --tweak-gallery-lightbox-background-color: hsla(var(--black-hsl), 1); --tweak-gallery-lightbox-icon-color: hsla(var(--white-hsl), 1); --tweak-heading-extra-large-color-on-background: hsla(var(--black-hsl), 1); --tweak-heading-large-color-on-background: hsla(var(--black-hsl), 1); --tweak-heading-medium-color-on-background: hsla(var(--black-hsl), 1); --tweak-heading-small-color-on-background: hsla(var(--black-hsl), 1); --tweak-line-block-line-color: hsla(var(--white-hsl), 1); --tweak-marquee-block-background-color: hsla(var(--white-hsl), 1); --tweak-marquee-block-stroke-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-marquee-block-heading-color: hsla(var(--white-hsl), 1); --tweak-marquee-block-heading-color-on-background: hsla(var(--black-hsl), 1); --tweak-marquee-block-paragraph-color: hsla(var(--white-hsl), 1); --tweak-marquee-block-paragraph-color-on-background: hsla(var(--black-hsl), 1); --tweak-menu-block-item-description-color: hsla(var(--white-hsl), 1); --tweak-menu-block-item-price-color: hsla(var(--white-hsl), 1); --tweak-menu-block-item-title-color: hsla(var(--white-hsl), 1); --tweak-menu-block-nav-color: hsla(var(--white-hsl), 1); --tweak-menu-block-title-color: hsla(var(--white-hsl), 1); --tweak-newsletter-block-background-color: hsla(var(--white-hsl), 1); --tweak-newsletter-block-stroke-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-newsletter-block-button-background-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-newsletter-block-button-background-color-on-background: hsla(var(--black-hsl), 1); --tweak-newsletter-block-button-text-color: hsla(var(--safeInverseLightAccent-hsl), 1); --tweak-newsletter-block-button-text-color-on-background: hsla(var(--safeInverseDarkAccent-hsl), 1); --tweak-newsletter-block-description-color: hsla(var(--white-hsl), 1); --tweak-newsletter-block-description-color-on-background: hsla(var(--black-hsl), 1); --tweak-newsletter-block-footnote-color: hsla(var(--white-hsl), 1); --tweak-newsletter-block-footnote-color-on-background: hsla(var(--black-hsl), 1); --tweak-newsletter-block-title-color: hsla(var(--white-hsl), 1); --tweak-newsletter-block-title-color-on-background: hsla(var(--black-hsl), 1); --tweak-paragraph-large-color-on-background: hsla(var(--black-hsl), 1); --tweak-paragraph-link-color-on-background: hsla(var(--safeLightAccent-hsl), 1); --tweak-paragraph-medium-color-on-background: hsla(var(--black-hsl), 1); --tweak-paragraph-small-color-on-background: hsla(var(--black-hsl), 1); --tweak-portfolio-item-pagination-icon-color: hsla(var(--white-hsl), 1); --tweak-portfolio-item-pagination-meta-color: hsla(var(--white-hsl), 1); --tweak-portfolio-item-pagination-title-color: hsla(var(--white-hsl), 1); --tweak-product-basic-item-breadcumb-nav-color: hsla(var(--white-hsl), 1); --tweak-product-basic-item-description-color: hsla(var(--white-hsl), 1); --tweak-product-basic-item-gallery-controls-color: hsla(var(--safeInverseLightAccent-hsl), 1); --tweak-product-basic-item-price-color: hsla(var(--white-hsl), 1); --tweak-product-basic-item-sale-price-color: hsla(var(--accent-hsl), 1); --tweak-product-basic-item-scarcity-color: hsla(var(--accent-hsl), 1); --tweak-product-basic-item-title-color: hsla(var(--white-hsl), 1); --tweak-product-basic-item-variant-fields-color: hsla(var(--white-hsl), 1); --tweak-product-grid-text-below-list-category-nav-color: hsla(var(--white-hsl), 1); --tweak-product-grid-text-below-list-pagination-color: hsla(var(--white-hsl), 1); --tweak-product-grid-text-below-list-price-color: hsla(var(--white-hsl), 1); --tweak-product-grid-text-below-list-sale-price-color: hsla(var(--accent-hsl), 1); --tweak-product-grid-text-below-list-scarcity-color: hsla(var(--white-hsl), 1); --tweak-product-grid-text-below-list-status-color: hsla(var(--accent-hsl), 1); --tweak-product-grid-text-below-list-title-color: hsla(var(--white-hsl), 1); --tweak-product-quick-view-button-color: hsla(var(--black-hsl), 1); --tweak-product-quick-view-lightbox-controls-color: hsla(var(--black-hsl), 1); --tweak-product-quick-view-lightbox-overlay-color: hsla(var(--white-hsl), 1); --tweak-quote-block-background-color: hsla(var(--white-hsl), 1); --tweak-quote-block-stroke-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-quote-block-source-color: hsla(var(--white-hsl), 1); --tweak-quote-block-source-color-on-background: hsla(var(--black-hsl), 1); --tweak-quote-block-text-color: hsla(var(--white-hsl), 1); --tweak-quote-block-text-color-on-background: hsla(var(--black-hsl), 1); --tweak-summary-block-background-color: hsla(var(--white-hsl), 1); --tweak-summary-block-stroke-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-summary-block-excerpt-color: hsla(var(--white-hsl), 1); --tweak-summary-block-excerpt-color-on-background: hsla(var(--black-hsl), 1); --tweak-summary-block-header-text-color: hsla(var(--white-hsl), 1); --tweak-summary-block-header-text-color-on-background: hsla(var(--black-hsl), 1); --tweak-summary-block-primary-metadata-color: hsla(var(--white-hsl), 1); --tweak-summary-block-primary-metadata-color-on-background: hsla(var(--black-hsl), 1); --tweak-summary-block-read-more-color: hsla(var(--white-hsl), 1); --tweak-summary-block-read-more-color-on-background: hsla(var(--black-hsl), 1); --tweak-summary-block-secondary-metadata-color: hsla(var(--white-hsl), 1); --tweak-summary-block-secondary-metadata-color-on-background: hsla(var(--black-hsl), 1); --tweak-summary-block-title-color: hsla(var(--white-hsl), 1); --tweak-summary-block-title-color-on-background: hsla(var(--black-hsl), 1); --tweak-text-block-background-color: hsla(var(--white-hsl), 1); --tweak-text-block-stroke-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-video-item-description-color: hsla(var(--white-hsl), 1); --tweak-video-item-meta-color: hsla(var(--white-hsl), 1); --tweak-video-item-pagination-icon-color: hsla(var(--white-hsl), 1); --tweak-video-item-pagination-title-color: hsla(var(--white-hsl), 1); --tweak-video-item-title-color: hsla(var(--white-hsl), 1); --video-grid-basic-description-color: hsla(var(--white-hsl), 1); --video-grid-basic-meta-color: hsla(var(--white-hsl), 1); --video-grid-basic-title-color: hsla(var(--white-hsl), 1); --video-grid-category-nav-color: hsla(var(--white-hsl), 1); --video-preview-badge-background-color: hsla(var(--white-hsl), 1); --video-preview-badge-font-color: hsla(var(--black-hsl), 1) } [data-section-theme="black-bold"] { --announcement-bar-background-color: hsla(var(--accent-hsl), 1); --announcement-bar-text-color: hsla(var(--safeInverseAccent-hsl), 1); --backgroundOverlayColor: hsla(var(--black-hsl), 1); --course-item-nav-active-lesson-background-color: hsla(var(--lightAccent-hsl), 1); --course-item-nav-active-lesson-text-color: hsla(var(--black-hsl), 1); --course-item-nav-background-color: hsla(var(--darkAccent-hsl), 1); --course-item-nav-border-color: hsla(var(--white-hsl), .25); --course-item-nav-text-color: hsla(var(--white-hsl), 1); --course-list-course-progress-bar-color: hsla(var(--accent-hsl), 1); --course-list-course-item-background: hsla(var(--white-hsl), 1); --course-list-course-item-hover-background: hsla(var(--white-hsl), .95); --course-list-course-item-text-color: hsla(var(--black-hsl), 1); --course-list-course-chapter-divider-color: hsla(var(--accent-hsl), 1); --course-list-grid-layout-chapter-divider-color: hsla(var(--safeLightAccent-hsl), 1); --course-list-grid-layout-course-item-background-color: hsla(var(--white-hsl), 1); --course-list-grid-layout-course-item-hover-background-color: hsla(var(--white-hsl), .95); --course-list-grid-layout-course-item-text-color: hsla(var(--black-hsl), 1); --course-list-grid-layout-course-item-border-color: hsla(var(--accent-hsl), 1); --donation-block-background-color: hsla(var(--white-hsl), 1); --donation-block-stroke-color: hsla(var(--safeDarkAccent-hsl), 1); --gradientHeaderBackgroundColor: hsla(var(--white-hsl), 1); --gradientHeaderBorderColor: hsla(var(--black-hsl), 1); --gradientHeaderDropShadowColor: hsla(var(--black-hsl), 1); --gradientHeaderNavigationColor: hsla(var(--black-hsl), 1); --headerDropShadowColor: hsla(var(--black-hsl), 1); --headerBorderColor: hsla(var(--black-hsl), 1); --headingExtraLargeColor: hsla(var(--safeLightAccent-hsl), 1); --headingLargeColor: hsla(var(--safeLightAccent-hsl), 1); --headingLinkColor: hsla(var(--safeLightAccent-hsl), 1); --headingMediumColor: hsla(var(--safeLightAccent-hsl), 1); --headingSmallColor: hsla(var(--safeLightAccent-hsl), 1); --image-block-card-image-button-bg-color: hsla(var(--safeLightAccent-hsl), 1); --image-block-card-image-button-text-color: hsla(var(--safeInverseLightAccent-hsl), 1); --image-block-card-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-card-image-subtitle-color: hsla(var(--white-hsl), 1); --image-block-card-image-title-bg-color: hsla(var(--black-hsl), 1); --image-block-card-image-title-color: hsla(var(--white-hsl), 1); --image-block-card-inline-link-color: hsla(var(--white-hsl), 1); --image-block-collage-background-color: hsla(var(--white-hsl), 1); --image-block-collage-image-button-bg-color: hsla(var(--safeDarkAccent-hsl), 1); --image-block-collage-image-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --image-block-collage-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-collage-image-subtitle-color: hsla(var(--safeDarkAccent-hsl), 1); --image-block-collage-image-title-bg-color: hsla(var(--black-hsl), 0); --image-block-collage-image-title-color: hsla(var(--safeDarkAccent-hsl), 1); --image-block-collage-inline-link-color: hsla(var(--safeDarkAccent-hsl), 1); --image-block-overlap-image-button-bg-color: hsla(var(--safeLightAccent-hsl), 1); --image-block-overlap-image-button-text-color: hsla(var(--safeInverseLightAccent-hsl), 1); --image-block-overlap-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-overlap-image-subtitle-color: hsla(var(--white-hsl), 1); --image-block-overlap-image-title-bg-color: hsla(var(--black-hsl), 1); --image-block-overlap-image-title-color: hsla(var(--white-hsl), 1); --image-block-overlap-inline-link-color: hsla(var(--white-hsl), 1); --image-block-overlay-color: hsla(var(--black-hsl), .5); --image-block-poster-image-button-bg-color: hsla(var(--safeLightAccent-hsl), 1); --image-block-poster-image-button-text-color: hsla(var(--safeInverseLightAccent-hsl), 1); --image-block-poster-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-poster-image-subtitle-color: hsla(var(--white-hsl), 1); --image-block-poster-image-title-bg-color-v2: hsla(var(--black-hsl), 0); --image-block-poster-image-title-color: hsla(var(--white-hsl), 1); --image-block-poster-inline-link-color: hsla(var(--white-hsl), 1); --image-block-stack-image-button-bg-color: hsla(var(--safeLightAccent-hsl), 1); --image-block-stack-image-button-text-color: hsla(var(--safeInverseLightAccent-hsl), 1); --image-block-stack-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-stack-image-subtitle-color: hsla(var(--white-hsl), 1); --image-block-stack-image-title-bg-color: hsla(var(--black-hsl), 0); --image-block-stack-image-title-color: hsla(var(--white-hsl), 1); --image-block-stack-inline-link-color: hsla(var(--white-hsl), 1); --list-section-banner-slideshow-arrow-background-color: hsla(var(--safeLightAccent-hsl), 1); --list-section-banner-slideshow-arrow-color: hsla(var(--safeInverseLightAccent-hsl), 1); --list-section-banner-slideshow-button-background-color: hsla(var(--safeLightAccent-hsl), 1); --list-section-banner-slideshow-button-text-color: hsla(var(--safeInverseLightAccent-hsl), 1); --list-section-banner-slideshow-card-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-banner-slideshow-card-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --list-section-banner-slideshow-card-color: hsla(var(--white-hsl), 1); --list-section-banner-slideshow-card-description-color: hsla(var(--black-hsl), 1); --list-section-banner-slideshow-card-description-link-color: hsla(var(--safeLightAccent-hsl), 1); --list-section-banner-slideshow-card-title-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-banner-slideshow-description-color: hsla(var(--white-hsl), 1); --list-section-banner-slideshow-title-color: hsla(var(--safeLightAccent-hsl), 1); --list-section-carousel-arrow-background-color: hsla(var(--safeLightAccent-hsl), 1); --list-section-carousel-arrow-color: hsla(var(--safeInverseLightAccent-hsl), 1); --list-section-carousel-button-background-color: hsla(var(--safeLightAccent-hsl), 1); --list-section-carousel-button-text-color: hsla(var(--safeInverseLightAccent-hsl), 1); --list-section-carousel-card-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-carousel-card-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --list-section-carousel-card-color: hsla(var(--white-hsl), 1); --list-section-carousel-card-description-color: hsla(var(--black-hsl), 1); --list-section-carousel-card-description-link-color: hsla(var(--safeLightAccent-hsl), 1); --list-section-carousel-card-title-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-carousel-description-color: hsla(var(--white-hsl), 1); --list-section-carousel-title-color: hsla(var(--safeLightAccent-hsl), 1); --list-section-simple-button-background-color: hsla(var(--safeLightAccent-hsl), 1); --list-section-simple-button-text-color: hsla(var(--safeInverseLightAccent-hsl), 1); --list-section-simple-card-button-background-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-simple-card-button-text-color: hsla(var(--safeInverseDarkAccent-hsl), 1); --list-section-simple-card-color: hsla(var(--white-hsl), 1); --list-section-simple-card-description-color: hsla(var(--black-hsl), 1); --list-section-simple-card-description-link-color: hsla(var(--safeLightAccent-hsl), 1); --list-section-simple-card-title-color: hsla(var(--safeDarkAccent-hsl), 1); --list-section-simple-description-color: hsla(var(--white-hsl), 1); --list-section-simple-title-color: hsla(var(--safeLightAccent-hsl), 1); --list-section-title-color: hsla(var(--safeLightAccent-hsl), 1); --menuOverlayBackgroundColor: hsla(var(--black-hsl), 1); --menuOverlayButtonBackgroundColor: hsla(var(--safeLightAccent-hsl), 1); --menuOverlayButtonTextColor: hsla(var(--safeInverseLightAccent-hsl), 1); --menuOverlayNavigationLinkColor: hsla(var(--safeLightAccent-hsl), 1); --navigationLinkColor: hsla(var(--safeLightAccent-hsl), 1); --paragraphLargeColor: hsla(var(--white-hsl), 1); --paragraphLinkColor: hsla(var(--safeLightAccent-hsl), 1); --paragraphMediumColor: hsla(var(--white-hsl), 1); --paragraphSmallColor: hsla(var(--white-hsl), 1); --portfolio-grid-basic-title-color: hsla(var(--safeLightAccent-hsl), 1); --portfolio-grid-overlay-overlay-color: hsla(var(--black-hsl), 1); --portfolio-grid-overlay-title-color: hsla(var(--white-hsl), 1); --portfolio-hover-follow-title-color: hsla(var(--safeLightAccent-hsl), 1); --portfolio-hover-static-title-color: hsla(var(--safeLightAccent-hsl), 1); --portfolio-index-background-title-color: hsla(var(--white-hsl), 1); --primaryButtonBackgroundColor: hsla(var(--safeLightAccent-hsl), 1); --primaryButtonTextColor: hsla(var(--safeInverseLightAccent-hsl), 1); --product-detail-subscriptions-description-text-color: hsla(var(--white-hsl), 1); --product-detail-subscriptions-frequency-text-color: hsla(var(--white-hsl), 1); --product-detail-one-time-purchase-price-text-color: hsla(var(--white-hsl), 1); --product-detail-subscription-price-text-color: hsla(var(--white-hsl), 1); --product-detail-subscriptions-title-color: hsla(var(--white-hsl), 1); --product-detail-subscriptions-button-background-color: hsla(var(--safeLightAccent-hsl), 1); --product-detail-subscriptions-button-text-color: hsla(var(--safeInverseLightAccent-hsl), 1); --secondaryButtonBackgroundColor: hsla(var(--safeLightAccent-hsl), 1); --secondaryButtonTextColor: hsla(var(--safeInverseLightAccent-hsl), 1); --section-divider-stroke-color: hsla(var(--safeLightAccent-hsl), 1); --section-inset-border-color: hsla(var(--white-hsl), 1); --shape-block-background-color: hsla(var(--white-hsl), 1); --shape-block-dropshadow-color: hsla(var(--white-hsl), 1); --shape-block-stroke-color: hsla(var(--safeDarkAccent-hsl), 1); --siteBackgroundColor: hsla(var(--black-hsl), 1); --siteTitleColor: hsla(var(--safeLightAccent-hsl), 1); --social-links-block-main-icon-color: hsla(var(--white-hsl), 1); --social-links-block-secondary-icon-color: hsla(var(--black-hsl), 1); --solidHeaderBackgroundColor: hsla(var(--white-hsl), 1); --solidHeaderBorderColor: hsla(var(--black-hsl), 1); --solidHeaderDropShadowColor: hsla(var(--black-hsl), 1); --solidHeaderNavigationColor: hsla(var(--black-hsl), 1); --summary-block-limited-availability-label-color: hsla(var(--white-hsl), 1); --tertiaryButtonBackgroundColor: hsla(var(--safeLightAccent-hsl), 1); --tertiaryButtonTextColor: hsla(var(--safeInverseLightAccent-hsl), 1); --text-highlight-color: hsla(var(--safeLightAccent-hsl), 1); --text-highlight-color-on-background: hsla(var(--safeLightAccent-hsl), 1); --toggle-off-color: hsla(var(--lightAccent-hsl), 1); --toggle-on-color: hsla(var(--accent-hsl), 1); --tweak-accordion-block-background-color: hsla(var(--white-hsl), 1); --tweak-accordion-block-stroke-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-accordion-block-divider-color: hsla(var(--white-hsl), 1); --tweak-accordion-block-divider-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-accordion-block-icon-color: hsla(var(--white-hsl), 1); --tweak-accordion-block-icon-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-blog-alternating-side-by-side-list-excerpt-color: hsla(var(--white-hsl), 1); --tweak-blog-alternating-side-by-side-list-meta-color: hsla(var(--white-hsl), 1); --tweak-blog-alternating-side-by-side-list-read-more-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-blog-alternating-side-by-side-list-title-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-blog-basic-grid-list-excerpt-color: hsla(var(--white-hsl), 1); --tweak-blog-basic-grid-list-meta-color: hsla(var(--white-hsl), 1); --tweak-blog-basic-grid-list-read-more-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-blog-basic-grid-list-title-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-blog-item-author-profile-color: hsla(var(--white-hsl), 1); --tweak-blog-item-comment-meta-color: hsla(var(--white-hsl), 1); --tweak-blog-item-comment-text-color: hsla(var(--white-hsl), 1); --tweak-blog-item-meta-color: hsla(var(--white-hsl), 1); --tweak-blog-item-pagination-icon-color: hsla(var(--white-hsl), 1); --tweak-blog-item-pagination-meta-color: hsla(var(--white-hsl), 1); --tweak-blog-item-pagination-title-color: hsla(var(--white-hsl), 1); --tweak-blog-item-title-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-blog-masonry-list-excerpt-color: hsla(var(--white-hsl), 1); --tweak-blog-masonry-list-meta-color: hsla(var(--white-hsl), 1); --tweak-blog-masonry-list-read-more-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-blog-masonry-list-title-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-blog-side-by-side-list-excerpt-color: hsla(var(--white-hsl), 1); --tweak-blog-side-by-side-list-meta-color: hsla(var(--white-hsl), 1); --tweak-blog-side-by-side-list-read-more-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-blog-side-by-side-list-title-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-blog-single-column-list-excerpt-color: hsla(var(--white-hsl), 1); --tweak-blog-single-column-list-meta-color: hsla(var(--white-hsl), 1); --tweak-blog-single-column-list-read-more-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-blog-single-column-list-title-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-content-link-block-title-color: hsla(var(--white-hsl), 1); --tweak-events-item-pagination-date-color: hsla(var(--white-hsl), 1); --tweak-events-item-pagination-icon-color: hsla(var(--white-hsl), 1); --tweak-events-item-pagination-title-color: hsla(var(--white-hsl), 1); --tweak-form-block-background-color: hsla(var(--white-hsl), 1); --tweak-form-block-stroke-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-form-block-button-background-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-form-block-button-background-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-form-block-button-text-color: hsla(var(--safeInverseLightAccent-hsl), 1); --tweak-form-block-button-text-color-on-background: hsla(var(--safeInverseDarkAccent-hsl), 1); --tweak-form-block-caption-color: hsla(var(--white-hsl), 1); --tweak-form-block-caption-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-form-block-description-color: hsla(var(--white-hsl), 1); --tweak-form-block-description-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-form-block-option-color: hsla(var(--white-hsl), 1); --tweak-form-block-option-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-form-block-survey-title-color: hsla(var(--white-hsl), 1); --tweak-form-block-survey-title-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-form-block-title-color: hsla(var(--white-hsl), 1); --tweak-form-block-title-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-form-block-field-fill-color: hsla(var(--darkAccent-hsl), 1); --tweak-form-block-field-fill-color-hsl: var(--darkAccent-hsl); --tweak-form-block-field-fill-color-a: 1; --tweak-form-block-field-border-color: hsla(var(--white-hsl), 1); --tweak-form-block-field-border-color-hsl: var(--white-hsl); --tweak-form-block-field-border-color-a: 1; --tweak-form-block-field-accent-color: hsla(var(--accent-hsl), 1); --tweak-form-block-field-accent-color-hsl: var(--accent-hsl); --tweak-form-block-field-accent-color-a: 1; --tweak-form-block-field-accessory-color: hsla(var(--white-hsl), 1); --tweak-form-block-field-input-color: hsla(var(--white-hsl), 1); --tweak-form-block-field-input-color-hsl: var(--white-hsl); --tweak-form-block-field-input-color-a: 1; --tweak-form-block-field-fill-color-on-background: hsla(var(--lightAccent-hsl), 1); --tweak-form-block-field-fill-color-on-background-hsl: var(--lightAccent-hsl); --tweak-form-block-field-fill-color-on-background-a: 1; --tweak-form-block-field-border-color-on-background: hsla(var(--black-hsl), 1); --tweak-form-block-field-border-color-on-background-hsl: var(--black-hsl); --tweak-form-block-field-border-color-on-background-a: 1; --tweak-form-block-field-accent-color-on-background: hsla(var(--accent-hsl), 1); --tweak-form-block-field-accent-color-on-background-hsl: var(--accent-hsl); --tweak-form-block-field-accent-color-on-background-a: 1; --tweak-form-block-field-accessory-color-on-background: hsla(var(--black-hsl), 1); --tweak-form-block-field-input-color-on-background: hsla(var(--black-hsl), 1); --tweak-form-block-field-input-color-on-background-hsl: var(--black-hsl); --tweak-form-block-field-input-color-on-background-a: 1; --tweak-gallery-icon-background-color: hsla(var(--black-hsl), 1); --tweak-gallery-icon-color: hsla(var(--white-hsl), 1); --tweak-gallery-lightbox-background-color: hsla(var(--black-hsl), 1); --tweak-gallery-lightbox-icon-color: hsla(var(--white-hsl), 1); --tweak-heading-extra-large-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-heading-large-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-heading-medium-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-heading-small-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-line-block-line-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-marquee-block-background-color: hsla(var(--white-hsl), 1); --tweak-marquee-block-stroke-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-marquee-block-heading-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-marquee-block-heading-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-marquee-block-paragraph-color: hsla(var(--white-hsl), 1); --tweak-marquee-block-paragraph-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-menu-block-item-description-color: hsla(var(--white-hsl), 1); --tweak-menu-block-item-price-color: hsla(var(--white-hsl), 1); --tweak-menu-block-item-title-color: hsla(var(--white-hsl), 1); --tweak-menu-block-nav-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-menu-block-title-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-newsletter-block-background-color: hsla(var(--white-hsl), 1); --tweak-newsletter-block-stroke-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-newsletter-block-button-background-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-newsletter-block-button-background-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-newsletter-block-button-text-color: hsla(var(--safeInverseLightAccent-hsl), 1); --tweak-newsletter-block-button-text-color-on-background: hsla(var(--safeInverseDarkAccent-hsl), 1); --tweak-newsletter-block-description-color: hsla(var(--white-hsl), 1); --tweak-newsletter-block-description-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-newsletter-block-footnote-color: hsla(var(--white-hsl), 1); --tweak-newsletter-block-footnote-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-newsletter-block-title-color: hsla(var(--white-hsl), 1); --tweak-newsletter-block-title-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-paragraph-large-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-paragraph-link-color-on-background: hsla(var(--safeLightAccent-hsl), 1); --tweak-paragraph-medium-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-paragraph-small-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-portfolio-item-pagination-icon-color: hsla(var(--white-hsl), 1); --tweak-portfolio-item-pagination-meta-color: hsla(var(--white-hsl), 1); --tweak-portfolio-item-pagination-title-color: hsla(var(--white-hsl), 1); --tweak-product-basic-item-breadcumb-nav-color: hsla(var(--white-hsl), 1); --tweak-product-basic-item-description-color: hsla(var(--white-hsl), 1); --tweak-product-basic-item-gallery-controls-color: hsla(var(--safeInverseLightAccent-hsl), 1); --tweak-product-basic-item-price-color: hsla(var(--white-hsl), 1); --tweak-product-basic-item-sale-price-color: hsla(var(--accent-hsl), 1); --tweak-product-basic-item-scarcity-color: hsla(var(--accent-hsl), 1); --tweak-product-basic-item-title-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-product-basic-item-variant-fields-color: hsla(var(--white-hsl), 1); --tweak-product-grid-text-below-list-category-nav-color: hsla(var(--white-hsl), 1); --tweak-product-grid-text-below-list-pagination-color: hsla(var(--white-hsl), 1); --tweak-product-grid-text-below-list-price-color: hsla(var(--white-hsl), 1); --tweak-product-grid-text-below-list-sale-price-color: hsla(var(--accent-hsl), 1); --tweak-product-grid-text-below-list-scarcity-color: hsla(var(--white-hsl), 1); --tweak-product-grid-text-below-list-status-color: hsla(var(--accent-hsl), 1); --tweak-product-grid-text-below-list-title-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-product-quick-view-button-color: hsla(var(--black-hsl), 1); --tweak-product-quick-view-lightbox-controls-color: hsla(var(--black-hsl), 1); --tweak-product-quick-view-lightbox-overlay-color: hsla(var(--white-hsl), 1); --tweak-quote-block-background-color: hsla(var(--white-hsl), 1); --tweak-quote-block-stroke-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-quote-block-source-color: hsla(var(--white-hsl), 1); --tweak-quote-block-source-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-quote-block-text-color: hsla(var(--white-hsl), 1); --tweak-quote-block-text-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-summary-block-background-color: hsla(var(--white-hsl), 1); --tweak-summary-block-stroke-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-summary-block-excerpt-color: hsla(var(--white-hsl), 1); --tweak-summary-block-excerpt-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-summary-block-header-text-color: hsla(var(--white-hsl), 1); --tweak-summary-block-header-text-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-summary-block-primary-metadata-color: hsla(var(--white-hsl), 1); --tweak-summary-block-primary-metadata-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-summary-block-read-more-color: hsla(var(--white-hsl), 1); --tweak-summary-block-read-more-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-summary-block-secondary-metadata-color: hsla(var(--white-hsl), 1); --tweak-summary-block-secondary-metadata-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-summary-block-title-color: hsla(var(--white-hsl), 1); --tweak-summary-block-title-color-on-background: hsla(var(--safeDarkAccent-hsl), 1); --tweak-text-block-background-color: hsla(var(--white-hsl), 1); --tweak-text-block-stroke-color: hsla(var(--safeLightAccent-hsl), 1); --tweak-video-item-description-color: hsla(var(--accent-hsl), 1); --tweak-video-item-meta-color: hsla(var(--accent-hsl), 1); --tweak-video-item-pagination-icon-color: hsla(var(--accent-hsl), 1); --tweak-video-item-pagination-title-color: hsla(var(--accent-hsl), 1); --tweak-video-item-title-color: hsla(var(--accent-hsl), 1); --video-grid-basic-description-color: hsla(var(--accent-hsl), 1); --video-grid-basic-meta-color: hsla(var(--accent-hsl), 1); --video-grid-basic-title-color: hsla(var(--accent-hsl), 1); --video-grid-category-nav-color: hsla(var(--accent-hsl), 1); --video-preview-badge-background-color: hsla(var(--white-hsl), 1); --video-preview-badge-font-color: hsla(var(--black-hsl), 1) } [data-section-theme="bright"] { --announcement-bar-background-color: hsla(var(--safeInverseAccent-hsl), 1); --announcement-bar-text-color: hsla(var(--accent-hsl), 1); --backgroundOverlayColor: hsla(var(--accent-hsl), 1); --course-item-nav-active-lesson-background-color: hsla(var(--lightAccent-hsl), 1); --course-item-nav-active-lesson-text-color: hsla(var(--black-hsl), 1); --course-item-nav-background-color: hsla(var(--black-hsl), 1); --course-item-nav-border-color: hsla(var(--white-hsl), .25); --course-item-nav-text-color: hsla(var(--white-hsl), 1); --course-list-course-progress-bar-color: hsla(var(--darkAccent-hsl), 1); --course-list-course-item-background: hsla(var(--black-hsl), 1); --course-list-course-item-hover-background: hsla(var(--black-hsl), .9); --course-list-course-item-text-color: hsla(var(--lightAccent-hsl), 1); --course-list-course-chapter-divider-color: hsla(var(--darkAccent-hsl), 1); --course-list-grid-layout-chapter-divider-color: hsla(var(--safeInverseAccent-hsl), 1); --course-list-grid-layout-course-item-background-color: hsla(var(--black-hsl), 1); --course-list-grid-layout-course-item-hover-background-color: hsla(var(--black-hsl), .9); --course-list-grid-layout-course-item-text-color: hsla(var(--lightAccent-hsl), 1); --course-list-grid-layout-course-item-border-color: hsla(var(--darkAccent-hsl), 1); --donation-block-background-color: hsla(var(--safeInverseAccent-hsl), 1); --donation-block-stroke-color: hsla(var(--black-hsl), 1); --gradientHeaderBackgroundColor: hsla(var(--white-hsl), 1); --gradientHeaderBorderColor: hsla(var(--black-hsl), 1); --gradientHeaderDropShadowColor: hsla(var(--black-hsl), 1); --gradientHeaderNavigationColor: hsla(var(--black-hsl), 1); --headerDropShadowColor: hsla(var(--black-hsl), 1); --headerBorderColor: hsla(var(--black-hsl), 1); --headingExtraLargeColor: hsla(var(--safeInverseAccent-hsl), 1); --headingLargeColor: hsla(var(--safeInverseAccent-hsl), 1); --headingLinkColor: hsla(var(--safeInverseAccent-hsl), 1); --headingMediumColor: hsla(var(--safeInverseAccent-hsl), 1); --headingSmallColor: hsla(var(--safeInverseAccent-hsl), 1); --image-block-card-image-button-bg-color: hsla(var(--safeInverseAccent-hsl), 1); --image-block-card-image-button-text-color: hsla(var(--accent-hsl), 1); --image-block-card-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-card-image-subtitle-color: hsla(var(--safeInverseAccent-hsl), 1); --image-block-card-image-title-bg-color: hsla(var(--accent-hsl), 1); --image-block-card-image-title-color: hsla(var(--safeInverseAccent-hsl), 1); --image-block-card-inline-link-color: hsla(var(--safeInverseAccent-hsl), 1); --image-block-collage-background-color: hsla(var(--safeInverseAccent-hsl), 1); --image-block-collage-image-button-bg-color: hsla(var(--accent-hsl), 1); --image-block-collage-image-button-text-color: hsla(var(--safeInverseAccent-hsl), 1); --image-block-collage-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-collage-image-subtitle-color: hsla(var(--accent-hsl), 1); --image-block-collage-image-title-bg-color: hsla(var(--accent-hsl), 0); --image-block-collage-image-title-color: hsla(var(--accent-hsl), 1); --image-block-collage-inline-link-color: hsla(var(--accent-hsl), 1); --image-block-overlap-image-button-bg-color: hsla(var(--safeInverseAccent-hsl), 1); --image-block-overlap-image-button-text-color: hsla(var(--accent-hsl), 1); --image-block-overlap-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-overlap-image-subtitle-color: hsla(var(--safeInverseAccent-hsl), 1); --image-block-overlap-image-title-bg-color: hsla(var(--accent-hsl), 1); --image-block-overlap-image-title-color: hsla(var(--safeInverseAccent-hsl), 1); --image-block-overlap-inline-link-color: hsla(var(--safeInverseAccent-hsl), 1); --image-block-overlay-color: hsla(var(--black-hsl), .5); --image-block-poster-image-button-bg-color: hsla(var(--safeInverseAccent-hsl), 1); --image-block-poster-image-button-text-color: hsla(var(--accent-hsl), 1); --image-block-poster-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-poster-image-subtitle-color: hsla(var(--white-hsl), 1); --image-block-poster-image-title-bg-color-v2: hsla(var(--accent-hsl), 0); --image-block-poster-image-title-color: hsla(var(--white-hsl), 1); --image-block-poster-inline-link-color: hsla(var(--white-hsl), 1); --image-block-stack-image-button-bg-color: hsla(var(--safeInverseAccent-hsl), 1); --image-block-stack-image-button-text-color: hsla(var(--accent-hsl), 1); --image-block-stack-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-stack-image-subtitle-color: hsla(var(--safeInverseAccent-hsl), 1); --image-block-stack-image-title-bg-color: hsla(var(--accent-hsl), 0); --image-block-stack-image-title-color: hsla(var(--safeInverseAccent-hsl), 1); --image-block-stack-inline-link-color: hsla(var(--safeInverseAccent-hsl), 1); --list-section-banner-slideshow-arrow-background-color: hsla(var(--safeInverseAccent-hsl), 1); --list-section-banner-slideshow-arrow-color: hsla(var(--accent-hsl), 1); --list-section-banner-slideshow-button-background-color: hsla(var(--safeInverseAccent-hsl), 1); --list-section-banner-slideshow-button-text-color: hsla(var(--accent-hsl), 1); --list-section-banner-slideshow-card-button-background-color: hsla(var(--accent-hsl), 1); --list-section-banner-slideshow-card-button-text-color: hsla(var(--safeInverseAccent-hsl), 1); --list-section-banner-slideshow-card-color: hsla(var(--safeInverseAccent-hsl), 1); --list-section-banner-slideshow-card-description-color: hsla(var(--accent-hsl), 1); --list-section-banner-slideshow-card-description-link-color: hsla(var(--accent-hsl), 1); --list-section-banner-slideshow-card-title-color: hsla(var(--accent-hsl), 1); --list-section-banner-slideshow-description-color: hsla(var(--safeInverseAccent-hsl), 1); --list-section-banner-slideshow-title-color: hsla(var(--safeInverseAccent-hsl), 1); --list-section-carousel-arrow-background-color: hsla(var(--safeInverseAccent-hsl), 1); --list-section-carousel-arrow-color: hsla(var(--accent-hsl), 1); --list-section-carousel-button-background-color: hsla(var(--safeInverseAccent-hsl), 1); --list-section-carousel-button-text-color: hsla(var(--accent-hsl), 1); --list-section-carousel-card-button-background-color: hsla(var(--accent-hsl), 1); --list-section-carousel-card-button-text-color: hsla(var(--safeInverseAccent-hsl), 1); --list-section-carousel-card-color: hsla(var(--safeInverseAccent-hsl), 1); --list-section-carousel-card-description-color: hsla(var(--accent-hsl), 1); --list-section-carousel-card-description-link-color: hsla(var(--accent-hsl), 1); --list-section-carousel-card-title-color: hsla(var(--accent-hsl), 1); --list-section-carousel-description-color: hsla(var(--safeInverseAccent-hsl), 1); --list-section-carousel-title-color: hsla(var(--safeInverseAccent-hsl), 1); --list-section-simple-button-background-color: hsla(var(--safeInverseAccent-hsl), 1); --list-section-simple-button-text-color: hsla(var(--accent-hsl), 1); --list-section-simple-card-button-background-color: hsla(var(--accent-hsl), 1); --list-section-simple-card-button-text-color: hsla(var(--safeInverseAccent-hsl), 1); --list-section-simple-card-color: hsla(var(--safeInverseAccent-hsl), 1); --list-section-simple-card-description-color: hsla(var(--accent-hsl), 1); --list-section-simple-card-description-link-color: hsla(var(--accent-hsl), 1); --list-section-simple-card-title-color: hsla(var(--accent-hsl), 1); --list-section-simple-description-color: hsla(var(--safeInverseAccent-hsl), 1); --list-section-simple-title-color: hsla(var(--safeInverseAccent-hsl), 1); --list-section-title-color: hsla(var(--safeInverseAccent-hsl), 1); --menuOverlayBackgroundColor: hsla(var(--accent-hsl), 1); --menuOverlayButtonBackgroundColor: hsla(var(--safeInverseAccent-hsl), 1); --menuOverlayButtonTextColor: hsla(var(--accent-hsl), 1); --menuOverlayNavigationLinkColor: hsla(var(--safeInverseAccent-hsl), 1); --navigationLinkColor: hsla(var(--safeInverseAccent-hsl), 1); --paragraphLargeColor: hsla(var(--safeInverseAccent-hsl), 1); --paragraphLinkColor: hsla(var(--safeInverseAccent-hsl), 1); --paragraphMediumColor: hsla(var(--safeInverseAccent-hsl), 1); --paragraphSmallColor: hsla(var(--safeInverseAccent-hsl), 1); --portfolio-grid-basic-title-color: hsla(var(--safeInverseAccent-hsl), 1); --portfolio-grid-overlay-overlay-color: hsla(var(--accent-hsl), 1); --portfolio-grid-overlay-title-color: hsla(var(--safeInverseAccent-hsl), 1); --portfolio-hover-follow-title-color: hsla(var(--safeInverseAccent-hsl), 1); --portfolio-hover-static-title-color: hsla(var(--safeInverseAccent-hsl), 1); --portfolio-index-background-title-color: hsla(var(--safeInverseAccent-hsl), 1); --primaryButtonBackgroundColor: hsla(var(--safeInverseAccent-hsl), 1); --primaryButtonTextColor: hsla(var(--accent-hsl), 1); --product-detail-subscriptions-description-text-color: hsla(var(--safeInverseAccent-hsl), 1); --product-detail-subscriptions-frequency-text-color: hsla(var(--safeInverseAccent-hsl), 1); --product-detail-one-time-purchase-price-text-color: hsla(var(--safeInverseAccent-hsl), 1); --product-detail-subscription-price-text-color: hsla(var(--safeInverseAccent-hsl), 1); --product-detail-subscriptions-title-color: hsla(var(--safeInverseAccent-hsl), 1); --product-detail-subscriptions-button-background-color: hsla(var(--safeInverseAccent-hsl), 1); --product-detail-subscriptions-button-text-color: hsla(var(--accent-hsl), 1); --secondaryButtonBackgroundColor: hsla(var(--safeInverseAccent-hsl), 1); --secondaryButtonTextColor: hsla(var(--accent-hsl), 1); --section-divider-stroke-color: hsla(var(--safeInverseAccent-hsl), 1); --section-inset-border-color: hsla(var(--white-hsl), 1); --shape-block-background-color: hsla(var(--safeInverseAccent-hsl), 1); --shape-block-dropshadow-color: hsla(var(--safeInverseAccent-hsl), 1); --shape-block-stroke-color: hsla(var(--black-hsl), 1); --siteBackgroundColor: hsla(var(--accent-hsl), 1); --siteTitleColor: hsla(var(--safeInverseAccent-hsl), 1); --social-links-block-main-icon-color: hsla(var(--safeInverseAccent-hsl), 1); --social-links-block-secondary-icon-color: hsla(var(--accent-hsl), 1); --solidHeaderBackgroundColor: hsla(var(--white-hsl), 1); --solidHeaderBorderColor: hsla(var(--black-hsl), 1); --solidHeaderDropShadowColor: hsla(var(--black-hsl), 1); --solidHeaderNavigationColor: hsla(var(--black-hsl), 1); --summary-block-limited-availability-label-color: hsla(var(--safeInverseAccent-hsl), 1); --tertiaryButtonBackgroundColor: hsla(var(--safeInverseAccent-hsl), 1); --tertiaryButtonTextColor: hsla(var(--accent-hsl), 1); --text-highlight-color: hsla(var(--safeInverseAccent-hsl), 1); --text-highlight-color-on-background: hsla(var(--accent-hsl), 1); --toggle-off-color: hsla(var(--lightAccent-hsl), 1); --toggle-on-color: hsla(var(--black-hsl), 1); --tweak-accordion-block-background-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-accordion-block-stroke-color: hsla(var(--darkAccent-hsl), 1); --tweak-accordion-block-divider-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-accordion-block-divider-color-on-background: hsla(var(--accent-hsl), 1); --tweak-accordion-block-icon-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-accordion-block-icon-color-on-background: hsla(var(--accent-hsl), 1); --tweak-blog-alternating-side-by-side-list-excerpt-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-blog-alternating-side-by-side-list-meta-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-blog-alternating-side-by-side-list-read-more-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-blog-alternating-side-by-side-list-title-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-blog-basic-grid-list-excerpt-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-blog-basic-grid-list-meta-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-blog-basic-grid-list-read-more-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-blog-basic-grid-list-title-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-blog-item-author-profile-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-blog-item-comment-meta-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-blog-item-comment-text-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-blog-item-meta-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-blog-item-pagination-icon-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-blog-item-pagination-meta-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-blog-item-pagination-title-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-blog-item-title-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-blog-masonry-list-excerpt-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-blog-masonry-list-meta-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-blog-masonry-list-read-more-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-blog-masonry-list-title-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-blog-side-by-side-list-excerpt-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-blog-side-by-side-list-meta-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-blog-side-by-side-list-read-more-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-blog-side-by-side-list-title-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-blog-single-column-list-excerpt-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-blog-single-column-list-meta-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-blog-single-column-list-read-more-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-blog-single-column-list-title-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-content-link-block-title-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-events-item-pagination-date-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-events-item-pagination-icon-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-events-item-pagination-title-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-form-block-background-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-form-block-stroke-color: hsla(var(--darkAccent-hsl), 1); --tweak-form-block-button-background-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-form-block-button-background-color-on-background: hsla(var(--accent-hsl), 1); --tweak-form-block-button-text-color: hsla(var(--accent-hsl), 1); --tweak-form-block-button-text-color-on-background: hsla(var(--safeInverseAccent-hsl), 1); --tweak-form-block-caption-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-form-block-caption-color-on-background: hsla(var(--accent-hsl), 1); --tweak-form-block-description-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-form-block-description-color-on-background: hsla(var(--accent-hsl), 1); --tweak-form-block-option-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-form-block-option-color-on-background: hsla(var(--accent-hsl), 1); --tweak-form-block-survey-title-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-form-block-survey-title-color-on-background: hsla(var(--accent-hsl), 1); --tweak-form-block-title-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-form-block-title-color-on-background: hsla(var(--accent-hsl), 1); --tweak-form-block-field-fill-color: hsla(var(--white-hsl), 1); --tweak-form-block-field-fill-color-hsl: var(--white-hsl); --tweak-form-block-field-fill-color-a: 1; --tweak-form-block-field-border-color: hsla(var(--black-hsl), 1); --tweak-form-block-field-border-color-hsl: var(--black-hsl); --tweak-form-block-field-border-color-a: 1; --tweak-form-block-field-accent-color: hsla(var(--darkAccent-hsl), 1); --tweak-form-block-field-accent-color-hsl: var(--darkAccent-hsl); --tweak-form-block-field-accent-color-a: 1; --tweak-form-block-field-input-color: hsla(var(--black-hsl), 1); --tweak-form-block-field-input-color-hsl: var(--black-hsl); --tweak-form-block-field-input-color-a: 1; --tweak-form-block-field-accessory-color: hsla(var(--black-hsl), 1); --tweak-form-block-field-fill-color-on-background: hsla(var(--darkAccent-hsl), 1); --tweak-form-block-field-fill-color-on-background-hsl: var(--darkAccent-hsl); --tweak-form-block-field-fill-color-on-background-a: 1; --tweak-form-block-field-border-color-on-background: hsla(var(--accent-hsl), 1); --tweak-form-block-field-border-color-on-background-hsl: var(--accent-hsl); --tweak-form-block-field-border-color-on-background-a: 1; --tweak-form-block-field-accent-color-on-background: hsla(var(--lightAccent-hsl), 1); --tweak-form-block-field-accent-color-on-background-hsl: var(--lightAccent-hsl); --tweak-form-block-field-accent-color-on-background-a: 1; --tweak-form-block-field-input-color-on-background: hsla(var(--accent-hsl), 1); --tweak-form-block-field-input-color-on-background-hsl: var(--accent-hsl); --tweak-form-block-field-input-color-on-background-a: 1; --tweak-form-block-field-accessory-color-on-background: hsla(var(--accent-hsl), 1); --tweak-gallery-icon-background-color: hsla(var(--accent-hsl), 1); --tweak-gallery-icon-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-gallery-lightbox-background-color: hsla(var(--accent-hsl), 1); --tweak-gallery-lightbox-icon-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-heading-extra-large-color-on-background: hsla(var(--accent-hsl), 1); --tweak-heading-large-color-on-background: hsla(var(--accent-hsl), 1); --tweak-heading-medium-color-on-background: hsla(var(--accent-hsl), 1); --tweak-heading-small-color-on-background: hsla(var(--accent-hsl), 1); --tweak-line-block-line-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-marquee-block-background-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-marquee-block-stroke-color: hsla(var(--darkAccent-hsl), 1); --tweak-marquee-block-heading-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-marquee-block-heading-color-on-background: hsla(var(--accent-hsl), 1); --tweak-marquee-block-paragraph-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-marquee-block-paragraph-color-on-background: hsla(var(--accent-hsl), 1); --tweak-menu-block-item-description-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-menu-block-item-price-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-menu-block-item-title-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-menu-block-nav-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-menu-block-title-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-newsletter-block-background-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-newsletter-block-stroke-color: hsla(var(--darkAccent-hsl), 1); --tweak-newsletter-block-button-background-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-newsletter-block-button-background-color-on-background: hsla(var(--accent-hsl), 1); --tweak-newsletter-block-button-text-color: hsla(var(--accent-hsl), 1); --tweak-newsletter-block-button-text-color-on-background: hsla(var(--safeInverseAccent-hsl), 1); --tweak-newsletter-block-description-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-newsletter-block-description-color-on-background: hsla(var(--accent-hsl), 1); --tweak-newsletter-block-footnote-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-newsletter-block-footnote-color-on-background: hsla(var(--accent-hsl), 1); --tweak-newsletter-block-title-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-newsletter-block-title-color-on-background: hsla(var(--accent-hsl), 1); --tweak-paragraph-large-color-on-background: hsla(var(--accent-hsl), 1); --tweak-paragraph-link-color-on-background: hsla(var(--accent-hsl), 1); --tweak-paragraph-medium-color-on-background: hsla(var(--accent-hsl), 1); --tweak-paragraph-small-color-on-background: hsla(var(--accent-hsl), 1); --tweak-portfolio-item-pagination-icon-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-portfolio-item-pagination-meta-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-portfolio-item-pagination-title-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-product-basic-item-breadcumb-nav-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-product-basic-item-description-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-product-basic-item-gallery-controls-color: hsla(var(--safeInverseLightAccent-hsl), 1); --tweak-product-basic-item-price-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-product-basic-item-sale-price-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-product-basic-item-scarcity-color: hsla(var(--white-hsl), 1); --tweak-product-basic-item-title-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-product-basic-item-variant-fields-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-product-grid-text-below-list-category-nav-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-product-grid-text-below-list-pagination-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-product-grid-text-below-list-price-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-product-grid-text-below-list-sale-price-color: hsla(var(--white-hsl), 1); --tweak-product-grid-text-below-list-scarcity-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-product-grid-text-below-list-status-color: hsla(var(--white-hsl), 1); --tweak-product-grid-text-below-list-title-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-product-quick-view-button-color: hsla(var(--black-hsl), 1); --tweak-product-quick-view-lightbox-controls-color: hsla(var(--black-hsl), 1); --tweak-product-quick-view-lightbox-overlay-color: hsla(var(--white-hsl), 1); --tweak-quote-block-background-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-quote-block-stroke-color: hsla(var(--darkAccent-hsl), 1); --tweak-quote-block-source-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-quote-block-source-color-on-background: hsla(var(--accent-hsl), 1); --tweak-quote-block-text-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-quote-block-text-color-on-background: hsla(var(--accent-hsl), 1); --tweak-summary-block-background-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-summary-block-stroke-color: hsla(var(--darkAccent-hsl), 1); --tweak-summary-block-excerpt-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-summary-block-excerpt-color-on-background: hsla(var(--accent-hsl), 1); --tweak-summary-block-header-text-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-summary-block-header-text-color-on-background: hsla(var(--accent-hsl), 1); --tweak-summary-block-primary-metadata-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-summary-block-primary-metadata-color-on-background: hsla(var(--accent-hsl), 1); --tweak-summary-block-read-more-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-summary-block-read-more-color-on-background: hsla(var(--accent-hsl), 1); --tweak-summary-block-secondary-metadata-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-summary-block-secondary-metadata-color-on-background: hsla(var(--accent-hsl), 1); --tweak-summary-block-title-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-summary-block-title-color-on-background: hsla(var(--accent-hsl), 1); --tweak-text-block-background-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-text-block-stroke-color: hsla(var(--darkAccent-hsl), 1); --tweak-video-item-description-color: hsla(var(--white-hsl), 1); --tweak-video-item-meta-color: hsla(var(--white-hsl), 1); --tweak-video-item-pagination-icon-color: hsla(var(--white-hsl), 1); --tweak-video-item-pagination-title-color: hsla(var(--white-hsl), 1); --tweak-video-item-title-color: hsla(var(--white-hsl), 1); --video-grid-basic-description-color: hsla(var(--white-hsl), 1); --video-grid-basic-meta-color: hsla(var(--white-hsl), 1); --video-grid-basic-title-color: hsla(var(--white-hsl), 1); --video-grid-category-nav-color: hsla(var(--white-hsl), 1); --video-preview-badge-background-color: hsla(var(--white-hsl), 1); --video-preview-badge-font-color: hsla(var(--black-hsl), 1) } [data-section-theme="bright-inverse"] { --announcement-bar-background-color: hsla(var(--accent-hsl), 1); --announcement-bar-text-color: hsla(var(--safeInverseAccent-hsl), 1); --backgroundOverlayColor: hsla(var(--safeInverseAccent-hsl), 1); --course-item-nav-active-lesson-background-color: hsla(var(--darkAccent-hsl), 1); --course-item-nav-active-lesson-text-color: hsla(var(--white-hsl), 1); --course-item-nav-background-color: hsla(var(--lightAccent-hsl), 1); --course-item-nav-border-color: hsla(var(--black-hsl), .25); --course-item-nav-text-color: hsla(var(--black-hsl), 1); --course-list-course-progress-bar-color: hsla(var(--darkAccent-hsl), 1); --course-list-course-item-background: hsla(var(--lightAccent-hsl), 1); --course-list-course-item-hover-background: hsla(var(--lightAccent-hsl), .95); --course-list-course-item-text-color: hsla(var(--black-hsl), 1); --course-list-course-chapter-divider-color: hsla(var(--darkAccent-hsl), 1); --course-list-grid-layout-chapter-divider-color: hsla(var(--accent-hsl), 1); --course-list-grid-layout-course-item-background-color: hsla(var(--lightAccent-hsl), 1); --course-list-grid-layout-course-item-hover-background-color: hsla(var(--lightAccent-hsl), .95); --course-list-grid-layout-course-item-text-color: hsla(var(--black-hsl), 1); --course-list-grid-layout-course-item-border-color: hsla(var(--darkAccent-hsl), 1); --donation-block-background-color: hsla(var(--accent-hsl), 1); --donation-block-stroke-color: hsla(var(--black-hsl), 1); --gradientHeaderBackgroundColor: hsla(var(--white-hsl), 1); --gradientHeaderBorderColor: hsla(var(--black-hsl), 1); --gradientHeaderDropShadowColor: hsla(var(--black-hsl), 1); --gradientHeaderNavigationColor: hsla(var(--black-hsl), 1); --headerDropShadowColor: hsla(var(--black-hsl), 1); --headerBorderColor: hsla(var(--black-hsl), 1); --headingExtraLargeColor: hsla(var(--accent-hsl), 1); --headingLargeColor: hsla(var(--accent-hsl), 1); --headingLinkColor: hsla(var(--accent-hsl), 1); --headingMediumColor: hsla(var(--accent-hsl), 1); --headingSmallColor: hsla(var(--accent-hsl), 1); --image-block-card-image-button-bg-color: hsla(var(--accent-hsl), 1); --image-block-card-image-button-text-color: hsla(var(--safeInverseAccent-hsl), 1); --image-block-card-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-card-image-subtitle-color: hsla(var(--accent-hsl), 1); --image-block-card-image-title-bg-color: hsla(var(--safeInverseAccent-hsl), 1); --image-block-card-image-title-color: hsla(var(--accent-hsl), 1); --image-block-card-inline-link-color: hsla(var(--accent-hsl), 1); --image-block-collage-background-color: hsla(var(--accent-hsl), 1); --image-block-collage-image-button-bg-color: hsla(var(--safeInverseAccent-hsl), 1); --image-block-collage-image-button-text-color: hsla(var(--accent-hsl), 1); --image-block-collage-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-collage-image-subtitle-color: hsla(var(--safeInverseAccent-hsl), 1); --image-block-collage-image-title-bg-color: hsla(var(--safeInverseAccent-hsl), 0); --image-block-collage-image-title-color: hsla(var(--safeInverseAccent-hsl), 1); --image-block-collage-inline-link-color: hsla(var(--safeInverseAccent-hsl), 1); --image-block-overlap-image-button-bg-color: hsla(var(--accent-hsl), 1); --image-block-overlap-image-button-text-color: hsla(var(--safeInverseAccent-hsl), 1); --image-block-overlap-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-overlap-image-subtitle-color: hsla(var(--accent-hsl), 1); --image-block-overlap-image-title-bg-color: hsla(var(--safeInverseAccent-hsl), 1); --image-block-overlap-image-title-color: hsla(var(--accent-hsl), 1); --image-block-overlap-inline-link-color: hsla(var(--accent-hsl), 1); --image-block-overlay-color: hsla(var(--black-hsl), .5); --image-block-poster-image-button-bg-color: hsla(var(--accent-hsl), 1); --image-block-poster-image-button-text-color: hsla(var(--safeInverseAccent-hsl), 1); --image-block-poster-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-poster-image-subtitle-color: hsla(var(--white-hsl), 1); --image-block-poster-image-title-bg-color-v2: hsla(var(--safeInverseAccent-hsl), 0); --image-block-poster-image-title-color: hsla(var(--white-hsl), 1); --image-block-poster-inline-link-color: hsla(var(--white-hsl), 1); --image-block-stack-image-button-bg-color: hsla(var(--accent-hsl), 1); --image-block-stack-image-button-text-color: hsla(var(--safeInverseAccent-hsl), 1); --image-block-stack-image-overlay-color: hsla(var(--darkAccent-hsl), 1); --image-block-stack-image-subtitle-color: hsla(var(--accent-hsl), 1); --image-block-stack-image-title-bg-color: hsla(var(--safeInverseAccent-hsl), 0); --image-block-stack-image-title-color: hsla(var(--accent-hsl), 1); --image-block-stack-inline-link-color: hsla(var(--accent-hsl), 1); --list-section-banner-slideshow-arrow-background-color: hsla(var(--accent-hsl), 1); --list-section-banner-slideshow-arrow-color: hsla(var(--safeInverseAccent-hsl), 1); --list-section-banner-slideshow-button-background-color: hsla(var(--accent-hsl), 1); --list-section-banner-slideshow-button-text-color: hsla(var(--safeInverseAccent-hsl), 1); --list-section-banner-slideshow-card-button-background-color: hsla(var(--safeInverseAccent-hsl), 1); --list-section-banner-slideshow-card-button-text-color: hsla(var(--accent-hsl), 1); --list-section-banner-slideshow-card-color: hsla(var(--accent-hsl), 1); --list-section-banner-slideshow-card-description-color: hsla(var(--safeInverseAccent-hsl), 1); --list-section-banner-slideshow-card-description-link-color: hsla(var(--safeInverseAccent-hsl), 1); --list-section-banner-slideshow-card-title-color: hsla(var(--safeInverseAccent-hsl), 1); --list-section-banner-slideshow-description-color: hsla(var(--accent-hsl), 1); --list-section-banner-slideshow-title-color: hsla(var(--accent-hsl), 1); --list-section-carousel-arrow-background-color: hsla(var(--accent-hsl), 1); --list-section-carousel-arrow-color: hsla(var(--safeInverseAccent-hsl), 1); --list-section-carousel-button-background-color: hsla(var(--accent-hsl), 1); --list-section-carousel-button-text-color: hsla(var(--safeInverseAccent-hsl), 1); --list-section-carousel-card-button-background-color: hsla(var(--safeInverseAccent-hsl), 1); --list-section-carousel-card-button-text-color: hsla(var(--accent-hsl), 1); --list-section-carousel-card-color: hsla(var(--accent-hsl), 1); --list-section-carousel-card-description-color: hsla(var(--safeInverseAccent-hsl), 1); --list-section-carousel-card-description-link-color: hsla(var(--safeInverseAccent-hsl), 1); --list-section-carousel-card-title-color: hsla(var(--safeInverseAccent-hsl), 1); --list-section-carousel-description-color: hsla(var(--accent-hsl), 1); --list-section-carousel-title-color: hsla(var(--accent-hsl), 1); --list-section-simple-button-background-color: hsla(var(--accent-hsl), 1); --list-section-simple-button-text-color: hsla(var(--safeInverseAccent-hsl), 1); --list-section-simple-card-button-background-color: hsla(var(--safeInverseAccent-hsl), 1); --list-section-simple-card-button-text-color: hsla(var(--accent-hsl), 1); --list-section-simple-card-color: hsla(var(--accent-hsl), 1); --list-section-simple-card-description-color: hsla(var(--safeInverseAccent-hsl), 1); --list-section-simple-card-description-link-color: hsla(var(--safeInverseAccent-hsl), 1); --list-section-simple-card-title-color: hsla(var(--safeInverseAccent-hsl), 1); --list-section-simple-description-color: hsla(var(--accent-hsl), 1); --list-section-simple-title-color: hsla(var(--accent-hsl), 1); --list-section-title-color: hsla(var(--accent-hsl), 1); --menuOverlayBackgroundColor: hsla(var(--safeInverseAccent-hsl), 1); --menuOverlayButtonBackgroundColor: hsla(var(--accent-hsl), 1); --menuOverlayButtonTextColor: hsla(var(--safeInverseAccent-hsl), 1); --menuOverlayNavigationLinkColor: hsla(var(--accent-hsl), 1); --navigationLinkColor: hsla(var(--accent-hsl), 1); --paragraphLargeColor: hsla(var(--accent-hsl), 1); --paragraphLinkColor: hsla(var(--accent-hsl), 1); --paragraphMediumColor: hsla(var(--accent-hsl), 1); --paragraphSmallColor: hsla(var(--accent-hsl), 1); --portfolio-grid-basic-title-color: hsla(var(--accent-hsl), 1); --portfolio-grid-overlay-overlay-color: hsla(var(--safeInverseAccent-hsl), 1); --portfolio-grid-overlay-title-color: hsla(var(--accent-hsl), 1); --portfolio-hover-follow-title-color: hsla(var(--accent-hsl), 1); --portfolio-hover-static-title-color: hsla(var(--accent-hsl), 1); --portfolio-index-background-title-color: hsla(var(--accent-hsl), 1); --primaryButtonBackgroundColor: hsla(var(--accent-hsl), 1); --primaryButtonTextColor: hsla(var(--safeInverseAccent-hsl), 1); --product-detail-subscriptions-description-text-color: hsla(var(--accent-hsl), 1); --product-detail-subscriptions-frequency-text-color: hsla(var(--accent-hsl), 1); --product-detail-one-time-purchase-price-text-color: hsla(var(--accent-hsl), 1); --product-detail-subscription-price-text-color: hsla(var(--accent-hsl), 1); --product-detail-subscriptions-title-color: hsla(var(--accent-hsl), 1); --product-detail-subscriptions-button-background-color: hsla(var(--accent-hsl), 1); --product-detail-subscriptions-button-text-color: hsla(var(--safeInverseAccent-hsl), 1); --secondaryButtonBackgroundColor: hsla(var(--accent-hsl), 1); --secondaryButtonTextColor: hsla(var(--safeInverseAccent-hsl), 1); --section-divider-stroke-color: hsla(var(--accent-hsl), 1); --section-inset-border-color: hsla(var(--white-hsl), 1); --shape-block-background-color: hsla(var(--accent-hsl), 1); --shape-block-dropshadow-color: hsla(var(--accent-hsl), 1); --shape-block-stroke-color: hsla(var(--black-hsl), 1); --siteBackgroundColor: hsla(var(--safeInverseAccent-hsl), 1); --siteTitleColor: hsla(var(--accent-hsl), 1); --social-links-block-main-icon-color: hsla(var(--accent-hsl), 1); --social-links-block-secondary-icon-color: hsla(var(--safeInverseAccent-hsl), 1); --solidHeaderBackgroundColor: hsla(var(--white-hsl), 1); --solidHeaderBorderColor: hsla(var(--black-hsl), 1); --solidHeaderDropShadowColor: hsla(var(--black-hsl), 1); --solidHeaderNavigationColor: hsla(var(--black-hsl), 1); --summary-block-limited-availability-label-color: hsla(var(--accent-hsl), 1); --tertiaryButtonBackgroundColor: hsla(var(--accent-hsl), 1); --tertiaryButtonTextColor: hsla(var(--safeInverseAccent-hsl), 1); --text-highlight-color: hsla(var(--accent-hsl), 1); --text-highlight-color-on-background: hsla(var(--safeInverseAccent-hsl), 1); --toggle-off-color: hsla(var(--lightAccent-hsl), 1); --toggle-on-color: hsla(var(--accent-hsl), 1); --tweak-accordion-block-background-color: hsla(var(--accent-hsl), 1); --tweak-accordion-block-stroke-color: hsla(var(--darkAccent-hsl), 1); --tweak-accordion-block-divider-color: hsla(var(--accent-hsl), 1); --tweak-accordion-block-divider-color-on-background: hsla(var(--safeInverseAccent-hsl), 1); --tweak-accordion-block-icon-color: hsla(var(--accent-hsl), 1); --tweak-accordion-block-icon-color-on-background: hsla(var(--safeInverseAccent-hsl), 1); --tweak-blog-alternating-side-by-side-list-excerpt-color: hsla(var(--accent-hsl), 1); --tweak-blog-alternating-side-by-side-list-meta-color: hsla(var(--accent-hsl), 1); --tweak-blog-alternating-side-by-side-list-read-more-color: hsla(var(--accent-hsl), 1); --tweak-blog-alternating-side-by-side-list-title-color: hsla(var(--accent-hsl), 1); --tweak-blog-basic-grid-list-excerpt-color: hsla(var(--accent-hsl), 1); --tweak-blog-basic-grid-list-meta-color: hsla(var(--accent-hsl), 1); --tweak-blog-basic-grid-list-read-more-color: hsla(var(--accent-hsl), 1); --tweak-blog-basic-grid-list-title-color: hsla(var(--accent-hsl), 1); --tweak-blog-item-author-profile-color: hsla(var(--accent-hsl), 1); --tweak-blog-item-comment-meta-color: hsla(var(--accent-hsl), 1); --tweak-blog-item-comment-text-color: hsla(var(--accent-hsl), 1); --tweak-blog-item-meta-color: hsla(var(--accent-hsl), 1); --tweak-blog-item-pagination-icon-color: hsla(var(--accent-hsl), 1); --tweak-blog-item-pagination-meta-color: hsla(var(--accent-hsl), 1); --tweak-blog-item-pagination-title-color: hsla(var(--accent-hsl), 1); --tweak-blog-item-title-color: hsla(var(--accent-hsl), 1); --tweak-blog-masonry-list-excerpt-color: hsla(var(--accent-hsl), 1); --tweak-blog-masonry-list-meta-color: hsla(var(--accent-hsl), 1); --tweak-blog-masonry-list-read-more-color: hsla(var(--accent-hsl), 1); --tweak-blog-masonry-list-title-color: hsla(var(--accent-hsl), 1); --tweak-blog-side-by-side-list-excerpt-color: hsla(var(--accent-hsl), 1); --tweak-blog-side-by-side-list-meta-color: hsla(var(--accent-hsl), 1); --tweak-blog-side-by-side-list-read-more-color: hsla(var(--accent-hsl), 1); --tweak-blog-side-by-side-list-title-color: hsla(var(--accent-hsl), 1); --tweak-blog-single-column-list-excerpt-color: hsla(var(--accent-hsl), 1); --tweak-blog-single-column-list-meta-color: hsla(var(--accent-hsl), 1); --tweak-blog-single-column-list-read-more-color: hsla(var(--accent-hsl), 1); --tweak-blog-single-column-list-title-color: hsla(var(--accent-hsl), 1); --tweak-content-link-block-title-color: hsla(var(--accent-hsl), 1); --tweak-events-item-pagination-date-color: hsla(var(--accent-hsl), 1); --tweak-events-item-pagination-icon-color: hsla(var(--accent-hsl), 1); --tweak-events-item-pagination-title-color: hsla(var(--accent-hsl), 1); --tweak-form-block-background-color: hsla(var(--accent-hsl), 1); --tweak-form-block-stroke-color: hsla(var(--darkAccent-hsl), 1); --tweak-form-block-button-background-color: hsla(var(--accent-hsl), 1); --tweak-form-block-button-background-color-on-background: hsla(var(--safeInverseAccent-hsl), 1); --tweak-form-block-button-text-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-form-block-button-text-color-on-background: hsla(var(--accent-hsl), 1); --tweak-form-block-caption-color: hsla(var(--accent-hsl), 1); --tweak-form-block-caption-color-on-background: hsla(var(--safeInverseAccent-hsl), 1); --tweak-form-block-description-color: hsla(var(--accent-hsl), 1); --tweak-form-block-description-color-on-background: hsla(var(--safeInverseAccent-hsl), 1); --tweak-form-block-option-color: hsla(var(--accent-hsl), 1); --tweak-form-block-option-color-on-background: hsla(var(--safeInverseAccent-hsl), 1); --tweak-form-block-survey-title-color: hsla(var(--accent-hsl), 1); --tweak-form-block-survey-title-color-on-background: hsla(var(--safeInverseAccent-hsl), 1); --tweak-form-block-title-color: hsla(var(--accent-hsl), 1); --tweak-form-block-title-color-on-background: hsla(var(--safeInverseAccent-hsl), 1); --tweak-form-block-field-fill-color: hsla(var(--darkAccent-hsl), 1); --tweak-form-block-field-fill-color-hsl: var(--darkAccent-hsl); --tweak-form-block-field-fill-color-a: 1; --tweak-form-block-field-border-color: hsla(var(--accent-hsl), 1); --tweak-form-block-field-border-color-hsl: var(--accent-hsl); --tweak-form-block-field-border-color-a: 1; --tweak-form-block-field-accent-color: hsla(var(--lightAccent-hsl), 1); --tweak-form-block-field-accent-color-hsl: var(--lightAccent-hsl); --tweak-form-block-field-accent-color-a: 1; --tweak-form-block-field-input-color: hsla(var(--accent-hsl), 1); --tweak-form-block-field-input-color-hsl: var(--accent-hsl); --tweak-form-block-field-input-color-a: 1; --tweak-form-block-field-accessory-color: hsla(var(--accent-hsl), 1); --tweak-form-block-field-fill-color-on-background: hsla(var(--white-hsl), 1); --tweak-form-block-field-fill-color-on-background-hsl: var(--white-hsl); --tweak-form-block-field-fill-color-on-background-a: 1; --tweak-form-block-field-border-color-on-background: hsla(var(--black-hsl), 1); --tweak-form-block-field-border-color-on-background-hsl: var(--black-hsl); --tweak-form-block-field-border-color-on-background-a: 1; --tweak-form-block-field-accent-color-on-background: hsla(var(--darkAccent-hsl), 1); --tweak-form-block-field-accent-color-on-background-hsl: var(--darkAccent-hsl); --tweak-form-block-field-accent-color-on-background-a: 1; --tweak-form-block-field-input-color-on-background: hsla(var(--black-hsl), 1); --tweak-form-block-field-input-color-on-background-hsl: var(--black-hsl); --tweak-form-block-field-input-color-on-background-a: 1; --tweak-form-block-field-accessory-color-on-background: hsla(var(--black-hsl), 1); --tweak-gallery-icon-background-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-gallery-icon-color: hsla(var(--accent-hsl), 1); --tweak-gallery-lightbox-background-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-gallery-lightbox-icon-color: hsla(var(--accent-hsl), 1); --tweak-heading-extra-large-color-on-background: hsla(var(--safeInverseAccent-hsl), 1); --tweak-heading-large-color-on-background: hsla(var(--safeInverseAccent-hsl), 1); --tweak-heading-medium-color-on-background: hsla(var(--safeInverseAccent-hsl), 1); --tweak-heading-small-color-on-background: hsla(var(--safeInverseAccent-hsl), 1); --tweak-line-block-line-color: hsla(var(--accent-hsl), 1); --tweak-marquee-block-background-color: hsla(var(--accent-hsl), 1); --tweak-marquee-block-stroke-color: hsla(var(--darkAccent-hsl), 1); --tweak-marquee-block-heading-color: hsla(var(--accent-hsl), 1); --tweak-marquee-block-heading-color-on-background: hsla(var(--safeInverseAccent-hsl), 1); --tweak-marquee-block-paragraph-color: hsla(var(--accent-hsl), 1); --tweak-marquee-block-paragraph-color-on-background: hsla(var(--safeInverseAccent-hsl), 1); --tweak-menu-block-item-description-color: hsla(var(--accent-hsl), 1); --tweak-menu-block-item-price-color: hsla(var(--accent-hsl), 1); --tweak-menu-block-item-title-color: hsla(var(--accent-hsl), 1); --tweak-menu-block-nav-color: hsla(var(--accent-hsl), 1); --tweak-menu-block-title-color: hsla(var(--accent-hsl), 1); --tweak-newsletter-block-background-color: hsla(var(--accent-hsl), 1); --tweak-newsletter-block-stroke-color: hsla(var(--darkAccent-hsl), 1); --tweak-newsletter-block-button-background-color: hsla(var(--accent-hsl), 1); --tweak-newsletter-block-button-background-color-on-background: hsla(var(--safeInverseAccent-hsl), 1); --tweak-newsletter-block-button-text-color: hsla(var(--safeInverseAccent-hsl), 1); --tweak-newsletter-block-button-text-color-on-background: hsla(var(--accent-hsl), 1); --tweak-newsletter-block-description-color: hsla(var(--accent-hsl), 1); --tweak-newsletter-block-description-color-on-background: hsla(var(--safeInverseAccent-hsl), 1); --tweak-newsletter-block-footnote-color: hsla(var(--accent-hsl), 1); --tweak-newsletter-block-footnote-color-on-background: hsla(var(--safeInverseAccent-hsl), 1); --tweak-newsletter-block-title-color: hsla(var(--accent-hsl), 1); --tweak-newsletter-block-title-color-on-background: hsla(var(--safeInverseAccent-hsl), 1); --tweak-paragraph-large-color-on-background: hsla(var(--safeInverseAccent-hsl), 1); --tweak-paragraph-link-color-on-background: hsla(var(--safeInverseAccent-hsl), 1); --tweak-paragraph-medium-color-on-background: hsla(var(--safeInverseAccent-hsl), 1); --tweak-paragraph-small-color-on-background: hsla(var(--safeInverseAccent-hsl), 1); --tweak-portfolio-item-pagination-icon-color: hsla(var(--accent-hsl), 1); --tweak-portfolio-item-pagination-meta-color: hsla(var(--accent-hsl), 1); --tweak-portfolio-item-pagination-title-color: hsla(var(--accent-hsl), 1); --tweak-product-basic-item-breadcumb-nav-color: hsla(var(--accent-hsl), 1); --tweak-product-basic-item-description-color: hsla(var(--accent-hsl), 1); --tweak-product-basic-item-gallery-controls-color: hsla(var(--safeInverseLightAccent-hsl), 1); --tweak-product-basic-item-price-color: hsla(var(--accent-hsl), 1); --tweak-product-basic-item-sale-price-color: hsla(var(--accent-hsl), 1); --tweak-product-basic-item-scarcity-color: hsla(var(--accent-hsl), 1); --tweak-product-basic-item-title-color: hsla(var(--accent-hsl), 1); --tweak-product-basic-item-variant-fields-color: hsla(var(--accent-hsl), 1); --tweak-product-grid-text-below-list-category-nav-color: hsla(var(--accent-hsl), 1); --tweak-product-grid-text-below-list-pagination-color: hsla(var(--accent-hsl), 1); --tweak-product-grid-text-below-list-price-color: hsla(var(--accent-hsl), 1); --tweak-product-grid-text-below-list-sale-price-color: hsla(var(--accent-hsl), 1); --tweak-product-grid-text-below-list-scarcity-color: hsla(var(--accent-hsl), 1); --tweak-product-grid-text-below-list-status-color: hsla(var(--accent-hsl), 1); --tweak-product-grid-text-below-list-title-color: hsla(var(--accent-hsl), 1); --tweak-product-quick-view-button-color: hsla(var(--black-hsl), 1); --tweak-product-quick-view-lightbox-controls-color: hsla(var(--black-hsl), 1); --tweak-product-quick-view-lightbox-overlay-color: hsla(var(--white-hsl), 1); --tweak-quote-block-background-color: hsla(var(--accent-hsl), 1); --tweak-quote-block-stroke-color: hsla(var(--darkAccent-hsl), 1); --tweak-quote-block-source-color: hsla(var(--accent-hsl), 1); --tweak-quote-block-source-color-on-background: hsla(var(--safeInverseAccent-hsl), 1); --tweak-quote-block-text-color: hsla(var(--accent-hsl), 1); --tweak-quote-block-text-color-on-background: hsla(var(--safeInverseAccent-hsl), 1); --tweak-summary-block-background-color: hsla(var(--accent-hsl), 1); --tweak-summary-block-stroke-color: hsla(var(--darkAccent-hsl), 1); --tweak-summary-block-excerpt-color: hsla(var(--accent-hsl), 1); --tweak-summary-block-excerpt-color-on-background: hsla(var(--safeInverseAccent-hsl), 1); --tweak-summary-block-header-text-color: hsla(var(--accent-hsl), 1); --tweak-summary-block-header-text-color-on-background: hsla(var(--safeInverseAccent-hsl), 1); --tweak-summary-block-primary-metadata-color: hsla(var(--accent-hsl), 1); --tweak-summary-block-primary-metadata-color-on-background: hsla(var(--safeInverseAccent-hsl), 1); --tweak-summary-block-read-more-color: hsla(var(--accent-hsl), 1); --tweak-summary-block-read-more-color-on-background: hsla(var(--safeInverseAccent-hsl), 1); --tweak-summary-block-secondary-metadata-color: hsla(var(--accent-hsl), 1); --tweak-summary-block-secondary-metadata-color-on-background: hsla(var(--safeInverseAccent-hsl), 1); --tweak-summary-block-title-color: hsla(var(--accent-hsl), 1); --tweak-summary-block-title-color-on-background: hsla(var(--safeInverseAccent-hsl), 1); --tweak-text-block-background-color: hsla(var(--accent-hsl), 1); --tweak-text-block-stroke-color: hsla(var(--darkAccent-hsl), 1); --tweak-video-item-description-color: hsla(var(--accent-hsl), 1); --tweak-video-item-meta-color: hsla(var(--accent-hsl), 1); --tweak-video-item-pagination-icon-color: hsla(var(--accent-hsl), 1); --tweak-video-item-pagination-title-color: hsla(var(--accent-hsl), 1); --tweak-video-item-title-color: hsla(var(--accent-hsl), 1); --video-grid-basic-description-color: hsla(var(--accent-hsl), 1); --video-grid-basic-meta-color: hsla(var(--accent-hsl), 1); --video-grid-basic-title-color: hsla(var(--accent-hsl), 1); --video-grid-category-nav-color: hsla(var(--accent-hsl), 1); --video-preview-badge-background-color: hsla(var(--white-hsl), 1); --video-preview-badge-font-color: hsla(var(--black-hsl), 1) } :root { --base-font-size: 16px; --heading-font-font-family: 'Aktiv Grotesk Corp'; --heading-font-font-style: normal; --heading-font-font-weight: 700; --heading-font-text-transform: none; --heading-font-letter-spacing: 0em; --heading-font-line-height: 1.4em; --body-font-font-family: 'Aktiv Grotesk Corp'; --body-font-font-style: normal; --body-font-font-weight: 400; --body-font-text-transform: none; --body-font-letter-spacing: 0em; --body-font-line-height: 1.8em; --meta-font-font-family: 'Aktiv Grotesk Corp'; --meta-font-font-style: normal; --meta-font-font-weight: 400; --meta-font-text-transform: none; --meta-font-letter-spacing: 0em; --meta-font-line-height: 1.2em; --heading-1-size: 4rem; --heading-1-size-value: 4; --heading-2-size: 2.8rem; --heading-2-size-value: 2.8; --heading-3-size: 2.2rem; --heading-3-size-value: 2.2; --heading-4-size: 1.2rem; --heading-4-size-value: 1.2; --large-text-size: 1.5rem; --large-text-size-value: 1.5; --normal-text-size: 1rem; --normal-text-size-value: 1; --small-text-size: .9rem; --small-text-size-value: .9; --normal-meta-size: 1rem; --normal-meta-size-value: 1; --site-title-font-font-family: var(--heading-font-font-family); --site-title-font-font-style: var(--heading-font-font-style); --site-title-font-font-weight: var(--heading-font-font-weight); --site-title-font-text-transform: var(--heading-font-text-transform); --site-title-font-letter-spacing: var(--heading-font-letter-spacing); --site-title-font-line-height: var(--heading-font-line-height); --site-title-font-font-size: 2rem; --site-title-font-font-size-value: 2; --mobile-site-title-font-font-family: var(--heading-font-font-family); --mobile-site-title-font-font-style: var(--heading-font-font-style); --mobile-site-title-font-font-weight: var(--heading-font-font-weight); --mobile-site-title-font-text-transform: var(--heading-font-text-transform); --mobile-site-title-font-letter-spacing: var(--heading-font-letter-spacing); --mobile-site-title-font-line-height: var(--heading-font-line-height); --mobile-site-title-font-font-size: 2rem; --mobile-site-title-font-font-size-value: 2; --site-navigation-font-font-family: var(--body-font-font-family); --site-navigation-font-font-style: var(--body-font-font-style); --site-navigation-font-font-weight: var(--body-font-font-weight); --site-navigation-font-text-transform: var(--body-font-text-transform); --site-navigation-font-letter-spacing: var(--body-font-letter-spacing); --site-navigation-font-line-height: var(--body-font-line-height); --site-navigation-font-font-size: var(--normal-text-size); --site-navigation-font-font-size-value: var(--normal-text-size-value); --header-button-font-font-family: 'Aktiv Grotesk Corp'; --header-button-font-font-style: normal; --header-button-font-font-weight: 500; --header-button-font-text-transform: none; --header-button-font-letter-spacing: .02em; --header-button-font-line-height: 1.2em; --header-button-font-font-size: .9rem; --header-button-font-font-size-value: .9; --primary-button-font-font-family: 'Aktiv Grotesk Corp'; --primary-button-font-font-style: normal; --primary-button-font-font-weight: 500; --primary-button-font-text-transform: none; --primary-button-font-letter-spacing: .02em; --primary-button-font-line-height: 1.2em; --primary-button-font-font-size: 1rem; --primary-button-font-font-size-value: 1; --secondary-button-font-font-family: 'Aktiv Grotesk Corp'; --secondary-button-font-font-style: normal; --secondary-button-font-font-weight: 500; --secondary-button-font-text-transform: none; --secondary-button-font-letter-spacing: .02em; --secondary-button-font-line-height: 1.2em; --secondary-button-font-font-size: 1.1rem; --secondary-button-font-font-size-value: 1.1; --tertiary-button-font-font-family: 'Aktiv Grotesk Corp'; --tertiary-button-font-font-style: normal; --tertiary-button-font-font-weight: 500; --tertiary-button-font-text-transform: none; --tertiary-button-font-letter-spacing: .02em; --tertiary-button-font-line-height: 1.2em; --tertiary-button-font-font-size: .9rem; --tertiary-button-font-font-size-value: .9; --blog-item-title-font-font-family: var(--heading-font-font-family); --blog-item-title-font-font-style: var(--heading-font-font-style); --blog-item-title-font-font-weight: var(--heading-font-font-weight); --blog-item-title-font-text-transform: var(--heading-font-text-transform); --blog-item-title-font-letter-spacing: var(--heading-font-letter-spacing); --blog-item-title-font-line-height: var(--heading-font-line-height); --blog-item-title-font-font-size: var(--heading-1-size); --blog-item-title-font-font-size-value: var(--heading-1-size-value); --blog-item-meta-font-font-family: var(--meta-font-font-family); --blog-item-meta-font-font-style: var(--meta-font-font-style); --blog-item-meta-font-font-weight: var(--meta-font-font-weight); --blog-item-meta-font-text-transform: var(--meta-font-text-transform); --blog-item-meta-font-letter-spacing: var(--meta-font-letter-spacing); --blog-item-meta-font-line-height: var(--meta-font-line-height); --blog-item-meta-font-font-size: var(--normal-meta-size); --blog-item-meta-font-font-size-value: var(--normal-meta-size-value); --blog-item-author-profile-font-font-family: var(--body-font-font-family); --blog-item-author-profile-font-font-style: var(--body-font-font-style); --blog-item-author-profile-font-font-weight: var(--body-font-font-weight); --blog-item-author-profile-font-text-transform: var(--body-font-text-transform); --blog-item-author-profile-font-letter-spacing: var(--body-font-letter-spacing); --blog-item-author-profile-font-line-height: var(--body-font-line-height); --blog-item-author-profile-font-font-size: var(--small-text-size); --blog-item-author-profile-font-font-size-value: var(--small-text-size-value); --blog-item-pagination-font-font-family: var(--heading-font-font-family); --blog-item-pagination-font-font-style: var(--heading-font-font-style); --blog-item-pagination-font-font-weight: var(--heading-font-font-weight); --blog-item-pagination-font-text-transform: var(--heading-font-text-transform); --blog-item-pagination-font-letter-spacing: var(--heading-font-letter-spacing); --blog-item-pagination-font-line-height: var(--heading-font-line-height); --blog-item-pagination-font-font-size: var(--heading-3-size); --blog-item-pagination-font-font-size-value: var(--heading-3-size-value); --video-item-title-font-font-family: var(--heading-font-font-family); --video-item-title-font-font-style: var(--heading-font-font-style); --video-item-title-font-font-weight: var(--heading-font-font-weight); --video-item-title-font-text-transform: var(--heading-font-text-transform); --video-item-title-font-letter-spacing: var(--heading-font-letter-spacing); --video-item-title-font-line-height: var(--heading-font-line-height); --video-item-title-font-font-size: var(--heading-2-size); --video-item-title-font-font-size-value: var(--heading-2-size-value); --video-item-meta-font-font-family: var(--meta-font-font-family); --video-item-meta-font-font-style: var(--meta-font-font-style); --video-item-meta-font-font-weight: var(--meta-font-font-weight); --video-item-meta-font-text-transform: var(--meta-font-text-transform); --video-item-meta-font-letter-spacing: var(--meta-font-letter-spacing); --video-item-meta-font-line-height: var(--meta-font-line-height); --video-item-meta-font-font-size: var(--normal-meta-size); --video-item-meta-font-font-size-value: var(--normal-meta-size-value); --video-item-description-font-font-family: var(--body-font-font-family); --video-item-description-font-font-style: var(--body-font-font-style); --video-item-description-font-font-weight: var(--body-font-font-weight); --video-item-description-font-text-transform: var(--body-font-text-transform); --video-item-description-font-letter-spacing: var(--body-font-letter-spacing); --video-item-description-font-line-height: var(--body-font-line-height); --video-item-description-font-font-size: var(--normal-text-size); --video-item-description-font-font-size-value: var(--normal-text-size-value); --video-item-pagination-font-font-family: var(--heading-font-font-family); --video-item-pagination-font-font-style: var(--heading-font-font-style); --video-item-pagination-font-font-weight: var(--heading-font-font-weight); --video-item-pagination-font-text-transform: var(--heading-font-text-transform); --video-item-pagination-font-letter-spacing: var(--heading-font-letter-spacing); --video-item-pagination-font-line-height: var(--heading-font-line-height); --video-item-pagination-font-font-size: var(--heading-3-size); --video-item-pagination-font-font-size-value: var(--heading-3-size-value); --video-preview-badge-font-font-family: var(--body-font-font-family); --video-preview-badge-font-font-style: var(--body-font-font-style); --video-preview-badge-font-font-weight: var(--body-font-font-weight); --video-preview-badge-font-text-transform: var(--body-font-text-transform); --video-preview-badge-font-letter-spacing: var(--body-font-letter-spacing); --video-preview-badge-font-line-height: var(--body-font-line-height); --video-preview-badge-font-font-size: var(--normal-text-size); --video-preview-badge-font-font-size-value: var(--normal-text-size-value); --blog-basic-grid-list-title-font-font-family: var(--heading-font-font-family); --blog-basic-grid-list-title-font-font-style: var(--heading-font-font-style); --blog-basic-grid-list-title-font-font-weight: var(--heading-font-font-weight); --blog-basic-grid-list-title-font-text-transform: var(--heading-font-text-transform); --blog-basic-grid-list-title-font-letter-spacing: var(--heading-font-letter-spacing); --blog-basic-grid-list-title-font-line-height: var(--heading-font-line-height); --blog-basic-grid-list-title-font-font-size: var(--heading-3-size); --blog-basic-grid-list-title-font-font-size-value: var(--heading-3-size-value); --blog-basic-grid-list-excerpt-font-font-family: var(--body-font-font-family); --blog-basic-grid-list-excerpt-font-font-style: var(--body-font-font-style); --blog-basic-grid-list-excerpt-font-font-weight: var(--body-font-font-weight); --blog-basic-grid-list-excerpt-font-text-transform: var(--body-font-text-transform); --blog-basic-grid-list-excerpt-font-letter-spacing: var(--body-font-letter-spacing); --blog-basic-grid-list-excerpt-font-line-height: var(--body-font-line-height); --blog-basic-grid-list-excerpt-font-font-size: var(--small-text-size); --blog-basic-grid-list-excerpt-font-font-size-value: var(--small-text-size-value); --blog-basic-grid-list-meta-font-font-family: var(--meta-font-font-family); --blog-basic-grid-list-meta-font-font-style: var(--meta-font-font-style); --blog-basic-grid-list-meta-font-font-weight: var(--meta-font-font-weight); --blog-basic-grid-list-meta-font-text-transform: var(--meta-font-text-transform); --blog-basic-grid-list-meta-font-letter-spacing: var(--meta-font-letter-spacing); --blog-basic-grid-list-meta-font-line-height: var(--meta-font-line-height); --blog-basic-grid-list-meta-font-font-size: var(--normal-meta-size); --blog-basic-grid-list-meta-font-font-size-value: var(--normal-meta-size-value); --blog-single-column-list-title-font-font-family: var(--heading-font-font-family); --blog-single-column-list-title-font-font-style: var(--heading-font-font-style); --blog-single-column-list-title-font-font-weight: var(--heading-font-font-weight); --blog-single-column-list-title-font-text-transform: var(--heading-font-text-transform); --blog-single-column-list-title-font-letter-spacing: var(--heading-font-letter-spacing); --blog-single-column-list-title-font-line-height: var(--heading-font-line-height); --blog-single-column-list-title-font-font-size: var(--heading-1-size); --blog-single-column-list-title-font-font-size-value: var(--heading-1-size-value); --blog-single-column-list-excerpt-font-font-family: var(--body-font-font-family); --blog-single-column-list-excerpt-font-font-style: var(--body-font-font-style); --blog-single-column-list-excerpt-font-font-weight: var(--body-font-font-weight); --blog-single-column-list-excerpt-font-text-transform: var(--body-font-text-transform); --blog-single-column-list-excerpt-font-letter-spacing: var(--body-font-letter-spacing); --blog-single-column-list-excerpt-font-line-height: var(--body-font-line-height); --blog-single-column-list-excerpt-font-font-size: var(--normal-text-size); --blog-single-column-list-excerpt-font-font-size-value: var(--normal-text-size-value); --blog-single-column-list-meta-font-font-family: var(--meta-font-font-family); --blog-single-column-list-meta-font-font-style: var(--meta-font-font-style); --blog-single-column-list-meta-font-font-weight: var(--meta-font-font-weight); --blog-single-column-list-meta-font-text-transform: var(--meta-font-text-transform); --blog-single-column-list-meta-font-letter-spacing: var(--meta-font-letter-spacing); --blog-single-column-list-meta-font-line-height: var(--meta-font-line-height); --blog-single-column-list-meta-font-font-size: var(--normal-meta-size); --blog-single-column-list-meta-font-font-size-value: var(--normal-meta-size-value); --blog-side-by-side-list-title-font-font-family: var(--heading-font-font-family); --blog-side-by-side-list-title-font-font-style: var(--heading-font-font-style); --blog-side-by-side-list-title-font-font-weight: var(--heading-font-font-weight); --blog-side-by-side-list-title-font-text-transform: var(--heading-font-text-transform); --blog-side-by-side-list-title-font-letter-spacing: var(--heading-font-letter-spacing); --blog-side-by-side-list-title-font-line-height: var(--heading-font-line-height); --blog-side-by-side-list-title-font-font-size: var(--heading-2-size); --blog-side-by-side-list-title-font-font-size-value: var(--heading-2-size-value); --blog-side-by-side-list-excerpt-font-font-family: var(--body-font-font-family); --blog-side-by-side-list-excerpt-font-font-style: var(--body-font-font-style); --blog-side-by-side-list-excerpt-font-font-weight: var(--body-font-font-weight); --blog-side-by-side-list-excerpt-font-text-transform: var(--body-font-text-transform); --blog-side-by-side-list-excerpt-font-letter-spacing: var(--body-font-letter-spacing); --blog-side-by-side-list-excerpt-font-line-height: var(--body-font-line-height); --blog-side-by-side-list-excerpt-font-font-size: var(--normal-text-size); --blog-side-by-side-list-excerpt-font-font-size-value: var(--normal-text-size-value); --blog-side-by-side-list-meta-font-font-family: var(--meta-font-font-family); --blog-side-by-side-list-meta-font-font-style: var(--meta-font-font-style); --blog-side-by-side-list-meta-font-font-weight: var(--meta-font-font-weight); --blog-side-by-side-list-meta-font-text-transform: var(--meta-font-text-transform); --blog-side-by-side-list-meta-font-letter-spacing: var(--meta-font-letter-spacing); --blog-side-by-side-list-meta-font-line-height: var(--meta-font-line-height); --blog-side-by-side-list-meta-font-font-size: var(--normal-meta-size); --blog-side-by-side-list-meta-font-font-size-value: var(--normal-meta-size-value); --blog-alternating-side-by-side-list-title-font-font-family: var(--heading-font-font-family); --blog-alternating-side-by-side-list-title-font-font-style: var(--heading-font-font-style); --blog-alternating-side-by-side-list-title-font-font-weight: var(--heading-font-font-weight); --blog-alternating-side-by-side-list-title-font-text-transform: var(--heading-font-text-transform); --blog-alternating-side-by-side-list-title-font-letter-spacing: var(--heading-font-letter-spacing); --blog-alternating-side-by-side-list-title-font-line-height: var(--heading-font-line-height); --blog-alternating-side-by-side-list-title-font-font-size: var(--heading-2-size); --blog-alternating-side-by-side-list-title-font-font-size-value: var(--heading-2-size-value); --blog-alternating-side-by-side-list-excerpt-font-font-family: var(--body-font-font-family); --blog-alternating-side-by-side-list-excerpt-font-font-style: var(--body-font-font-style); --blog-alternating-side-by-side-list-excerpt-font-font-weight: var(--body-font-font-weight); --blog-alternating-side-by-side-list-excerpt-font-text-transform: var(--body-font-text-transform); --blog-alternating-side-by-side-list-excerpt-font-letter-spacing: var(--body-font-letter-spacing); --blog-alternating-side-by-side-list-excerpt-font-line-height: var(--body-font-line-height); --blog-alternating-side-by-side-list-excerpt-font-font-size: var(--normal-text-size); --blog-alternating-side-by-side-list-excerpt-font-font-size-value: var(--normal-text-size-value); --blog-alternating-side-by-side-list-meta-font-font-family: var(--meta-font-font-family); --blog-alternating-side-by-side-list-meta-font-font-style: var(--meta-font-font-style); --blog-alternating-side-by-side-list-meta-font-font-weight: var(--meta-font-font-weight); --blog-alternating-side-by-side-list-meta-font-text-transform: var(--meta-font-text-transform); --blog-alternating-side-by-side-list-meta-font-letter-spacing: var(--meta-font-letter-spacing); --blog-alternating-side-by-side-list-meta-font-line-height: var(--meta-font-line-height); --blog-alternating-side-by-side-list-meta-font-font-size: var(--normal-meta-size); --blog-alternating-side-by-side-list-meta-font-font-size-value: var(--normal-meta-size-value); --blog-grid-masonry-list-title-font-font-family: var(--heading-font-font-family); --blog-grid-masonry-list-title-font-font-style: var(--heading-font-font-style); --blog-grid-masonry-list-title-font-font-weight: var(--heading-font-font-weight); --blog-grid-masonry-list-title-font-text-transform: var(--heading-font-text-transform); --blog-grid-masonry-list-title-font-letter-spacing: var(--heading-font-letter-spacing); --blog-grid-masonry-list-title-font-line-height: var(--heading-font-line-height); --blog-grid-masonry-list-title-font-font-size: var(--heading-3-size); --blog-grid-masonry-list-title-font-font-size-value: var(--heading-3-size-value); --blog-grid-masonry-list-excerpt-font-font-family: var(--body-font-font-family); --blog-grid-masonry-list-excerpt-font-font-style: var(--body-font-font-style); --blog-grid-masonry-list-excerpt-font-font-weight: var(--body-font-font-weight); --blog-grid-masonry-list-excerpt-font-text-transform: var(--body-font-text-transform); --blog-grid-masonry-list-excerpt-font-letter-spacing: var(--body-font-letter-spacing); --blog-grid-masonry-list-excerpt-font-line-height: var(--body-font-line-height); --blog-grid-masonry-list-excerpt-font-font-size: var(--small-text-size); --blog-grid-masonry-list-excerpt-font-font-size-value: var(--small-text-size-value); --blog-grid-masonry-list-meta-font-font-family: var(--meta-font-font-family); --blog-grid-masonry-list-meta-font-font-style: var(--meta-font-font-style); --blog-grid-masonry-list-meta-font-font-weight: var(--meta-font-font-weight); --blog-grid-masonry-list-meta-font-text-transform: var(--meta-font-text-transform); --blog-grid-masonry-list-meta-font-letter-spacing: var(--meta-font-letter-spacing); --blog-grid-masonry-list-meta-font-line-height: var(--meta-font-line-height); --blog-grid-masonry-list-meta-font-font-size: var(--normal-meta-size); --blog-grid-masonry-list-meta-font-font-size-value: var(--normal-meta-size-value); --portfolio-grid-basic-title-font-font-family: var(--heading-font-font-family); --portfolio-grid-basic-title-font-font-style: var(--heading-font-font-style); --portfolio-grid-basic-title-font-font-weight: var(--heading-font-font-weight); --portfolio-grid-basic-title-font-text-transform: var(--heading-font-text-transform); --portfolio-grid-basic-title-font-letter-spacing: var(--heading-font-letter-spacing); --portfolio-grid-basic-title-font-line-height: var(--heading-font-line-height); --portfolio-grid-basic-title-font-font-size: var(--heading-4-size); --portfolio-grid-basic-title-font-font-size-value: var(--heading-4-size-value); --portfolio-grid-overlay-title-font-font-family: var(--heading-font-font-family); --portfolio-grid-overlay-title-font-font-style: var(--heading-font-font-style); --portfolio-grid-overlay-title-font-font-weight: var(--heading-font-font-weight); --portfolio-grid-overlay-title-font-text-transform: var(--heading-font-text-transform); --portfolio-grid-overlay-title-font-letter-spacing: var(--heading-font-letter-spacing); --portfolio-grid-overlay-title-font-line-height: var(--heading-font-line-height); --portfolio-grid-overlay-title-font-font-size: var(--heading-3-size); --portfolio-grid-overlay-title-font-font-size-value: var(--heading-3-size-value); --portfolio-index-background-title-font-font-family: var(--heading-font-font-family); --portfolio-index-background-title-font-font-style: var(--heading-font-font-style); --portfolio-index-background-title-font-font-weight: var(--heading-font-font-weight); --portfolio-index-background-title-font-text-transform: var(--heading-font-text-transform); --portfolio-index-background-title-font-letter-spacing: var(--heading-font-letter-spacing); --portfolio-index-background-title-font-line-height: var(--heading-font-line-height); --portfolio-index-background-title-font-font-size: var(--heading-1-size); --portfolio-index-background-title-font-font-size-value: var(--heading-1-size-value); --portfolio-hover-follow-title-font-font-family: var(--heading-font-font-family); --portfolio-hover-follow-title-font-font-style: var(--heading-font-font-style); --portfolio-hover-follow-title-font-font-weight: var(--heading-font-font-weight); --portfolio-hover-follow-title-font-text-transform: var(--heading-font-text-transform); --portfolio-hover-follow-title-font-letter-spacing: var(--heading-font-letter-spacing); --portfolio-hover-follow-title-font-line-height: var(--heading-font-line-height); --portfolio-hover-follow-title-font-font-size: var(--heading-1-size); --portfolio-hover-follow-title-font-font-size-value: var(--heading-1-size-value); --portfolio-hover-static-title-font-font-family: var(--heading-font-font-family); --portfolio-hover-static-title-font-font-style: var(--heading-font-font-style); --portfolio-hover-static-title-font-font-weight: var(--heading-font-font-weight); --portfolio-hover-static-title-font-text-transform: var(--heading-font-text-transform); --portfolio-hover-static-title-font-letter-spacing: var(--heading-font-letter-spacing); --portfolio-hover-static-title-font-line-height: var(--heading-font-line-height); --portfolio-hover-static-title-font-font-size: var(--heading-1-size); --portfolio-hover-static-title-font-font-size-value: var(--heading-1-size-value); --portfolio-item-pagination-font-font-family: var(--heading-font-font-family); --portfolio-item-pagination-font-font-style: var(--heading-font-font-style); --portfolio-item-pagination-font-font-weight: var(--heading-font-font-weight); --portfolio-item-pagination-font-text-transform: var(--heading-font-text-transform); --portfolio-item-pagination-font-letter-spacing: var(--heading-font-letter-spacing); --portfolio-item-pagination-font-line-height: var(--heading-font-line-height); --portfolio-item-pagination-font-font-size: var(--heading-3-size); --portfolio-item-pagination-font-font-size-value: var(--heading-3-size-value); --announcement-bar-font-font-family: var(--body-font-font-family); --announcement-bar-font-font-style: var(--body-font-font-style); --announcement-bar-font-font-weight: var(--body-font-font-weight); --announcement-bar-font-text-transform: var(--body-font-text-transform); --announcement-bar-font-letter-spacing: var(--body-font-letter-spacing); --announcement-bar-font-line-height: var(--body-font-line-height); --announcement-bar-font-font-size: var(--small-text-size); --announcement-bar-font-font-size-value: var(--small-text-size-value); --product-basic-item-title-font-font-family: var(--heading-font-font-family); --product-basic-item-title-font-font-style: var(--heading-font-font-style); --product-basic-item-title-font-font-weight: var(--heading-font-font-weight); --product-basic-item-title-font-text-transform: var(--heading-font-text-transform); --product-basic-item-title-font-letter-spacing: var(--heading-font-letter-spacing); --product-basic-item-title-font-line-height: var(--heading-font-line-height); --product-basic-item-title-font-font-size: var(--heading-2-size); --product-basic-item-title-font-font-size-value: var(--heading-2-size-value); --product-basic-item-price-font-font-family: var(--heading-font-font-family); --product-basic-item-price-font-font-style: var(--heading-font-font-style); --product-basic-item-price-font-font-weight: var(--heading-font-font-weight); --product-basic-item-price-font-text-transform: var(--heading-font-text-transform); --product-basic-item-price-font-letter-spacing: var(--heading-font-letter-spacing); --product-basic-item-price-font-line-height: var(--heading-font-line-height); --product-basic-item-price-font-font-size: var(--heading-4-size); --product-basic-item-price-font-font-size-value: var(--heading-4-size-value); --product-basic-item-description-font-font-family: var(--body-font-font-family); --product-basic-item-description-font-font-style: var(--body-font-font-style); --product-basic-item-description-font-font-weight: var(--body-font-font-weight); --product-basic-item-description-font-text-transform: var(--body-font-text-transform); --product-basic-item-description-font-letter-spacing: var(--body-font-letter-spacing); --product-basic-item-description-font-line-height: var(--body-font-line-height); --product-basic-item-description-font-font-size: var(--normal-text-size); --product-basic-item-description-font-font-size-value: var(--normal-text-size-value); --product-basic-item-variant-fields-font-font-family: var(--meta-font-font-family); --product-basic-item-variant-fields-font-font-style: var(--meta-font-font-style); --product-basic-item-variant-fields-font-font-weight: var(--meta-font-font-weight); --product-basic-item-variant-fields-font-text-transform: var(--meta-font-text-transform); --product-basic-item-variant-fields-font-letter-spacing: var(--meta-font-letter-spacing); --product-basic-item-variant-fields-font-line-height: var(--meta-font-line-height); --product-basic-item-variant-fields-font-font-size: var(--normal-meta-size); --product-basic-item-variant-fields-font-font-size-value: var(--normal-meta-size-value); --product-basic-item-scarcity-font-font-family: var(--meta-font-font-family); --product-basic-item-scarcity-font-font-style: var(--meta-font-font-style); --product-basic-item-scarcity-font-font-weight: var(--meta-font-font-weight); --product-basic-item-scarcity-font-text-transform: var(--meta-font-text-transform); --product-basic-item-scarcity-font-letter-spacing: var(--meta-font-letter-spacing); --product-basic-item-scarcity-font-line-height: var(--meta-font-line-height); --product-basic-item-scarcity-font-font-size: var(--normal-meta-size); --product-basic-item-scarcity-font-font-size-value: var(--normal-meta-size-value); --product-grid-text-below-title-font-font-family: var(--heading-font-font-family); --product-grid-text-below-title-font-font-style: var(--heading-font-font-style); --product-grid-text-below-title-font-font-weight: var(--heading-font-font-weight); --product-grid-text-below-title-font-text-transform: var(--heading-font-text-transform); --product-grid-text-below-title-font-letter-spacing: var(--heading-font-letter-spacing); --product-grid-text-below-title-font-line-height: var(--heading-font-line-height); --product-grid-text-below-title-font-font-size: var(--heading-4-size); --product-grid-text-below-title-font-font-size-value: var(--heading-4-size-value); --product-grid-text-below-price-font-font-family: var(--meta-font-font-family); --product-grid-text-below-price-font-font-style: var(--meta-font-font-style); --product-grid-text-below-price-font-font-weight: var(--meta-font-font-weight); --product-grid-text-below-price-font-text-transform: var(--meta-font-text-transform); --product-grid-text-below-price-font-letter-spacing: var(--meta-font-letter-spacing); --product-grid-text-below-price-font-line-height: var(--meta-font-line-height); --product-grid-text-below-price-font-font-size: var(--normal-meta-size); --product-grid-text-below-price-font-font-size-value: var(--normal-meta-size-value); --product-grid-text-below-status-font-font-family: var(--meta-font-font-family); --product-grid-text-below-status-font-font-style: var(--meta-font-font-style); --product-grid-text-below-status-font-font-weight: var(--meta-font-font-weight); --product-grid-text-below-status-font-text-transform: var(--meta-font-text-transform); --product-grid-text-below-status-font-letter-spacing: var(--meta-font-letter-spacing); --product-grid-text-below-status-font-line-height: var(--meta-font-line-height); --product-grid-text-below-status-font-font-size: var(--normal-meta-size); --product-grid-text-below-status-font-font-size-value: var(--normal-meta-size-value); --product-grid-text-below-scarcity-font-font-family: var(--meta-font-font-family); --product-grid-text-below-scarcity-font-font-style: var(--meta-font-font-style); --product-grid-text-below-scarcity-font-font-weight: var(--meta-font-font-weight); --product-grid-text-below-scarcity-font-text-transform: var(--meta-font-text-transform); --product-grid-text-below-scarcity-font-letter-spacing: var(--meta-font-letter-spacing); --product-grid-text-below-scarcity-font-line-height: var(--meta-font-line-height); --product-grid-text-below-scarcity-font-font-size: var(--normal-meta-size); --product-grid-text-below-scarcity-font-font-size-value: var(--normal-meta-size-value); --video-basic-grid-list-category-nav-font-font-family: var(--body-font-font-family); --video-basic-grid-list-category-nav-font-font-style: var(--body-font-font-style); --video-basic-grid-list-category-nav-font-font-weight: var(--body-font-font-weight); --video-basic-grid-list-category-nav-font-text-transform: var(--body-font-text-transform); --video-basic-grid-list-category-nav-font-letter-spacing: var(--body-font-letter-spacing); --video-basic-grid-list-category-nav-font-line-height: var(--body-font-line-height); --video-basic-grid-list-category-nav-font-font-size: var(--normal-text-size); --video-basic-grid-list-category-nav-font-font-size-value: var(--normal-text-size-value); --video-basic-grid-list-title-font-font-family: var(--heading-font-font-family); --video-basic-grid-list-title-font-font-style: var(--heading-font-font-style); --video-basic-grid-list-title-font-font-weight: var(--heading-font-font-weight); --video-basic-grid-list-title-font-text-transform: var(--heading-font-text-transform); --video-basic-grid-list-title-font-letter-spacing: var(--heading-font-letter-spacing); --video-basic-grid-list-title-font-line-height: var(--heading-font-line-height); --video-basic-grid-list-title-font-font-size: var(--heading-4-size); --video-basic-grid-list-title-font-font-size-value: var(--heading-4-size-value); --video-basic-grid-list-excerpt-font-font-family: var(--body-font-font-family); --video-basic-grid-list-excerpt-font-font-style: var(--body-font-font-style); --video-basic-grid-list-excerpt-font-font-weight: var(--body-font-font-weight); --video-basic-grid-list-excerpt-font-text-transform: var(--body-font-text-transform); --video-basic-grid-list-excerpt-font-letter-spacing: var(--body-font-letter-spacing); --video-basic-grid-list-excerpt-font-line-height: var(--body-font-line-height); --video-basic-grid-list-excerpt-font-font-size: var(--small-text-size); --video-basic-grid-list-excerpt-font-font-size-value: var(--small-text-size-value); --video-basic-grid-list-meta-font-font-family: var(--meta-font-font-family); --video-basic-grid-list-meta-font-font-style: var(--meta-font-font-style); --video-basic-grid-list-meta-font-font-weight: var(--meta-font-font-weight); --video-basic-grid-list-meta-font-text-transform: var(--meta-font-text-transform); --video-basic-grid-list-meta-font-letter-spacing: var(--meta-font-letter-spacing); --video-basic-grid-list-meta-font-line-height: var(--meta-font-line-height); --video-basic-grid-list-meta-font-font-size: var(--normal-meta-size); --video-basic-grid-list-meta-font-font-size-value: var(--normal-meta-size-value); --content-link-block-title-font-font-family: var(--body-font-font-family); --content-link-block-title-font-font-style: var(--body-font-font-style); --content-link-block-title-font-font-weight: var(--body-font-font-weight); --content-link-block-title-font-text-transform: var(--body-font-text-transform); --content-link-block-title-font-letter-spacing: var(--body-font-letter-spacing); --content-link-block-title-font-line-height: var(--body-font-line-height); --content-link-block-title-font-font-size: var(--normal-text-size); --content-link-block-title-font-font-size-value: var(--normal-text-size-value); --menu-block-nav-font-font-family: var(--meta-font-font-family); --menu-block-nav-font-font-style: var(--meta-font-font-style); --menu-block-nav-font-font-weight: var(--meta-font-font-weight); --menu-block-nav-font-text-transform: var(--meta-font-text-transform); --menu-block-nav-font-letter-spacing: var(--meta-font-letter-spacing); --menu-block-nav-font-line-height: var(--meta-font-line-height); --menu-block-nav-font-font-size: var(--normal-meta-size); --menu-block-nav-font-font-size-value: var(--normal-meta-size-value); --menu-block-title-font-font-family: var(--heading-font-font-family); --menu-block-title-font-font-style: var(--heading-font-font-style); --menu-block-title-font-font-weight: var(--heading-font-font-weight); --menu-block-title-font-text-transform: var(--heading-font-text-transform); --menu-block-title-font-letter-spacing: var(--heading-font-letter-spacing); --menu-block-title-font-line-height: var(--heading-font-line-height); --menu-block-title-font-font-size: var(--heading-3-size); --menu-block-title-font-font-size-value: var(--heading-3-size-value); --menu-block-item-title-font-font-family: var(--heading-font-font-family); --menu-block-item-title-font-font-style: var(--heading-font-font-style); --menu-block-item-title-font-font-weight: var(--heading-font-font-weight); --menu-block-item-title-font-text-transform: var(--heading-font-text-transform); --menu-block-item-title-font-letter-spacing: var(--heading-font-letter-spacing); --menu-block-item-title-font-line-height: var(--heading-font-line-height); --menu-block-item-title-font-font-size: var(--heading-4-size); --menu-block-item-title-font-font-size-value: var(--heading-4-size-value); --menu-block-item-description-font-font-family: var(--body-font-font-family); --menu-block-item-description-font-font-style: var(--body-font-font-style); --menu-block-item-description-font-font-weight: var(--body-font-font-weight); --menu-block-item-description-font-text-transform: var(--body-font-text-transform); --menu-block-item-description-font-letter-spacing: var(--body-font-letter-spacing); --menu-block-item-description-font-line-height: var(--body-font-line-height); --menu-block-item-description-font-font-size: var(--normal-text-size); --menu-block-item-description-font-font-size-value: var(--normal-text-size-value); --menu-block-item-price-font-font-family: var(--body-font-font-family); --menu-block-item-price-font-font-style: var(--body-font-font-style); --menu-block-item-price-font-font-weight: var(--body-font-font-weight); --menu-block-item-price-font-text-transform: var(--body-font-text-transform); --menu-block-item-price-font-letter-spacing: var(--body-font-letter-spacing); --menu-block-item-price-font-line-height: var(--body-font-line-height); --menu-block-item-price-font-font-size: var(--normal-text-size); --menu-block-item-price-font-font-size-value: var(--normal-text-size-value); --quote-block-text-font-font-family: var(--body-font-font-family); --quote-block-text-font-font-style: var(--body-font-font-style); --quote-block-text-font-font-weight: var(--body-font-font-weight); --quote-block-text-font-text-transform: var(--body-font-text-transform); --quote-block-text-font-letter-spacing: var(--body-font-letter-spacing); --quote-block-text-font-line-height: var(--body-font-line-height); --quote-block-text-font-font-size: var(--large-text-size); --quote-block-text-font-font-size-value: var(--large-text-size-value); --quote-block-source-font-font-family: var(--meta-font-font-family); --quote-block-source-font-font-style: var(--meta-font-font-style); --quote-block-source-font-font-weight: var(--meta-font-font-weight); --quote-block-source-font-text-transform: var(--meta-font-text-transform); --quote-block-source-font-letter-spacing: var(--meta-font-letter-spacing); --quote-block-source-font-line-height: var(--meta-font-line-height); --quote-block-source-font-font-size: var(--normal-meta-size); --quote-block-source-font-font-size-value: var(--normal-meta-size-value); --events-item-pagination-font-font-family: var(--heading-font-font-family); --events-item-pagination-font-font-style: var(--heading-font-font-style); --events-item-pagination-font-font-weight: var(--heading-font-font-weight); --events-item-pagination-font-text-transform: var(--heading-font-text-transform); --events-item-pagination-font-letter-spacing: var(--heading-font-letter-spacing); --events-item-pagination-font-line-height: var(--heading-font-line-height); --events-item-pagination-font-font-size: var(--heading-3-size); --events-item-pagination-font-font-size-value: var(--heading-3-size-value); --events-item-pagination-date-font-font-family: var(--meta-font-font-family); --events-item-pagination-date-font-font-style: var(--meta-font-font-style); --events-item-pagination-date-font-font-weight: var(--meta-font-font-weight); --events-item-pagination-date-font-text-transform: var(--meta-font-text-transform); --events-item-pagination-date-font-letter-spacing: var(--meta-font-letter-spacing); --events-item-pagination-date-font-line-height: var(--meta-font-line-height); --events-item-pagination-date-font-font-size: var(--normal-meta-size); --events-item-pagination-date-font-font-size-value: var(--normal-meta-size-value); --form-block-title-text-font-font-family: var(--body-font-font-family); --form-block-title-text-font-font-style: var(--body-font-font-style); --form-block-title-text-font-font-weight: var(--body-font-font-weight); --form-block-title-text-font-text-transform: var(--body-font-text-transform); --form-block-title-text-font-letter-spacing: var(--body-font-letter-spacing); --form-block-title-text-font-line-height: var(--body-font-line-height); --form-block-title-text-font-font-size: var(--normal-text-size); --form-block-title-text-font-font-size-value: var(--normal-text-size-value); --form-block-input-text-font-font-family: var(--body-font-font-family); --form-block-input-text-font-font-style: var(--body-font-font-style); --form-block-input-text-font-font-weight: var(--body-font-font-weight); --form-block-input-text-font-text-transform: var(--body-font-text-transform); --form-block-input-text-font-letter-spacing: var(--body-font-letter-spacing); --form-block-input-text-font-line-height: var(--body-font-line-height); --form-block-input-text-font-font-size: var(--normal-text-size); --form-block-input-text-font-font-size-value: var(--normal-text-size-value); --form-block-description-text-font-font-family: var(--body-font-font-family); --form-block-description-text-font-font-style: var(--body-font-font-style); --form-block-description-text-font-font-weight: var(--body-font-font-weight); --form-block-description-text-font-text-transform: var(--body-font-text-transform); --form-block-description-text-font-letter-spacing: var(--body-font-letter-spacing); --form-block-description-text-font-line-height: var(--body-font-line-height); --form-block-description-text-font-font-size: var(--small-text-size); --form-block-description-text-font-font-size-value: var(--small-text-size-value); --form-block-caption-text-font-font-family: var(--body-font-font-family); --form-block-caption-text-font-font-style: var(--body-font-font-style); --form-block-caption-text-font-font-weight: var(--body-font-font-weight); --form-block-caption-text-font-text-transform: var(--body-font-text-transform); --form-block-caption-text-font-letter-spacing: var(--body-font-letter-spacing); --form-block-caption-text-font-line-height: var(--body-font-line-height); --form-block-caption-text-font-font-size: var(--small-text-size); --form-block-caption-text-font-font-size-value: var(--small-text-size-value); --form-block-placeholder-text-font-font-family: var(--body-font-font-family); --form-block-placeholder-text-font-font-style: var(--body-font-font-style); --form-block-placeholder-text-font-font-weight: var(--body-font-font-weight); --form-block-placeholder-text-font-text-transform: var(--body-font-text-transform); --form-block-placeholder-text-font-letter-spacing: var(--body-font-letter-spacing); --form-block-placeholder-text-font-line-height: var(--body-font-line-height); --form-block-placeholder-text-font-font-size: var(--small-text-size); --form-block-placeholder-text-font-font-size-value: var(--small-text-size-value); --form-block-option-text-font-font-family: var(--body-font-font-family); --form-block-option-text-font-font-style: var(--body-font-font-style); --form-block-option-text-font-font-weight: var(--body-font-font-weight); --form-block-option-text-font-text-transform: var(--body-font-text-transform); --form-block-option-text-font-letter-spacing: var(--body-font-letter-spacing); --form-block-option-text-font-line-height: var(--body-font-line-height); --form-block-option-text-font-font-size: var(--small-text-size); --form-block-option-text-font-font-size-value: var(--small-text-size-value); --form-block-survey-title-text-font-font-family: var(--body-font-font-family); --form-block-survey-title-text-font-font-style: var(--body-font-font-style); --form-block-survey-title-text-font-font-weight: var(--body-font-font-weight); --form-block-survey-title-text-font-text-transform: var(--body-font-text-transform); --form-block-survey-title-text-font-letter-spacing: var(--body-font-letter-spacing); --form-block-survey-title-text-font-line-height: var(--body-font-line-height); --form-block-survey-title-text-font-font-size: var(--normal-text-size); --form-block-survey-title-text-font-font-size-value: var(--normal-text-size-value); --form-block-select-dropdown-text-font-font-family: var(--body-font-font-family); --form-block-select-dropdown-text-font-font-style: var(--body-font-font-style); --form-block-select-dropdown-text-font-font-weight: var(--body-font-font-weight); --form-block-select-dropdown-text-font-text-transform: var(--body-font-text-transform); --form-block-select-dropdown-text-font-letter-spacing: var(--body-font-letter-spacing); --form-block-select-dropdown-text-font-line-height: var(--body-font-line-height); --form-block-select-dropdown-text-font-font-size: var(--small-text-size); --form-block-select-dropdown-text-font-font-size-value: var(--small-text-size-value); --newsletter-block-title-text-font-font-family: var(--heading-font-font-family); --newsletter-block-title-text-font-font-style: var(--heading-font-font-style); --newsletter-block-title-text-font-font-weight: var(--heading-font-font-weight); --newsletter-block-title-text-font-text-transform: var(--heading-font-text-transform); --newsletter-block-title-text-font-letter-spacing: var(--heading-font-letter-spacing); --newsletter-block-title-text-font-line-height: var(--heading-font-line-height); --newsletter-block-title-text-font-font-size: var(--heading-3-size); --newsletter-block-title-text-font-font-size-value: var(--heading-3-size-value); --newsletter-block-description-text-font-font-family: var(--body-font-font-family); --newsletter-block-description-text-font-font-style: var(--body-font-font-style); --newsletter-block-description-text-font-font-weight: var(--body-font-font-weight); --newsletter-block-description-text-font-text-transform: var(--body-font-text-transform); --newsletter-block-description-text-font-letter-spacing: var(--body-font-letter-spacing); --newsletter-block-description-text-font-line-height: var(--body-font-line-height); --newsletter-block-description-text-font-font-size: var(--normal-text-size); --newsletter-block-description-text-font-font-size-value: var(--normal-text-size-value); --newsletter-block-field-text-font-font-family: var(--body-font-font-family); --newsletter-block-field-text-font-font-style: var(--body-font-font-style); --newsletter-block-field-text-font-font-weight: var(--body-font-font-weight); --newsletter-block-field-text-font-text-transform: var(--body-font-text-transform); --newsletter-block-field-text-font-letter-spacing: var(--body-font-letter-spacing); --newsletter-block-field-text-font-line-height: var(--body-font-line-height); --newsletter-block-field-text-font-font-size: var(--normal-text-size); --newsletter-block-field-text-font-font-size-value: var(--normal-text-size-value); --newsletter-block-button-text-font-font-family: var(--body-font-font-family); --newsletter-block-button-text-font-font-style: var(--body-font-font-style); --newsletter-block-button-text-font-font-weight: var(--body-font-font-weight); --newsletter-block-button-text-font-text-transform: var(--body-font-text-transform); --newsletter-block-button-text-font-letter-spacing: var(--body-font-letter-spacing); --newsletter-block-button-text-font-line-height: var(--body-font-line-height); --newsletter-block-button-text-font-font-size: var(--normal-text-size); --newsletter-block-button-text-font-font-size-value: var(--normal-text-size-value); --newsletter-block-footnote-text-font-font-family: var(--body-font-font-family); --newsletter-block-footnote-text-font-font-style: var(--body-font-font-style); --newsletter-block-footnote-text-font-font-weight: var(--body-font-font-weight); --newsletter-block-footnote-text-font-text-transform: var(--body-font-text-transform); --newsletter-block-footnote-text-font-letter-spacing: var(--body-font-letter-spacing); --newsletter-block-footnote-text-font-line-height: var(--body-font-line-height); --newsletter-block-footnote-text-font-font-size: var(--small-text-size); --newsletter-block-footnote-text-font-font-size-value: var(--small-text-size-value); --list-section-title-text-font-font-family: var(--heading-font-font-family); --list-section-title-text-font-font-style: var(--heading-font-font-style); --list-section-title-text-font-font-weight: var(--heading-font-font-weight); --list-section-title-text-font-text-transform: var(--heading-font-text-transform); --list-section-title-text-font-letter-spacing: var(--heading-font-letter-spacing); --list-section-title-text-font-line-height: var(--heading-font-line-height); --list-section-title-text-font-font-size: var(--heading-2-size); --list-section-title-text-font-font-size-value: var(--heading-2-size-value); --course-list-course-name-font-font-family: var(--heading-font-font-family); --course-list-course-name-font-font-style: var(--heading-font-font-style); --course-list-course-name-font-font-weight: var(--heading-font-font-weight); --course-list-course-name-font-text-transform: var(--heading-font-text-transform); --course-list-course-name-font-letter-spacing: var(--heading-font-letter-spacing); --course-list-course-name-font-line-height: var(--heading-font-line-height); --course-list-course-name-font-font-size: var(--heading-1-size); --course-list-course-name-font-font-size-value: var(--heading-1-size-value); --course-list-course-description-font-font-family: var(--body-font-font-family); --course-list-course-description-font-font-style: var(--body-font-font-style); --course-list-course-description-font-font-weight: var(--body-font-font-weight); --course-list-course-description-font-text-transform: var(--body-font-text-transform); --course-list-course-description-font-letter-spacing: var(--body-font-letter-spacing); --course-list-course-description-font-line-height: var(--body-font-line-height); --course-list-course-description-font-font-size: var(--large-text-size); --course-list-course-description-font-font-size-value: var(--large-text-size-value); --course-list-chapter-item-chapter-name-font-font-family: var(--heading-font-font-family); --course-list-chapter-item-chapter-name-font-font-style: var(--heading-font-font-style); --course-list-chapter-item-chapter-name-font-font-weight: var(--heading-font-font-weight); --course-list-chapter-item-chapter-name-font-text-transform: var(--heading-font-text-transform); --course-list-chapter-item-chapter-name-font-letter-spacing: var(--heading-font-letter-spacing); --course-list-chapter-item-chapter-name-font-line-height: var(--heading-font-line-height); --course-list-chapter-item-chapter-name-font-font-size: 2rem; --course-list-chapter-item-chapter-name-font-font-size-value: 2; --course-list-chapter-item-chapter-meta-font-font-family: var(--meta-font-font-family); --course-list-chapter-item-chapter-meta-font-font-style: var(--meta-font-font-style); --course-list-chapter-item-chapter-meta-font-font-weight: var(--meta-font-font-weight); --course-list-chapter-item-chapter-meta-font-text-transform: var(--meta-font-text-transform); --course-list-chapter-item-chapter-meta-font-letter-spacing: var(--meta-font-letter-spacing); --course-list-chapter-item-chapter-meta-font-line-height: var(--meta-font-line-height); --course-list-chapter-item-chapter-meta-font-font-size: .75rem; --course-list-chapter-item-chapter-meta-font-font-size-value: .75; --course-list-course-item-lesson-name-font-font-family: var(--body-font-font-family); --course-list-course-item-lesson-name-font-font-style: var(--body-font-font-style); --course-list-course-item-lesson-name-font-font-weight: var(--body-font-font-weight); --course-list-course-item-lesson-name-font-text-transform: var(--body-font-text-transform); --course-list-course-item-lesson-name-font-letter-spacing: var(--body-font-letter-spacing); --course-list-course-item-lesson-name-font-line-height: var(--body-font-line-height); --course-list-course-item-lesson-name-font-font-size: 1.125rem; --course-list-course-item-lesson-name-font-font-size-value: 1.125; --course-list-course-item-lesson-excerpt-font-font-family: var(--body-font-font-family); --course-list-course-item-lesson-excerpt-font-font-style: var(--body-font-font-style); --course-list-course-item-lesson-excerpt-font-font-weight: var(--body-font-font-weight); --course-list-course-item-lesson-excerpt-font-text-transform: var(--body-font-text-transform); --course-list-course-item-lesson-excerpt-font-letter-spacing: var(--body-font-letter-spacing); --course-list-course-item-lesson-excerpt-font-line-height: var(--body-font-line-height); --course-list-course-item-lesson-excerpt-font-font-size: .875rem; --course-list-course-item-lesson-excerpt-font-font-size-value: .875; --course-list-course-item-lesson-meta-font-font-family: var(--meta-font-font-family); --course-list-course-item-lesson-meta-font-font-style: var(--meta-font-font-style); --course-list-course-item-lesson-meta-font-font-weight: var(--meta-font-font-weight); --course-list-course-item-lesson-meta-font-text-transform: var(--meta-font-text-transform); --course-list-course-item-lesson-meta-font-letter-spacing: var(--meta-font-letter-spacing); --course-list-course-item-lesson-meta-font-line-height: var(--meta-font-line-height); --course-list-course-item-lesson-meta-font-font-size: .75rem; --course-list-course-item-lesson-meta-font-font-size-value: .75; --course-list-grid-layout-chapter-name-font-font-family: var(--heading-font-font-family); --course-list-grid-layout-chapter-name-font-font-style: var(--heading-font-font-style); --course-list-grid-layout-chapter-name-font-font-weight: var(--heading-font-font-weight); --course-list-grid-layout-chapter-name-font-text-transform: var(--heading-font-text-transform); --course-list-grid-layout-chapter-name-font-letter-spacing: var(--heading-font-letter-spacing); --course-list-grid-layout-chapter-name-font-line-height: var(--heading-font-line-height); --course-list-grid-layout-chapter-name-font-font-size: 2rem; --course-list-grid-layout-chapter-name-font-font-size-value: 2; --course-list-grid-layout-chapter-meta-font-font-family: var(--meta-font-font-family); --course-list-grid-layout-chapter-meta-font-font-style: var(--meta-font-font-style); --course-list-grid-layout-chapter-meta-font-font-weight: var(--meta-font-font-weight); --course-list-grid-layout-chapter-meta-font-text-transform: var(--meta-font-text-transform); --course-list-grid-layout-chapter-meta-font-letter-spacing: var(--meta-font-letter-spacing); --course-list-grid-layout-chapter-meta-font-line-height: var(--meta-font-line-height); --course-list-grid-layout-chapter-meta-font-font-size: .875rem; --course-list-grid-layout-chapter-meta-font-font-size-value: .875; --course-list-grid-layout-course-item-name-font-font-family: var(--heading-font-font-family); --course-list-grid-layout-course-item-name-font-font-style: var(--heading-font-font-style); --course-list-grid-layout-course-item-name-font-font-weight: var(--heading-font-font-weight); --course-list-grid-layout-course-item-name-font-text-transform: var(--heading-font-text-transform); --course-list-grid-layout-course-item-name-font-letter-spacing: var(--heading-font-letter-spacing); --course-list-grid-layout-course-item-name-font-line-height: var(--heading-font-line-height); --course-list-grid-layout-course-item-name-font-font-size: 1.125rem; --course-list-grid-layout-course-item-name-font-font-size-value: 1.125; --course-list-grid-layout-course-item-excerpt-font-font-family: var(--body-font-font-family); --course-list-grid-layout-course-item-excerpt-font-font-style: var(--body-font-font-style); --course-list-grid-layout-course-item-excerpt-font-font-weight: var(--body-font-font-weight); --course-list-grid-layout-course-item-excerpt-font-text-transform: var(--body-font-text-transform); --course-list-grid-layout-course-item-excerpt-font-letter-spacing: var(--body-font-letter-spacing); --course-list-grid-layout-course-item-excerpt-font-line-height: var(--body-font-line-height); --course-list-grid-layout-course-item-excerpt-font-font-size: .875rem; --course-list-grid-layout-course-item-excerpt-font-font-size-value: .875; --course-list-grid-layout-course-item-meta-font-font-family: var(--meta-font-font-family); --course-list-grid-layout-course-item-meta-font-font-style: var(--meta-font-font-style); --course-list-grid-layout-course-item-meta-font-font-weight: var(--meta-font-font-weight); --course-list-grid-layout-course-item-meta-font-text-transform: var(--meta-font-text-transform); --course-list-grid-layout-course-item-meta-font-letter-spacing: var(--meta-font-letter-spacing); --course-list-grid-layout-course-item-meta-font-line-height: var(--meta-font-line-height); --course-list-grid-layout-course-item-meta-font-font-size: .75rem; --course-list-grid-layout-course-item-meta-font-font-size-value: .75; --course-item-side-nav-chapter-name-font-font-family: var(--heading-font-font-family); --course-item-side-nav-chapter-name-font-font-style: var(--heading-font-font-style); --course-item-side-nav-chapter-name-font-font-weight: var(--heading-font-font-weight); --course-item-side-nav-chapter-name-font-text-transform: var(--heading-font-text-transform); --course-item-side-nav-chapter-name-font-letter-spacing: var(--heading-font-letter-spacing); --course-item-side-nav-chapter-name-font-line-height: var(--heading-font-line-height); --course-item-side-nav-chapter-name-font-font-size: 1.5rem; --course-item-side-nav-chapter-name-font-font-size-value: 1.5; --course-item-side-nav-chapter-meta-font-font-family: var(--meta-font-font-family); --course-item-side-nav-chapter-meta-font-font-style: var(--meta-font-font-style); --course-item-side-nav-chapter-meta-font-font-weight: var(--meta-font-font-weight); --course-item-side-nav-chapter-meta-font-text-transform: var(--meta-font-text-transform); --course-item-side-nav-chapter-meta-font-letter-spacing: var(--meta-font-letter-spacing); --course-item-side-nav-chapter-meta-font-line-height: var(--meta-font-line-height); --course-item-side-nav-chapter-meta-font-font-size: .8rem; --course-item-side-nav-chapter-meta-font-font-size-value: .8; --course-item-side-nav-lesson-name-font-font-family: var(--body-font-font-family); --course-item-side-nav-lesson-name-font-font-style: var(--body-font-font-style); --course-item-side-nav-lesson-name-font-font-weight: var(--body-font-font-weight); --course-item-side-nav-lesson-name-font-text-transform: var(--body-font-text-transform); --course-item-side-nav-lesson-name-font-letter-spacing: var(--body-font-letter-spacing); --course-item-side-nav-lesson-name-font-line-height: var(--body-font-line-height); --course-item-side-nav-lesson-name-font-font-size: 1rem; --course-item-side-nav-lesson-name-font-font-size-value: 1; --course-item-side-nav-lesson-meta-font-font-family: var(--meta-font-font-family); --course-item-side-nav-lesson-meta-font-font-style: var(--meta-font-font-style); --course-item-side-nav-lesson-meta-font-font-weight: var(--meta-font-font-weight); --course-item-side-nav-lesson-meta-font-text-transform: var(--meta-font-text-transform); --course-item-side-nav-lesson-meta-font-letter-spacing: var(--meta-font-letter-spacing); --course-item-side-nav-lesson-meta-font-line-height: var(--meta-font-line-height); --course-item-side-nav-lesson-meta-font-font-size: .8rem; --course-item-side-nav-lesson-meta-font-font-size-value: .8; --course-item-name-font-font-family: var(--heading-font-font-family); --course-item-name-font-font-style: var(--heading-font-font-style); --course-item-name-font-font-weight: var(--heading-font-font-weight); --course-item-name-font-text-transform: var(--heading-font-text-transform); --course-item-name-font-letter-spacing: var(--heading-font-letter-spacing); --course-item-name-font-line-height: var(--heading-font-line-height); --course-item-name-font-font-size: 2rem; --course-item-name-font-font-size-value: 2; --course-item-name-mobile-font-font-family: var(--heading-font-font-family); --course-item-name-mobile-font-font-style: var(--heading-font-font-style); --course-item-name-mobile-font-font-weight: var(--heading-font-font-weight); --course-item-name-mobile-font-text-transform: var(--heading-font-text-transform); --course-item-name-mobile-font-letter-spacing: var(--heading-font-letter-spacing); --course-item-name-mobile-font-line-height: var(--heading-font-line-height); --course-item-name-mobile-font-font-size: 1.3rem; --course-item-name-mobile-font-font-size-value: 1.3; --course-item-chapter-name-font-font-family: var(--body-font-font-family); --course-item-chapter-name-font-font-style: var(--body-font-font-style); --course-item-chapter-name-font-font-weight: var(--body-font-font-weight); --course-item-chapter-name-font-text-transform: var(--body-font-text-transform); --course-item-chapter-name-font-letter-spacing: var(--body-font-letter-spacing); --course-item-chapter-name-font-line-height: var(--body-font-line-height); --course-item-chapter-name-font-font-size: 1rem; --course-item-chapter-name-font-font-size-value: 1; --course-item-lesson-name-font-font-family: var(--heading-font-font-family); --course-item-lesson-name-font-font-style: var(--heading-font-font-style); --course-item-lesson-name-font-font-weight: var(--heading-font-font-weight); --course-item-lesson-name-font-text-transform: var(--heading-font-text-transform); --course-item-lesson-name-font-letter-spacing: var(--heading-font-letter-spacing); --course-item-lesson-name-font-line-height: var(--heading-font-line-height); --course-item-lesson-name-font-font-size: 4rem; --course-item-lesson-name-font-font-size-value: 4; --cookie-banner-disclaimer-font-font-family: var(--body-font-font-family); --cookie-banner-disclaimer-font-font-style: var(--body-font-font-style); --cookie-banner-disclaimer-font-font-weight: var(--body-font-font-weight); --cookie-banner-disclaimer-font-text-transform: var(--body-font-text-transform); --cookie-banner-disclaimer-font-letter-spacing: var(--body-font-letter-spacing); --cookie-banner-disclaimer-font-line-height: var(--body-font-line-height); --cookie-banner-disclaimer-font-font-size: .8rem; --cookie-banner-disclaimer-font-font-size-value: .8 } :root { --primary-button-rounded-border-top-left-radius: 6.4px; --primary-button-rounded-border-top-right-radius: 6.4px; --primary-button-rounded-border-bottom-left-radius: 6.4px; --primary-button-rounded-border-bottom-right-radius: 6.4px; --primaryButtonPadding: 1.2em; --primary-button-padding-x: 2.004em; --primary-button-padding-y: 1.2em; --primary-button-stroke: 0px; --secondary-button-rounded-border-top-left-radius: 6.4px; --secondary-button-rounded-border-top-right-radius: 6.4px; --secondary-button-rounded-border-bottom-left-radius: 6.4px; --secondary-button-rounded-border-bottom-right-radius: 6.4px; --secondary-button-padding-x: 2.004em; --secondary-button-padding-y: 1.2em; --secondary-button-stroke: 0px; --tertiary-button-rounded-border-top-left-radius: 6.4px; --tertiary-button-rounded-border-top-right-radius: 6.4px; --tertiary-button-rounded-border-bottom-left-radius: 6.4px; --tertiary-button-rounded-border-bottom-right-radius: 6.4px; --tertiary-button-padding-x: 2.004em; --tertiary-button-padding-y: 1.2em; --tertiary-button-stroke: 0px; --form-field-shape-border-top-left-radius: 5px; --form-field-shape-border-top-right-radius: 5px; --form-field-shape-border-bottom-left-radius: 5px; --form-field-shape-border-bottom-right-radius: 5px; --form-field-border-thickness: 1px; --form-field-padding-vertical: 10px; --form-field-padding-horizontal: 10px; --form-field-checkbox-shape-border-top-left-radius: 5px; --form-field-checkbox-shape-border-top-right-radius: 5px; --form-field-checkbox-shape-border-bottom-left-radius: 5px; --form-field-checkbox-shape-border-bottom-right-radius: 5px; --form-field-checkbox-border-thickness: 1px; --form-field-checkbox-size: 16px; --form-field-checkbox-space-between-icon-and-text: 11px; --form-field-checkbox-padding-vertical: 10px; --form-field-checkbox-padding-horizontal: 10px; --form-field-checkbox-row-gap: 12px; --form-field-checkbox-column-gap: 20px; --form-field-radio-shape-border-top-left-radius: 5px; --form-field-radio-shape-border-top-right-radius: 5px; --form-field-radio-shape-border-bottom-left-radius: 5px; --form-field-radio-shape-border-bottom-right-radius: 5px; --form-field-radio-border-thickness: 1px; --form-field-radio-size: 17px; --form-field-radio-space-between-icon-and-text: 11px; --form-field-radio-padding-vertical: 10px; --form-field-radio-padding-horizontal: 10px; --form-field-radio-row-gap: 12px; --form-field-radio-column-gap: 20px; --form-field-dropdown-icon-thickness: 1px; --form-field-dropdown-icon-size: 18px; --form-field-survey-shape-border-top-left-radius: 5px; --form-field-survey-shape-border-top-right-radius: 5px; --form-field-survey-shape-border-bottom-left-radius: 5px; --form-field-survey-shape-border-bottom-right-radius: 5px; --form-field-survey-border-thickness: 1px; --form-field-survey-size: 17px; --form-label-spacing-bottom: 4px; --form-description-spacing-bottom: 4px; --form-caption-spacing-bottom: 2px; --form-field-spacing-bottom: 20px; --form-field-column-gap: 10px; --tweak-global-animations-animation-duration: .1s; --tweak-global-animations-animation-delay: .1s } /*! Squarespace LESS Compiler (less.js language v1.3.3) */ /*! normalize.css v2.1.3 | MIT License | git.io/normalize */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block } audio, canvas, video { display: inline-block } audio:not([controls]) { display: none; height: 0 } [hidden], template { display: none } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0 } a { background: 0 0 } a:focus { outline: thin dotted } a:active, a:hover { outline: 0 } h1 { font-size: 2em; margin: .67em 0 } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: 700 } dfn { font-style: italic } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0 } mark { background: #ff0; color: #000 } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em } pre { white-space: pre-wrap } q { quotes: "\201C" "\201D" "\2018" "\2019" } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } img { border: 0 } svg:not(:root) { overflow: hidden } figure { margin: 0 } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em } legend { border: 0; padding: 0 } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0 } button, input { line-height: normal } button, select { text-transform: none } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer } button[disabled], html input[disabled] { cursor: default } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0 } input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } textarea { overflow: auto; vertical-align: top } table { border-collapse: collapse; border-spacing: 0 } nav ul { list-style-type: none; margin: 0; padding: 0 } /*! Squarespace LESS Compiler (less.js language v1.3.3) */ .clear:after { display: block; visibility: hidden; font-size: 0; height: 0; clear: both; content: "." } .v6-visually-hidden { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden } .sqs-g { letter-spacing: -.31em; text-rendering: optimizespeed } .opera-only :-o-prefocus, .sqs-g { word-spacing: -.43em } .yui3-u, .sqs-u { display: inline-block; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto } .sqs-u-1, .sqs-u-1-2, .sqs-u-1-3, .sqs-u-2-3, .sqs-u-1-4, .sqs-u-3-4, .sqs-u-1-5, .sqs-u-2-5, .sqs-u-3-5, .sqs-u-4-5, .sqs-u-1-6, .sqs-u-5-6, .sqs-u-1-8, .sqs-u-3-8, .sqs-u-5-8, .sqs-u-7-8, .sqs-u-1-12, .sqs-u-5-12, .sqs-u-7-12, .sqs-u-11-12, .sqs-u-1-24, .sqs-u-5-24, .sqs-u-7-24, .sqs-u-11-24, .sqs-u-13-24, .sqs-u-17-24, .sqs-u-19-24, .sqs-u-23-24 { display: inline-block; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto } .sqs-u-1 { display: block } .sqs-u-1-2 { width: 50% } .sqs-u-1-3 { width: 33.33333% } .sqs-u-2-3 { width: 66.66666% } .sqs-u-1-4 { width: 25% } .sqs-u-3-4 { width: 75% } .sqs-u-1-5 { width: 20% } .sqs-u-2-5 { width: 40% } .sqs-u-3-5 { width: 60% } .sqs-u-4-5 { width: 80% } .sqs-u-1-6 { width: 16.656% } .sqs-u-5-6 { width: 83.33% } .sqs-u-1-8 { width: 12.5% } .sqs-u-3-8 { width: 37.5% } .sqs-u-5-8 { width: 62.5% } .sqs-u-7-8 { width: 87.5% } .sqs-u-1-12 { width: 8.3333% } .sqs-u-5-12 { width: 41.6666% } .sqs-u-7-12 { width: 58.3333% } .sqs-u-11-12 { width: 91.6666% } .sqs-u-1-24 { width: 4.1666% } .sqs-u-5-24 { width: 20.8333% } .sqs-u-7-24 { width: 29.1666% } .sqs-u-11-24 { width: 45.8333% } .sqs-u-13-24 { width: 54.1666% } .sqs-u-17-24 { width: 70.8333% } .sqs-u-19-24 { width: 79.1666% } .sqs-u-23-24 { width: 95.8333% } #sqs-css-stamp.cssgrids { display: none } .yui3-widget-hidden { display: none } .yui3-widget-content { overflow: hidden } .yui3-widget-content-expanded { box-sizing: border-box; height: 100% } .yui3-widget-tmp-forcesize { overflow: hidden !important } .sqs-panel { position: absolute } .sqs-panel-hidden { visibility: hidden } .sqs-widget-tmp-forcesize .sqs-panel-content { overflow: hidden !important } .sqs-panel .sqs-widget-hd { position: relative } .sqs-panel .sqs-widget-hd .sqs-widget-buttons { position: absolute; top: 0; right: 0 } .sqs-panel .sqs-widget-ft .sqs-widget-buttons { display: inline-block; zoom: 1 } .yui3-slider, .yui3-slider-rail { display: -moz-inline-stack; display: inline-block; zoom: 1; vertical-align: middle } .yui3-slider-content { position: relative; display: block } .yui3-slider-rail { position: relative } .yui3-slider-rail-cap-top, .yui3-slider-rail-cap-left, .yui3-slider-rail-cap-bottom, .yui3-slider-rail-cap-right, .yui3-slider-thumb, .yui3-slider-thumb-image, .yui3-slider-thumb-shadow { position: absolute } .yui3-slider-thumb { overflow: hidden } .sqs-aclist, .yui3-aclist { position: absolute; z-index: 10 } .sqs-aclist-hidden, .yui3-aclist-hidden { visibility: hidden } .sqs-aclist-aria, .yui3-aclist-aria { left: -9999px; position: absolute } .sqs-aclist-list, .yui3-aclist-list { list-style: none; margin: 0; overflow: hidden; padding: 0 } .sqs-aclist-item, .yui3-aclist-item { cursor: pointer; list-style: none; padding: 2px 5px } .sqs-aclist-item-active, .yui3-aclist-item-active { outline: #afafaf dotted thin } .sqs-cookie-banner-v2-enabled .sqs-cookie-banner-v2 { display: block } body.sqs-cookie-banner-v2-top .sqs-announcement-bar-dropzone, body.sqs-cookie-banner-v2-top .sqs-announcement-bar-dropzone.sqs-cookie-banner-v2-enabled { position: relative } .sqs-cookie-banner-v2 { box-sizing: border-box; display: none; justify-content: space-between; align-items: center; z-index: 300000; padding: 10px; position: fixed } .sqs-cookie-banner-v2 p, .sqs-cookie-banner-v2 button { font-family: 'Helvetica Neue', Helvetica, Sans-serif; font-size: 12px; line-height: 1.5em; font-weight: normal; font-style: normal; letter-spacing: .05em; margin: 10px !important } .sqs-cookie-banner-v2 a { text-decoration: underline } .sqs-cookie-banner-v2 .sqs-cookie-banner-v2-text { max-height: calc(50vh) } .sqs-cookie-banner-v2 .sqs-cookie-banner-v2-cta-container { display: flex; flex-direction: row; flex-wrap: wrap } .sqs-cookie-banner-v2 .sqs-cookie-banner-v2-cta { white-space: nowrap; background: transparent } .sqs-announcement-bar-dropzone .sqs-cookie-banner-v2.TOP { position: relative } body>.sqs-cookie-banner-v2.TOP { top: 0 } .sqs-cookie-banner-v2.BOTTOM { bottom: 0 } .sqs-cookie-banner-v2.TOP_LEFT { top: 20px; left: 20px } .sqs-cookie-banner-v2.TOP_RIGHT { top: 20px; right: 20px } .sqs-cookie-banner-v2.BOTTOM_LEFT { bottom: 20px; left: 20px } .sqs-cookie-banner-v2.BOTTOM_RIGHT { bottom: 20px; right: 20px } @media (max-width:640px) { .sqs-cookie-banner-v2.TOP_LEFT, .sqs-cookie-banner-v2.TOP_RIGHT { top: 10px; margin-bottom: 10px; left: 10px; right: 10px } .sqs-cookie-banner-v2.BOTTOM_LEFT, .sqs-cookie-banner-v2.BOTTOM_RIGHT { margin-top: 10px; bottom: 10px; left: 10px; right: 10px } } .sqs-cookie-banner-v2.ICON { display: flex; justify-content: space-between; align-items: center } .sqs-cookie-banner-v2.ICON .sqs-cookie-banner-v2-acceptWrapper { font-size: 0px; line-height: 1; text-align: right } .sqs-cookie-banner-v2.ICON .sqs-cookie-banner-v2-accept { border: 0; padding: 5px 10px } .sqs-cookie-banner-v2.ICON .sqs-cookie-banner-v2-accept:after { content: '×'; font-family: 'Helvetica Neue', Helvetica, Sans-serif; font-weight: 100; line-height: .5em; font-size: 35px } .sqs-cookie-banner-v2.BAR { left: 0; right: 0 } @media (min-width:640px) { .sqs-cookie-banner-v2.BAR { display: flex; justify-content: space-between; align-items: center; padding: 10px 15px } .sqs-cookie-banner-v2.BAR p { margin-right: 2vw } .sqs-cookie-banner-v2.BAR .sqs-cookie-banner-v2-cta-container { max-width: 50%; flex: 1 0 auto; flex-wrap: wrap; justify-content: flex-end } } @media (min-width:640px) { .sqs-cookie-banner-v2.POPUP { width: 250px; margin: 20px } .sqs-cookie-banner-v2.POPUP.OPT_IN_AND_OUT { width: auto; max-width: 500px } .sqs-cookie-banner-v2.POPUP.OPT_IN_AND_OUT .sqs-cookie-banner-v2-text { max-width: 350px } .sqs-cookie-banner-v2.POPUP.ICON { width: 350px; margin: 10px } } .sqs-cookie-banner-v2.BUTTON .sqs-cookie-banner-v2-cta { padding: 1em 1.5em; letter-spacing: .1em; line-height: 1em } .sqs-cookie-banner-v2.TEXT .sqs-cookie-banner-v2-cta { padding: 0; border: none; letter-spacing: .05em } .sqs-cookie-banner-v2.DARK { background-color: #000 } .sqs-cookie-banner-v2.DARK p, .sqs-cookie-banner-v2.DARK button, .sqs-cookie-banner-v2.DARK a { color: #fff } .sqs-cookie-banner-v2.DARK :focus { outline-color: #fff } .sqs-cookie-banner-v2.DARK :focus:not(:focus-visible) { outline-color: transparent } .sqs-cookie-banner-v2.DARK.TEXT .sqs-cookie-banner-v2-cta { border-bottom: 1px solid #777 } .sqs-cookie-banner-v2.DARK.BUTTON .sqs-cookie-banner-v2-cta { border: 1px solid #fff } .sqs-cookie-banner-v2.LIGHT { background-color: #eee } .sqs-cookie-banner-v2.LIGHT p, .sqs-cookie-banner-v2.LIGHT button, .sqs-cookie-banner-v2.LIGHT a { color: #111 } .sqs-cookie-banner-v2.LIGHT :focus { outline-color: #111 } .sqs-cookie-banner-v2.LIGHT :focus:not(:focus-visible) { outline-color: transparent } .sqs-cookie-banner-v2.LIGHT.TEXT .sqs-cookie-banner-v2-cta { border-bottom: 1px solid #bbb } .sqs-cookie-banner-v2.LIGHT.BUTTON .sqs-cookie-banner-v2-cta { border: 1px solid #444 } body.native-currency-code-usd .sqs-money-native:before { content: '$' } body.native-currency-code-cad .sqs-money-native:before { content: '$' } body.native-currency-code-cad .sqs-money-native:after { content: ' CAD' } body.native-currency-code-gbp .sqs-money-native:before { content: '£' } body.native-currency-code-eur .sqs-money-native:before { content: '€' } body.native-currency-code-aud .sqs-money-native:before { content: '$' } body.native-currency-code-aud .sqs-money-native:after { content: ' AUD' } body.native-currency-code-chf .sqs-money-native:before { content: 'CHF' } body.native-currency-code-nok .sqs-money-native:after { content: ' kr' } body.native-currency-code-sek .sqs-money-native:after { content: ' kr' } body.native-currency-code-dkk .sqs-money-native:after { content: ' kr' } body.native-currency-code-nzd .sqs-money-native:before { content: '$' } body.native-currency-code-sgd .sqs-money-native:before { content: 'S$' } body.native-currency-code-mxn .sqs-money-native:before { content: '$' } body.native-currency-code-hkd .sqs-money-native:before { content: 'HK$' } body.native-currency-code-czk .sqs-money-native:after { content: ' Kč' } body.native-currency-code-thb .sqs-money-native:before { content: '฿' } body.native-currency-code-myr .sqs-money-native:before { content: 'RM' } body.native-currency-code-pln .sqs-money-native:after { content: ' zł' } body.native-currency-code-ils .sqs-money-native:before { content: '₪ ' } body.native-currency-code-php .sqs-money-native:before { content: 'Php' } body.native-currency-code-rub .sqs-money-native:after { content: ' р.' } body.native-currency-code-brl .sqs-money-native:before { content: ' R$' } body.native-currency-code-ars .sqs-money-native:before { content: '$' } body.native-currency-code-ars .sqs-money-native:after { content: ' ARS' } body.native-currency-code-cop .sqs-money-native:before { content: 'COL$' } body.native-currency-code-idr .sqs-money-native:before { content: 'Rp' } body.native-currency-code-inr .sqs-money-native:before { content: '₹' } body.native-currency-code-jpy .sqs-money-native:before { content: '¥' } body.native-currency-code-zar .sqs-money-native:before { content: 'R' } .fadeable-plugged.display-status-hidden { display: none } .sqs-image-zoom-dropzone { overflow: hidden } .sqs-image-zoom-duplicate { opacity: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; transition: opacity .4s ease } .is-zoomed .sqs-image-zoom-duplicate { opacity: 1 } .sqs-image-zoom--behavior-click { cursor: -webkit-zoom-in !important; cursor: zoom-in !important } .sqs-image-zoom--behavior-click.is-zoomed { cursor: -webkit-zoom-out !important; cursor: zoom-out !important } @keyframes bounceIn { 0% { opacity: 0; transform: scale(.3) } 50% { opacity: 1; transform: scale(1.05) } 70% { transform: scale(.9) } 100% { transform: scale(1) } } @keyframes bounceOut { 0% { transform: scale(1) } 25% { transform: scale(.95) } 50% { opacity: 1; transform: scale(1.1) } 100% { opacity: 0; transform: scale(.3) } } @media screen and (max-width: 432px) { .mobile-hidden { display: none } } @media screen and (max-width: 432px) { .subDesktop-hidden { display: none } } @media screen and (min-width: 433px) { .desktop-hidden { display: none } } .sqs-system-error { color: #3e3e3e !important; background: transparent url('../../../../../../../../assets.squarespace.com/universal/images-v6/damask/error-dark.png') center center no-repeat; background-position: 12px 12px } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:1.5dppx) { .sqs-system-error { background-image: url('../../../../../../../../assets.squarespace.com/universal/images-v6/damask/error-dark%402x.png'); background-size: 44px } } .sqs-system-error input { cursor: pointer; background: #3e3e3e; padding: 11px; text-align: center; transition: background-color .1s ease-in-out, opacity .1s ease-in-out; line-height: 22px; -webkit-user-select: none; -ms-user-select: none; user-select: none; font-family: inherit; -webkit-appearance: none; appearance: none } .sqs-system-error input, .sqs-system-error input>* { color: #fff !important; -webkit-appearance: none; border: 0; text-transform: uppercase; letter-spacing: .5px; font-size: 11px; font-weight: 500 } .sqs-system-error input:focus, .sqs-system-error input>*:focus { outline-color: #fff; outline-style: solid; outline-width: 2px; outline-offset: -2px } .sqs-system-error input:focus:not(:focus-visible), .sqs-system-error input>*:focus:not(:focus-visible) { outline: none } .sqs-system-error input:hover { background-color: #000; box-shadow: none } .sqs-system-error input.disabled { opacity: .3; cursor: default } .sqs-system-error input.disabled>* { opacity: .5 } .sqs-system-error input.disabled:hover { background-color: #3e3e3e !important } .sqs-system-error-overlay.dialog-screen-overlay { background: rgba(246, 246, 246, .98) } .sqs-video-wrapper .intrinsic { max-width: 100% } .sqs-video-wrapper.video-none { position: relative } .sqs-video-wrapper.video-fill { position: absolute; width: 100%; height: 100% } .sqs-video-wrapper.video-fit { position: absolute; width: 100% } .sqs-video-wrapper.video-fit .intrinsic { width: 100% } .sqs-video-wrapper.video-fit .intrinsic-inner { position: relative } .sqs-video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .sqs-video-wrapper object, .sqs-video-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .sqs-video-wrapper .sqs-video-overlay { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; color: #000; background-position: center center; background-repeat: no-repeat } .sqs-video-wrapper .sqs-video-overlay .sqs-video-opaque { position: absolute; bottom: 0; width: 100%; height: 100%; background: #000; opacity: 0 } .sqs-video-wrapper .sqs-video-overlay.no-thumb .sqs-video-opaque { opacity: 1 } .sqs-video-wrapper .sqs-video-overlay .sqs-video-icon { position: absolute; top: 50%; left: 50%; background: transparent url('../../../../../../../../assets.squarespace.com/universal/images-v6/damask/play-button.png') center center no-repeat; height: 48px; width: 48px; margin-left: -24px; margin-top: -24px; cursor: pointer } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:1.5dppx) { .sqs-video-wrapper .sqs-video-overlay .sqs-video-icon { background-image: url('../../../../../../../../assets.squarespace.com/universal/images-v6/damask/play-button%402x.png'); background-size: 33px } } .sqs-video-wrapper.video-invalid { position: static !important; height: 48px !important } .sqs-video-wrapper .sqs-video-invalid-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden } body.no-scroll { height: 100%; position: fixed; top: 0; left: 0; bottom: 0; right: 0 } .no-scroll { overflow: hidden !important } .sqs-lightbox-overlay { position: fixed; opacity: 0; top: 0; left: 0; background: #000; height: 100%; width: 100% } .sqs-lightbox-overlay.sqs-lightbox-overlay-style-orb { background: radial-gradient(circle at 50% 25%, rgba(0, 0, 0, .75), #000) } .sqs-lightbox-overlay.light { background: rgba(246, 246, 246, .98) !important; color: #3e3e3e } .sqs-lightbox-overlay.white.sqs-lightbox-overlay-style-orb { background: radial-gradient(circle at 50% 25%, rgba(255, 255, 255, .96), #fff) } .sqsp-tooltip { color: inherit; background-color: #f6f6f6; padding: 22px 33px; box-shadow: 0 4px 33px rgba(0, 0, 0, .22), 0 0 0 1px rgba(0, 0, 0, .04); position: absolute; overflow: hidden; text-align: left !important; max-width: 250px } .sqsp-tooltip .title { text-transform: uppercase; font-weight: 500; letter-spacing: .5px; margin-bottom: 11px } .sqsp-tooltip .description { margin: 11px 0 } .sqsp-tooltip .buttons { margin: 22px -33px -22px; border-top: 1px solid #e4e4e4; display: flex } .sqsp-tooltip .buttons:empty { border-top: 0 } .sqsp-tooltip .buttons>* { flex: 1; display: flex; align-items: center; justify-content: center; border-left: 1px solid #e4e4e4 !important } .sqsp-tooltip .buttons>*:first-child { border-left: none !important } .sqsp-tooltip .buttons input, .sqsp-tooltip .buttons button { background: transparent } .sqsp-tooltip .buttons a { border-bottom: none } .sqsp-tooltip .buttons a:not(.reject) { cursor: pointer; background: #f6f6f6; padding: 11px; text-align: center; transition: background-color .1s ease-in-out, opacity .1s ease-in-out; line-height: 22px; -webkit-user-select: none; -ms-user-select: none; user-select: none; font-family: inherit; -webkit-appearance: none; appearance: none } .sqsp-tooltip .buttons a:not(.reject), .sqsp-tooltip .buttons a:not(.reject)>* { color: #3e3e3e !important; -webkit-appearance: none; border: 0; text-transform: uppercase; letter-spacing: .5px; font-size: 11px; font-weight: 500 } .sqsp-tooltip .buttons a:not(.reject):focus, .sqsp-tooltip .buttons a:not(.reject)>*:focus { outline-color: #3e3e3e; outline-style: solid; outline-width: 2px; outline-offset: -2px } .sqsp-tooltip .buttons a:not(.reject):focus:not(:focus-visible), .sqsp-tooltip .buttons a:not(.reject)>*:focus:not(:focus-visible) { outline: none } .sqsp-tooltip .buttons a:not(.reject):hover { background-color: #fff; box-shadow: none } .sqsp-tooltip .buttons a:not(.reject).disabled { opacity: .3; cursor: default } .sqsp-tooltip .buttons a:not(.reject).disabled>* { opacity: .5 } .sqsp-tooltip .buttons a:not(.reject).disabled:hover { background-color: #f6f6f6 !important } .sqsp-tooltip .buttons a:not(.reject).disabled { opacity: .5 } .sqsp-tooltip .buttons a.reject { cursor: pointer; background: #f6f6f6; padding: 11px; text-align: center; transition: background-color .1s ease-in-out, opacity .1s ease-in-out; line-height: 22px; -webkit-user-select: none; -ms-user-select: none; user-select: none; font-family: inherit; -webkit-appearance: none; appearance: none } .sqsp-tooltip .buttons a.reject, .sqsp-tooltip .buttons a.reject>* { color: #3e3e3e !important; -webkit-appearance: none; border: 0; text-transform: uppercase; letter-spacing: .5px; font-size: 11px; font-weight: 500 } .sqsp-tooltip .buttons a.reject:focus, .sqsp-tooltip .buttons a.reject>*:focus { outline-color: #3e3e3e; outline-style: solid; outline-width: 2px; outline-offset: -2px } .sqsp-tooltip .buttons a.reject:focus:not(:focus-visible), .sqsp-tooltip .buttons a.reject>*:focus:not(:focus-visible) { outline: none } .sqsp-tooltip .buttons a.reject:hover { background-color: #000; box-shadow: none } .sqsp-tooltip .buttons a.reject.disabled { opacity: .3; cursor: default } .sqsp-tooltip .buttons a.reject.disabled>* { opacity: .5 } .sqsp-tooltip .buttons a.reject.disabled:hover { background-color: #f6f6f6 !important } .sqsp-tooltip .buttons a.reject:hover { background-color: #f0523d } .sqsp-tooltip .buttons a.reject:hover, .sqsp-tooltip .buttons a.reject:hover * { color: #fff !important } .sqs-action-overlay { position: absolute; top: 0; right: 0; white-space: nowrap; transition: opacity 0.1s ease-out; opacity: 0; background-color: #3e3e3e; overflow: hidden; z-index: 50; height: 32px; border-radius: 3px } .sqs-action-overlay.loading { opacity: 1 } .sqs-action-overlay.bottom { top: auto; bottom: 0 } .sqs-action-overlay>div { display: inline-block; height: 32px; width: 33px; opacity: .3; cursor: pointer } .sqs-action-overlay>div:hover { opacity: .9 } .sqs-action-overlay>div:active, .sqs-action-overlay>div:focus { opacity: 1 } .sqs-action-overlay>div.edit-image, .sqs-action-overlay>div.edit { background: transparent url('../../../../../../../../assets.squarespace.com/universal/images-v6/damask/edit-aviary-light.png') center center no-repeat } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:1.5dppx) { .sqs-action-overlay>div.edit-image, .sqs-action-overlay>div.edit { background-image: url('../../../../../../../../assets.squarespace.com/universal/images-v6/damask/edit-aviary-light%402x.png'); background-size: 16px } } .sqs-action-overlay>div.edit.loading { background: none } .sqs-action-overlay>div.image-info { background: transparent url('../../../../../../../../assets.squarespace.com/universal/images-v6/damask/edit-info-light.png') center center no-repeat } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:1.5dppx) { .sqs-action-overlay>div.image-info { background-image: url('../../../../../../../../assets.squarespace.com/universal/images-v6/damask/edit-info-light%402x.png'); background-size: 16px } } .sqs-action-overlay>div.remove, .sqs-action-overlay>div.remove-image { background: transparent url('../../../../../../../../assets.squarespace.com/universal/images-v6/damask/trash-9-light.png') center center no-repeat; cursor: pointer } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:1.5dppx) { .sqs-action-overlay>div.remove, .sqs-action-overlay>div.remove-image { background-image: url('../../../../../../../../assets.squarespace.com/universal/images-v6/damask/trash-9-light%402x.png'); background-size: 9px 11px } } .sqs-action-overlay>div.remove:hover, .sqs-action-overlay>div.remove-image:hover { background: transparent url('../../../../../../../../assets.squarespace.com/universal/images-v6/damask/trash-9-red.png') center center no-repeat } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:1.5dppx) { .sqs-action-overlay>div.remove:hover, .sqs-action-overlay>div.remove-image:hover { background-image: url('../../../../../../../../assets.squarespace.com/universal/images-v6/damask/trash-9-red%402x.png'); background-size: 9px 11px } } .sqs-action-overlay>div.remove:hover, .sqs-action-overlay>div.remove-image:hover { background: #f0523d url('../../../../../../../../assets.squarespace.com/universal/images-v6/damask/trash-9-light.png') center center no-repeat } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:1.5dppx) { .sqs-action-overlay>div.remove:hover, .sqs-action-overlay>div.remove-image:hover { background-image: url('../../../../../../../../assets.squarespace.com/universal/images-v6/damask/trash-9-light%402x.png'); background-size: 9px 11px } } .sqs-action-overlay>div.video-info { background: transparent url('../../../../../../../../assets.squarespace.com/universal/images-v6/damask/edit-info-light.png') center center no-repeat } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:1.5dppx) { .sqs-action-overlay>div.video-info { background-image: url('../../../../../../../../assets.squarespace.com/universal/images-v6/damask/edit-info-light%402x.png'); background-size: 16px } } .sqs-action-overlay>div.getty { background: transparent url('../../../../../../../../assets.squarespace.com/universal/images-v6/damask/getty-16-light.png') center center no-repeat } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:1.5dppx) { .sqs-action-overlay>div.getty { background-image: url('../../../../../../../../assets.squarespace.com/universal/images-v6/damask/getty-32-light.png'); background-size: 16px } } .sqs-action-overlay>div.buy { background: transparent url('../../../../../../../../assets.squarespace.com/universal/images-v6/damask/shopping-cart-16-light.png') center center no-repeat } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:1.5dppx) { .sqs-action-overlay>div.buy { background-image: url('../../../../../../../../assets.squarespace.com/universal/images-v6/damask/shopping-cart-32-light.png'); background-size: 16px } } .sqs-action-overlay>div.remove-video { background: transparent url('../../../../../../../../assets.squarespace.com/universal/images-v6/damask/trash-9-light.png') center center no-repeat; cursor: pointer } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:1.5dppx) { .sqs-action-overlay>div.remove-video { background-image: url('../../../../../../../../assets.squarespace.com/universal/images-v6/damask/trash-9-light%402x.png'); background-size: 9px 11px } } .sqs-action-overlay>div.remove-video:hover { background: transparent url('../../../../../../../../assets.squarespace.com/universal/images-v6/damask/trash-9-red.png') center center no-repeat } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:1.5dppx) { .sqs-action-overlay>div.remove-video:hover { background-image: url('../../../../../../../../assets.squarespace.com/universal/images-v6/damask/trash-9-red%402x.png'); background-size: 9px 11px } } .sqs-action-overlay>div.remove-video:hover { background: #f0523d url('../../../../../../../../assets.squarespace.com/universal/images-v6/damask/trash-9-light.png') center center no-repeat } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:1.5dppx) { .sqs-action-overlay>div.remove-video:hover { background-image: url('../../../../../../../../assets.squarespace.com/universal/images-v6/damask/trash-9-light%402x.png'); background-size: 9px 11px } } .sqs-action-overlay>div.loading { background: none; position: relative; opacity: 1 } .sqs-action-overlay>div.loading .sqs-spin.default { position: relative; top: 50%; left: 50%; transform: translatex(-50%) translatey(-50%) } .sqs-action-overlay-container:hover .sqs-action-overlay { opacity: 1 } .touch .sqs-action-overlay { opacity: 1 } .image-focal-point { border-radius: 14px; height: 14px; width: 14px; margin-left: -10px; margin-top: -10px; position: absolute; border: 3px solid rgba(255, 255, 255, .8); background: rgba(0, 0, 0, .2); cursor: move; opacity: 0 } .sqs-loading-overlay-node { background: rgba(255, 255, 255, .9) } .sqs-loading-overlay-node .sqs-spin { position: absolute; top: 50%; left: 50% } .sqs-loading-overlay-node .sqs-spin.large { margin-top: -11px; margin-left: -11px } .sqs-loading-overlay-node .sqs-spin.extra-large { margin-top: -20px; margin-left: -20px } .sqs-loading-overlay-node.has-title .title { position: absolute; top: 50%; width: 100%; text-align: center; margin-top: 22px; color: #999; font-size: 14px } .sqs-loading-overlay-node.has-title .sqs-spin { margin-top: -22px } body>.login-wrapper { position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 30100; transition: all .5s ease-in-out } body>.login-wrapper.hidden { opacity: 0 } .sqs-follow-button-hidden { display: none } .sqs-spin { background-color: transparent; border-radius: 150px; display: inline-block; vertical-align: middle; animation: sqs-spin 1s infinite linear } .sqs-spin.light { border: 2px solid rgba(255, 255, 255, .7) !important; border-top-color: rgba(255, 255, 255, .15) !important; border-left-color: rgba(255, 255, 255, .15) !important } .sqs-spin.dark { border: 2px solid rgba(0, 0, 0, .75) !important; border-top-color: rgba(0, 0, 0, .08) !important; border-left-color: rgba(0, 0, 0, .08) !important } .sqs-spin.extra-small { width: 4px; height: 4px } .sqs-spin.small { width: 8px; height: 8px } .sqs-spin.default { width: 12px; height: 12px } .sqs-spin.large { width: 22px; height: 22px } .sqs-spin.extra-large { width: 40px; height: 40px } .sqs-spin.xx-large { width: 80px; height: 80px } .sqs-spin.degraded { border: 0px; border-radius: 0px; animation: none } .sqs-spin.degraded img { width: 100%; height: 100%; border: 0 !important; outline: 0 !important; box-shadow: none !important } @keyframes sqs-spin { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } .sqs-widgets-confirmation { color: #3e3e3e; z-index: 1000000; font-size: 12px } @media screen and (max-width: 432px) { .sqs-widgets-confirmation { width: 300px !important } } @media screen and (min-width: 433px) { .sqs-widgets-confirmation { position: absolute } } .sqs-widgets-confirmation-content { color: inherit; padding: 22px 33px; text-align: center; background: #f6f6f6; box-shadow: 0 4px 33px rgba(0, 0, 0, .22), 0 0 0 1px rgba(0, 0, 0, .04); border-radius: 4px; overflow: hidden } @media screen and (max-width: 432px) { .sqs-widgets-confirmation-content { padding: 22px } } .sqs-widgets-confirmation-content>.title { text-transform: uppercase; font-weight: 500; letter-spacing: .5px; margin-bottom: 11px } .sqs-widgets-confirmation-content .fields { margin-bottom: 11px } .sqs-widgets-confirmation-content .fields .check-field-wrapper { padding: 0 } .sqs-widgets-confirmation-content .fields .check-field-wrapper .field-description { background: none } .sqs-widgets-confirmation-content .buttons { border-top: 1px solid #e4e4e4; display: flex; margin: 22px -33px -22px } .sqs-widgets-confirmation-content .buttons:empty { border-top: 0 } .sqs-widgets-confirmation-content .buttons>* { flex: 1; display: flex; align-items: center; justify-content: center; border-left: 1px solid #e4e4e4 !important } .sqs-widgets-confirmation-content .buttons>*:first-child { border-left: none !important } .sqs-widgets-confirmation-content .buttons input, .sqs-widgets-confirmation-content .buttons button { background: transparent } .sqs-widgets-confirmation-content .buttons a { border-bottom: none } .sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject) { cursor: pointer; background: #f6f6f6; padding: 11px; text-align: center; transition: background-color .1s ease-in-out, opacity .1s ease-in-out; line-height: 22px; -webkit-user-select: none; -ms-user-select: none; user-select: none; font-family: inherit; -webkit-appearance: none; appearance: none; line-height: 16px } .sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject), .sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject)>* { color: #3e3e3e !important; -webkit-appearance: none; border: 0; text-transform: uppercase; letter-spacing: .5px; font-size: 11px; font-weight: 500 } .sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject):focus, .sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject)>*:focus { outline-color: #3e3e3e; outline-style: solid; outline-width: 2px; outline-offset: -2px } .sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject):focus:not(:focus-visible), .sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject)>*:focus:not(:focus-visible) { outline: none } .sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject):hover { background-color: #fff; box-shadow: none } .sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject).disabled { opacity: .3; cursor: default } .sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject).disabled>* { opacity: .5 } .sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject).disabled:hover { background-color: #f6f6f6 !important } .sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject).disabled { opacity: .5 } .sqs-widgets-confirmation-content .buttons .confirmation-button.reject { cursor: pointer; background: #f6f6f6; padding: 11px; text-align: center; transition: background-color .1s ease-in-out, opacity .1s ease-in-out; line-height: 22px; -webkit-user-select: none; -ms-user-select: none; user-select: none; font-family: inherit; -webkit-appearance: none; appearance: none; line-height: 16px } .sqs-widgets-confirmation-content .buttons .confirmation-button.reject, .sqs-widgets-confirmation-content .buttons .confirmation-button.reject>* { color: #3e3e3e !important; -webkit-appearance: none; border: 0; text-transform: uppercase; letter-spacing: .5px; font-size: 11px; font-weight: 500 } .sqs-widgets-confirmation-content .buttons .confirmation-button.reject:focus, .sqs-widgets-confirmation-content .buttons .confirmation-button.reject>*:focus { outline-color: #3e3e3e; outline-style: solid; outline-width: 2px; outline-offset: -2px } .sqs-widgets-confirmation-content .buttons .confirmation-button.reject:focus:not(:focus-visible), .sqs-widgets-confirmation-content .buttons .confirmation-button.reject>*:focus:not(:focus-visible) { outline: none } .sqs-widgets-confirmation-content .buttons .confirmation-button.reject:hover { background-color: #000; box-shadow: none } .sqs-widgets-confirmation-content .buttons .confirmation-button.reject.disabled { opacity: .3; cursor: default } .sqs-widgets-confirmation-content .buttons .confirmation-button.reject.disabled>* { opacity: .5 } .sqs-widgets-confirmation-content .buttons .confirmation-button.reject.disabled:hover { background-color: #f6f6f6 !important } .sqs-widgets-confirmation-content .buttons .confirmation-button.reject:hover { background-color: #f0523d } .sqs-widgets-confirmation-content .buttons .confirmation-button.reject:hover, .sqs-widgets-confirmation-content .buttons .confirmation-button.reject:hover * { color: #fff !important } .sqs-widgets-confirmation.sqs-widgets-data-confirmation .sqs-widgets-confirmation-content { text-align: left } .sqs-widgets-confirmation.danger-zone .sqs-widgets-confirmation-content { color: #fff !important; background-color: #f0523d } .sqs-widgets-confirmation.danger-zone .sqs-widgets-confirmation-content .buttons .confirmation-button { background-color: #f0523d; color: #fff !important } .sqs-widgets-confirmation.danger-zone .sqs-widgets-confirmation-content .buttons .confirmation-button:hover { background-color: #e4351e } .sqs-widgets-confirmation.dangerous-confirmation-button .sqs-widgets-confirmation-content .buttons .confirm:hover { background-color: #f0523d; color: #fff !important } .sqs-widgets-confirmation.reject-warning .buttons .confirmation-button.reject:hover { background-color: #f0523d; color: #fff } .sqs-widgets-confirmation.delete-collection .confirmation-button.confirm:hover { background-color: #f0523d; color: #fff !important } .sqs-widgets-confirmation.with-media .title:empty, .sqs-widgets-confirmation.with-media .message:empty { display: none } .sqs-widgets-confirmation.with-media .title:empty+.message:empty+.media { margin-top: -22px } .sqs-widgets-confirmation.with-media .media { display: block; position: relative; margin: 0px -33px } .sqs-widgets-confirmation.with-media .media>* { display: block; position: relative; margin: 0 auto } .sqs-widgets-confirmation.with-media .buttons { margin-top: 0px } .sqs-widgets-confirmation.with-media .sqs-widgets-confirmation-content { background: #fff } .sqs-widgets-confirmation.shown .media>* { width: 100% } .sqs-widgets-confirmation { opacity: 0; transform: scale(.96) } .sqs-widgets-confirmation.mobile { transform: translatey(-50%) } .sqs-widgets-confirmation.shown { opacity: 1; transform: scale(1); animation-name: show-confirmation; animation-iteration-count: 1; animation-duration: .3s } .sqs-widgets-confirmation.shown.mobile { transform: translatey(0); animation-name: show-confirmation-mobile } .sqs-widgets-confirmation.hiding { opacity: 0; animation-name: none; transition-property: all; transition-duration: .3s; transform: scale(.96) } .sqs-widgets-confirmation.hiding.mobile { transform: translatey(-50%) } .sqs-widgets-confirmation-hidden { display: none } @keyframes show-confirmation { from { opacity: 0; transform: scale(.96) } to { opacity: 1; transform: scale(1) } } @keyframes show-confirmation-mobile { from { transform: translatey(-50%) } to { transform: translatey(0) } } .sqs-widgets-confirmation-overlay { display: block; background: #000; position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: .4; z-index: 999999 } @media screen and (max-width: 432px) { .sqs-widgets-confirmation-overlay { opacity: .4 !important; z-index: 999999 !important } } /*! Squarespace LESS Compiler (less.js language v1.3.3) */ .sqs-block.vsize-1 .sqs-block-content { height: 34px } .sqs-block.vsize-2 .sqs-block-content { height: 68px } .sqs-block.vsize-3 .sqs-block-content { height: 102px } .sqs-block.vsize-4 .sqs-block-content { height: 136px } .sqs-block.vsize-5 .sqs-block-content { height: 170px } .sqs-block.vsize-6 .sqs-block-content { height: 204px } .sqs-block.vsize-7 .sqs-block-content { height: 238px } .sqs-block.vsize-8 .sqs-block-content { height: 272px } .sqs-block.vsize-9 .sqs-block-content { height: 306px } .sqs-block.vsize-10 .sqs-block-content { height: 340px } .sqs-block.vsize-11 .sqs-block-content { height: 374px } .sqs-block.vsize-12 .sqs-block-content { height: 408px } .sqs-block.vsize-13 .sqs-block-content { height: 442px } .sqs-block.vsize-14 .sqs-block-content { height: 476px } .sqs-block.vsize-15 .sqs-block-content { height: 510px } .sqs-block.vsize-16 .sqs-block-content { height: 544px } .sqs-block.vsize-17 .sqs-block-content { height: 578px } .sqs-block.vsize-18 .sqs-block-content { height: 612px } .sqs-block.vsize-19 .sqs-block-content { height: 646px } .sqs-block.vsize-20 .sqs-block-content { height: 680px } .sqs-block.vsize-21 .sqs-block-content { height: 714px } .sqs-block.vsize-22 .sqs-block-content { height: 748px } .sqs-block.vsize-23 .sqs-block-content { height: 782px } .sqs-block.vsize-24 .sqs-block-content { height: 816px } .sqs-block.vsize-25 .sqs-block-content { height: 850px } .sqs-block.vsize-26 .sqs-block-content { height: 884px } .sqs-block.vsize-27 .sqs-block-content { height: 918px } .sqs-block.vsize-28 .sqs-block-content { height: 952px } .sqs-block.vsize-29 .sqs-block-content { height: 986px } .sqs-block.vsize-30 .sqs-block-content { height: 1020px } @keyframes bounceIn { 0% { opacity: 0; transform: scale(.3) } 50% { opacity: 1; transform: scale(1.05) } 70% { transform: scale(.9) } 100% { transform: scale(1) } } @keyframes bounceOut { 0% { transform: scale(1) } 25% { transform: scale(.95) } 50% { opacity: 1; transform: scale(1.1) } 100% { opacity: 0; transform: scale(.3) } } @media screen and (max-width: 432px) { .mobile-hidden { display: none } } @media screen and (max-width: 432px) { .subDesktop-hidden { display: none } } @media screen and (min-width: 433px) { .desktop-hidden { display: none } } .sqs-row { width: auto !important } .sqs-row:before, .sqs-row:after { content: ""; display: table } .sqs-row:after { clear: both } [class*=sqs-col] { float: left } [class*=sqs-col] .sqs-block { padding-left: 17px; padding-right: 17px } [class*=sqs-col]:last-child { padding-right: 0 } .sqs-col-12 { width: 100% } .sqs-col-12 .sqs-col-12 { width: 100% } .sqs-col-12 .sqs-col-11 { width: 91.6667% } .sqs-col-12 .sqs-col-10 { width: 83.3333% } .sqs-col-12 .sqs-col-9 { width: 75% } .sqs-col-12 .sqs-col-8 { width: 66.6667% } .sqs-col-12 .sqs-col-7 { width: 58.3333% } .sqs-col-12 .sqs-col-6 { width: 50% } .sqs-col-12 .sqs-col-5 { width: 41.6667% } .sqs-col-12 .sqs-col-4 { width: 33.3333% } .sqs-col-12 .sqs-col-3 { width: 25% } .sqs-col-12 .sqs-col-2 { width: 16.6667% } .sqs-col-12 .sqs-col-1 { width: 8.3333% } .sqs-col-11 { width: 91.6667% } .sqs-col-11 .sqs-col-11 { width: 100% } .sqs-col-11 .sqs-col-10 { width: 90.9091% } .sqs-col-11 .sqs-col-9 { width: 81.8182% } .sqs-col-11 .sqs-col-8 { width: 72.7273% } .sqs-col-11 .sqs-col-7 { width: 63.6364% } .sqs-col-11 .sqs-col-6 { width: 54.5455% } .sqs-col-11 .sqs-col-5 { width: 45.4545% } .sqs-col-11 .sqs-col-4 { width: 36.3636% } .sqs-col-11 .sqs-col-3 { width: 27.2727% } .sqs-col-11 .sqs-col-2 { width: 18.1818% } .sqs-col-11 .sqs-col-1 { width: 9.0909% } .sqs-col-10 { width: 83.3333% } .sqs-col-10 .sqs-col-10 { width: 100% } .sqs-col-10 .sqs-col-9 { width: 90% } .sqs-col-10 .sqs-col-8 { width: 80% } .sqs-col-10 .sqs-col-7 { width: 70% } .sqs-col-10 .sqs-col-6 { width: 60% } .sqs-col-10 .sqs-col-5 { width: 50% } .sqs-col-10 .sqs-col-4 { width: 40% } .sqs-col-10 .sqs-col-3 { width: 30% } .sqs-col-10 .sqs-col-2 { width: 20% } .sqs-col-10 .sqs-col-1 { width: 10% } .sqs-col-9 { width: 75% } .sqs-col-9 .sqs-col-9 { width: 100% } .sqs-col-9 .sqs-col-8 { width: 88.8889% } .sqs-col-9 .sqs-col-7 { width: 77.7778% } .sqs-col-9 .sqs-col-6 { width: 66.6667% } .sqs-col-9 .sqs-col-5 { width: 55.5556% } .sqs-col-9 .sqs-col-4 { width: 44.4444% } .sqs-col-9 .sqs-col-3 { width: 33.3333% } .sqs-col-9 .sqs-col-2 { width: 22.2222% } .sqs-col-9 .sqs-col-1 { width: 11.1111% } .sqs-col-8 { width: 66.6667% } .sqs-col-8 .sqs-col-8 { width: 100% } .sqs-col-8 .sqs-col-7 { width: 87.5% } .sqs-col-8 .sqs-col-6 { width: 75% } .sqs-col-8 .sqs-col-5 { width: 62.5% } .sqs-col-8 .sqs-col-4 { width: 50% } .sqs-col-8 .sqs-col-3 { width: 37.5% } .sqs-col-8 .sqs-col-2 { width: 25% } .sqs-col-8 .sqs-col-1 { width: 12.5% } .sqs-col-7 { width: 58.3333% } .sqs-col-7 .sqs-col-7 { width: 100% } .sqs-col-7 .sqs-col-6 { width: 85.7143% } .sqs-col-7 .sqs-col-5 { width: 71.4286% } .sqs-col-7 .sqs-col-4 { width: 57.1429% } .sqs-col-7 .sqs-col-3 { width: 42.8571% } .sqs-col-7 .sqs-col-2 { width: 28.5714% } .sqs-col-7 .sqs-col-1 { width: 14.2857% } .sqs-col-6 { width: 50% } .sqs-col-6 .sqs-col-6 { width: 100% } .sqs-col-6 .sqs-col-5 { width: 83.3333% } .sqs-col-6 .sqs-col-4 { width: 66.6667% } .sqs-col-6 .sqs-col-3 { width: 50% } .sqs-col-6 .sqs-col-2 { width: 33.3333% } .sqs-col-6 .sqs-col-1 { width: 16.6667% } .sqs-col-5 { width: 41.6667% } .sqs-col-5 .sqs-col-5 { width: 100% } .sqs-col-5 .sqs-col-4 { width: 80% } .sqs-col-5 .sqs-col-3 { width: 60% } .sqs-col-5 .sqs-col-2 { width: 40% } .sqs-col-5 .sqs-col-1 { width: 20% } .sqs-col-4 { width: 33.3333% } .sqs-col-4 .sqs-col-4 { width: 100% } .sqs-col-4 .sqs-col-3 { width: 75% } .sqs-col-4 .sqs-col-2 { width: 50% } .sqs-col-4 .sqs-col-1 { width: 25% } .sqs-col-3 { width: 25% } .sqs-col-3 .sqs-col-3 { width: 100% } .sqs-col-3 .sqs-col-2 { width: 66.6667% } .sqs-col-3 .sqs-col-1 { width: 33.3333% } .sqs-col-2 { width: 16.6667% } .sqs-col-2 .sqs-col-2 { width: 100% } .sqs-col-2 .sqs-col-1 { width: 50% } .sqs-col-1 { width: 8.3333% } .sqs-col-1 .sqs-col-1 { width: 100% } .sqs-layout>.sqs-row { margin-left: -17px; margin-right: -17px } .sqs-layout:not(.sqs-editing) .sqs-row .sqs-block:not(.float):not(.sqs-feature-gated-wrapper):first-child { padding-top: 0 } .sqs-layout:not(.sqs-editing) .sqs-row .sqs-block:not(.float):not(.sqs-feature-gated-wrapper):first-child:last-child { padding-bottom: 0 } .sqs-layout:not(.sqs-editing) .sqs-block+.sqs-row .sqs-block:not(.float):first-child { padding-top: 17px } .sqs-layout:not(.sqs-editing) .sqs-block+.sqs-row .sqs-block:not(.float):first-child:last-child { padding-bottom: 17px } .sqs-layout:not(.sqs-editing) .sqs-row+.sqs-row .sqs-block:not(.float):first-child { padding-top: 17px } .sqs-layout:not(.sqs-editing) .sqs-row+.sqs-row .sqs-block:not(.float):first-child:last-child { padding-bottom: 17px } .sqs-layout:not(.sqs-editing)>.sqs-row:first-child>[class*=sqs-col]:first-child>.sqs-block:not(:first-child):last-child, .sqs-layout:not(.sqs-editing) .sqs-block+.sqs-row .sqs-block:not(.float):last-child { padding-bottom: 17px } .sqs-layout:not(.sqs-editing) .sqs-row+.sqs-row:not(:last-child) .sqs-block:last-child { padding-bottom: 17px } .sqs-block.sized .sqs-block-content { overflow: hidden } .text-align-center { text-align: center } .text-align-right { text-align: right } .columns-1 [class*=sqs-col-] { width: 100% !important } .sqs-block .state-message, .sqs-state-message { font: 400 normal 12px / 22px 'Clarkson', 'Helvetica Neue', Helvetica, Arial, sans-serif; letter-spacing: normal; padding: 19px; padding-left: 60px; color: #3e3e3e; position: relative; background-color: rgba(128, 128, 128, .15) } .sqs-block .state-message:after, .sqs-state-message:after { content: " "; position: absolute; top: 0; left: 0; height: 60px; width: 60px; background: transparent url(../../../../../../../../assets.squarespace.com/universal/images-v6/icons/block-indicator-dark.png) no-repeat center } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:1.5dppx) { .sqs-block .state-message:after, .sqs-state-message:after { background-image: url('../../../../../../../../assets.squarespace.com/universal/images-v6/icons/block-indicator-dark%402x.png'); background-size: 22px } } .sqs-block .state-message.information, .sqs-state-message.information { background: #222; padding: 30px 20px; text-align: center; color: #999; font-size: 11px } .sqs-block .state-message .title, .sqs-state-message .title { padding-bottom: 8px; font-size: 14px } html.cameron .sqs-block .state-message .title, html.cameron .sqs-state-message .title { color: #eee } .sqs-block .state-message>.sqs-state-message-button, .sqs-state-message>.sqs-state-message-button, .sqs-block .state-message .sqs-state-message-buttons-wrapper, .sqs-state-message .sqs-state-message-buttons-wrapper { margin-top: 19px; margin-left: -41px; display: block !important; position: relative } .sqs-block .state-message .sqs-state-message-button, .sqs-state-message .sqs-state-message-button { cursor: pointer; background: #3e3e3e; padding: 11px; transition: background-color .1s ease-in-out, opacity .1s ease-in-out; -webkit-user-select: none; -ms-user-select: none; user-select: none; font-family: inherit; -webkit-appearance: none; appearance: none; line-height: 22px; text-align: center; display: inline-block; position: relative } .sqs-block .state-message .sqs-state-message-button, .sqs-state-message .sqs-state-message-button, .sqs-block .state-message .sqs-state-message-button>*, .sqs-state-message .sqs-state-message-button>* { color: #fff !important; -webkit-appearance: none; border: 0; text-transform: uppercase; letter-spacing: .5px; font-size: 11px; font-weight: 500 } .sqs-block .state-message .sqs-state-message-button:focus, .sqs-state-message .sqs-state-message-button:focus, .sqs-block .state-message .sqs-state-message-button>*:focus, .sqs-state-message .sqs-state-message-button>*:focus { outline-color: #fff; outline-style: solid; outline-width: 2px; outline-offset: -2px } .sqs-block .state-message .sqs-state-message-button:focus:not(:focus-visible), .sqs-state-message .sqs-state-message-button:focus:not(:focus-visible), .sqs-block .state-message .sqs-state-message-button>*:focus:not(:focus-visible), .sqs-state-message .sqs-state-message-button>*:focus:not(:focus-visible) { outline: none } .sqs-block .state-message .sqs-state-message-button:hover, .sqs-state-message .sqs-state-message-button:hover { background-color: #000; box-shadow: none } .sqs-block .state-message .sqs-state-message-button.disabled, .sqs-state-message .sqs-state-message-button.disabled { opacity: .3; cursor: default } .sqs-block .state-message .sqs-state-message-button.disabled>*, .sqs-state-message .sqs-state-message-button.disabled>* { opacity: .5 } .sqs-block .state-message .sqs-state-message-button.disabled:hover, .sqs-state-message .sqs-state-message-button.disabled:hover { background-color: #3e3e3e !important } .sqs-layout.sqs-editing .sqs-block .sqs-block .state-message .sqs-state-message-button, .sqs-layout.sqs-editing .sqs-block .sqs-state-message .sqs-state-message-button { z-index: 1001 } .sqs-col-0 { width: 0; display: none } html.squarespace-damask.is-expanded .sqs-block [data-block-state="invalid"] { display: none } html.squarespace-damask.is-expanded .sqs-jacquard.sqs-is-page-editing .sqs-block [data-block-state="invalid"], html.squarespace-damask.is-expanded .sqs-jacquard .sqs-catalog .sqs-block [data-block-state="invalid"] { display: block } .sqs-blockStatus { display: none; position: relative; z-index: 1001 } html.squarespace-damask .sqs-blockStatus { display: block } html.squarespace-damask.is-expanded .sqs-blockStatus { display: none } .sqs-blockStatus-box { padding: 22px 56px 22px 22px; background: #fff; border: 1px solid #d0d0d0; border-radius: 4px; color: #3e3e3e; font-family: 'Clarkson', 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 1em; font-weight: normal; letter-spacing: normal; text-align: left; cursor: default; -webkit-user-select: none; -ms-user-select: none; user-select: none; box-shadow: -2px 1px 6px 1px rgba(0, 0, 0, .1); box-sizing: border-box } [data-state="invalid"] .sqs-blockStatus-box { border: 1px solid #f0523d } .sqs-blockStatus-box-title { margin: 0 0 11px 0; font-size: 12px; line-height: 1.65em; font-weight: 500; letter-spacing: .06em; text-transform: uppercase } .sqs-blockStatus-box-message, .sqs-blockStatus-box-kbArticleLink { font-size: 11px; line-height: 1.65em } .sqs-blockStatus-box-message a:link, .sqs-blockStatus-box-kbArticleLink a:link, .sqs-blockStatus-box-message a:hover, .sqs-blockStatus-box-kbArticleLink a:hover, .sqs-blockStatus-box-message a:visited, .sqs-blockStatus-box-kbArticleLink a:visited, .sqs-blockStatus-box-message a:active, .sqs-blockStatus-box-kbArticleLink a:active { color: #3e3e3e !important; border-bottom: 1px solid #3e3e3e !important; text-decoration: none !important } .sqs-blockStatus-box-message a:link:hover, .sqs-blockStatus-box-kbArticleLink a:link:hover, .sqs-blockStatus-box-message a:hover:hover, .sqs-blockStatus-box-kbArticleLink a:hover:hover, .sqs-blockStatus-box-message a:visited:hover, .sqs-blockStatus-box-kbArticleLink a:visited:hover, .sqs-blockStatus-box-message a:active:hover, .sqs-blockStatus-box-kbArticleLink a:active:hover { color: #797979 !important; border-color: #797979 !important } .sqs-blockStatus-box-kbArticleLink { display: inline-block } .fluid-engine.is-editing .sqs-blockStatus-box-kbArticleLink, .sqs-editing .sqs-blockStatus-box-kbArticleLink { display: none } .sqs-blockStatus-box-button { display: inline-block; margin-top: 11px; cursor: pointer; outline: none; background: #3e3e3e; padding: 11px; text-align: center; transition: background-color .1s ease-in-out, opacity .1s ease-in-out; line-height: 22px; -webkit-user-select: none; -ms-user-select: none; user-select: none; font-family: inherit; -webkit-appearance: none; appearance: none } .sqs-blockStatus-box-button, .sqs-blockStatus-box-button>* { color: #fff !important; -webkit-appearance: none; border: 0; text-transform: uppercase; outline: none; font-size: 11px; font-weight: 500 } .sqs-blockStatus-box-button:hover { background-color: #000; box-shadow: none } .sqs-blockStatus-box-button.disabled { opacity: .3; cursor: default } .sqs-blockStatus-box-button.disabled>* { opacity: .5 } .sqs-blockStatus-box-button.disabled:hover { background-color: #3e3e3e !important } .sqs-blockStatus--overlayMode { opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: auto; height: auto; background: transparent; border: 1px solid #ededed; pointer-events: none; box-sizing: border-box; z-index: 9000 } .sqs-blockStatus--overlayMode[data-state="invalid"] { opacity: 1; visibility: visible; border: 1px solid #f0523d } .sqs-layout:not(.sqs-editing)>.sqs-row:first-child .sqs-block:not(.float):first-child .sqs-blockStatus--overlayMode { top: -17px } .sqs-blockStatus--overlayMode .sqs-blockStatus-box { position: absolute; top: 4.25px; right: 4.25px; width: 380px; max-width: calc(100% - 8.5px); min-width: 320px; border: 1px solid #d0d0d0 !important; z-index: 1000; pointer-events: all; transition: opacity 0.2s ease-in; opacity: 0; visibility: hidden } @media only screen and (pointer: coarse) and (max-width: 414px) { .sqs-blockStatus--overlayMode .sqs-blockStatus-box { right: 0 } } .sqs-blockStatus[data-state="invalid"] .sqs-blockStatus-disclosure .sqs-blockStatus-alert-badge { color: #ce2c30; position: absolute; top: 11px; right: 11px; height: 22px; width: 22px; z-index: 1001; pointer-events: all } .fluid-engine.is-editing .sqs-blockStatus--overlayMode .sqs-blockStatus-disclosure .sqs-blockStatus-alert-badge, .fluid-engine.is-editing .sqs-blockStatus--overlayMode .sqs-blockStatus-disclosure:empty:after, .sqs-editing .sqs-blockStatus--overlayMode .sqs-blockStatus-disclosure .sqs-blockStatus-alert-badge, .sqs-editing .sqs-blockStatus--overlayMode .sqs-blockStatus-disclosure:empty:after { opacity: 0; visibility: hidden } html.squarespace-damask .sqs-blockStatus--overlayMode .sqs-blockStatus-disclosure .sqs-blockStatus-alert-badge, html.squarespace-damask .sqs-blockStatus--overlayMode .sqs-blockStatus-disclosure:empty:after { cursor: pointer } html.squarespace-damask .sqs-blockStatus--overlayMode .sqs-blockStatus-disclosure:hover+.sqs-blockStatus-box, html.squarespace-damask .sqs-blockStatus--overlayMode .sqs-blockStatus-box:hover { opacity: 1; visibility: visible } .sqs-block-audio .sqs-audio-embed.sqs-block-is-placeholder .sqs-widgets-audio-player .action { cursor: default; pointer-events: none } .sqs-block-audio .sqs-audio-embed.sqs-block-is-placeholder .sqs-widgets-audio-player .action .play { opacity: .1 } .sqs-block-newsletter.sqs-block-focused .sqs-blockStatus, .sqs-block-form.sqs-block-focused .sqs-blockStatus, .sqs-block-opentable.sqs-block-focused .sqs-blockStatus, .sqs-block-newsletter.sqs-block-editing .sqs-blockStatus, .sqs-block-form.sqs-block-editing .sqs-blockStatus, .sqs-block-opentable.sqs-block-editing .sqs-blockStatus { opacity: 0; visibility: hidden } .fluid-engine.is-editing .sqs-block-pricing-plan .sqs-blockStatus[data-state="invalid"] .sqs-blockStatus-alert-badge, .sqs-editing .sqs-block-pricing-plan .sqs-blockStatus[data-state="invalid"] .sqs-blockStatus-alert-badge { opacity: 1; visibility: visible } html.squarespace-damask.is-expanded .sqs-is-page-editing .sqs-block-newsletter [data-block-state="invalid"], html.squarespace-damask.is-expanded .sqs-catalog .sqs-block-newsletter [data-block-state="invalid"], html.squarespace-damask.is-expanded .sqs-is-page-editing .sqs-block-form [data-block-state="invalid"], html.squarespace-damask.is-expanded .sqs-catalog .sqs-block-form [data-block-state="invalid"] { display: block } .sqs-block-summary-v2:hover .sqs-block-is-placeholder[data-block-state="invalid"] .summary-heading { width: calc(100% - 80px) } .sqs-block-summary-v2:hover .sqs-block-is-placeholder[data-block-state="invalid"] .summary-carousel-pager { width: 80px; padding-right: 30px } .sqs-block-summary-v2 .sqsSummaryBlockThumbnailPlaceholder { position: absolute; top: 0 } .sqs-block-twitter .tweet-list.sqs-block-is-placeholder .tweet-avatar { width: 48px; height: 48px } .sqsSummaryBlockThumbnailPlaceholder { position: relative; width: 100%; height: auto; padding-bottom: 65%; background: #f6f6f6 } .sqsSummaryBlockThumbnailPlaceholder[data-block-state="invalid"] { display: none } html.squarespace-damask .sqsSummaryBlockThumbnailPlaceholder[data-block-state="invalid"] { display: block } html.squarespace-damask.is-expanded .sqsSummaryBlockThumbnailPlaceholder[data-block-state="invalid"] { display: none } .sqsSummaryBlockThumbnailPlaceholder-play { position: absolute; top: 50%; left: 50%; margin-top: -41px; margin-left: -31px } .sqsSummaryBlockThumbnailPlaceholder-timeline { position: absolute; left: 0; bottom: 0; height: 50px; width: 100%; border-width: 23px 75px; border-style: solid; border-color: #e9e9e9; background: #b4b4b4; box-sizing: border-box } .sqsSummaryBlockThumbnailPlaceholder-timeline:before, .sqsSummaryBlockThumbnailPlaceholder-timeline:after { content: ''; position: absolute; background: #fff } .sqsSummaryBlockThumbnailPlaceholder-timeline:before { top: 0; left: 0; width: 50px; height: 100% } .sqsSummaryBlockThumbnailPlaceholder-timeline:after { top: 50%; left: 48px; margin-top: -6px; height: 12px; width: 12px; border-radius: 100% } .sqsSummaryBlockThumbnailPlaceholder+iframe { display: none } .sqs-block-video-placeholder { padding-bottom: 65%; background-image: linear-gradient(0deg, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, .4) 33%, rgba(0, 0, 0, 0) 100%); background-color: #313131; position: relative } .sqs-block-video-placeholder+iframe { display: none } .sqs-block-video-placeholder__ui { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } .sqs-block-video-placeholder--empty .sqs-block-video-placeholder__icon { width: 26px } .sqs-block-video-placeholder--in-progress .sqs-block-video-placeholder__icon { background-color: transparent; width: 80px; height: 80px } @keyframes loading-indicator-rotate-spinner { 100% { transform: rotate(360deg) } } @keyframes loading-indicator-dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0 } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35 } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124 } } .sqs-block-video-placeholder .loading-indicator { line-height: 0; display: block; background-color: rgba(0, 0, 0, .5); border-radius: 50%; padding: 15px } .sqs-block-video-placeholder .loading-indicator__spinner { animation: loading-indicator-rotate-spinner 2s linear infinite; height: 100%; transform-origin: center center; width: 100% } .sqs-block-video-placeholder .loading-indicator__path { fill: transparent; stroke-dasharray: 150, 200; stroke-dashoffset: -10; animation: loading-indicator-dash 1.5s ease-in-out infinite } .sqs-block { position: relative; height: auto; padding-top: 17px; padding-bottom: 17px } .sqs-block:not(.sqs-block-html):not(.sqs-block-markdown) { clear: both } .sqs-block iframe.embedded-scripts-preview { display: block; position: relative; border: 0 } .sqs-block .removed-script { display: block; opacity: .6; font-style: italic } .sqs-block-code img { max-width: 100% } .sqs-block-code .gm-style img { max-width: none } .sqs-block-hidden { height: 0; overflow: hidden } .sqs-block[class*=float] { z-index: 10 !important; box-sizing: border-box; clear: none } .sqs-block[class*=float-left] { float: left; margin-right: 17px } .sqs-block[class*=float-left]+.sqs-block[class*=float-left] { clear: left } .sqs-block[class*=float-right] { float: right; margin-left: 17px } .sqs-block[class*=float-right]+.sqs-block[class*=float-right] { clear: right } .sqs-block .sqs-intrinsic { position: relative !important } .sqs-block .sqs-intrinsic .sqs-intrinsic-content { position: absolute !important; top: 0; left: 0; height: 100%; max-width: none; width: 100% } @media screen and (max-width:767px) { .sqs-gallery-design-grid-slide { width: 50% !important; clear: none !important } } body.squarespace-config .sqs-block-image .sqs-image-caption { color: #999 } body.squarespace-config .sqs-block-image .sqs-image-caption p { margin-bottom: 0 } body.squarespace-config .sqs-block-image .sqs-image-caption.sqs-placeholder-show { margin-top: 1em } body.squarespace-config .sqs-block-image .sqs-image-caption .sqs-html-content { min-height: 23px } .sqs-block-image .sqs-html { transition: max-height .3s ease-in-out, min-height .3s ease-in-out; margin: auto } .sqs-block-image .sqs-html.sqs-empty { min-height: 0; max-height: 0; overflow: hidden } .sqs-block-image.sqs-block-focused .sqs-html.sqs-empty { max-height: none; overflow: visible } .sqs-block-image .sqs-editing-overlay { z-index: 1 } .sqs-block-image:not(.sqs-block-focused) .image-block-outer-wrapper.layout-caption-below .image-caption-wrapper.sqs-empty { padding-top: 0px } .sqs-block-image .layout-caption-overlay .sqs-image-caption, .sqs-block-image .layout-caption-overlay-hover .sqs-image-caption { z-index: 2 } .sqs-block-image .image-block-outer-wrapper.layout-caption-overlay-hover .image-caption-wrapper.sqs-html-focused { visibility: visible !important; opacity: 1 !important } .sqs-block-image .rte .rte-placeholder { color: #999 !important } [data-fluid-engine] { position: relative; height: 100%; width: 100% } .fluid-engine .sqs-block { display: flex; height: 100%; width: 100%; flex-direction: column; padding-top: 0; padding-bottom: 0 } .dd-drag-hidden { display: none } .dd-drag-grouped-item { position: absolute !important; top: 0; left: 0 } .yui3-dd-dragging { z-index: 1 } .dd-reorder-items-count { width: 22px; height: 22px; position: absolute; top: 0; right: 0; background: #d0d0d0; border-radius: 50%; text-align: center; font-size: 12px; line-height: 22px; color: #fff } @font-face { font-family: 'squarespace-ui-font'; src: url('https://assets.squarespace.com/universal/fonts/squarespace-ui-font.eot'); src: url('https://assets.squarespace.com/universal/fonts/squarespace-ui-font.eot?#iefix') format('embedded-opentype'), url('https://assets.squarespace.com/universal/fonts/squarespace-ui-font.svg#squarespace-ui-font') format('svg'), url('https://assets.squarespace.com/universal/fonts/squarespace-ui-font.woff') format('woff'), url('https://assets.squarespace.com/universal/fonts/squarespace-ui-font.ttf') format('truetype'); font-weight: normal; font-style: normal } .sqs-ui-font-family { font-family: 'squarespace-ui-font'; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased } [class^="sqs-ui-font-"]:before, [class*=" sqs-ui-font-"]:before { font-family: 'squarespace-ui-font'; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased } [data-icon]:before { font-family: 'squarespace-ui-font'; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; content: attr(data-icon) } .sqs-gallery-container iframe { width: 100%; height: 100%; background: transparent; display: block } .sqs-gallery-controls .previous, .sqs-gallery-controls .next { position: absolute; top: 50%; color: #fff !important; z-index: 999; font-size: 14px; line-height: 40px; margin-top: -30px; background-color: rgba(0, 0, 0, .12); display: inline-block; padding: 10px; transition: background-color 200ms cubic-bezier(.25, .46, .45, .94) } .sqs-gallery-controls .previous:hover, .sqs-gallery-controls .next:hover { background-color: rgba(0, 0, 0, .2) } .sqs-gallery-controls .previous:focus:not([data-focus-visible-added]), .sqs-gallery-controls .next:focus:not([data-focus-visible-added]) { outline: none } .sqs-gallery-controls .previous { left: 0px } .sqs-gallery-controls .previous:before { font-family: 'squarespace-ui-font'; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; content: "\E02C"; text-align: center; display: inline-block; vertical-align: middle } .sqs-gallery-controls .previous:before { font-size: 32px; width: 32px; height: 32px; line-height: 32px } .sqs-gallery-controls .next { right: 0px } .sqs-gallery-controls .next:before { font-family: 'squarespace-ui-font'; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; content: "\E02D"; text-align: center; display: inline-block; vertical-align: middle } .sqs-gallery-controls .next:before { font-size: 32px; width: 32px; height: 32px; line-height: 32px } .sqs-gallery-controls .next:before, .sqs-gallery-controls .previous:before { font-size: 24px; width: 24px; height: 24px; line-height: 24px } .sqs-gallery-design-stacked { position: relative; text-align: left } .sqs-gallery-design-stacked-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .sqs-gallery-design-stacked-slide img { box-shadow: #000 0em 0em 0em } .sqs-gallery-design-stacked-slide.normal img { height: 100% } .sqs-gallery-design-stacked-slide:only-child { cursor: default } .sqs-gallery-design-stacked-scrollHorz, .sqs-gallery-design-stacked-swipe { overflow: hidden } .sqs-gallery-design-stacked-scrollHorz .sqs-gallery-design-stacked-slide, .sqs-gallery-design-stacked-swipe .sqs-gallery-design-stacked-slide { position: relative; float: left } .sqs-gallery-design-stacked-swipe-wrapper { overflow-x: scroll; -webkit-transform: translatez(0); -ms-overflow-style: none; -ms-scroll-chaining: none; -ms-scroll-snap-type: mandatory; -ms-scroll-snap-points-x: snapinterval(0%, 100%) } .sqs-gallery-design-strip { position: relative; overflow: hidden; height: 100% } .sqs-gallery-design-strip .sqs-wrapper { position: relative; height: 100% } .sqs-gallery-design-strip-slide { float: left; height: 100% !important; max-width: none !important; width: auto !important; cursor: pointer; position: relative } .sqs-gallery-design-strip-slide img, .sqs-gallery-design-strip-slide .sqs-video-wrapper { height: 100% !important } .sqs-gallery-design-strip-slide:only-child { cursor: default } .sqs-gallery-design-autocolumns { position: relative } .sqs-gallery-design-autocolumns-slide { position: absolute } .sqs-gallery-design-autocolumns-slide img { width: 100%; display: inline-block; transition: opacity .2s; opacity: 1 } .sqs-gallery-design-autocolumns-slide img.loading { opacity: 0 } .sqs-gallery-design-autocolumns-slide.content-fit img, .sqs-gallery-design-autocolumns-slide .content-fit img { width: auto } .sqs-gallery-design-autocolumns-slide.slide-stretched img { height: 100% } .sqs-gallery-design-carousel .sqs-gallery-controls { overflow: hidden } .sqs-gallery-design-carousel .sqs-gallery-controls .next, .sqs-gallery-design-carousel .sqs-gallery-controls .previous { display: block; float: right; position: relative; top: auto; left: auto; right: auto; bottom: auto; margin: 0 0 15px 0; padding: 0; background-color: transparent; color: inherit !important; font-size: 16px; line-height: 16px; cursor: pointer } .sqs-gallery-design-carousel .sqs-gallery-controls .next:before { font-family: 'squarespace-ui-font'; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; content: "\E02D"; text-align: center; display: inline-block; vertical-align: middle } .sqs-gallery-design-carousel .sqs-gallery-controls .next:before { font-size: 32px; width: 32px; height: 32px; line-height: 32px } .sqs-gallery-design-carousel .sqs-gallery-controls .next:before { font-size: 16px; width: 16px; height: 16px; line-height: 16px } .sqs-gallery-design-carousel .sqs-gallery-controls .previous { margin-right: 10px } .sqs-gallery-design-carousel .sqs-gallery-controls .previous:before { font-family: 'squarespace-ui-font'; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; content: "\E02C"; text-align: center; display: inline-block; vertical-align: middle } .sqs-gallery-design-carousel .sqs-gallery-controls .previous:before { font-size: 32px; width: 32px; height: 32px; line-height: 32px } .sqs-gallery-design-carousel .sqs-gallery-controls .previous:before { font-size: 16px; width: 16px; height: 16px; line-height: 16px } .sqs-gallery-design-carousel .sqs-gallery-controls .sqs-disabled { cursor: default; opacity: .4 } .sqs-gallery-design-carousel .sqs-gallery-controls .sqs-hidden { display: none } .sqs-gallery-design-carousel .sqs-gallery-container { width: 100%; overflow: hidden } .sqs-gallery-design-carousel .sqs-gallery { margin: 0 0 0 -1%; white-space: nowrap; vertical-align: top; font-size: 0; transition: -webkit-transform ease .4s; transition: transform ease .4s; transition: transform ease .4s, -webkit-transform ease .4s } .sqs-gallery-design-carousel .sqs-gallery-design-carousel-slide { display: inline-block; width: 33.66666667%; padding: 0 1%; white-space: nowrap; vertical-align: top; font-size: 0 } .sqs-gallery-design-carousel .sqs-gallery-design-carousel-slide img { width: 100%; height: auto } .sqs-gallery-design-carousel .sqs-gallery-design-carousel-slide * { white-space: normal } .sqs-gallery-design-list .sqs-gallery-design-list-slide { overflow: hidden; margin-bottom: 17px !important; padding-bottom: 17px !important } .sqs-gallery-design-list .sqs-gallery-image-container { float: left; width: 25%; padding-right: 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .sqs-gallery-design-list .sqs-gallery-meta-container { float: left; width: 75%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .sqs-gallery-design-list .sqs-gallery-design-list-slide.no-image .sqs-gallery-image-container { width: 0 !important } .sqs-gallery-design-list .sqs-gallery-design-list-slide.no-image .sqs-gallery-meta-container { width: 100% !important } @media screen and (max-width:480px) { .sqs-gallery-design-list .sqs-gallery-design-list-slide:not(.no-image) .sqs-gallery-image-container { width: 35% !important } .sqs-gallery-design-list .sqs-gallery-design-list-slide:not(.no-image) .sqs-gallery-meta-container { width: 65% !important } } .sqs-gallery-design-autorows .sqs-gallery-design-autorows-slide { float: left; cursor: pointer; overflow: hidden } .sqs-gallery-design-autorows .sqs-gallery-design-autorows-slide img { height: 100% } .sqs-gallery-design-autorows .sqs-gallery-design-autorows-slide .meta { display: none } .sqs-gallery-design-autogrid { zoom: 1 } .sqs-gallery-design-autogrid:after { display: block; visibility: hidden; font-size: 0; height: 0; clear: both; content: "." } .sqs-gallery-design-autogrid-slide { position: relative; float: left } .sqs-gallery-design-autogrid-slide .img-wrapper { height: 0 } .sqs-gallery-design-autogrid-slide img { width: 100% } .yui3-lightbox2 { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text } .yui3-lightbox2 .yui3-lightbox2-content { height: 100%; left: 0; position: absolute; width: 100%; overflow: hidden } .yui3-lightbox2 .sqs-lightbox-slideshow { height: 100%; opacity: 0; z-index: 100000001 } .yui3-lightbox2 .sqs-lightbox-slideshow .sqs-lightbox-padder { position: absolute; text-align: left; top: 2%; left: 2%; bottom: 2%; right: 2% } .yui3-lightbox2 .sqs-lightbox-overlay { position: absolute; opacity: 0; top: 0; left: 0; background: #000; height: 100%; width: 100% } .yui3-lightbox2 .sqs-lightbox-meta { position: absolute; padding: 20px; color: #fff; z-index: 100000001; margin: 20px auto 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; transition: opacity ease-out .2s } .yui3-lightbox2 .sqs-lightbox-meta.overlay-description-visible { background: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; background: rgba(0, 0, 0, .7); opacity: 1 !important } .yui3-lightbox2 .sqs-lightbox-meta p:first-child { margin-top: 0 } .yui3-lightbox2 .sqs-lightbox-meta p:last-child { margin-bottom: 0 } .yui3-lightbox2 .sqs-lightbox-meta h1 { font-size: 1em; color: #fff; margin: 0 0 10px } .yui3-lightbox2 .sqs-lightbox-meta p a { color: #fff; text-decoration: underline } .yui3-lightbox2 .sqs-lightbox-close, .yui3-lightbox2 .sqs-lightbox-previous, .yui3-lightbox2 .sqs-lightbox-next, .yui3-lightbox2 .sqs-lightbox-meta-trigger { position: absolute; z-index: 100000002; display: flex; align-items: center; justify-content: center; color: #ccc; height: 20px; width: 20px; font-size: 26px; cursor: pointer; outline-color: currentColor } .yui3-lightbox2 .sqs-lightbox-next, .yui3-lightbox2 .sqs-lightbox-previous { padding: 12px; opacity: 0; top: 50%; margin-top: -22px; transition: opacity .2s } .yui3-lightbox2 .sqs-lightbox-next.mouseover, .yui3-lightbox2 .sqs-lightbox-previous.mouseover, .yui3-lightbox2 .sqs-lightbox-next:focus, .yui3-lightbox2 .sqs-lightbox-previous:focus { opacity: 1 } .yui3-lightbox2 .sqs-lightbox-next { right: 2% } .yui3-lightbox2 .sqs-lightbox-next:before { font-family: 'squarespace-ui-font'; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; content: "\E02D"; text-align: center; display: inline-block; vertical-align: middle } .yui3-lightbox2 .sqs-lightbox-next:before { font-size: 32px; width: 32px; height: 32px; line-height: 32px } .yui3-lightbox2 .sqs-lightbox-previous { left: 2% } .yui3-lightbox2 .sqs-lightbox-previous:before { font-family: 'squarespace-ui-font'; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; content: "\E02C"; text-align: center; display: inline-block; vertical-align: middle } .yui3-lightbox2 .sqs-lightbox-previous:before { font-size: 32px; width: 32px; height: 32px; line-height: 32px } .yui3-lightbox2 .sqs-lightbox-next::before, .yui3-lightbox2 .sqs-lightbox-previous::before { font-size: 22px } .yui3-lightbox2 .sqs-lightbox-close { padding: 2px; right: 2%; top: 2%; text-align: right } .yui3-lightbox2 .sqs-lightbox-close:before { font-family: 'squarespace-ui-font'; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; content: "\E02E"; text-align: center; display: inline-block; vertical-align: middle } .yui3-lightbox2 .sqs-lightbox-close:before { font-size: 32px; width: 32px; height: 32px; line-height: 32px } .yui3-lightbox2 .sqs-lightbox-meta-trigger { bottom: 0; right: 0; padding: 2%; text-align: center; font-size: 26px; line-height: .5; text-align: right } body.sqs-lightbox-open { position: static !important; overflow-y: hidden } .sqs-gallery img:not([src]) { opacity: 0 } .source-code { white-space: pre; overflow: auto } .cm-keyword { color: #708 } .cm-atom { color: #219 } .cm-number { color: #164 } .cm-def { color: blue } .cm-variable-2 { color: #05a } .cm-variable-3 { color: #085 } .cm-comment { color: #aaa } .cm-string { color: #1a1 } .cm-string-2 { color: #5f0 } .cm-meta { color: #555 } .cm-error { color: red } .cm-qualifier { color: #555 } .cm-builtin { color: #30a } .cm-bracket { color: #cc7 } .cm-tag { color: #170 } .cm-attribute { color: #00c } .cm-header { color: #000 } .cm-quote { color: #900 } .cm-hr { color: #999 } .cm-link { color: #00c } .dark .cm-comment { color: #75715e } .dark .cm-atom { color: #ae81ff } .dark .cm-number { color: #ae81ff } .dark .cm-property, .dark .cm-attribute { color: #a6e22e } .dark .cm-keyword { color: #f92672 } .dark .cm-string { color: #e6db74 } .dark .cm-variable-2 { color: #9effff } .dark .cm-def { color: #fd971f } .dark .cm-error { background: #f92672; color: #f8f8f0 } .dark .cm-bracket { color: #f8f8f2 } .dark .cm-tag { color: #f92672 } .dark .cm-link { color: #ae81ff } .code-block .state-message:not(:last-child) { margin-bottom: 10px } .foursquare-block ul { list-style-type: none; margin: 0; padding: 0; line-height: 1.4em } .foursquare-block ul .foursquare-checkin { margin-bottom: 12px } .foursquare-block ul .foursquare-checkin a { border: 0 } .foursquare-block ul .foursquare-checkin .foursquare-icon-wrapper { float: left } .foursquare-block ul .foursquare-checkin .foursquare-text { margin-left: 42px; font-size: 12px } .foursquare-block ul .foursquare-checkin .foursquare-venue { font-weight: bold } .foursquare-block ul .foursquare-checkin .foursquare-location { display: inline-block; padding-left: 4px } .foursquare-block ul .foursquare-checkin .foursquare-timestamp { font-size: 10px } .sqs-block-soundcloud .sqs-intrinsic iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important } @media screen and (max-width:640px) { .sqs-block-soundcloud.isPlaylist .sqs-intrinsic { padding-bottom: 0 !important; height: 400px !important } } @font-face { font-family: 'squarespace-ui-font'; src: url('http://assets.squarespace.com/universal/fonts/squarespace-ui-font.eot'); src: url('http://assets.squarespace.com/universal/fonts/squarespace-ui-font.eot?#iefix') format('embedded-opentype'), url('http://assets.squarespace.com/universal/fonts/squarespace-ui-font.svg#squarespace-ui-font') format('svg'), url('http://assets.squarespace.com/universal/fonts/squarespace-ui-font.woff') format('woff'), url('http://assets.squarespace.com/universal/fonts/squarespace-ui-font.ttf') format('truetype'); font-weight: normal; font-style: normal } .sqs-ui-font-family { font-family: 'squarespace-ui-font'; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased } [class^="sqs-ui-font-"]:before, [class*=" sqs-ui-font-"]:before { font-family: 'squarespace-ui-font'; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased } [data-icon]:before { font-family: 'squarespace-ui-font'; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; content: attr(data-icon) } .sqs-block-opentable-hidden { display: none !important } .sqs-block-opentable-hide-title .OT_title { display: none } .sqs-block-opentable iframe { visibility: hidden; position: absolute } .sqs-block-opentable * { box-sizing: border-box } .sqs-block-opentable #OT_form { padding: 0; margin: 0; width: 165px; width: auto } .sqs-block-opentable .OT_wrapper { border: none; border-radius: 0; background-color: rgba(0, 0, 0, .05); font-family: inherit; width: 100%; margin: 0; padding: 34px 17px 40px; background: rgba(0, 0, 0, .05); color: #272727; font-size: 15px; line-height: 1em; text-align: center; position: relative } .sqs-block-opentable .OT_header { width: 85%; margin: 0 auto; position: relative } .sqs-block-opentable .OT_title { position: relative; width: 100%; margin: 0 0 17px 0; padding: 0; font-size: 30px; color: #272727; color: rgba(0, 0, 0, .95); font-weight: normal; text-align: center; line-height: 1em } .sqs-block-opentable .OT_subtitle { margin: 0; padding: 0; font-size: 10px; letter-spacing: .15em; color: #272727; color: rgba(0, 0, 0, .8); text-transform: uppercase; font-weight: normal; white-space: nowrap; width: auto; line-height: 1em } .sqs-block-opentable .OT_list { list-style: none; margin: 28px 0 0 0; padding: 0; width: auto; display: inline-block; line-height: 1em } .sqs-block-opentable .OT_day, .sqs-block-opentable .OT_time, .sqs-block-opentable .OT_party { margin: 0 12px; padding: 6px 0 6px 35px; height: auto; background-image: url('https://static1.squarespace.com/universal/images-v6/icons/opentable-icons.svg'); background-repeat: no-repeat; background-position: 0 0; width: 33%; min-width: 150px; max-width: 180px; position: relative; border: none !important; list-style: none; display: inline-block; line-height: 1em } .sqs-block-opentable.sqs-block-opentable-hide-fields .OT_day, .sqs-block-opentable.sqs-block-opentable-hide-fields .OT_time, .sqs-block-opentable.sqs-block-opentable-hide-fields .OT_party { display: none } .sqs-block-opentable.sqs-block-opentable-hide-fields .OT_submit { margin: 0 } .sqs-block-opentable .OT_day { margin: 0 12px; padding: 6px 0 6px 35px; background-position: -18px -7px; border: none; list-style: none; background-size: 123px } .sqs-block-opentable .OT_time { background-position: -18px -55px; border: none } .sqs-block-opentable .OT_party { background-position: -18px -102px; border: none } .sqs-block-opentable .OT_searchTimeField, .sqs-block-opentable .OT_searchDateField, .sqs-block-opentable .OT_searchPartyField { font-family: inherit; background: #fff url('https://static1.squarespace.com/universal/images-v6/icons/opentable-icons.svg') no-repeat; color: #272727; font-weight: normal; margin: 0; border: 1px solid rgba(0, 0, 0, .12); width: 100%; height: auto; font-size: 13px; font-style: normal; padding: .7em 1.1em; border-radius: 0px; cursor: pointer; line-height: normal; outline: none; background-position: right -14px top -75px; background-size: 43px; -webkit-background-clip: padding; background-clip: padding-box } .sqs-block-opentable #OT_timeList, .sqs-block-opentable #OT_partyList { max-height: 195px; overflow: auto; border: 1px solid rgba(0, 0, 0, .12); position: absolute; width: auto; top: 100%; left: 35px; right: 0; display: none; margin-top: -7px; text-align: left; -webkit-background-clip: padding; background-clip: padding-box } .sqs-block-opentable .OT_navList { list-style: none; padding: 0; margin: -6px 0 0 0; float: none; position: absolute; background-color: #fff; z-index: 200; width: auto; top: 100%; left: 35px; right: 0 } .sqs-block-opentable .OT_navListItem { padding: 0; margin: 0; position: relative; float: none; line-height: 1em; width: auto; list-style: none } .sqs-block-opentable #OT_timeList .OT_navListItem, .sqs-block-opentable #OT_partyList .OT_navListItem { width: auto } .sqs-block-opentable #OT_timeList li a.OT_navLink, .sqs-block-opentable #OT_partyList li a.OT_navLink { border: 0; width: auto } .sqs-block-opentable a.OT_navLink:link, .sqs-block-opentable a.OT_navLink:visited, .sqs-block-opentable a.OT_navLink:hover, .sqs-block-opentable a.OT_navLink:active { font-family: inherit; color: #272727; text-decoration: none; font-size: 13px; line-height: 1em; width: auto; display: block; padding: .7em 1.1em; border: none } .sqs-block-opentable a.OT_navLink:hover, .sqs-block-opentable a.OT_navLink.selected, .sqs-block-opentable a.OT_navLink:active { background-color: rgba(0, 0, 0, .05); color: #272727; opacity: 1 } .sqs-block-opentable a.OT_navLink.selected, .sqs-block-opentable a.OT_navLink:active { background-color: rgba(0, 0, 0, .12) } .sqs-block-opentable .OT_submit { margin: 24px 0 0 0; padding: 0; width: auto; height: auto; list-style: none; display: block } .sqs-block-opentable .OTButton, .sqs-block-opentable #OTButton { width: auto; text-align: center; margin: 0; padding: 0 } .sqs-block-opentable a.OT_Find_a_Table:link, .sqs-block-opentable a.OT_Find_a_Table:visited, .sqs-block-opentable a.OT_Find_a_Table:hover, .sqs-block-opentable a.OT_Find_a_Table:active { background-image: none; background-repeat: repeat; background-position: 0 0; background-color: #272727; background-color: rgba(0, 0, 0, .95); font-family: inherit; font-size: 13px; font-weight: normal; text-decoration: none; color: #fff; text-align: center; height: auto; display: inline-block; padding: 1.1em 2.3em; line-height: normal; text-shadow: none; opacity: .8; position: relative; width: auto; border: none; text-transform: uppercase; white-space: nowrap; cursor: pointer; outline: none; -webkit-appearance: none; transition: opacity .3s ease-out, background .3s ease-out } .opentable-style-light .OT_wrapper { color: #fff } .opentable-style-light .OT_title { color: #fff } .opentable-style-light .OT_subtitle { color: #fff } .opentable-style-light a.OT_Find_a_Table:link, .opentable-style-light a.OT_Find_a_Table:visited, .opentable-style-light a.OT_Find_a_Table:hover, .opentable-style-light a.OT_Find_a_Table:active { background-color: #272727; background-color: rgba(0, 0, 0, .3); background: rgba(0, 0, 0, .05) } .opentable-style-light a.OT_Find_a_Table:link:hover, .opentable-style-light a.OT_Find_a_Table:visited:hover, .opentable-style-light a.OT_Find_a_Table:hover:hover, .opentable-style-light a.OT_Find_a_Table:active:hover { background-color: #272727; background-color: rgba(0, 0, 0, .8); background: rgba(0, 0, 0, .05) } .opentable-style-light .OT_day { background-position: -80px -7px } .opentable-style-light .OT_time { background-position: -80px -55px } .opentable-style-light .OT_party { background-position: -80px -102px } .hide-opentable-icons .OT_day, .hide-opentable-icons .OT_time, .hide-opentable-icons .OT_party { margin: 0; padding: 6px; background: none } .hide-opentable-icons #OT_timeList, .hide-opentable-icons #OT_partyList, .hide-opentable-icons .OT_navList { left: 6px; right: 6px } .no-svg .OT_day, .no-svg .OT_time, .no-svg .OT_party, .no-svg .OT_searchTimeField, .no-svg .OT_searchDateField, .no-svg .OT_searchPartyField { background-image: url('../../../../../../../../assets.squarespace.com/universal/images-v6/icons/opentable-icons.png') } .sqs-search-ui-button-wrapper { position: relative } .sqs-search-ui-button-wrapper.color-dark .search-input { background-image: url(../../../../../../../../assets.squarespace.com/universal/images-v6/icons/icon-searchqueries-20-dark.png); border: 1px solid #aaa } .sqs-search-ui-button-wrapper.color-dark::-webkit-input-placeholder { color: #666 } .sqs-search-ui-button-wrapper.color-dark:-moz-placeholder { color: #666 } .sqs-search-ui-button-wrapper.color-dark::-moz-placeholder { color: #666 } .sqs-search-ui-button-wrapper.color-dark:-ms-input-placeholder { color: #666 } .sqs-search-ui-button-wrapper.color-light .search-input { background-image: url(../../../../../../../../assets.squarespace.com/universal/images-v6/icons/icon-searchqueries-20-light.png); color: #f7f7f7; border: 1px solid #eee } .sqs-search-ui-button-wrapper.color-light::-webkit-input-placeholder { color: #ddd } .sqs-search-ui-button-wrapper.color-light:-moz-placeholder { color: #ddd } .sqs-search-ui-button-wrapper.color-light::-moz-placeholder { color: #ddd } .sqs-search-ui-button-wrapper.color-light:-ms-input-placeholder { color: #ddd } .sqs-search-ui-button-wrapper .search-input { opacity: .7; transition: opacity .2s ease-out; transition: background-image .2s ease-out; padding: 12px 12px 12px 45px; background: no-repeat 15px 50%; width: 100%; min-height: 20px; display: block; box-sizing: border-box } .sqs-search-ui-button-wrapper .search-input.loading { background-image: none } .sqs-search-ui-button-wrapper .search-input.disabled { cursor: pointer } .sqs-search-ui-button-wrapper .search-input.hover-effect:hover, .sqs-search-ui-button-wrapper .search-input.hover-effect:focus { opacity: 1 } .sqs-search-ui-button-wrapper .search-input:hover::-webkit-input-placeholder { font-style: normal } .sqs-search-ui-button-wrapper .search-input:hover:-moz-placeholder { font-style: normal } .sqs-search-ui-button-wrapper .search-input:hover::-moz-placeholder { font-style: normal } .sqs-search-ui-button-wrapper .search-input:hover:-ms-input-placeholder { font-style: normal } .sqs-search-ui-button-wrapper .spinner-wrapper { position: absolute; top: 50%; transform: translatey(-50%); left: 18px } .sqs-search-ui-button-wrapper .spinner-wrapper .sqs-spin { display: block; vertical-align: middle } .sqs-search-preview-ui { position: absolute; z-index: 999999; background-color: #fff; width: 100% } .sqs-search-preview-ui .sqs-search-ui-result { border-top: none; border: 1px solid #ddd } .sqs-search-preview-ui .sqs-search-ui-result .search-result-notice { background-color: #fff; font-weight: 200; font-size: 12px; padding: 6px 12px } .sqs-search-preview-ui .sqs-search-ui-result .search-result-notice.hide { display: none } .sqs-search-preview-ui .sqs-search-ui-result .sqs-search-ui-list { max-height: 500px; overflow-x: hidden; overflow-y: scroll } .sqs-search-preview-ui .sqs-search-ui-result .sqs-search-ui-list .search-result { padding: 16px; cursor: pointer; border-bottom: 1px solid #ddd; transition: background-color .2s ease-out } .sqs-search-preview-ui .sqs-search-ui-result .sqs-search-ui-list .search-result:last-child { border-bottom: none } .sqs-search-preview-ui .sqs-search-ui-result .sqs-search-ui-list .search-result.selected, .sqs-search-preview-ui .sqs-search-ui-result .sqs-search-ui-list .search-result:hover { background-color: #f5f5f5 } .sqs-search-preview-ui .sqs-search-ui-result .sqs-search-ui-list .search-result.selected { outline-color: #333 } .sqs-search-preview-ui .sqs-search-ui-result .sqs-search-ui-list .search-result .sqs-search-ui-item { border-top: none } .sqs-search-preview-ui .sqs-search-ui-result .sqs-search-ui-list .search-result .sqs-search-ui-item em { color: #222; font-style: italic } .sqs-search-preview-ui .sqs-search-ui-result .sqs-search-ui-list .search-result .sqs-search-ui-item .sqs-main-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .sqs-search-preview-ui .sqs-search-ui-result .sqs-search-ui-list .search-result .sqs-search-ui-item .sqs-main-image-container { width: 50px; float: right; margin-left: 5px; box-shadow: #ddd 1px -1px 5px } .sqs-search-preview-ui .sqs-search-ui-result .sqs-search-ui-list .search-result .sqs-search-ui-item .sqs-main-image-intrinsic { position: relative; width: 100%; height: 0; padding-bottom: 100% } .sqs-search-preview-ui .sqs-search-ui-result .sqs-search-ui-list .search-result .sqs-search-ui-item .sqs-title { font-size: 16px; line-height: 1.2em; margin-bottom: .5em; color: #333 } .sqs-search-preview-ui .sqs-search-ui-result .sqs-search-ui-list .search-result .sqs-search-ui-item .sqs-content { font-size: 12px; line-height: 1.4em } .sqs-search-preview-ui.no-image .sqs-main-image-container { display: none } .twitter-block .tweet-list { list-style-type: none; margin: 0 0 2.2em 0; padding: 0 } .twitter-block .tweet { margin: 0 0 2.2em 0 } .twitter-block .tweet a { border: 0 } .twitter-block .tweet .tweet-avatar-wrapper { float: left } .twitter-block .tweet .tweet-avatar { border-radius: 2px } .twitter-block .tweet .tweet-text-wrapper { margin-left: 60px } .twitter-block .tweet.no-avatar .tweet-text-wrapper { margin-left: 0px } .twitter-block .tweet .tweet-from { font-size: 1.1em; margin: 0 0 .5em 0; line-height: 1em; font-weight: bold } .twitter-block .tweet .tweet-timestamp a { font-size: .8em } .sqs-block-quote figure { margin: 1em 0 } .sqs-block-quote blockquote { margin: 0 } .sqs-block-quote .source { text-align: right } .sqs-block-quote .sqs-block-content .block-animation.animation-disabled, .sqs-block-quote .sqs-block-content .block-animation.animation-loaded { transform: translatez(0) } :not(.sqs-edit-mode) .sqs-block-quote .sqs-block-content .block-animation-fade-in, .sqs-edit-mode.sqs-edit-mode-active .sqs-block-quote .sqs-block-content .block-animation-fade-in { transition: opacity 800ms cubic-bezier(.4, 0, .2, 1), transform 800ms cubic-bezier(.4, 0, .2, 1); will-change: opacity, transform; opacity: 0; transform: matrix(1, 0, 0, 1, 0, 0) } :not(.sqs-edit-mode) .sqs-block-quote .sqs-block-content .block-animation-fade-in.animation-loaded, .sqs-edit-mode.sqs-edit-mode-active .sqs-block-quote .sqs-block-content .block-animation-fade-in.animation-loaded, .sqs-block-quote .sqs-block-content .block-animation-fade-in.animation-loaded { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0) } :not(.sqs-edit-mode) .sqs-block-quote .sqs-block-content .block-animation-slide-up, .sqs-edit-mode.sqs-edit-mode-active .sqs-block-quote .sqs-block-content .block-animation-slide-up { transition: opacity 800ms cubic-bezier(.4, 0, .2, 1), transform 800ms cubic-bezier(.4, 0, .2, 1); will-change: opacity, transform; opacity: 0; transform: matrix(1, 0, 0, 1, 0, 20) } :not(.sqs-edit-mode) .sqs-block-quote .sqs-block-content .block-animation-slide-up.animation-loaded, .sqs-edit-mode.sqs-edit-mode-active .sqs-block-quote .sqs-block-content .block-animation-slide-up.animation-loaded, .sqs-block-quote .sqs-block-content .block-animation-slide-up.animation-loaded { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0) } :not(.sqs-edit-mode) .sqs-block-quote .sqs-block-content .block-animation-reveal, .sqs-edit-mode.sqs-edit-mode-active .sqs-block-quote .sqs-block-content .block-animation-reveal { transition: opacity 800ms cubic-bezier(.4, 0, .2, 1), transform 800ms cubic-bezier(.4, 0, .2, 1); will-change: opacity, transform; opacity: 0; transform: matrix(1, 0, 0, 1, 20, 0) } :not(.sqs-edit-mode) .sqs-block-quote .sqs-block-content .block-animation-reveal.animation-loaded, .sqs-edit-mode.sqs-edit-mode-active .sqs-block-quote .sqs-block-content .block-animation-reveal.animation-loaded, .sqs-block-quote .sqs-block-content .block-animation-reveal.animation-loaded { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0) } :not(.sqs-edit-mode) .sqs-block-quote .sqs-block-content .block-animation-focus-in, .sqs-edit-mode.sqs-edit-mode-active .sqs-block-quote .sqs-block-content .block-animation-focus-in { transition: opacity 800ms cubic-bezier(.4, 0, .2, 1), transform 800ms cubic-bezier(.4, 0, .2, 1); will-change: opacity, transform; opacity: 0; transform: matrix(.92, 0, 0, .92, 0, 0) } :not(.sqs-edit-mode) .sqs-block-quote .sqs-block-content .block-animation-focus-in.animation-loaded, .sqs-edit-mode.sqs-edit-mode-active .sqs-block-quote .sqs-block-content .block-animation-focus-in.animation-loaded, .sqs-block-quote .sqs-block-content .block-animation-focus-in.animation-loaded { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0) } .sqs-block-quote .sqs-block-content .block-animation.animation-disabled { transition: none !important } .rss-block .social-rss:before, .rss-block .social-rss-square:before, .rss-block .social-rss-round:before { font-family: 'social-icon-font'; speak: none; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; position: relative; top: 0; margin-right: 10px; font-size: .7em } .rss-block .social-rss:before { content: "\e630"; position: relative; top: -.05em; margin-right: .4em; font-size: .7em } .rss-block .sqs-blockStatus+.social-rss { display: none } .captcha-container.rendered { margin-bottom: 24px; width: 304px } .captcha-container.rendered.align-center { margin-left: auto; margin-right: auto } .captcha-container.rendered.align-right { margin-left: auto } .sqs-block-zola .sqs-block-content { transition: opacity .3s ease-in } .sqs-block-zola .sqs-block-content.is-rendering { opacity: .1 } .sqs-block-zola .zola-block-wrapper { background: #fff } .sqs-block-zola .zola-block-wrapper.zola-block-setting-inset { padding: 0 20px } .sqs-block-acuity .sqs-block-content { transition: opacity .3s ease-in } .sqs-block-acuity .sqs-block-content.is-rendering { opacity: .1 } .sqs-block-acuity .sqs-block-content iframe { min-height: 1000px } .sqs-block-acuity .sqs-block-content iframe[style] { min-height: 0 } .tock-flex-container { display: flex; flex-direction: row } .tock-align-left { justify-content: flex-start } .tock-align-center { justify-content: center } .tock-align-right { justify-content: flex-end } .hide-tock-logo div#Tock_widget_container>div.TockWidgetWrapper .TockLogo-container, .hide-tock-logo div#Tock_widget_container>div.TockWidgetWrapper .TockSearchBar-tockIcon { display: none } .sqs-block-markdown { clear: none } .sqs-block-markdown .sqs-block-content { position: relative } .sqs-block-markdown .sqs-block-content *:first-child { margin-top: 0 } .sqs-block-markdown .sqs-block-content *:last-child { margin-bottom: 0 } .sqs-block-markdown .sqs-placeholder { color: #999 } .sqs-block-markdown .sqs-editing-overlay { display: none } .sqs-block-markdown hr { border: none; border-bottom: 1px solid #ccc; width: 75%; margin-left: auto; margin-right: auto } .sqs-block-markdown textarea { position: absolute; top: 17px; bottom: 0; left: 17px; right: 17px; width: calc(100% - 34px); padding: 0; margin: 0; border: none; background: transparent; outline: none; resize: none; overflow: hidden; color: #333 } .sqs-block-markdown .textarea-clone { margin: 0; min-height: 18px; visibility: hidden } .sqs-block-markdown textarea, .sqs-block-markdown .textarea-clone { font: 15px/18px 'Courier New', monospace !important; white-space: pre-wrap; word-wrap: break-word } .sqs-block-markdown img { max-width: 100%; height: auto } .donation-block .sqs-donate-button-wrapper { display: block } .donation-block .sqs-donate-button-wrapper--align-left { text-align: left } .donation-block .sqs-donate-button-wrapper--align-center { text-align: center } .donation-block .sqs-donate-button-wrapper--align-right { text-align: right } .donation-block .sqs-donate-button { display: inline-block; width: auto; height: auto; padding: 1em 2.5em; color: #fff; background-color: #272727; border-width: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1em; font-weight: normal; font-style: normal; text-transform: uppercase; letter-spacing: 0px; text-align: center; text-decoration: none; cursor: pointer; -webkit-appearance: none; appearance: none } .sqs-block-html { clear: none } .sqs-block-html .sqs-block-content, .sqs-block-html .sqs-html-content { outline: none } .sqs-block-html .sqs-block-content *:not(h1):not(h2):not(h3), .sqs-block-html .sqs-html-content *:not(h1):not(h2):not(h3) { word-wrap: break-word } .sqs-block-html .sqs-block-content>*:first-child, .sqs-block-html .sqs-html-content>*:first-child { margin-top: 0 } .sqs-block-html .sqs-block-content>*:last-child, .sqs-block-html .sqs-html-content>*:last-child { margin-bottom: 0 } .sqs-block-html .sqs-block-content.sqs-background-enabled .sqs-block-content>*:nth-last-child(2), .sqs-block-html .sqs-html-content.sqs-background-enabled .sqs-block-content>*:nth-last-child(2) { margin-bottom: 0 } .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container { height: auto } .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container:not(.loaded) *, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container:not(.loaded) * { white-space: normal !important; transform: none !important; max-width: none !important; height: auto !important } .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container.loaded .sqsrte-scaled-text, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container.loaded .sqsrte-scaled-text, .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container.loaded .sqsrte-scaled-text h1, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container.loaded .sqsrte-scaled-text h1, .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container.loaded .sqsrte-scaled-text h2, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container.loaded .sqsrte-scaled-text h2, .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container.loaded .sqsrte-scaled-text h3, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container.loaded .sqsrte-scaled-text h3, .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container.loaded .sqsrte-scaled-text h4, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container.loaded .sqsrte-scaled-text h4, .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container.loaded .sqsrte-scaled-text p, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container.loaded .sqsrte-scaled-text p, .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container.loaded .sqsrte-scaled-text a, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container.loaded .sqsrte-scaled-text a, .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container.loaded .sqsrte-scaled-text pre, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container.loaded .sqsrte-scaled-text pre, .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container.loaded .sqsrte-scaled-text code, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container.loaded .sqsrte-scaled-text code { position: relative; left: initial; white-space: nowrap !important; margin: 0 } .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container>.sqsrte-scaled-text, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container>.sqsrte-scaled-text { transform-origin: 0 0; position: relative; display: inline-block; word-break: break-all; margin: 0; padding: 0; position: absolute; left: -10000px } .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container>.sqsrte-scaled-text a, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container>.sqsrte-scaled-text a { display: inline-block } .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container>.sqsrte-scaled-text h1, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container>.sqsrte-scaled-text h1, .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container>.sqsrte-scaled-text h2, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container>.sqsrte-scaled-text h2, .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container>.sqsrte-scaled-text h3, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container>.sqsrte-scaled-text h3, .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container>.sqsrte-scaled-text h4, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container>.sqsrte-scaled-text h4, .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container>.sqsrte-scaled-text p, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container>.sqsrte-scaled-text p, .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container>.sqsrte-scaled-text a, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container>.sqsrte-scaled-text a, .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container>.sqsrte-scaled-text pre, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container>.sqsrte-scaled-text pre, .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container>.sqsrte-scaled-text code, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container>.sqsrte-scaled-text code { margin: 0; padding: 0; line-height: 1; font-size: inherit !important } .sqs-block-html .sqs-block-content .sqsrte-text-highlight a:link, .sqs-block-html .sqs-html-content .sqsrte-text-highlight a:link, .sqs-block-html .sqs-block-content .sqsrte-text-highlight a:visited, .sqs-block-html .sqs-html-content .sqsrte-text-highlight a:visited, .sqs-block-html .sqs-block-content .sqsrte-text-highlight a:hover, .sqs-block-html .sqs-html-content .sqsrte-text-highlight a:hover, .sqs-block-html .sqs-block-content .sqsrte-text-highlight a:active, .sqs-block-html .sqs-html-content .sqsrte-text-highlight a:active { text-decoration: none; background-image: none } .sqs-block-html .TextShape { text-decoration: none !important } .sqs-block-html .TextShape-node { --stroke: currentcolor; --stroke-width: 1px; --stroke-linecap: square; --stroke-linejoin: square; --opacity: 1; --blend: none; position: absolute; display: block; top: 0; left: 0; pointer-events: none; z-index: -1; user-select: none; -webkit-user-select: none; opacity: 1; visibility: visible; transition: opacity .25s ease-out, visibility .25s ease-out; mix-blend-mode: var(--blend) } .sqs-block-html .TextShape-node[data-is-front="true"] { z-index: 1 } .sqs-block-html .TextShape-node svg { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; overflow: visible; stroke: var(--stroke); stroke-width: var(--stroke-width); stroke-width: max(1px, var(--stroke-width)); stroke-linecap: var(--stroke-linecap); stroke-linejoin: var(--stroke-linejoin); fill: none; opacity: var(--opacity) } .embed-block .intrinsic, .video-block .intrinsic, .embed-block .sqs-block-content .intrinsic, .video-block .sqs-block-content .intrinsic { position: relative } .embed-block .intrinsic .embed-block-wrapper:not(.embed-block-provider-SoundCloud), .video-block .intrinsic .embed-block-wrapper:not(.embed-block-provider-SoundCloud), .embed-block .sqs-block-content .intrinsic .embed-block-wrapper:not(.embed-block-provider-SoundCloud), .video-block .sqs-block-content .intrinsic .embed-block-wrapper:not(.embed-block-provider-SoundCloud) { position: relative } .embed-block .intrinsic .embed-block-wrapper:not(.embed-block-provider-SoundCloud) .sqs-video-wrapper, .video-block .intrinsic .embed-block-wrapper:not(.embed-block-provider-SoundCloud) .sqs-video-wrapper, .embed-block .sqs-block-content .intrinsic .embed-block-wrapper:not(.embed-block-provider-SoundCloud) .sqs-video-wrapper, .video-block .sqs-block-content .intrinsic .embed-block-wrapper:not(.embed-block-provider-SoundCloud) .sqs-video-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .embed-block .intrinsic .embed-block-wrapper:not(.embed-block-provider-SoundCloud) iframe, .video-block .intrinsic .embed-block-wrapper:not(.embed-block-provider-SoundCloud) iframe, .embed-block .sqs-block-content .intrinsic .embed-block-wrapper:not(.embed-block-provider-SoundCloud) iframe, .video-block .sqs-block-content .intrinsic .embed-block-wrapper:not(.embed-block-provider-SoundCloud) iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .embed-block .intrinsic .embed-block-wrapper:not(.embed-block-provider-SoundCloud) .flickr-oembed, .video-block .intrinsic .embed-block-wrapper:not(.embed-block-provider-SoundCloud) .flickr-oembed, .embed-block .sqs-block-content .intrinsic .embed-block-wrapper:not(.embed-block-provider-SoundCloud) .flickr-oembed, .video-block .sqs-block-content .intrinsic .embed-block-wrapper:not(.embed-block-provider-SoundCloud) .flickr-oembed { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .embed-block .intrinsic .embed-block-provider-SoundCloud, .video-block .intrinsic .embed-block-provider-SoundCloud, .embed-block .sqs-block-content .intrinsic .embed-block-provider-SoundCloud, .video-block .sqs-block-content .intrinsic .embed-block-provider-SoundCloud { padding-bottom: 0 !important } .embed-block .intrinsic .embed-block-provider-SoundCloud iframe, .video-block .intrinsic .embed-block-provider-SoundCloud iframe, .embed-block .sqs-block-content .intrinsic .embed-block-provider-SoundCloud iframe, .video-block .sqs-block-content .intrinsic .embed-block-provider-SoundCloud iframe { width: 100% } .sqs-stretched.sqs-block-audio .sqs-block-content, .sqs-stretched.sqs-block-audio .sqs-block-audio-content, .sqs-stretched.sqs-block-audio .sqs-audio-embed, .sqs-stretched.sqs-block-audio .sqs-widgets-audio-player, .sqs-stretched.sqs-block-audio .sqs-widgets-audio-player-content, .sqs-stretched.sqs-block-audio .player { height: 100% } .sqs-stretched.sqs-block-audio .sqs-widgets-audio-player .player .play { display: flex; align-items: center } .sqs-stretched.sqs-block-audio .sqs-widgets-audio-player.playing .player .play { display: none } .sqs-stretched.sqs-block-audio .sqs-widgets-audio-player.playing .player .pause { display: block } .fluid-engine .sqs-block-map.vsize-12 .sqs-block-content { height: 100% } .sqs-block-map .sqs-block-map-content { position: relative } .sqs-block-map .sqs-block-map-content .sqs-map-wrapper { position: absolute !important; top: 0; left: 0; height: 100%; max-width: none; width: 100% } .sqs-gallery-block-stacked { padding: 0; margin: 0 } .sqs-gallery-block-stacked a { border: 0 } .sqs-gallery-block-stacked .image-wrapper { margin: 0 0 1px 0; line-height: 1px } .sqs-gallery-block-stacked .image-wrapper img { width: 100% } .sqs-gallery-block-stacked .meta { display: none } .sqs-gallery-block-stacked.sqs-gallery-block-show-meta .meta { display: block } .sqs-gallery-block-stacked .meta-inside { margin-bottom: 28px; margin-top: 14px } .sqs-gallery-block-stacked .meta-title { margin-bottom: .3em } .sqs-gallery-block-stacked .meta-description { font-size: .9em; line-height: 1.5em } .sqs-gallery-block-stacked .meta-description p { margin-bottom: 0; margin-top: 0 } .sqs-gallery-block-slideshow { position: relative; background-color: rgba(175, 175, 175, .1) } .sqs-gallery-block-slideshow.sqs-gallery-transparent-background { background-color: transparent } .sqs-gallery-block-slideshow .slide>a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block } .sqs-gallery-block-slideshow .slide .meta { opacity: 0 } .sqs-gallery-block-slideshow .meta { position: absolute; opacity: 0; background-color: #111; background-color: rgba(0, 0, 0, .3) } .sqs-gallery-block-slideshow .meta .meta-title { color: #fff } .sqs-gallery-block-slideshow .meta .meta-title { font-size: 18px; line-height: 1.2em; letter-spacing: 1px } .sqs-gallery-block-slideshow .meta .meta-title+.meta-description { margin-top: .3em } .sqs-gallery-block-slideshow .meta .meta-description, .sqs-gallery-block-slideshow .meta .meta-description p { color: #ddd; color: rgba(255, 255, 255, .95); font-size: 14px; line-height: 1.5em } .sqs-gallery-block-slideshow .meta .meta-description strong { color: inherit } .sqs-gallery-block-slideshow .meta .meta-description *:first-child { margin-top: 0 } .sqs-gallery-block-slideshow .meta .meta-description *:last-child { margin-bottom: 0 } .sqs-gallery-block-slideshow .meta-inside { padding: 25px } .sqs-gallery-block-slideshow .meta a, .sqs-gallery-block-slideshow .meta a:hover { color: #fff; text-decoration: underline } .sqs-gallery-block-slideshow .meta.overflow { overflow-y: auto } .sqs-gallery-block-slideshow .slide.loaded .meta { opacity: 1 } .sqs-gallery-block-slideshow.sqs-gallery-block-meta-hover .meta { opacity: 0 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" } .sqs-gallery-block-slideshow.sqs-gallery-block-meta-hover .slide:hover .meta, .sqs-gallery-block-slideshow.sqs-gallery-block-meta-hover .slide :focus~.meta { opacity: 1 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" } .sqs-gallery-block-slideshow .meta { display: none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" } .sqs-gallery-block-slideshow.sqs-gallery-block-show-meta .sqs-active-slide .meta { display: block; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" } .sqs-gallery-block-slideshow.sqs-gallery-block-show-meta .mobile-view .slide.loaded>a { line-height: 0; height: auto; position: static } .sqs-gallery-block-slideshow.sqs-gallery-block-show-meta .mobile-view .slide.loaded .sqs-video-wrapper { position: static } .sqs-gallery-block-slideshow.sqs-gallery-block-show-meta .mobile-view .slide.loaded .meta { background-color: transparent; color: inherit; padding: 20px 0 10px 0; margin: 0; max-width: none !important; opacity: 1 !important; position: static !important } .sqs-gallery-block-slideshow.sqs-gallery-block-show-meta .mobile-view .slide.loaded .meta .meta-inside { padding: 0 } .sqs-gallery-block-slideshow.sqs-gallery-block-show-meta .mobile-view .slide.loaded .meta .meta-title, .sqs-gallery-block-slideshow.sqs-gallery-block-show-meta .mobile-view .slide.loaded .meta .meta-description, .sqs-gallery-block-slideshow.sqs-gallery-block-show-meta .mobile-view .slide.loaded .meta .meta-description p { color: inherit } .sqs-gallery-block-slideshow.sqs-gallery-block-show-meta .mobile-view .slide.loaded .meta .meta-title { font-size: .9em } .sqs-gallery-block-slideshow.sqs-gallery-block-show-meta .mobile-view .slide.loaded .meta .meta-description { font-size: .9em } .sqs-gallery-block-slideshow.sqs-gallery-block-show-meta .mobile-view .slide.loaded .meta .meta-description p { font-size: 1em; line-height: 1.3em } .sqs-gallery-block-slideshow .slide.video-playing .meta { display: none } .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-top .meta, .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-top-left .meta, .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-top-right .meta { top: 0px } .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-top-left .meta, .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-top-right .meta { max-width: 50%; margin: 20px } .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-center .meta { max-width: 50%; top: 50%; left: 50%; text-align: center } .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-bottom .meta, .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-bottom-left .meta, .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-bottom-right .meta { bottom: 0px } .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-bottom .meta { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(30, 30, 30, .3) 100%) } .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-bottom .meta-inside { padding: 30px 20px 15px } .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-bottom-left .meta, .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-bottom-right .meta { max-width: 50%; margin: 20px } .sqs-gallery-block-slider { position: relative; height: 100% } .sqs-gallery-block-grid { overflow: hidden } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-1 .sqs-gallery-design-grid-slide { width: 100% !important } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-1 .sqs-gallery-design-grid-slide:nth-child(1n + 1) { clear: left } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-2 .sqs-gallery-design-grid-slide { width: 50% } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-2 .sqs-gallery-design-grid-slide:nth-child(2n + 1) { clear: left } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-3 .sqs-gallery-design-grid-slide { width: 33.33333333% } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-3 .sqs-gallery-design-grid-slide:nth-child(3n + 1) { clear: left } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-4 .sqs-gallery-design-grid-slide { width: 25% } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-4 .sqs-gallery-design-grid-slide:nth-child(4n + 1) { clear: left } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-5 .sqs-gallery-design-grid-slide { width: 20% } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-5 .sqs-gallery-design-grid-slide:nth-child(5n + 1) { clear: left } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-6 .sqs-gallery-design-grid-slide { width: 16.66666667% } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-6 .sqs-gallery-design-grid-slide:nth-child(6n + 1) { clear: left } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-7 .sqs-gallery-design-grid-slide { width: 14.28571429% } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-7 .sqs-gallery-design-grid-slide:nth-child(7n + 1) { clear: left } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-8 .sqs-gallery-design-grid-slide { width: 12.5% } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-8 .sqs-gallery-design-grid-slide:nth-child(8n + 1) { clear: left } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-9 .sqs-gallery-design-grid-slide { width: 11.11111111% } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-9 .sqs-gallery-design-grid-slide:nth-child(9n + 1) { clear: left } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-10 .sqs-gallery-design-grid-slide { width: 10% } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-10 .sqs-gallery-design-grid-slide:nth-child(10n + 1) { clear: left } .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-square .slide .margin-wrapper a.image-slide-anchor, .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-square .slide .margin-wrapper .content-wrapper, .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-square .slide .margin-wrapper .content-wrapper.content-fill .sqs-video-wrapper { padding-bottom: 100% } .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-standard .slide .margin-wrapper a.image-slide-anchor, .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-standard .slide .margin-wrapper .content-wrapper, .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-standard .slide .margin-wrapper .content-wrapper.content-fill .sqs-video-wrapper { padding-bottom: 66.666% } .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-standard-vertical .slide .margin-wrapper a.image-slide-anchor, .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-standard-vertical .slide .margin-wrapper .content-wrapper, .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-standard-vertical .slide .margin-wrapper .content-wrapper.content-fill .sqs-video-wrapper { padding-bottom: 150% } .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-four-three .slide .margin-wrapper a.image-slide-anchor, .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-four-three .slide .margin-wrapper .content-wrapper, .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-four-three .slide .margin-wrapper .content-wrapper.content-fill .sqs-video-wrapper { padding-bottom: 75% } .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-three-four-vertical .slide .margin-wrapper a.image-slide-anchor, .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-three-four-vertical .slide .margin-wrapper .content-wrapper, .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-three-four-vertical .slide .margin-wrapper .content-wrapper.content-fill .sqs-video-wrapper { padding-bottom: 133.333% } .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-widescreen .slide .margin-wrapper a.image-slide-anchor, .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-widescreen .slide .margin-wrapper .content-wrapper, .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-widescreen .slide .margin-wrapper .content-wrapper.content-fill .sqs-video-wrapper { padding-bottom: 56.25% } .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-anamorphic-widescreen .slide .margin-wrapper a.image-slide-anchor, .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-anamorphic-widescreen .slide .margin-wrapper .content-wrapper, .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-anamorphic-widescreen .slide .margin-wrapper .content-wrapper.content-fill .sqs-video-wrapper { padding-bottom: 41.666% } .sqs-gallery-block-grid .slide { float: left; width: 25% } .sqs-gallery-block-grid .slide .margin-wrapper { position: relative } .sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor { padding-bottom: 100%; width: 100%; height: 0; display: block; cursor: default; border-bottom: none } .sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor img { display: inline-block } .sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor[href] img { cursor: pointer } .sqs-gallery-block-grid .slide .margin-wrapper .content-wrapper { padding-bottom: 100%; width: 100%; display: block } .sqs-gallery-block-grid .slide .margin-wrapper .content-wrapper.content-fill .sqs-video-wrapper { height: 0; padding-bottom: 100% } .sqs-gallery-block-grid .slide .margin-wrapper .content-wrapper.video-lightbox-wrapper { cursor: pointer } .sqs-gallery-block-grid .slide .margin-wrapper .content-wrapper.video-lightbox-wrapper .sqs-video-wrapper .intrinsic { pointer-events: none } .sqs-gallery-block-grid .slide .margin-wrapper .image-slide-title { text-align: center; display: none } .sqs-gallery-block-grid .slide .meta { position: relative } .sqs-gallery-block-grid .slide .meta h1 { font-size: 12px; letter-spacing: normal; margin: 0 } .sqs-gallery-block-grid.sqs-gallery-block-meta-only-title .margin-wrapper .image-slide-title { display: block; text-align: center; font-size: 14px; margin-top: .5em; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .sqs-block .sqs-gallery-thumbnails .sqs-video-thumbnail { position: relative } .sqs-block .sqs-gallery-thumbnails .sqs-video-thumbnail img { height: 100% } .sqs-block .sqs-gallery-thumbnails .sqs-video-thumbnail .sqs-video-thumbnail-icon { opacity: 1; position: absolute; top: 50%; left: 50%; background-image: url('../../../../../../../../assets.squarespace.com/universal/images-v6/icons/icon-video-24-light-solid.png'); background-position: center center; height: 24px; width: 24px; margin-left: -12px; margin-top: -12px } .sqs-block .sqs-gallery-thumbnails .sqs-video-thumbnail.no-image .sqs-video-thumbnail-inner { background-image: url('../../../../../../../../assets.squarespace.com/universal/images-v6/icons/icon-video-24-light-solid.png'); background-position: center center; background-repeat: no-repeat } .sqs-block .sqs-gallery-thumbnails .sqs-video-thumbnail:not(.no-image).loading .sqs-video-thumbnail-icon { opacity: 0 } .sqs-block .sqs-gallery-thumbnails .sqs-video-thumbnail .sqs-video-thumbnail-inner { height: 100%; background: #000 } .sqs-block .sqs-gallery-thumbnails .sqs-gallery-design-strip-slide { opacity: .5 } .sqs-block .sqs-gallery-thumbnails .sqs-gallery-design-strip-slide.sqs-active-slide { opacity: 1 } .sqs-gallery-design-strip-slide img, .sqs-gallery-design-strip-slide .sqs-video-wrapper { width: auto; height: 100% } .sqs-gallery-block-stacked .image-wrapper img { width: 100%; height: auto } .sqs-gallery-block-grid img { transition: opacity 1s } .sqs-gallery-block-grid img:not(.loaded) { opacity: 0 } .sqs-gallery-block-grid img.loaded { opacity: 1 !important } @media only screen and (max-width:480px) { .sqs-gallery-block-slideshow .meta { display: none !important } } @media only screen and (device-width:768px) { .sqs-gallery-block-slideshow.sqs-gallery-block-show-meta .meta { opacity: 1 !important } } .sqs-block.gallery-block .sqs-helper .sqs-handle-bottom { display: none } .sqs-block.gallery-block.sized .sqs-helper .sqs-handle-bottom { display: block } .sqs-layout.editing .sqs-block.gallery-block:hover .sqs-gallery-block-slideshow.sqs-gallery-block-meta-hover .meta { opacity: 1 !important } .sqs-gallery-dummy-images { background-color: transparent } .sqs-gallery-dummy-images img, .sqs-gallery-dummy-images+.sqs-gallery-thumbnails img { background-color: rgba(0, 0, 0, .03) } /*! WARNING: block .less requested, but unable to resolve css from system cache: calendar */ .summary-block ul { list-style-type: none; margin: 0; padding: 0 } .summary-block .summary-item:not(:last-child) { margin-bottom: 24px } .summary-block .summary-collection-title { display: none } .summary-block .summary-thumbnail { overflow: hidden; height: 150px } .summary-block .summary-title { font-size: 1.2em } .summary-block .summary-content-below-thumbnail .summary-title { margin: 1em 0 0 0 } .summary-block .summary-excerpt { margin: .75em 0 } .summary-block .summary-excerpt p { font-size: .9em } .summary-block .timestamp { display: block; font-size: .8em; text-transform: uppercase } .summary-block .summary-more-link { display: none; margin-left: 3px } .sqs-block-horizontalrule hr { border: none; color: #bbb; background-color: #bbb; height: 1px } .product-block .image-container { position: relative; display: block; width: 100% } .product-block .image-container a { display: block; width: 100%; line-height: 0 } .product-block .image-container img { width: 100%; max-width: 100% } .product-block .image-container img:not(.loaded) .sqs-product-mark-wrapper .sqs-product-quick-view-button-wrapper { opacity: 0 !important } .product-block .image-container .product-mark { position: absolute; top: 15px; right: 0; background: #222; padding: 6px 8px; color: #fff; line-height: 1em; text-transform: uppercase; -webkit-font-smoothing: antialiased } .product-block .image-container .sqs-product-block-variant-image { display: none; width: 100%; line-height: 0 } .product-block .image-container .sqs-product-block-variant-image.shown { display: block } .product-block .image-container .sqs-product-block-variant-image.shown~.sqs-product-block-main-image { display: none } .sqs-style-mode-active .product-block.is-product-quick-view-enabled.is-first-product-block .sqs-product-quick-view-button-wrapper { opacity: 1 } .sqs-style-mode-active .product-block.is-product-quick-view-enabled.is-first-product-block .sqs-product-mark-wrapper { opacity: 0 } .product-block .productDetails.center { text-align: center } .product-block .productDetails.center .sqs-add-to-cart-button-wrapper { margin-left: auto; margin-right: auto } .product-block .productDetails.right { text-align: right } .product-block .productDetails.right .sqs-add-to-cart-button-wrapper { margin-left: auto } .product-block .productDetails .product-title { font-size: 1.3em; line-height: 1em; margin: 1em 0 .2em 0; display: inline-block } .product-block .productDetails .product-price { font-size: 1.1em; margin: 0 0 1em 0 } .product-block .productDetails .product-price input { width: 130px; height: 30px; padding-left: 5px } .product-block .productDetails .product-price .minimum-price { margin-top: 3px; margin-left: 10px } .product-block .productDetails .product-price .original-price { text-decoration: line-through; opacity: .7; filter: alpha(opacity=70) } .product-block .productDetails .product-price .strikeout { text-decoration: line-through } .product-block .productDetails .product-variants .variant-option { margin: 0 0 1em 0 } .product-block .productDetails .product-variants .variant-out-of-stock { color: #c00; margin-top: 8px } .product-block .productDetails .product-variants .variant-radiobtn-wrapper { display: none } .product-block .productDetails .product-quantity-input input { background-color: #fff; color: #222 } .product-block .productDetails .product-scarcity { margin-top: 1em; font-size: 1.1em; color: #000 } .product-block .buy-button, .product-block .sqs-add-to-cart-button-wrapper { margin: 20px 0; display: block } .product-block .buy-button:hover, .product-block .sqs-add-to-cart-button-wrapper:hover { opacity: 1 } .product-block .sqs-add-to-cart-button { display: inline-block; width: auto; height: auto; padding: 1em 2.5em; color: #fff; background-color: #272727; border-width: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1em; font-weight: normal; font-style: normal; text-transform: uppercase; letter-spacing: 0px; text-align: center; text-decoration: none; cursor: pointer; -webkit-appearance: none; appearance: none } .product-block .sqs-amazon-button { display: inline-block; width: auto; height: auto; padding: 1em 2.5em; color: #fff; background-color: #272727; border-width: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1em; font-weight: normal; font-style: normal; text-transform: uppercase; letter-spacing: 0px; text-align: center; text-decoration: none; cursor: pointer; -webkit-appearance: none; appearance: none; text-transform: none } .product-block .center .sqs-amazon-button { text-align: center } .product-block .right .sqs-amazon-button { text-align: right } .sqs-block-accordion .accordion-items-container { margin: 0; padding: 0; list-style-type: none } .sqs-block-accordion .accordion-item { padding: 0; margin: 0; position: relative } .sqs-block-accordion .accordion-divider { background-color: currentColor } .sqs-block-accordion .accordion-items-container:not([data-is-last-divider-visible="true"]) .accordion-item:last-of-type .accordion-divider { display: none } .sqs-block-accordion .accordion-item__title-wrapper { margin: 0; padding: 0 } .sqs-block-accordion .accordion-item__title { flex: 1 } .sqs-block-accordion [data-accordion-title-alignment="center"] .accordion-item__title { text-align: center } .sqs-block-accordion [data-accordion-title-alignment="right"] .accordion-item__title { text-align: right } .sqs-block-accordion .accordion-item__click-target { box-sizing: border-box; width: 100%; background: transparent; border: none; display: flex; justify-content: space-between; align-items: center; text-align: left; -webkit-appearance: none; font-family: inherit; font-size: inherit; font-weight: inherit; font-style: inherit; text-transform: inherit; letter-spacing: inherit; color: inherit; touch-action: manipulation } .sqs-block-accordion [data-accordion-icon-placement="left"] .accordion-item__click-target { flex-direction: row-reverse } .sqs-block-accordion .accordion-item__click-target>* { margin: 0 } .sqs-block-accordion .accordion-item__dropdown { box-sizing: border-box; display: none; overflow: hidden } .sqs-block-accordion .accordion-item__dropdown--pre-open { position: absolute; left: 0; top: 0; display: block; visibility: hidden; width: 100%; transition: none; height: auto } .sqs-block-accordion .accordion-item__dropdown--open { display: block } .sqs-block-accordion .accordion-item__description { box-sizing: border-box } .sqs-block-accordion [data-accordion-description-placement="center"] .accordion-item__description { margin-left: auto; margin-right: auto } .sqs-block-accordion [data-accordion-description-placement="right"] .accordion-item__description { margin-left: auto } .sqs-block-accordion [data-accordion-description-alignment="center"] .accordion-item__description { text-align: center } .sqs-block-accordion [data-accordion-description-alignment="right"] .accordion-item__description { text-align: right } .sqs-block-accordion .accordion-item__title>:first-of-type, .sqs-block-accordion .accordion-item__description>:first-of-type { margin-top: 0 } .sqs-block-accordion .accordion-item__title>:last-of-type, .sqs-block-accordion .accordion-item__description>:last-of-type { margin-bottom: 0 } .sqs-block-accordion .accordion-icon-container { position: relative } .sqs-block-accordion .accordion-icon-container>* { position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; justify-content: center; align-items: center } .sqs-block-accordion .plus__horizontal-line, .sqs-block-accordion .plus__vertical-line { display: block; width: 100%; background-color: currentColor; transition: transform .2s; position: absolute } .sqs-block-accordion .plus__vertical-line { transform: rotate(90deg) } .sqs-block-accordion .accordion-item[data-is-open="true"] .plus__vertical-line { transform: rotate(0deg) } .sqs-block-accordion .arrow-container { transition: transform .2s } .sqs-block-accordion .accordion-item[data-is-open="true"] .arrow-container { transform: rotate(-180deg) } .sqs-block-accordion .arrow { border-color: currentColor; border-style: solid; border-top: none; border-left: none; box-sizing: border-box; transform: translatey(-25%) rotate(45deg); width: 70.71067%; height: 70.71067% } @media (prefers-reduced-motion:reduce) { .sqs-block-accordion .accordion-item__dropdown, .sqs-block-accordion .plus__vertical-line, .sqs-block-accordion .arrow-container { transition: none !important } } .sqs-block-archive .archive-group-list, .sqs-block-archive .archive-item-list { list-style-type: none; margin: 0; padding: 0 } .sqs-block-archive .archive-group-count::before { content: "(" } .sqs-block-archive .archive-group-count::after { content: ")" } .sqs-block-archive .archive-block-setting-layout-list.archive-block-setting-text-alignment-center, .sqs-block-archive .archive-block-setting-layout-index.archive-block-setting-text-alignment-center { text-align: center } .sqs-block-archive .archive-block-setting-layout-list.archive-block-setting-text-alignment-right, .sqs-block-archive .archive-block-setting-layout-index.archive-block-setting-text-alignment-right { text-align: right } .sqs-block-archive .archive-block-setting-layout-list.archive-block-setting-multicolumns .archive-group-list { columns: 140px; column-gap: 60px } .sqs-block-archive .archive-block-setting-layout-index .archive-group-name-link { font-size: 1.4em; line-height: 1.4em; text-decoration: none } .sqs-block-archive .archive-block-setting-layout-index .archive-item-list { display: block; margin: 1.4em 0 2.8em 0; font-size: 1em; line-height: 1.4em } .sqs-block-archive .archive-block-setting-layout-index .archive-item { margin: 0 0 .7em 0 } .sqs-block-archive .archive-block-setting-layout-index .archive-item.archive-item--show-date { margin: 0 0 1.4em 0 } .sqs-block-archive .archive-block-setting-layout-index .archive-item-date-before { display: none; opacity: .7; margin-right: 5px } .sqs-block-archive .archive-block-setting-layout-index .archive-item-link { display: block; margin-right: 5px; color: inherit !important } .sqs-block-archive .archive-block-setting-layout-index .archive-item-link--untitled::before { content: "Untitled" } .sqs-block-archive .archive-block-setting-layout-index .archive-item-date-after { display: block; opacity: .7 } .sqs-block-archive .archive-block-setting-layout-index.archive-block-setting-multicolumns .archive-group-list { columns: 200px; column-gap: 60px } .sqs-block-archive .archive-block-setting-layout-index.archive-block-setting-multicolumns .archive-group { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; display: block; overflow: hidden } .sqs-block-archive .archive-block-setting-layout-index.archive-block-setting-multicolumns .archive-group-name-link { display: block } .sqs-block-archive .archive-block-setting-layout-index.archive-block-setting-multicolumns .archive-group-name-list { display: inline-block } .sqs-block-archive .archive-block-setting-layout-index.archive-block-setting-multicolumns .archive-group-name-link, .sqs-block-archive .archive-block-setting-layout-index.archive-block-setting-multicolumns .archive-item-list { min-width: 225px } .sqs-block-archive .archive-block-setting-layout-dropdown.archive-block-wrapper { max-width: 300px; background: rgba(110, 110, 110, .05); border-radius: 1px } .sqs-block-archive .archive-block-setting-layout-dropdown .archive-dropdown-toggle-label { display: block; padding: 12px 18px; font-size: 1em; line-height: 1.6em; cursor: pointer; overflow: hidden; -webkit-user-select: none; -ms-user-select: none; user-select: none; list-style: none } .sqs-block-archive .archive-block-setting-layout-dropdown .archive-dropdown-toggle-label::-webkit-details-marker { display: none } .sqs-block-archive .archive-block-setting-layout-dropdown .archive-dropdown-toggle-title { float: left; width: 90%; padding-right: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box } .sqs-block-archive .archive-block-setting-layout-dropdown .archive-dropdown-toggle-icon { position: relative; bottom: 1px; float: right; width: 10%; text-align: right; box-sizing: border-box } .sqs-block-archive .archive-block-setting-layout-dropdown .archive-dropdown-toggle-icon:before { font-family: 'squarespace-ui-font'; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; content: "\e009"; text-align: center; display: inline-block; vertical-align: middle } .sqs-block-archive .archive-block-setting-layout-dropdown .archive-dropdown-toggle-icon:before { font-size: 16px; width: 16px; height: 16px; line-height: 16px } .sqs-block-archive .archive-block-setting-layout-dropdown .archive-dropdown-toggle-icon:before { font-size: 1em; width: 1em; height: 1em; line-height: 1em } .sqs-block-archive .archive-block-setting-layout-dropdown[open] .archive-dropdown-toggle-icon:before { font-family: 'squarespace-ui-font'; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; content: "\e006"; text-align: center; display: inline-block; vertical-align: middle } .sqs-block-archive .archive-block-setting-layout-dropdown[open] .archive-dropdown-toggle-icon:before { font-size: 16px; width: 16px; height: 16px; line-height: 16px } .sqs-block-archive .archive-block-setting-layout-dropdown .archive-group-list { padding: 0 18px 12px } .sqs-block-archive .archive-block-setting-layout-dropdown .archive-group-name-link { text-decoration: none } @media only screen and (max-width:400px) { .sqs-block-archive .archive-block-setting-layout-dropdown.archive-block-wrapper { max-width: none } } .sqs-block-archive.sqs-edit-dialog-open .sqs-editing-overlay, .sqs-block-archive.sqs-edit-dialog-open .sqs-block-editor-button-container { z-index: 1 } .sqs-block-archive.sqs-edit-dialog-open .sqs-block-archive-content { position: relative; z-index: 1000 } .sqs-block-archive.sqs-edit-dialog-open .archive-group-list { pointer-events: none } .tagcloud-block ul { list-style-type: none; margin: 0; padding-left: 0 } .tagcloud-block ul li { display: inline-block } .sqs-block-shape .sqs-block-content, .sqs-block-shape .sqs-block-alignment-wrapper { height: 100% } .sqs-block-shape .sqs-block-alignment-wrapper { display: flex } .sqs-block-shape .sqs-shape { display: block; position: absolute; overflow: visible } .sqs-block-shape .sqs-shape-block-container { position: relative } /*! WARNING: block .less requested, but unable to resolve css from system cache: album */ .sqs-block-postsbycategory ul, .sqs-block-postsbyauthor ul, .sqs-block-postsbytag ul, .sqs-block-postsbymonth ul { list-style-type: none; margin: 0; padding: 0 } .sqs-block-postsbycategory ul li, .sqs-block-postsbyauthor ul li, .sqs-block-postsbytag ul li, .sqs-block-postsbymonth ul li { margin: 0 0 .3em 0; padding: 0 } .sqs-block-postsbycategory .count, .sqs-block-postsbyauthor .count, .sqs-block-postsbytag .count, .sqs-block-postsbymonth .count { display: none } .Marquee { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; overflow: hidden; z-index: auto; background-color: transparent } .Marquee h1, .Marquee p { margin: 0; min-height: 0; line-height: 1.4 !important } .Marquee-svg { display: block; width: 100%; font-size: inherit } .Marquee-hitbox { position: relative; display: block; width: 100% } .Marquee-hitbox:focus .Marquee-path-hitbox-focus-outline { stroke: currentColor } .Marquee-hitbox:focus:not(:focus-visible) .Marquee-path-hitbox-focus-outline { stroke: initial } .Marquee-display { flex-grow: 1; flex-shrink: 0 } .Marquee-display.fade-edges { mask-image: linear-gradient(to right, transparent 0%, #000 15%, #000 85%, transparent 100%); -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 15%, #000 85%, transparent 100%) } .Marquee-measure { display: inline-flex; align-items: center; width: max-content; min-height: 1em; visibility: hidden; position: absolute } .Marquee-group { display: flex; flex-grow: 0; flex-shrink: 0 } .Marquee-measure, .Marquee-group { min-width: 50px } .Marquee-item { display: flex; align-items: center; justify-content: center; flex-grow: 0; flex-shrink: 0 } .Marquee-track { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .Marquee-track { pointer-events: none } .Marquee-track .Marquee-track-item { position: absolute; top: 0; left: 0; width: 0; height: 0 } .Marquee-track-item .Marquee-item { padding: 0; transform: translate3d(-50%, calc(-50% - 0.4em), 0) } .pricing-plan-block { min-height: 44px } .pricing-plan-block .sqs-editable-button { display: inline-block; width: auto; height: auto; padding: 1em 2.5em; color: #fff; background-color: #272727; border-width: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1em; font-weight: normal; font-style: normal; text-transform: uppercase; letter-spacing: 0px; text-align: center; text-decoration: none; cursor: pointer; -webkit-appearance: none; appearance: none } .pricing-plan-block .pricing-plan-pricing-toggle-wrapper { display: flex; justify-content: flex-start } .pricing-plan-block .pricing-plan-pricing-toggle-wrapper.hide { display: none } .pricing-plan-block .pricing-plan-pricing-toggle-wrapper.toggle-left { justify-content: flex-start } .pricing-plan-block .pricing-plan-pricing-toggle-wrapper.toggle-center { justify-content: center } .pricing-plan-block .pricing-plan-pricing-toggle-wrapper.toggle-right { justify-content: flex-end } .pricing-plan-block .pricing-plan-pricing-options { display: grid; display: -ms-grid; grid-template-columns: repeat(2, 1fr); -ms-grid-columns: 1fr 1fr; list-style-type: none; padding: 0px; margin: 0px } .pricing-plan-block .pricing-plan-pricing-options .sqs-editable-button.pricing-plan-pricing-option-button { width: 100%; height: 100%; padding: .6em 1.1em !important; text-align: center; border-radius: 0px; color: #272727; border: 1px solid #272727; background-color: transparent } @media (hover:hover) { .pricing-plan-block .pricing-plan-pricing-options .sqs-editable-button.pricing-plan-pricing-option-button:hover { opacity: 1; color: #fff; background-color: #272727 } } .pricing-plan-block .pricing-plan-pricing-options .sqs-editable-button.pricing-plan-pricing-option-selected { color: #fff; background-color: #272727 } .pricing-plan-block .pricing-plan-pricing-options .left-option { -ms-grid-column: 1 } .pricing-plan-block .pricing-plan-pricing-options .right-option { -ms-grid-column: 2 } .pricing-plan-block .hide, .pricing-plan-block .join-button.hide { display: none } .pricing-plan-block .below-pricing-toggle { margin-top: 33px } body .pricing-plan-pricing-toggle-wrapper .pricing-plan-pricing-options .pricing-plan-pricing-option-button.sqs-editable-button.sqs-system-button.left-button { border-radius: 300px 0px 0px 300px } body .pricing-plan-pricing-toggle-wrapper .pricing-plan-pricing-options .pricing-plan-pricing-option-button.sqs-editable-button.sqs-system-button.right-button { border-radius: 0px 300px 300px 0px } .primary-button-style-outline .sqs-block-pricing-plan .pricing-plan-pricing-options .sqs-editable-button.pricing-plan-pricing-option-button { border-width: 2px } .product-block .productDetails div.product-title.pricing-plan-title { font-size: 1.5em; margin-top: 33px; margin-bottom: 11px; -webkit-line-clamp: 6; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; line-height: normal } .pricing-plan-price-amount { font-size: 2em; margin-top: 11px; line-height: 90% } .pricing-plan-price-billing-period { font-size: 1em; opacity: .75; margin-bottom: 22px; margin-top: 11px } .product-block .productDetails .product-price.pricing-plan-product-price { margin: 0 0 12px 0; line-height: normal } .product-block .productDetails .product-price.pricing-plan-product-price.below-pricing-toggle { margin-top: 33px } .pricing-plan-description { margin: 0 0 22px 0; line-height: normal; font-size: 1em } .pricing-plan-benefits-divider { margin-top: 22px; margin-bottom: 22px } .pricing-plan-benefit-description:not(:last-child) { margin-bottom: 6px } div.sqs-block-opentable-v2 { word-wrap: break-word } div.sqs-block-opentable-v2 .ot-dtp-picker { margin: auto; width: auto; background: none } div.sqs-block-opentable-v2 .ot-dtp-picker-selector { background: rgba(0, 0, 0, .12); border: none } div.sqs-block-opentable-v2 .ot-dtp-picker-selector, div.sqs-block-opentable-v2 .ot-dtp-picker-button { width: 100% !important; max-width: 200px } div.sqs-block-opentable-v2 .ot-dtp-picker form.ot-dtp-picker-form { border: none; background: none; height: auto !important } div.sqs-block-opentable-v2 .ot-dtp-picker.wide { margin: auto; width: auto } div.sqs-block-opentable-v2 .ot-dtp-picker.wide .ot-powered-by { background-size: contain; background-position: center; margin: 20px 0 0 } div.sqs-block-opentable-v2 .ot-dtp-picker-selector-link { background: #fff; color: #000; overflow: hidden; white-space: nowrap } div.sqs-block-opentable-v2 .oc-loading { text-align: center; font-family: sans-serif; line-height: 180px } div.sqs-block-opentable-v2 a { text-decoration: none !important } div.sqs-block-opentable-v2 .squarespace-opentable-new-age-wrapper { background: rgba(153, 153, 153, .15); padding: 30px; opacity: 0; transition: opacity .3s ease-out } div.sqs-block-opentable-v2 .squarespace-opentable-new-age-wrapper iframe { display: block; margin: 0 auto } div.sqs-block-opentable-v2 .squarespace-opentable-new-age-wrapper h1 { font-weight: normal; text-align: center; line-height: 1em; margin: 0 } div.sqs-block-opentable-v2 .squarespace-opentable-new-age-wrapper.loading { min-height: 270px } div.sqs-block-opentable-v2 .squarespace-opentable-new-age-wrapper.loaded { opacity: 1 } div.sqs-block-opentable-v2 .squarespace-opentable-button-wrapper .ot-dtp-picker-button { color: #fff; background: #000 } div.sqs-block-opentable-v2 h1 { color: #111 } div.sqs-block-opentable-v2 .squarespace-opentable-picker-wrapper { display: flex; justify-content: center; flex-wrap: wrap; margin: 10px 0 } div.sqs-block-opentable-v2 .squarespace-opentable-picker-wrapper .ot-dtp-picker-selector { margin: 10px; border-left: none !important } @media only screen and (max-width:650px) { div.sqs-block-opentable-v2 .squarespace-opentable-picker-wrapper { display: block; margin: 0 } div.sqs-block-opentable-v2 .squarespace-opentable-picker-wrapper .ot-dtp-picker-selector { margin: 20px auto; float: none !important } } div.sqs-block-opentable-v2 .squarespace-opentable-button-wrapper { text-align: center; display: block } div.sqs-block-opentable-v2 .squarespace-opentable-button-wrapper .ot-button { float: none !important; line-height: 1em; display: inline } div.sqs-block-opentable-v2 .squarespace-opentable-button-wrapper .ot-dtp-picker-button { border-radius: 0px !important; box-shadow: none; border: none } div.sqs-block-opentable-v2 .squarespace-opentable-new-age-wrapper.opentable-block-hide-icons .ot-dtp-picker-selector-link { padding-left: .875rem } div.sqs-block-opentable-v2 .squarespace-opentable-new-age-wrapper.opentable-block-hide-icons .ot-dtp-picker-selector-link:before { display: none } div.sqs-block-opentable-v2 .squarespace-opentable-new-age-wrapper.opentable-block-hide-title .squarespace-ot-title { display: none !important } div.sqs-block-opentable-v2 .squarespace-opentable-new-age-wrapper.opentable-block-hide-title .squarespace-opentable-picker-wrapper { margin-top: -10px } div.sqs-block-opentable-v2 .squarespace-opentable-new-age-wrapper.opentable-block-hide-logo .ot-powered-by { display: none } .field-error { border-radius: 2px; background: #cc3b3b url('../../../../../../../../assets.squarespace.com/universal/images-v6/standard/icon_close_7_light.png') no-repeat 9px 50%; color: #fff; display: inline-block; font-size: 13px; line-height: 23px; margin: 12px 0; padding: 5px 15px 3px 25px } .form-wrapper .form-submission-text:focus:not(:focus-visible), .form-wrapper .form-submission-html:focus:not(:focus-visible), .form-wrapper .field-error:focus:not(:focus-visible) { outline: none } .form-wrapper .field-list { line-height: normal } .form-wrapper .field-list fieldset, .form-wrapper .field-list legend { margin: 0; padding: 0; border: 0 } .form-wrapper .field-list textarea { min-height: 100px; resize: vertical } .form-wrapper .field-list textarea.medium { min-height: 200px } .form-wrapper .field-list textarea.large { min-height: 300px } .form-wrapper .field-list .section { margin: 2em 0; padding-bottom: .3em; font-size: .9em } .form-wrapper .field-list .section.underline { border-bottom: 1px solid #999 } .form-wrapper .field-list .section:nth-child(1) { margin: 0 0 2em 0 } .form-wrapper .field-list .title { display: block } .form-wrapper .field-list .description { padding: .5em 0 .5em; font-size: 12px; opacity: .7; display: block; white-space: pre-wrap } .form-wrapper .field-list .field { position: relative; margin: 0 0 24px } .form-wrapper .field-list .field .caption { font-size: 12px } .form-wrapper .field-list .field .caption .field-element { font-size: 14px } .form-wrapper .field-list .field .field-element { width: 100%; padding: 12px; margin: 6px 0 4px; border: 1px solid #ccc; background: #fafafa; color: #000; font-family: sans-serif; font-size: 12px; line-height: normal; box-sizing: border-box; border-radius: 2px } .form-wrapper .field-list .field .field-element:focus { background: #fff; transition: background .1s ease-in } .form-wrapper .field-list .field select { margin: 6px 0 4px; max-width: 100% } .form-wrapper .field-list .field .prefix { position: absolute; bottom: 16px; left: 8px; color: #aaa; font-family: sans-serif; font-size: 13px; line-height: 16px } .form-wrapper .field-list .field.twitter .field-element { padding-left: 22px } .form-wrapper .field-list .field.currency.hassymbol .field-element { padding-left: 20px } .form-wrapper .field-list .field.website .field-element { padding-left: 45px } .form-wrapper .field-list .field.checkbox label, .form-wrapper .field-list .field.radio label { cursor: pointer } .form-wrapper .field-list .field.checkbox input, .form-wrapper .field-list .field.radio input { margin-right: 5px } .form-wrapper .field-list .field .option { margin: 6px 0 4px; font-size: 13px } .form-wrapper .field-list .field.likert .item { margin: 1.6em 0 1.6em 0 } .form-wrapper .field-list .field.likert .question { margin: 0 0 .5em 0; font-size: .9em } .form-wrapper .field-list .field.likert .option { width: 20%; float: left; text-align: left; border-top: 1px solid #ddd } .form-wrapper .field-list .field.likert .option label { margin: 0; padding: 0 0 0 1px; font-size: .9em; display: block; cursor: pointer } .form-wrapper .field-list .field.likert .option input { margin: 10px 0; display: block } .form-wrapper .field-list .field.likert .option:last-of-type { border-right: none } .form-wrapper .field-list .fields { margin: 0 0 0 -2% } .form-wrapper .field-list .fields .title, .form-wrapper .field-list .fields .description, .form-wrapper .field-list .fields .field, .form-wrapper .field-list .fields .field-error { margin-left: 2% } .form-wrapper .field-list .fields .field { float: left } .form-wrapper .field-list .fields .field.two-digits { width: 3.5em } .form-wrapper .field-list .fields .field.three-digits { width: 4.2em } .form-wrapper .field-list .fields .field.four-digits { width: 4.8em } .form-wrapper .field-list .fields .field.ampm { width: 4.5em } .form-wrapper .field-list .fields.name .field { width: 48% } .form-wrapper .field-list .fields.address .field.address1, .form-wrapper .field-list .fields.address .field.address2 { width: 98% } .form-wrapper .field-list .fields.address .field.city { width: 70% } .form-wrapper .field-list .fields.address .field.state-province { width: 26% } .form-wrapper .field-list .fields.address .field.zip { width: 36% } .form-wrapper .field-list .fields.address .field.country { width: 98% } .form-wrapper .field-list .fields.payment .field.card-expiry-month { width: 40% } .form-wrapper .field-list .fields.payment .field.card-expiry-year { width: 40% } .form-wrapper .field-list .form-item.error, .form-wrapper .field-list .form-item.error .caption, .form-wrapper .field-list .form-item.error .title, .form-wrapper .field-list .form-item.error .description { color: #bd0000 } .form-wrapper .field-list .form-item.error input, .form-wrapper .field-list .form-item.error textarea { border: 1px solid #e99292 } .form-wrapper .form-button-wrapper--align-left { text-align: left } .form-wrapper .form-button-wrapper--align-center { text-align: center } .form-wrapper .form-button-wrapper--align-right { text-align: right } .form-wrapper input[type=submit] { display: inline-block; width: auto; height: auto; padding: 1em 2.5em; color: #fff; background-color: #272727; border-width: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1em; font-weight: normal; font-style: normal; text-transform: uppercase; letter-spacing: 0px; text-align: center; text-decoration: none; cursor: pointer; -webkit-appearance: none; appearance: none; font-size: 14px; text-transform: none } .form-wrapper .form-submission-text { margin-top: 20px } .form-wrapper .field .field-error { margin-bottom: .5em } .form-wrapper .submitting .field-list { opacity: .7 } .form-wrapper .hidden, .form-wrapper.hidden { display: none } .form-block .lightbox-handle-wrapper--align-left { text-align: left } .form-block .lightbox-handle-wrapper--align-center { text-align: center } .form-block .lightbox-handle-wrapper--align-right { text-align: right } .form-block .lightbox-handle { display: inline-block; width: auto; height: auto; padding: 1em 2.5em; color: #fff; background-color: #272727; border-width: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1em; font-weight: normal; font-style: normal; text-transform: uppercase; letter-spacing: 0px; text-align: center; text-decoration: none; cursor: pointer; -webkit-appearance: none; appearance: none; font-size: 14px; text-transform: none } .sqs-modal-lightbox { width: 100%; font-size: 14px; text-transform: none; font-style: normal; text-decoration: none } .sqs-modal-lightbox-content { z-index: 100000000; position: absolute; height: 100%; width: 100%; top: 0 } .sqs-modal-lightbox-content .lightbox-background { position: absolute; top: 0; width: 100%; height: 100%; background: #000; opacity: .4 } .sqs-modal-lightbox-content .lightbox-inner { position: fixed; overflow: auto; width: 100%; height: 100%; top: 0 } .sqs-modal-lightbox-content .lightbox-inner .lightbox-content { max-width: 600px; margin: 0 auto; position: relative; padding: 40px; background: #fff } .sqs-modal-lightbox-content .lightbox-inner .lightbox-content .form-wrapper { color: #222; font-family: inherit } .sqs-modal-lightbox-content .lightbox-inner .lightbox-content .form-wrapper .form-title { font-size: 22px; line-height: 1.2em; margin-right: 22px; color: #333 } .sqs-modal-lightbox-content .lightbox-inner .lightbox-content .form-wrapper .form-inner-wrapper form { margin-top: 55px } .sqs-modal-lightbox-content .lightbox-inner .lightbox-content .form-wrapper .form-inner-wrapper form .radio .option { margin-left: 1px } .sqs-modal-lightbox-content .lightbox-inner .lightbox-content .lightbox-close { position: absolute; color: #333; font-size: 22px; font-family: Arial, Helvetica, sans-serif; font-style: normal; width: 22px; line-height: 22px; top: 40px; right: 40px; text-align: center; cursor: pointer } @media only screen and (max-width:600px) { .sqs-modal-lightbox .sqs-modal-lightbox-content { height: 100vh } .sqs-modal-lightbox .lightbox-inner { background: #fff } .sqs-modal-lightbox .lightbox-inner .lightbox-content { margin-top: 0 !important } .sqs-modal-lightbox .lightbox-inner .lightbox-content .form-wrapper input, .sqs-modal-lightbox .lightbox-inner .lightbox-content .form-wrapper select, .sqs-modal-lightbox .lightbox-inner .lightbox-content .form-wrapper textarea { font-size: 16px !important; font-size: max(16px, 1rem) !important } } html.sqs-modal-lightbox-open, html.sqs-modal-lightbox-open body { overflow: hidden } .sqs-block-collectionlink .collectionlink-thumbnail, .link-block .collectionlink-thumbnail { overflow: hidden; height: 150px } .sqs-block-collectionlink .collectionlink-thumbnail a, .link-block .collectionlink-thumbnail a { display: block; height: 100% } .sqs-block-collectionlink .collectionlink-title, .link-block .collectionlink-title { font-size: 1.2em } .sqs-block-collectionlink .collectionlink-title a, .link-block .collectionlink-title a { display: block } .sqs-block-collectionlink .collectionlink-content-below-thumbnail .collectionlink-title, .link-block .collectionlink-content-below-thumbnail .collectionlink-title { margin: 1em 0 0 0 } .sqs-block-collectionlink .collectionlink-description, .link-block .collectionlink-description { margin: .75em 0 } .sqs-block-collectionlink .collectionlink-description p, .link-block .collectionlink-description p { font-size: .9em } .sqs-block-collectionlink .collection-more-link, .link-block .collection-more-link { display: none; margin-left: 3px } .sqs-block-collectionlink .sqs-blockStatus+.collectionlink-content, .link-block .sqs-blockStatus+.collectionlink-content { display: none } .sqs-block-tourdates .sqs-spin { position: absolute; top: 50px; left: 50%; margin-left: -15px } .sqs-widget.sqs-tourdates-bandsintown-list.loading .sqs-tourdates { min-height: 150px } .sqs-tourdates__item:not(:last-of-type) { border-bottom: 1px solid rgba(130, 130, 130, .15) } .sqs-tourdates__item { padding: 17px 0 } .sqs-tourdates__item:first-of-type { padding-top: 0 } .sqs-tourdates__item, .sqs-tourdates__venuelocation { display: flex; flex-direction: row; justify-content: space-between } .sqs-tourdates--info--column .sqs-tourdates__info, .sqs-tourdates--venuelocation--column .sqs-tourdates__venuelocation { flex-direction: column } .sqs-tourdates__info { display: flex; flex-grow: 1; flex-wrap: wrap } .sqs-tourdates__timeframe, .sqs-tourdates__venue, .sqs-tourdates__location { box-sizing: border-box; padding-right: 1em } .sqs-tourdates__date { margin-right: 5px } .sqs-tourdates__timeframe { min-width: 9em } .sqs-tourdates__venuelocation { flex-grow: 1; flex-wrap: wrap; min-width: 10em } .sqs-tourdates__venue, .sqs-tourdates__location { min-width: 50% } .sqs-tourdates__venueLink { display: block } .sqs-tourdates { font-size: 16px; line-height: 28px } .sqs-tourdates__timeframe { white-space: nowrap; font-size: 13px !important; font-weight: bold; letter-spacing: .5px } .sqs-tourdates__date, .sqs-tourdates__weekday { display: inline-block; text-transform: uppercase } .sqs-tourdates__venue-link, .sqs-tourdates__location-link { color: inherit !important; text-decoration: none !important } .sqs-tourdates__lineup { font-size: 14px; line-height: 18px; margin-right: 1em; margin-top: 2px; opacity: .6 } .sqs-tourdates__lineup-item { display: inline } .sqs-tourdates__lineup-item:first-child::before { content: 'w/ ' } .sqs-tourdates__lineup-item:not(:last-of-type):after { content: ', ' } .sqs-tourdates__actions { min-width: 150px; text-align: right; white-space: nowrap } .sqs-tourdates__button { width: auto; height: auto; padding: 1em 2.5em; color: #fff; background-color: #272727; border-width: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1em; font-weight: normal; font-style: normal; text-transform: uppercase; letter-spacing: 0px; text-align: center; text-decoration: none; cursor: pointer; -webkit-appearance: none; appearance: none; display: inline-block; padding: 0 12px !important; font-size: 11px !important; line-height: 28px } .sqs-tourdates__button:empty { display: none } .sqs-tourdates__button--disabled.sqs-tourdates__button, .sqs-tourdates__button--soldout.sqs-tourdates__button, .sqs-tourdates__button--disabled.sqs-tourdates__button:hover, .sqs-tourdates__button--soldout.sqs-tourdates__button:hover { opacity: .3; cursor: default; pointer-events: none } .social-summary-block .state-message.synchronizing { background-image: none; padding-left: 15px } .social-summary-block .state-message.synchronizing .sync-text { float: left; margin-left: 10px } .social-summary-block .state-message.synchronizing .spinner { float: left; background: transparent url('../../../../../../../../assets.squarespace.com/universal/images-v6/icons/icon-settings-16-light.png') center center no-repeat; height: 19px; width: 19px; animation-duration: 2s; animation-iteration-count: infinite; animation-name: spin-frames } .sqs-block-spacer .sqs-block-content { visibility: hidden } h1[data-rte-preserve-empty]:empty::before, h2[data-rte-preserve-empty]:empty::before, h3[data-rte-preserve-empty]:empty::before, h4[data-rte-preserve-empty]:empty::before, h5[data-rte-preserve-empty]:empty::before, h6[data-rte-preserve-empty]:empty::before, p[data-rte-preserve-empty]:empty::before { content: ''; display: inline-block } ol[data-rte-list] li { counter-increment: rte-list } ol[data-rte-list] li:first-child { counter-reset: rte-list } ul[data-rte-list] li, ol[data-rte-list] li { list-style-type: none } ul[data-rte-list] li>*, ol[data-rte-list] li>* { margin-top: .5em; margin-bottom: .5em } ul[data-rte-list] li>*:first-child::before, ol[data-rte-list] li>*:first-child::before { display: inline-block; margin-left: -40px; min-width: 40px; text-align: right; box-sizing: border-box } li>*:first-child::before { white-space: pre } ol[data-rte-list] li>*:first-child::before { content: " " counter(rte-list) ". " } ol[data-rte-list="upper-roman"] li>*:first-child::before { content: " " counter(rte-list, upper-roman) ". " } ol[data-rte-list="upper-alpha"] li>*:first-child::before { content: " " counter(rte-list, upper-alpha) ". " } ol[data-rte-list="lower-alpha"] li>*:first-child::before { content: " " counter(rte-list, lower-alpha) ". " } ol[data-rte-list="lower-roman"] li>*:first-child::before { content: " " counter(rte-list, lower-roman) ". " } ol[data-rte-list="decimal"] li>*:first-child::before { content: " " counter(rte-list, decimal) ". " } ul[data-rte-list] li>*:first-child::before { padding-right: 10px; content: "\2022" } ul[data-rte-list="disc"] li>*:first-child::before { content: "\2022" } ul[data-rte-list="circle"] li>*:first-child::before, ul[data-rte-list] ul[data-rte-list="default"] li>*:first-child::before { content: "\25CB" } ul[data-rte-list="square"] li>*:first-child::before, ul[data-rte-list] ul[data-rte-list] ul[data-rte-list="default"] li>*:first-child::before { content: "\25A0" } ul[data-rte-list="dash"] li>*:first-child::before { content: "-" } html.touch .sqs-product-quick-view-button-wrapper { display: none !important } .sqs-product-quick-view-button-wrapper { display: flex; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; text-align: center; z-index: auto; box-sizing: border-box } .tweak-product-quick-view-button-position-top .sqs-product-quick-view-button-wrapper { align-items: flex-start; justify-content: center } .tweak-product-quick-view-button-position-center .sqs-product-quick-view-button-wrapper { align-items: center; justify-content: center } .tweak-product-quick-view-button-position-bottom .sqs-product-quick-view-button-wrapper { align-items: flex-end; justify-content: center; bottom: -1px } .tweak-product-quick-view-button-style-floating.tweak-product-quick-view-button-position-top .sqs-product-quick-view-button-wrapper { padding-top: 1em } .tweak-product-quick-view-button-style-floating.tweak-product-quick-view-button-position-bottom .sqs-product-quick-view-button-wrapper { padding-bottom: 1em } .no-touch .sqs-product-quick-view-button-hover-area:hover .sqs-product-quick-view-button-wrapper .sqs-product-quick-view-button { opacity: 1 } .sqs-product-quick-view-button-wrapper .sqs-product-quick-view-button { opacity: 0; display: inline-block; position: relative; z-index: 6; width: auto; height: auto; padding: 1.5em; color: #fff; background-color: #1d1d1d; border-width: 0; line-height: 1em; text-align: center; text-decoration: none; cursor: pointer; -webkit-appearance: none; appearance: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: opacity .3s ease-in } .sqs-product-quick-view-button-wrapper .sqs-product-quick-view-button:focus { opacity: 1 } .sqs-product-quick-view-button-wrapper .sqs-product-quick-view-button:focus { outline-offset: -4px; outline-color: #fff } .sqs-product-quick-view-button-wrapper .sqs-product-quick-view-button:focus:not(:focus-visible) { outline-color: transparent } .tweak-product-quick-view-button-style-bar .sqs-product-quick-view-button-wrapper .sqs-product-quick-view-button { width: 100% } .sqs-product-quick-view-lightbox .sqs-product-quick-view-content { padding: 15px } .tweak-product-item-gallery-position-left .sqs-product-quick-view-lightbox .sqs-product-quick-view-content .ProductItem-details { padding: 30px 30px 30px 45px } .tweak-product-item-gallery-position-right .sqs-product-quick-view-lightbox .sqs-product-quick-view-content .ProductItem-details { padding: 30px 45px 30px 30px } .sqs-product-quick-view-lightbox .ProductItem-gallery { width: 60% } .sqs-product-quick-view-lightbox .ProductItem-details { width: 40% } .sqs-product-quick-view-lightbox a.ProductItem-details-title-link { border: none; color: inherit; text-decoration: none } .tweak-product-quick-view-lightbox-excerpt-display-hide .sqs-product-quick-view-lightbox .ProductItem-details-excerpt { display: none } .sqs-product-quick-view-lightbox-next-button, .sqs-product-quick-view-lightbox-prev-button, .sqs-product-quick-view-lightbox-close-button { display: block; border: none; padding: 0; background-color: transparent; position: fixed; width: 25px; height: 25px; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none; display: flex; align-items: center; justify-content: center } .sqs-product-quick-view-lightbox-next-button svg, .sqs-product-quick-view-lightbox-prev-button svg, .sqs-product-quick-view-lightbox-close-button svg { width: 100%; height: 100% } .sqs-product-quick-view-lightbox-next-button line, .sqs-product-quick-view-lightbox-prev-button line, .sqs-product-quick-view-lightbox-close-button line, .sqs-product-quick-view-lightbox-next-button polyline, .sqs-product-quick-view-lightbox-prev-button polyline, .sqs-product-quick-view-lightbox-close-button polyline { stroke: #1d1d1d } .tweak-product-quick-view-lightbox-controls-weight-hairline .sqs-product-quick-view-lightbox-next-button polyline, .tweak-product-quick-view-lightbox-controls-weight-hairline .sqs-product-quick-view-lightbox-prev-button polyline, .tweak-product-quick-view-lightbox-controls-weight-hairline .sqs-product-quick-view-lightbox-close-button polyline { stroke-width: 2 } .tweak-product-quick-view-lightbox-controls-weight-light .sqs-product-quick-view-lightbox-next-button polyline, .tweak-product-quick-view-lightbox-controls-weight-light .sqs-product-quick-view-lightbox-prev-button polyline, .tweak-product-quick-view-lightbox-controls-weight-light .sqs-product-quick-view-lightbox-close-button polyline { stroke-width: 4 } .tweak-product-quick-view-lightbox-controls-weight-medium .sqs-product-quick-view-lightbox-next-button polyline, .tweak-product-quick-view-lightbox-controls-weight-medium .sqs-product-quick-view-lightbox-prev-button polyline, .tweak-product-quick-view-lightbox-controls-weight-medium .sqs-product-quick-view-lightbox-close-button polyline { stroke-width: 6 } .tweak-product-quick-view-lightbox-controls-weight-heavy .sqs-product-quick-view-lightbox-next-button polyline, .tweak-product-quick-view-lightbox-controls-weight-heavy .sqs-product-quick-view-lightbox-prev-button polyline, .tweak-product-quick-view-lightbox-controls-weight-heavy .sqs-product-quick-view-lightbox-close-button polyline { stroke-width: 8 } .tweak-product-quick-view-lightbox-controls-weight-hairline .sqs-product-quick-view-lightbox-next-button line, .tweak-product-quick-view-lightbox-controls-weight-hairline .sqs-product-quick-view-lightbox-prev-button line, .tweak-product-quick-view-lightbox-controls-weight-hairline .sqs-product-quick-view-lightbox-close-button line { stroke-width: .83333333 } .tweak-product-quick-view-lightbox-controls-weight-light .sqs-product-quick-view-lightbox-next-button line, .tweak-product-quick-view-lightbox-controls-weight-light .sqs-product-quick-view-lightbox-prev-button line, .tweak-product-quick-view-lightbox-controls-weight-light .sqs-product-quick-view-lightbox-close-button line { stroke-width: 1.66666667 } .tweak-product-quick-view-lightbox-controls-weight-medium .sqs-product-quick-view-lightbox-next-button line, .tweak-product-quick-view-lightbox-controls-weight-medium .sqs-product-quick-view-lightbox-prev-button line, .tweak-product-quick-view-lightbox-controls-weight-medium .sqs-product-quick-view-lightbox-close-button line { stroke-width: 2.5 } .tweak-product-quick-view-lightbox-controls-weight-heavy .sqs-product-quick-view-lightbox-next-button line, .tweak-product-quick-view-lightbox-controls-weight-heavy .sqs-product-quick-view-lightbox-prev-button line, .tweak-product-quick-view-lightbox-controls-weight-heavy .sqs-product-quick-view-lightbox-close-button line { stroke-width: 3.33333333 } .sqs-product-quick-view-lightbox-next-button { top: 50%; transform: translatey(-50%); right: 12.5px } body:not(.tweak-product-quick-view-lightbox-show-arrows) .sqs-product-quick-view-lightbox-next-button { opacity: 0 } .sqs-product-quick-view-lightbox-prev-button { top: 50%; transform: translatey(-50%); left: 12.5px } body:not(.tweak-product-quick-view-lightbox-show-arrows) .sqs-product-quick-view-lightbox-prev-button { opacity: 0 } .sqs-product-quick-view-lightbox-close-button { top: 12.5px; right: 12.5px; width: 25px; z-index: 100000001 } .sqs-product-quick-view-lightbox-close-button svg { width: 80%; height: 80% } body:not(.tweak-product-quick-view-lightbox-show-close-button) .sqs-product-quick-view-lightbox-close-button { opacity: 0 } .sqs-product-quick-view-lightbox-element-hidden { opacity: 0; visibility: hidden; cursor: default } .sqs-style-mode-active .sqs-product-quick-view-lightbox .sqs-product-quick-view { pointer-events: none; cursor: not-allowed; cursor: no-drop } .sqs-product-quick-view-lightbox.sqs-modal-lightbox { visibility: visible } .sqs-product-quick-view-lightbox.sqs-modal-lightbox .sqs-modal-lightbox-content .lightbox-background { background: rgba(240, 240, 240, .6) !important; opacity: 1 } .sqs-product-quick-view-lightbox.sqs-modal-lightbox .sqs-modal-lightbox-content .lightbox-inner .lightbox-content { width: 85%; max-width: 900px; padding: 0px; background: #fff !important } .sqs-product-quick-view-lightbox.sqs-modal-lightbox .sqs-modal-lightbox-content .lightbox-inner .lightbox-content .lightbox-close { display: none } .sqs-product-quick-view-lightbox.sqs-modal-lightbox~.sqs-widgets-confirmation { z-index: 100000001 } .sqs-product-quick-view-lightbox.sqs-modal-lightbox[hidden] { visibility: hidden; display: block !important } .sqs-product-quick-view-lightbox.sqs-modal-lightbox[hidden] .sqs-modal-lightbox-content { left: -9999px; opacity: 0; transition: none } .sqs-product-quick-view-lightbox.sqs-modal-lightbox .sqs-modal-lightbox-content { transition: opacity .15s ease-out } .sqs-layout .html-block.sqs-block img { max-width: 100%; height: auto } .sqs-layout .html-block.sqs-block img[align=left] { margin-right: 34px } .sqs-layout .html-block.sqs-block img[align=right] { margin-left: 34px } .sqs-layout .html-block.sqs-block img[align=top] { vertical-align: top } .sqs-layout .html-block.sqs-block img[align=middle] { vertical-align: middle } .sqs-layout .html-block.sqs-block img[align=bottom] { vertical-align: bottom } .sqs-layout .html-block.sqs-block .full-image-float-left, .sqs-layout .html-block.sqs-block .thumbnail-image-float-left { float: left; margin-right: 34px } .sqs-layout .html-block.sqs-block .full-image-float-right, .sqs-layout .html-block.sqs-block .thumbnail-image-float-right { float: right; margin-left: 34px } .sqs-layout .html-block.sqs-block .full-image-block { display: block; margin-bottom: 34px } .sqs-layout .html-block.sqs-block div[data-src="v5"] img { max-width: 100% } .sqs-layout .html-block.sqs-block .thumbnail-caption { display: block } .sqs-layout .html-block.sqs-block .entry-content img { margin: 0 0 34px 0 } .sqs-layout .html-block.sqs-block .alignleft, .sqs-layout .html-block.sqs-block img.alignleft { margin-right: 34px; display: inline; float: left; width: auto } .sqs-layout .html-block.sqs-block .alignright, .sqs-layout .html-block.sqs-block img.alignright { margin-left: 34px; display: inline; float: right; width: auto } .sqs-layout .html-block.sqs-block .aligncenter, .sqs-layout .html-block.sqs-block img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; width: auto } .sqs-layout .html-block.sqs-block blockquote.left { margin-right: 34px; text-align: right; margin-left: 0; width: 33%; float: left } .sqs-layout .html-block.sqs-block blockquote.right { margin-left: 34px; text-align: left; margin-right: 0; width: 33%; float: right } [data-test="paywall-page-root"] { text-align: center; margin: auto } [data-test="paywall-page-root"] .paywall-preview-hidden { visibility: hidden } [data-test="paywall-page-root"] #headline { margin: 11px; overflow-wrap: break-spaces } [data-test="paywall-page-root"] #description { margin: 0 } [data-test="paywall-page-root"] #error { margin-top: 44px } [data-test="paywall-page-root"] .product-blocks-container { display: flex; justify-content: center; flex-wrap: wrap; margin-top: 28px } [data-test="paywall-page-root"] .product-blocks-container:has(>:nth-child(4)) { justify-content: flex-start } [data-test="paywall-page-root"] .product-blocks-container .product-block { min-height: 44px; width: 380px; margin: 16px; padding: 22px; border: 1px solid; border-radius: 10px } [data-test="paywall-page-root"] .product-blocks-container .product-block .hide, [data-test="paywall-page-root"] .product-blocks-container .product-block .join-button.hide { display: none } [data-test="paywall-page-root"] .see-more-text, [data-test="paywall-page-root"] .see-less-text { text-align: left; display: none; cursor: pointer; text-decoration: underline } [data-test="paywall-page-root"] .see-more-node .see-more-text, [data-test="paywall-page-root"] .see-less-node .see-less-text { display: block } [data-test="paywall-page-root"] .sign-in-button { display: inline-block; margin: 11px 0 5px 0; cursor: pointer; border: none; padding: 0; color: inherit; background-color: transparent } [data-test="paywall-page-root"] .pricing-plan-pricing-toggle-wrapper { display: flex; justify-content: center } [data-test="paywall-page-root"] .pricing-plan-pricing-options { display: grid; display: -ms-grid; grid-template-columns: repeat(2, 1fr); -ms-grid-columns: 1fr 1fr; list-style-type: none; padding: 0px; margin: 0px } [data-test="paywall-page-root"] .pricing-plan-pricing-options .sqs-editable-button.pricing-plan-pricing-option-button { width: 100%; height: 100%; padding: .6em 1.1em !important; text-align: center; border-radius: 0px; color: #272727; border: 1px solid #272727; background-color: transparent } @media (hover:hover) { [data-test="paywall-page-root"] .pricing-plan-pricing-options .sqs-editable-button.pricing-plan-pricing-option-button:hover { opacity: 1; color: #fff; background-color: #272727 } } [data-test="paywall-page-root"] .pricing-plan-pricing-options .sqs-editable-button.pricing-plan-pricing-option-selected { color: #fff; background-color: #272727 } [data-test="paywall-page-root"] .pricing-plan-pricing-options .left-option { -ms-grid-column: 1 } [data-test="paywall-page-root"] .pricing-plan-pricing-options .right-option { -ms-grid-column: 2 } [data-test="paywall-page-root"] .below-pricing-toggle { margin-top: 33px } [data-test="paywall-page-root"] .pricing-plan-benefits-divider { margin-top: 22px; margin-bottom: 22px } [data-test="paywall-page-root"] .pricing-plan-benefit-description:not(:last-child) { margin-bottom: 6px } [data-test="paywall-page-root"] .pricing-plan-pricing-toggle-wrapper .pricing-plan-pricing-options .pricing-plan-pricing-option-button.sqs-editable-button.sqs-system-button.left-button { border-radius: 300px 0px 0px 300px } [data-test="paywall-page-root"] .pricing-plan-pricing-toggle-wrapper .pricing-plan-pricing-options .pricing-plan-pricing-option-button.sqs-editable-button.sqs-system-button.right-button { border-radius: 0px 300px 300px 0px } [data-test="paywall-page-root"] .primary-button-style-outline .sqs-block-pricing-plan .pricing-plan-pricing-options .sqs-editable-button.pricing-plan-pricing-option-button { border-width: 2px } [data-test="paywall-page-root"] .productDetails div.product-title.pricing-plan-title { font-size: 1.5em; margin-top: 0; margin-bottom: 11px; -webkit-line-clamp: 6; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; line-height: normal } [data-test="paywall-page-root"] .paywall-pricing-aligner .no-pricing-options-aligner { height: 48px } [data-test="paywall-page-root"] .paywall-pricing-aligner .productDetails div.product-title.pricing-plan-title { margin-top: 33px } [data-test="paywall-page-root"] .pricing-plan-price-amount { font-size: 2em; margin-top: 11px; line-height: 90% } [data-test="paywall-page-root"] .pricing-plan-price-amount.non-paywalled { margin-bottom: 61px } [data-test="paywall-page-root"] .pricing-plan-price-billing-period { font-size: 1em; opacity: .75; margin-bottom: 22px; margin-top: 11px } [data-test="paywall-page-root"] .product-block .productDetails .product-price.pricing-plan-product-price { margin: 0 0 12px 0; line-height: normal } [data-test="paywall-page-root"] .product-block .productDetails .product-price.pricing-plan-product-price.below-pricing-toggle { margin-top: 33px } [data-test="paywall-page-root"] .pricing-plan-description { margin: 22px 0 0 0; line-height: normal; font-size: 1em; text-align: left; -webkit-line-clamp: 6; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden } [data-test="paywall-page-root"] .see-less-node .pricing-plan-description { -webkit-line-clamp: inherit; display: block } .product-block .sqs-editable-button { display: inline-block; width: auto; height: auto; padding: 1em 2.5em; color: #fff; background-color: #272727; border-width: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1em; font-weight: normal; font-style: normal; text-transform: uppercase; letter-spacing: 0px; text-align: center; text-decoration: none; cursor: pointer; -webkit-appearance: none; appearance: none } @media all and (max-width:414px) { [data-test="paywall-page-root"] { width: 350px } } @font-face { font-family: 'social-icon-font'; src: url('http://assets.squarespace.com/universal/fonts/social-20141119/social-icon-font.eot'); src: url('http://assets.squarespace.com/universal/fonts/social-20141119/social-icon-font.eot?#iefix') format('embedded-opentype'), url('http://assets.squarespace.com/universal/fonts/social-20141119/social-icon-font.woff') format('woff'), url('http://assets.squarespace.com/universal/fonts/social-20141119/social-icon-font.ttf') format('truetype'), url('http://assets.squarespace.com/universal/fonts/social-20141119/social-icon-font.svg#social-icon-font') format('svg'); font-weight: normal; font-style: normal } .social-smugmug:before, .social-dribbble:before, .social-youtube:before, .social-vimeo:before, .social-twitter:before, .social-tumblr:before, .social-pinterest:before, .social-linkedin:before, .social-instagram:before, .social-google:before, .social-foursquare:before, .social-flickr:before, .social-facebook:before, .social-fivehundredpix:before, .social-fivehundredpx:before, .social-email:before, .social-github:before, .social-rss:before, .social-spotify:before, .social-soundcloud:before, .social-itunes:before, .social-googleplay:before, .social-dropbox:before, .social-dropbox2017:before, .social-bandsintown:before, .social-behance:before, .social-codepen:before, .social-medium:before, .social-rdio:before, .social-squarespace:before, .social-vine:before, .social-yelp:before, .social-vevo:before, .social-meetup:before, .social-twitch:before, .social-vsco:before, .social-smugmug-square:before, .social-dribbble-square:before, .social-youtube-square:before, .social-vimeo-square:before, .social-twitter-square:before, .social-tumblr-square:before, .social-pinterest-square:before, .social-linkedin-square:before, .social-instagram-square:before, .social-google-square:before, .social-foursquare-square:before, .social-flickr-square:before, .social-facebook-square:before, .social-fivehundredpix-square:before, .social-fivehundredpx-square:before, .social-email-square:before, .social-github-square:before, .social-rss-square:before, .social-spotify-square:before, .social-soundcloud-square:before, .social-itunes-square:before, .social-googleplay-square:before, .social-dropbox-square:before, .social-dropbox2017-square:before, .social-bandsintown-square:before, .social-behance-square:before, .social-codepen-square:before, .social-medium-square:before, .social-rdio-square:before, .social-squarespace-square:before, .social-vine-square:before, .social-yelp-square:before, .social-vevo-square:before, .social-meetup-square:before, .social-twitch-square:before, .social-vsco-square:before, .social-smugmug-round:before, .social-dribbble-round:before, .social-youtube-round:before, .social-vimeo-round:before, .social-twitter-round:before, .social-tumblr-round:before, .social-pinterest-round:before, .social-linkedin-round:before, .social-instagram-round:before, .social-google-round:before, .social-foursquare-round:before, .social-flickr-round:before, .social-facebook-round:before, .social-fivehundredpix-round:before, .social-fivehundredpx-round:before, .social-email-round:before, .social-github-round:before, .social-rss-round:before, .social-spotify-round:before, .social-soundcloud-round:before, .social-itunes-round:before, .social-googleplay-round:before, .social-dropbox-round:before, .social-dropbox2017-round:before, .social-bandsintown-round:before, .social-behance-round:before, .social-codepen-round:before, .social-medium-round:before, .social-rdio-round:before, .social-squarespace-round:before, .social-vine-round:before, .social-yelp-round:before, .social-vevo-round:before, .social-meetup-round:before, .social-twitch-round:before, .social-vsco-round:before { font-family: 'social-icon-font'; speak: none; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .social-smugmug:before { content: "\e600" } .social-icon-style-square .social-smugmug:before { content: "\e601" } .social-icon-style-round .social-smugmug:before { content: "\e602" } .social-dribbble:before { content: "\e603" } .social-icon-style-square .social-dribbble:before { content: "\e604" } .social-icon-style-round .social-dribbble:before { content: "\e605" } .social-youtube:before { content: "\e606" } .social-icon-style-square .social-youtube:before { content: "\e607" } .social-icon-style-round .social-youtube:before { content: "\e608" } .social-vimeo:before { content: "\e609" } .social-icon-style-square .social-vimeo:before { content: "\e60a" } .social-icon-style-round .social-vimeo:before { content: "\e60b" } .social-twitter:before { content: "\e60c" } .social-icon-style-square .social-twitter:before { content: "\e60d" } .social-icon-style-round .social-twitter:before { content: "\e60e" } .social-tumblr:before { content: "\e60f" } .social-icon-style-square .social-tumblr:before { content: "\e610" } .social-icon-style-round .social-tumblr:before { content: "\e611" } .social-pinterest:before { content: "\e612" } .social-icon-style-square .social-pinterest:before { content: "\e613" } .social-icon-style-round .social-pinterest:before { content: "\e614" } .social-linkedin:before { content: "\e615" } .social-icon-style-square .social-linkedin:before { content: "\e616" } .social-icon-style-round .social-linkedin:before { content: "\e617" } .social-instagram:before { content: "\e618" } .social-icon-style-square .social-instagram:before { content: "\e619" } .social-icon-style-round .social-instagram:before { content: "\e61a" } .social-foursquare:before { content: "\e61e" } .social-icon-style-square .social-foursquare:before { content: "\e61f" } .social-icon-style-round .social-foursquare:before { content: "\e620" } .social-flickr:before { content: "\e621" } .social-icon-style-square .social-flickr:before { content: "\e622" } .social-icon-style-round .social-flickr:before { content: "\e623" } .social-facebook:before { content: "\e624" } .social-icon-style-square .social-facebook:before { content: "\e625" } .social-icon-style-round .social-facebook:before { content: "\e626" } .social-fivehundredpix:before { content: "\e627" } .social-icon-style-square .social-fivehundredpix:before { content: "\e628" } .social-icon-style-round .social-fivehundredpix:before { content: "\e629" } .social-fivehundredpx:before { content: "\e627" } .social-icon-style-square .social-fivehundredpx:before { content: "\e628" } .social-icon-style-round .social-fivehundredpx:before { content: "\e629" } .social-email:before { content: "\e62a" } .social-icon-style-square .social-email:before { content: "\e62b" } .social-icon-style-round .social-email:before { content: "\e62c" } .social-github:before { content: "\e62d" } .social-icon-style-square .social-github:before { content: "\e62e" } .social-icon-style-round .social-github:before { content: "\e62f" } .social-rss:before { content: "\e630" } .social-icon-style-square .social-rss:before { content: "\e631" } .social-icon-style-round .social-rss:before { content: "\e632" } .social-spotify:before { content: "\e633" } .social-icon-style-square .social-spotify:before { content: "\e634" } .social-icon-style-round .social-spotify:before { content: "\e635" } .social-soundcloud:before { content: "\e636" } .social-icon-style-square .social-soundcloud:before { content: "\e637" } .social-icon-style-round .social-soundcloud:before { content: "\e638" } .social-itunes:before { content: "\e639" } .social-icon-style-square .social-itunes:before { content: "\e63a" } .social-icon-style-round .social-itunes:before { content: "\e63b" } .social-googleplay:before { content: "\e63c" } .social-icon-style-square .social-googleplay:before { content: "\e63d" } .social-icon-style-round .social-googleplay:before { content: "\e63e" } .social-dropbox:before { content: "\e63f" } .social-icon-style-square .social-dropbox:before { content: "\e640" } .social-icon-style-round .social-dropbox:before { content: "\e641" } .social-dropbox2017:before { content: "\e63f" } .social-icon-style-square .social-dropbox2017:before { content: "\e640" } .social-icon-style-round .social-dropbox2017:before { content: "\e641" } .social-bandsintown:before { content: "\e642" } .social-icon-style-square .social-bandsintown:before { content: "\e643" } .social-icon-style-round .social-bandsintown:before { content: "\e644" } .social-behance:before { content: "\e645" } .social-icon-style-square .social-behance:before { content: "\e646" } .social-icon-style-round .social-behance:before { content: "\e647" } .social-codepen:before { content: "\e648" } .social-icon-style-square .social-codepen:before { content: "\e649" } .social-icon-style-round .social-codepen:before { content: "\e64a" } .social-medium:before { content: "\e64b" } .social-icon-style-square .social-medium:before { content: "\e64c" } .social-icon-style-round .social-medium:before { content: "\e64d" } .social-rdio:before { content: "\e64e" } .social-icon-style-square .social-rdio:before { content: "\e64f" } .social-icon-style-round .social-rdio:before { content: "\e650" } .social-squarespace:before { content: "\e651" } .social-icon-style-square .social-squarespace:before { content: "\e652" } .social-icon-style-round .social-squarespace:before { content: "\e653" } .social-vine:before { content: "\e654" } .social-icon-style-square .social-vine:before { content: "\e655" } .social-icon-style-round .social-vine:before { content: "\e656" } .social-yelp:before { content: "\e657" } .social-icon-style-square .social-yelp:before { content: "\e658" } .social-icon-style-round .social-yelp:before { content: "\e659" } .social-meetup:before { content: "\e65a" } .social-icon-style-square .social-meetup:before { content: "\e65b" } .social-icon-style-round .social-meetup:before { content: "\e65c" } .social-vevo:before { content: "\e65d" } .social-icon-style-square .social-vevo:before { content: "\e65e" } .social-icon-style-round .social-vevo:before { content: "\e65f" } .social-twitch:before { content: "\e660" } .social-icon-style-square .social-twitch:before { content: "\e661" } .social-icon-style-round .social-twitch:before { content: "\e662" } .social-vsco:before { content: "\e663" } .social-icon-style-square .social-vsco:before { content: "\e664" } .social-icon-style-round .social-vsco:before { content: "\e665" } .page-section>.content-wrapper { max-width: 1800px; margin: 0 auto; box-sizing: border-box } .page-section.full-bleed-section>.content-wrapper { max-width: 100% } .page-section:not(.full-bleed-section)>.content-wrapper { padding-right: 4vw; padding-left: 4vw; margin: 0 auto; box-sizing: content-box } .page-section .collection-content-wrapper, .page-section .gallery-content-wrapper { width: 100%; padding-right: 4vw; padding-left: 4vw; margin: 0 auto; box-sizing: border-box } @media screen and (max-width: 767px) { .page-section:not(.full-bleed-section)>.content-wrapper { padding-right: 6vw; padding-left: 6vw; box-sizing: border-box } .page-section .collection-content-wrapper, .page-section .gallery-content-wrapper { padding-right: 6vw; padding-left: 6vw } } .tweak-events-stacked-width-full .sqs-events-collection-list { box-sizing: border-box } .tweak-events-stacked-height-large .events { box-sizing: border-box } .sqs-events-collection-item.events { box-sizing: border-box } .image-position-right .image-title h1, .image-position-left .image-title h1, .image-position-right .image-title h2, .image-position-left .image-title h2, .image-position-right .image-title h3, .image-position-left .image-title h3, .image-position-right .image-title h4, .image-position-left .image-title h4, .image-position-right .image-title p, .image-position-left .image-title p { display: inline } .sqs-block-image .design-layout-stack .image-card-wrapper .image-subtitle-wrapper div.image-subtitle.sqs-dynamic-text { margin-top: 1.5rem } .sqs-block-image .design-layout-stack div.image-card-wrapper { margin-top: 2rem } h1, h2, h3, h4 { margin: 2rem 0 } .sqsrte-large, p, .sqsrte-small { margin: 1rem 0 } .sqs-block-html a, .image-title-wrapper a, .image-subtitle-wrapper a, .sqs-image-caption a, .image-caption a, .sqs-block-newsletter a, .list-item-content__description a, .list-section-title a, [data-rte-field="description"] a { background-repeat: repeat-x; background-image: linear-gradient(to right, currentColor 100%, currentColor 0); background-size: 1px 1px; background-position: 0 100%; white-space: initial } @supports (text-decoration-thickness: 1px) and (text-underline-offset: 0.2em) { .sqs-block-html a, .image-title-wrapper a, .image-subtitle-wrapper a, .sqs-image-caption a, .image-caption a, .sqs-block-newsletter a, .list-item-content__description a, .list-section-title a, [data-rte-field="description"] a { background-repeat: unset; background-image: unset; background-size: unset; background-position: unset; text-decoration-line: underline; text-decoration-style: solid; text-decoration-color: currentColor; text-decoration-thickness: 1px; text-underline-offset: .2em; text-decoration-skip: auto; text-decoration-skip-ink: auto } } #siteWrapper .sqs-button-element--primary, .sqs-block-form-lightbox .sqs-button-element--primary { font-family: var(--primary-button-font-font-family); font-style: var(--primary-button-font-font-style); font-weight: var(--primary-button-font-font-weight); line-height: var(--primary-button-font-line-height); letter-spacing: var(--primary-button-font-letter-spacing); text-transform: var(--primary-button-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { #siteWrapper .sqs-button-element--primary, .sqs-block-form-lightbox .sqs-button-element--primary { font-size: calc((var(--primary-button-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { #siteWrapper .sqs-button-element--primary, .sqs-block-form-lightbox .sqs-button-element--primary { font-size: calc((var(--primary-button-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { #siteWrapper .sqs-button-element--primary, .sqs-block-form-lightbox .sqs-button-element--primary { font-size: calc(var(--primary-button-font-font-size-value) * 1rem) } } #siteWrapper #Tock_widget_container .sqs-button-element--primary .TockWidget-B2, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--primary .TockWidget-B2, #siteWrapper #Tock_widget_container .sqs-button-element--primary .MainLabelSpan, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--primary .MainLabelSpan { font-family: var(--primary-button-font-font-family) !important; font-style: var(--primary-button-font-font-style) !important; font-weight: var(--primary-button-font-font-weight) !important; line-height: var(--primary-button-font-line-height) !important; letter-spacing: var(--primary-button-font-letter-spacing) !important; text-transform: var(--primary-button-font-text-transform) !important } @media screen and (max-width: 767px) and (orientation: portrait) { #siteWrapper #Tock_widget_container .sqs-button-element--primary .TockWidget-B2, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--primary .TockWidget-B2, #siteWrapper #Tock_widget_container .sqs-button-element--primary .MainLabelSpan, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--primary .MainLabelSpan { font-size: calc((var(--primary-button-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) !important } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { #siteWrapper #Tock_widget_container .sqs-button-element--primary .TockWidget-B2, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--primary .TockWidget-B2, #siteWrapper #Tock_widget_container .sqs-button-element--primary .MainLabelSpan, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--primary .MainLabelSpan { font-size: calc((var(--primary-button-font-font-size-value) - 1) * 1.2vw + 1rem) !important } } @media screen and (min-width:1944px) { #siteWrapper #Tock_widget_container .sqs-button-element--primary .TockWidget-B2, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--primary .TockWidget-B2, #siteWrapper #Tock_widget_container .sqs-button-element--primary .MainLabelSpan, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--primary .MainLabelSpan { font-size: calc(var(--primary-button-font-font-size-value) * 1rem) !important } } #siteWrapper .sqs-button-element--secondary, .sqs-block-form-lightbox .sqs-button-element--secondary { font-family: var(--secondary-button-font-font-family); font-style: var(--secondary-button-font-font-style); font-weight: var(--secondary-button-font-font-weight); line-height: var(--secondary-button-font-line-height); letter-spacing: var(--secondary-button-font-letter-spacing); text-transform: var(--secondary-button-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { #siteWrapper .sqs-button-element--secondary, .sqs-block-form-lightbox .sqs-button-element--secondary { font-size: calc((var(--secondary-button-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { #siteWrapper .sqs-button-element--secondary, .sqs-block-form-lightbox .sqs-button-element--secondary { font-size: calc((var(--secondary-button-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { #siteWrapper .sqs-button-element--secondary, .sqs-block-form-lightbox .sqs-button-element--secondary { font-size: calc(var(--secondary-button-font-font-size-value) * 1rem) } } #siteWrapper #Tock_widget_container .sqs-button-element--secondary .TockWidget-B2, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--secondary .TockWidget-B2, #siteWrapper #Tock_widget_container .sqs-button-element--secondary .MainLabelSpan, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--secondary .MainLabelSpan { font-family: var(--secondary-button-font-font-family) !important; font-style: var(--secondary-button-font-font-style) !important; font-weight: var(--secondary-button-font-font-weight) !important; line-height: var(--secondary-button-font-line-height) !important; letter-spacing: var(--secondary-button-font-letter-spacing) !important; text-transform: var(--secondary-button-font-text-transform) !important } @media screen and (max-width: 767px) and (orientation: portrait) { #siteWrapper #Tock_widget_container .sqs-button-element--secondary .TockWidget-B2, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--secondary .TockWidget-B2, #siteWrapper #Tock_widget_container .sqs-button-element--secondary .MainLabelSpan, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--secondary .MainLabelSpan { font-size: calc((var(--secondary-button-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) !important } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { #siteWrapper #Tock_widget_container .sqs-button-element--secondary .TockWidget-B2, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--secondary .TockWidget-B2, #siteWrapper #Tock_widget_container .sqs-button-element--secondary .MainLabelSpan, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--secondary .MainLabelSpan { font-size: calc((var(--secondary-button-font-font-size-value) - 1) * 1.2vw + 1rem) !important } } @media screen and (min-width:1944px) { #siteWrapper #Tock_widget_container .sqs-button-element--secondary .TockWidget-B2, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--secondary .TockWidget-B2, #siteWrapper #Tock_widget_container .sqs-button-element--secondary .MainLabelSpan, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--secondary .MainLabelSpan { font-size: calc(var(--secondary-button-font-font-size-value) * 1rem) !important } } #siteWrapper .sqs-button-element--tertiary, .sqs-block-form-lightbox .sqs-button-element--tertiary { font-family: var(--tertiary-button-font-font-family); font-style: var(--tertiary-button-font-font-style); font-weight: var(--tertiary-button-font-font-weight); line-height: var(--tertiary-button-font-line-height); letter-spacing: var(--tertiary-button-font-letter-spacing); text-transform: var(--tertiary-button-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { #siteWrapper .sqs-button-element--tertiary, .sqs-block-form-lightbox .sqs-button-element--tertiary { font-size: calc((var(--tertiary-button-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { #siteWrapper .sqs-button-element--tertiary, .sqs-block-form-lightbox .sqs-button-element--tertiary { font-size: calc((var(--tertiary-button-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { #siteWrapper .sqs-button-element--tertiary, .sqs-block-form-lightbox .sqs-button-element--tertiary { font-size: calc(var(--tertiary-button-font-font-size-value) * 1rem) } } #siteWrapper #Tock_widget_container .sqs-button-element--tertiary .TockWidget-B2, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--tertiary .TockWidget-B2, #siteWrapper #Tock_widget_container .sqs-button-element--tertiary .MainLabelSpan, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--tertiary .MainLabelSpan { font-family: var(--tertiary-button-font-font-family) !important; font-style: var(--tertiary-button-font-font-style) !important; font-weight: var(--tertiary-button-font-font-weight) !important; line-height: var(--tertiary-button-font-line-height) !important; letter-spacing: var(--tertiary-button-font-letter-spacing) !important; text-transform: var(--tertiary-button-font-text-transform) !important } @media screen and (max-width: 767px) and (orientation: portrait) { #siteWrapper #Tock_widget_container .sqs-button-element--tertiary .TockWidget-B2, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--tertiary .TockWidget-B2, #siteWrapper #Tock_widget_container .sqs-button-element--tertiary .MainLabelSpan, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--tertiary .MainLabelSpan { font-size: calc((var(--tertiary-button-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) !important } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { #siteWrapper #Tock_widget_container .sqs-button-element--tertiary .TockWidget-B2, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--tertiary .TockWidget-B2, #siteWrapper #Tock_widget_container .sqs-button-element--tertiary .MainLabelSpan, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--tertiary .MainLabelSpan { font-size: calc((var(--tertiary-button-font-font-size-value) - 1) * 1.2vw + 1rem) !important } } @media screen and (min-width:1944px) { #siteWrapper #Tock_widget_container .sqs-button-element--tertiary .TockWidget-B2, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--tertiary .TockWidget-B2, #siteWrapper #Tock_widget_container .sqs-button-element--tertiary .MainLabelSpan, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--tertiary .MainLabelSpan { font-size: calc(var(--tertiary-button-font-font-size-value) * 1rem) !important } } .sqs-heading-font { font-family: var(--heading-font-font-family); font-style: var(--heading-font-font-style); font-weight: var(--heading-font-font-weight); line-height: var(--heading-font-line-height); letter-spacing: var(--heading-font-letter-spacing); text-transform: var(--heading-font-text-transform) } .sqs-body-font { font-family: var(--body-font-font-family); font-style: var(--body-font-font-style); font-weight: var(--body-font-font-weight); line-height: var(--body-font-line-height); letter-spacing: var(--body-font-letter-spacing); text-transform: var(--body-font-text-transform) } .sqs-meta-font { font-family: var(--meta-font-font-family); font-style: var(--meta-font-font-style); font-weight: var(--meta-font-font-weight); line-height: var(--meta-font-line-height); letter-spacing: var(--meta-font-letter-spacing); text-transform: var(--meta-font-text-transform) } html, body { font-size: var(--base-font-size) } .site-wrapper, .sqs-catalog-item-list { font-family: var(--body-font-font-family); font-style: var(--body-font-font-style); font-weight: var(--body-font-font-weight); line-height: var(--body-font-line-height); letter-spacing: var(--body-font-letter-spacing); text-transform: var(--body-font-text-transform); -webkit-font-smoothing: antialiased } @media screen and (max-width: 767px) and (orientation: portrait) { .site-wrapper, .sqs-catalog-item-list { font-size: calc((var(--normal-text-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .site-wrapper, .sqs-catalog-item-list { font-size: calc((var(--normal-text-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .site-wrapper, .sqs-catalog-item-list { font-size: calc(var(--normal-text-size-value) * 1rem) } } .sqsrte-large, p, .sqsrte-small { line-height: var(--body-font-line-height) } h1, h2, h3, h4 { font-family: var(--heading-font-font-family); font-style: var(--heading-font-font-style); font-weight: var(--heading-font-font-weight); line-height: var(--heading-font-line-height); letter-spacing: var(--heading-font-letter-spacing); text-transform: var(--heading-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .sqsrte-large { font-size: calc((var(--large-text-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .sqsrte-large { font-size: calc((var(--large-text-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .sqsrte-large { font-size: calc(var(--large-text-size-value) * 1rem) } } @media screen and (max-width: 767px) and (orientation: portrait) { .sqsrte-small { font-size: calc((var(--small-text-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .sqsrte-small { font-size: calc((var(--small-text-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .sqsrte-small { font-size: calc(var(--small-text-size-value) * 1rem) } } [class^="sqsrte-text-color--"] { text-decoration: inherit } h1 { line-height: calc(var(--heading-font-line-height) * (1 + (1 - var(--heading-1-size-value))/25)) } @media screen and (max-width: 767px) and (orientation: portrait) { h1 { font-size: calc((var(--heading-1-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { h1 { font-size: calc((var(--heading-1-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { h1 { font-size: calc(var(--heading-1-size-value) * 1rem) } } h2 { line-height: calc(var(--heading-font-line-height) * (1 + (1 - var(--heading-2-size-value))/25)) } @media screen and (max-width: 767px) and (orientation: portrait) { h2 { font-size: calc((var(--heading-2-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { h2 { font-size: calc((var(--heading-2-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { h2 { font-size: calc(var(--heading-2-size-value) * 1rem) } } h3 { line-height: calc(var(--heading-font-line-height) * (1 + (1 - var(--heading-3-size-value))/25)) } @media screen and (max-width: 767px) and (orientation: portrait) { h3 { font-size: calc((var(--heading-3-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { h3 { font-size: calc((var(--heading-3-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { h3 { font-size: calc(var(--heading-3-size-value) * 1rem) } } h4 { line-height: calc(var(--heading-font-line-height) * (1 + (1 - var(--heading-4-size-value))/25)) } @media screen and (max-width: 767px) and (orientation: portrait) { h4 { font-size: calc((var(--heading-4-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { h4 { font-size: calc((var(--heading-4-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { h4 { font-size: calc(var(--heading-4-size-value) * 1rem) } } .sqs-block-html pre code { font-family: var(--meta-font-font-family); font-style: var(--meta-font-font-style); font-weight: var(--meta-font-font-weight); line-height: var(--meta-font-line-height); letter-spacing: var(--meta-font-letter-spacing); text-transform: var(--meta-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .sqs-block-html pre code { font-size: calc((var(--normal-meta-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .sqs-block-html pre code { font-size: calc((var(--normal-meta-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .sqs-block-html pre code { font-size: calc(var(--normal-meta-size-value) * 1rem) } } .sqs-announcement-bar-text, .sqs-announcement-bar-text p { font-family: var(--announcement-bar-font-font-family); font-style: var(--announcement-bar-font-font-style); font-weight: var(--announcement-bar-font-font-weight); line-height: var(--announcement-bar-font-line-height); letter-spacing: var(--announcement-bar-font-letter-spacing); text-transform: var(--announcement-bar-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .sqs-announcement-bar-text, .sqs-announcement-bar-text p { font-size: calc((var(--announcement-bar-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .sqs-announcement-bar-text, .sqs-announcement-bar-text p { font-size: calc((var(--announcement-bar-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .sqs-announcement-bar-text, .sqs-announcement-bar-text p { font-size: calc(var(--announcement-bar-font-font-size-value) * 1rem) } } .header-title-text { font-family: var(--site-title-font-font-family); font-style: var(--site-title-font-font-style); font-weight: var(--site-title-font-font-weight); line-height: var(--site-title-font-line-height); letter-spacing: var(--site-title-font-letter-spacing); text-transform: var(--site-title-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .header-title-text { font-size: calc((var(--site-title-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .header-title-text { font-size: calc((var(--site-title-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .header-title-text { font-size: calc(var(--site-title-font-font-size-value) * 1rem) } } .header-display-mobile .header-title-text { font-family: var(--mobile-site-title-font-font-family); font-style: var(--mobile-site-title-font-font-style); font-weight: var(--mobile-site-title-font-font-weight); line-height: var(--mobile-site-title-font-line-height); letter-spacing: var(--mobile-site-title-font-letter-spacing); text-transform: var(--mobile-site-title-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .header-display-mobile .header-title-text { font-size: calc((var(--mobile-site-title-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .header-display-mobile .header-title-text { font-size: calc((var(--mobile-site-title-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .header-display-mobile .header-title-text { font-size: calc(var(--mobile-site-title-font-font-size-value) * 1rem) } } .header-nav-item, .user-accounts-text-link, .cart-style-text, .icon-cart-quantity:not(.legacy-cart), .language-picker { font-family: var(--site-navigation-font-font-family); font-style: var(--site-navigation-font-font-style); font-weight: var(--site-navigation-font-font-weight); line-height: var(--site-navigation-font-line-height); letter-spacing: var(--site-navigation-font-letter-spacing); text-transform: var(--site-navigation-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .header-nav-item, .user-accounts-text-link, .cart-style-text, .icon-cart-quantity:not(.legacy-cart), .language-picker { font-size: calc((var(--site-navigation-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .header-nav-item, .user-accounts-text-link, .cart-style-text, .icon-cart-quantity:not(.legacy-cart), .language-picker { font-size: calc((var(--site-navigation-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .header-nav-item, .user-accounts-text-link, .cart-style-text, .icon-cart-quantity:not(.legacy-cart), .language-picker { font-size: calc(var(--site-navigation-font-font-size-value) * 1rem) } } .header-menu-nav-item { font-family: var(--site-navigation-font-font-family); font-style: var(--site-navigation-font-font-style); font-weight: var(--site-navigation-font-font-weight); line-height: var(--site-navigation-font-line-height); letter-spacing: var(--site-navigation-font-letter-spacing); text-transform: var(--site-navigation-font-text-transform); line-height: 1 } #siteWrapper .header-actions-action--cta .sqs-button-element--primary, #siteWrapper .header-skip-link { font-family: var(--header-button-font-font-family); font-style: var(--header-button-font-font-style); font-weight: var(--header-button-font-font-weight); line-height: var(--header-button-font-line-height); letter-spacing: var(--header-button-font-letter-spacing); text-transform: var(--header-button-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { #siteWrapper .header-actions-action--cta .sqs-button-element--primary, #siteWrapper .header-skip-link { font-size: calc((var(--header-button-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { #siteWrapper .header-actions-action--cta .sqs-button-element--primary, #siteWrapper .header-skip-link { font-size: calc((var(--header-button-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { #siteWrapper .header-actions-action--cta .sqs-button-element--primary, #siteWrapper .header-skip-link { font-size: calc(var(--header-button-font-font-size-value) * 1rem) } } #siteWrapper .header-menu-cta .sqs-button-element--primary { font-family: var(--header-button-font-font-family); font-style: var(--header-button-font-font-style); font-weight: var(--header-button-font-font-weight); line-height: var(--header-button-font-line-height); letter-spacing: var(--header-button-font-letter-spacing); text-transform: var(--header-button-font-text-transform); font-size: 1.2rem } .header-menu { font-size: 1.2em } .header-menu .user-accounts-text-link, .header-menu .cart-style-text, .header-menu .icon-cart-quantity:not(.legacy-cart), .header-menu .language-picker { font-size: 8.5vmin } @media screen and (min-width: 576px) { .header-menu .user-accounts-text-link, .header-menu .cart-style-text, .header-menu .icon-cart-quantity:not(.legacy-cart), .header-menu .language-picker { font-size: 6.6vmin } } @media screen and (min-width: 768px) { .header-menu .user-accounts-text-link, .header-menu .cart-style-text, .header-menu .icon-cart-quantity:not(.legacy-cart), .header-menu .language-picker { font-size: 6vmin } } .header-menu .user-accounts-link { margin: 0 0 0 1.5vw } @media screen and (max-width: 575px) { .header-menu .user-accounts-link { margin-bottom: 7vmin; margin-left: 0 } } @media screen and (min-width: 576px) { .header-menu .user-accounts-link { margin-bottom: 7vmin; margin-left: 0 } } @media screen and (min-width: 768px) { .header-menu .user-accounts-link { margin-bottom: 7vmin; margin-left: 0 } } .header-menu-nav-item a { font-size: 8.5vmin } @media screen and (min-width: 576px) { .header-menu-nav-item a { font-size: 6.6vmin } } @media screen and (min-width: 768px) { .header-menu-nav-item a { font-size: 6vmin } } .header-menu-controls { font-size: .85em } .gallery-section .gallery-caption p { font-family: var(--body-font-font-family); font-style: var(--body-font-font-style); font-weight: var(--body-font-font-weight); line-height: var(--body-font-line-height); letter-spacing: var(--body-font-letter-spacing); text-transform: var(--body-font-text-transform); font-size: 14px } .user-items-list .list-section-title { font-family: var(--list-section-title-text-font-font-family); font-style: var(--list-section-title-text-font-font-style); font-weight: var(--list-section-title-text-font-font-weight); line-height: var(--list-section-title-text-font-line-height); letter-spacing: var(--list-section-title-text-font-letter-spacing); text-transform: var(--list-section-title-text-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .user-items-list .list-section-title { font-size: calc((var(--list-section-title-text-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .user-items-list .list-section-title { font-size: calc((var(--list-section-title-text-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .user-items-list .list-section-title { font-size: calc(var(--list-section-title-text-font-font-size-value) * 1rem) } } .lesson-title { font-family: var(--video-basic-grid-list-title-font-font-family); font-style: var(--video-basic-grid-list-title-font-font-style); font-weight: var(--video-basic-grid-list-title-font-font-weight); line-height: var(--video-basic-grid-list-title-font-line-height); letter-spacing: var(--video-basic-grid-list-title-font-letter-spacing); text-transform: var(--video-basic-grid-list-title-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .lesson-title { font-size: calc((var(--video-basic-grid-list-title-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .lesson-title { font-size: calc((var(--video-basic-grid-list-title-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .lesson-title { font-size: calc(var(--video-basic-grid-list-title-font-font-size-value) * 1rem) } } .lessons.collection-content-wrapper .grid-desc { font-family: var(--video-basic-grid-list-excerpt-font-font-family); font-style: var(--video-basic-grid-list-excerpt-font-font-style); font-weight: var(--video-basic-grid-list-excerpt-font-font-weight); line-height: var(--video-basic-grid-list-excerpt-font-line-height); letter-spacing: var(--video-basic-grid-list-excerpt-font-letter-spacing); text-transform: var(--video-basic-grid-list-excerpt-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .lessons.collection-content-wrapper .grid-desc { font-size: calc((var(--video-basic-grid-list-excerpt-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .lessons.collection-content-wrapper .grid-desc { font-size: calc((var(--video-basic-grid-list-excerpt-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .lessons.collection-content-wrapper .grid-desc { font-size: calc(var(--video-basic-grid-list-excerpt-font-font-size-value) * 1rem) } } .lessons-grid-meta-container { font-family: var(--video-basic-grid-list-meta-font-font-family); font-style: var(--video-basic-grid-list-meta-font-font-style); font-weight: var(--video-basic-grid-list-meta-font-font-weight); line-height: var(--video-basic-grid-list-meta-font-line-height); letter-spacing: var(--video-basic-grid-list-meta-font-letter-spacing); text-transform: var(--video-basic-grid-list-meta-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .lessons-grid-meta-container { font-size: calc((var(--video-basic-grid-list-meta-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .lessons-grid-meta-container { font-size: calc((var(--video-basic-grid-list-meta-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .lessons-grid-meta-container { font-size: calc(var(--video-basic-grid-list-meta-font-font-size-value) * 1rem) } } .video-category-nav-link { font-family: var(--video-basic-grid-list-category-nav-font-font-family); font-style: var(--video-basic-grid-list-category-nav-font-font-style); font-weight: var(--video-basic-grid-list-category-nav-font-font-weight); line-height: var(--video-basic-grid-list-category-nav-font-line-height); letter-spacing: var(--video-basic-grid-list-category-nav-font-letter-spacing); text-transform: var(--video-basic-grid-list-category-nav-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .video-category-nav-link { font-size: calc((var(--video-basic-grid-list-category-nav-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .video-category-nav-link { font-size: calc((var(--video-basic-grid-list-category-nav-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .video-category-nav-link { font-size: calc(var(--video-basic-grid-list-category-nav-font-font-size-value) * 1rem) } } .lesson-item .lesson-details-title { font-family: var(--video-item-title-font-font-family); font-style: var(--video-item-title-font-font-style); font-weight: var(--video-item-title-font-font-weight); line-height: var(--video-item-title-font-line-height); letter-spacing: var(--video-item-title-font-letter-spacing); text-transform: var(--video-item-title-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .lesson-item .lesson-details-title { font-size: calc((var(--video-item-title-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .lesson-item .lesson-details-title { font-size: calc((var(--video-item-title-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .lesson-item .lesson-details-title { font-size: calc(var(--video-item-title-font-font-size-value) * 1rem) } } .lesson-item .lesson-grid-meta-container { font-family: var(--video-item-meta-font-font-family); font-style: var(--video-item-meta-font-font-style); font-weight: var(--video-item-meta-font-font-weight); line-height: var(--video-item-meta-font-line-height); letter-spacing: var(--video-item-meta-font-letter-spacing); text-transform: var(--video-item-meta-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .lesson-item .lesson-grid-meta-container { font-size: calc((var(--video-item-meta-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .lesson-item .lesson-grid-meta-container { font-size: calc((var(--video-item-meta-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .lesson-item .lesson-grid-meta-container { font-size: calc(var(--video-item-meta-font-font-size-value) * 1rem) } } .lesson-item .lesson-details-description { font-family: var(--video-item-description-font-font-family); font-style: var(--video-item-description-font-font-style); font-weight: var(--video-item-description-font-font-weight); line-height: var(--video-item-description-font-line-height); letter-spacing: var(--video-item-description-font-letter-spacing); text-transform: var(--video-item-description-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .lesson-item .lesson-details-description { font-size: calc((var(--video-item-description-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .lesson-item .lesson-details-description { font-size: calc((var(--video-item-description-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .lesson-item .lesson-details-description { font-size: calc(var(--video-item-description-font-font-size-value) * 1rem) } } .lesson-item .lesson-item-pagination-title { font-family: var(--video-item-pagination-font-font-family); font-style: var(--video-item-pagination-font-font-style); font-weight: var(--video-item-pagination-font-font-weight); line-height: var(--video-item-pagination-font-line-height); letter-spacing: var(--video-item-pagination-font-letter-spacing); text-transform: var(--video-item-pagination-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .lesson-item .lesson-item-pagination-title { font-size: calc((var(--video-item-pagination-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .lesson-item .lesson-item-pagination-title { font-size: calc((var(--video-item-pagination-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .lesson-item .lesson-item-pagination-title { font-size: calc(var(--video-item-pagination-font-font-size-value) * 1rem) } } .blog-basic-grid .blog-title { font-family: var(--blog-basic-grid-list-title-font-font-family); font-style: var(--blog-basic-grid-list-title-font-font-style); font-weight: var(--blog-basic-grid-list-title-font-font-weight); line-height: var(--blog-basic-grid-list-title-font-line-height); letter-spacing: var(--blog-basic-grid-list-title-font-letter-spacing); text-transform: var(--blog-basic-grid-list-title-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .blog-basic-grid .blog-title { font-size: calc((var(--blog-basic-grid-list-title-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .blog-basic-grid .blog-title { font-size: calc((var(--blog-basic-grid-list-title-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .blog-basic-grid .blog-title { font-size: calc(var(--blog-basic-grid-list-title-font-font-size-value) * 1rem) } } .blog-basic-grid .blog-excerpt, .blog-basic-grid .blog-more-link { font-family: var(--blog-basic-grid-list-excerpt-font-font-family); font-style: var(--blog-basic-grid-list-excerpt-font-font-style); font-weight: var(--blog-basic-grid-list-excerpt-font-font-weight); line-height: var(--blog-basic-grid-list-excerpt-font-line-height); letter-spacing: var(--blog-basic-grid-list-excerpt-font-letter-spacing); text-transform: var(--blog-basic-grid-list-excerpt-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .blog-basic-grid .blog-excerpt, .blog-basic-grid .blog-more-link { font-size: calc((var(--blog-basic-grid-list-excerpt-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .blog-basic-grid .blog-excerpt, .blog-basic-grid .blog-more-link { font-size: calc((var(--blog-basic-grid-list-excerpt-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .blog-basic-grid .blog-excerpt, .blog-basic-grid .blog-more-link { font-size: calc(var(--blog-basic-grid-list-excerpt-font-font-size-value) * 1rem) } } .blog-basic-grid .blog-categories, .blog-basic-grid .blog-author, .blog-basic-grid .blog-date { font-family: var(--blog-basic-grid-list-meta-font-font-family); font-style: var(--blog-basic-grid-list-meta-font-font-style); font-weight: var(--blog-basic-grid-list-meta-font-font-weight); line-height: var(--blog-basic-grid-list-meta-font-line-height); letter-spacing: var(--blog-basic-grid-list-meta-font-letter-spacing); text-transform: var(--blog-basic-grid-list-meta-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .blog-basic-grid .blog-categories, .blog-basic-grid .blog-author, .blog-basic-grid .blog-date { font-size: calc((var(--blog-basic-grid-list-meta-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .blog-basic-grid .blog-categories, .blog-basic-grid .blog-author, .blog-basic-grid .blog-date { font-size: calc((var(--blog-basic-grid-list-meta-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .blog-basic-grid .blog-categories, .blog-basic-grid .blog-author, .blog-basic-grid .blog-date { font-size: calc(var(--blog-basic-grid-list-meta-font-font-size-value) * 1rem) } } .blog-single-column .blog-title { font-family: var(--blog-single-column-list-title-font-font-family); font-style: var(--blog-single-column-list-title-font-font-style); font-weight: var(--blog-single-column-list-title-font-font-weight); line-height: var(--blog-single-column-list-title-font-line-height); letter-spacing: var(--blog-single-column-list-title-font-letter-spacing); text-transform: var(--blog-single-column-list-title-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .blog-single-column .blog-title { font-size: calc((var(--blog-single-column-list-title-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .blog-single-column .blog-title { font-size: calc((var(--blog-single-column-list-title-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .blog-single-column .blog-title { font-size: calc(var(--blog-single-column-list-title-font-font-size-value) * 1rem) } } .blog-single-column .blog-excerpt, .blog-single-column .blog-more-link { font-family: var(--blog-single-column-list-excerpt-font-font-family); font-style: var(--blog-single-column-list-excerpt-font-font-style); font-weight: var(--blog-single-column-list-excerpt-font-font-weight); line-height: var(--blog-single-column-list-excerpt-font-line-height); letter-spacing: var(--blog-single-column-list-excerpt-font-letter-spacing); text-transform: var(--blog-single-column-list-excerpt-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .blog-single-column .blog-excerpt, .blog-single-column .blog-more-link { font-size: calc((var(--blog-single-column-list-excerpt-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .blog-single-column .blog-excerpt, .blog-single-column .blog-more-link { font-size: calc((var(--blog-single-column-list-excerpt-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .blog-single-column .blog-excerpt, .blog-single-column .blog-more-link { font-size: calc(var(--blog-single-column-list-excerpt-font-font-size-value) * 1rem) } } .blog-single-column .blog-categories, .blog-single-column .blog-author, .blog-single-column .blog-date { font-family: var(--blog-single-column-list-meta-font-font-family); font-style: var(--blog-single-column-list-meta-font-font-style); font-weight: var(--blog-single-column-list-meta-font-font-weight); line-height: var(--blog-single-column-list-meta-font-line-height); letter-spacing: var(--blog-single-column-list-meta-font-letter-spacing); text-transform: var(--blog-single-column-list-meta-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .blog-single-column .blog-categories, .blog-single-column .blog-author, .blog-single-column .blog-date { font-size: calc((var(--blog-single-column-list-meta-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .blog-single-column .blog-categories, .blog-single-column .blog-author, .blog-single-column .blog-date { font-size: calc((var(--blog-single-column-list-meta-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .blog-single-column .blog-categories, .blog-single-column .blog-author, .blog-single-column .blog-date { font-size: calc(var(--blog-single-column-list-meta-font-font-size-value) * 1rem) } } .blog-side-by-side .blog-title { font-family: var(--blog-side-by-side-list-title-font-font-family); font-style: var(--blog-side-by-side-list-title-font-font-style); font-weight: var(--blog-side-by-side-list-title-font-font-weight); line-height: var(--blog-side-by-side-list-title-font-line-height); letter-spacing: var(--blog-side-by-side-list-title-font-letter-spacing); text-transform: var(--blog-side-by-side-list-title-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .blog-side-by-side .blog-title { font-size: calc((var(--blog-side-by-side-list-title-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .blog-side-by-side .blog-title { font-size: calc((var(--blog-side-by-side-list-title-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .blog-side-by-side .blog-title { font-size: calc(var(--blog-side-by-side-list-title-font-font-size-value) * 1rem) } } .blog-side-by-side .blog-excerpt, .blog-side-by-side .blog-more-link { font-family: var(--blog-side-by-side-list-excerpt-font-font-family); font-style: var(--blog-side-by-side-list-excerpt-font-font-style); font-weight: var(--blog-side-by-side-list-excerpt-font-font-weight); line-height: var(--blog-side-by-side-list-excerpt-font-line-height); letter-spacing: var(--blog-side-by-side-list-excerpt-font-letter-spacing); text-transform: var(--blog-side-by-side-list-excerpt-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .blog-side-by-side .blog-excerpt, .blog-side-by-side .blog-more-link { font-size: calc((var(--blog-side-by-side-list-excerpt-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .blog-side-by-side .blog-excerpt, .blog-side-by-side .blog-more-link { font-size: calc((var(--blog-side-by-side-list-excerpt-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .blog-side-by-side .blog-excerpt, .blog-side-by-side .blog-more-link { font-size: calc(var(--blog-side-by-side-list-excerpt-font-font-size-value) * 1rem) } } .blog-side-by-side .blog-categories, .blog-side-by-side .blog-author, .blog-side-by-side .blog-date { font-family: var(--blog-side-by-side-list-meta-font-font-family); font-style: var(--blog-side-by-side-list-meta-font-font-style); font-weight: var(--blog-side-by-side-list-meta-font-font-weight); line-height: var(--blog-side-by-side-list-meta-font-line-height); letter-spacing: var(--blog-side-by-side-list-meta-font-letter-spacing); text-transform: var(--blog-side-by-side-list-meta-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .blog-side-by-side .blog-categories, .blog-side-by-side .blog-author, .blog-side-by-side .blog-date { font-size: calc((var(--blog-side-by-side-list-meta-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .blog-side-by-side .blog-categories, .blog-side-by-side .blog-author, .blog-side-by-side .blog-date { font-size: calc((var(--blog-side-by-side-list-meta-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .blog-side-by-side .blog-categories, .blog-side-by-side .blog-author, .blog-side-by-side .blog-date { font-size: calc(var(--blog-side-by-side-list-meta-font-font-size-value) * 1rem) } } .blog-alternating-side-by-side .blog-title { font-family: var(--blog-alternating-side-by-side-list-title-font-font-family); font-style: var(--blog-alternating-side-by-side-list-title-font-font-style); font-weight: var(--blog-alternating-side-by-side-list-title-font-font-weight); line-height: var(--blog-alternating-side-by-side-list-title-font-line-height); letter-spacing: var(--blog-alternating-side-by-side-list-title-font-letter-spacing); text-transform: var(--blog-alternating-side-by-side-list-title-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .blog-alternating-side-by-side .blog-title { font-size: calc((var(--blog-alternating-side-by-side-list-title-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .blog-alternating-side-by-side .blog-title { font-size: calc((var(--blog-alternating-side-by-side-list-title-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .blog-alternating-side-by-side .blog-title { font-size: calc(var(--blog-alternating-side-by-side-list-title-font-font-size-value) * 1rem) } } .blog-alternating-side-by-side .blog-excerpt, .blog-alternating-side-by-side .blog-more-link { font-family: var(--blog-alternating-side-by-side-list-excerpt-font-font-family); font-style: var(--blog-alternating-side-by-side-list-excerpt-font-font-style); font-weight: var(--blog-alternating-side-by-side-list-excerpt-font-font-weight); line-height: var(--blog-alternating-side-by-side-list-excerpt-font-line-height); letter-spacing: var(--blog-alternating-side-by-side-list-excerpt-font-letter-spacing); text-transform: var(--blog-alternating-side-by-side-list-excerpt-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .blog-alternating-side-by-side .blog-excerpt, .blog-alternating-side-by-side .blog-more-link { font-size: calc((var(--blog-alternating-side-by-side-list-excerpt-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .blog-alternating-side-by-side .blog-excerpt, .blog-alternating-side-by-side .blog-more-link { font-size: calc((var(--blog-alternating-side-by-side-list-excerpt-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .blog-alternating-side-by-side .blog-excerpt, .blog-alternating-side-by-side .blog-more-link { font-size: calc(var(--blog-alternating-side-by-side-list-excerpt-font-font-size-value) * 1rem) } } .blog-alternating-side-by-side .blog-categories, .blog-alternating-side-by-side .blog-author, .blog-alternating-side-by-side .blog-date { font-family: var(--blog-alternating-side-by-side-list-meta-font-font-family); font-style: var(--blog-alternating-side-by-side-list-meta-font-font-style); font-weight: var(--blog-alternating-side-by-side-list-meta-font-font-weight); line-height: var(--blog-alternating-side-by-side-list-meta-font-line-height); letter-spacing: var(--blog-alternating-side-by-side-list-meta-font-letter-spacing); text-transform: var(--blog-alternating-side-by-side-list-meta-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .blog-alternating-side-by-side .blog-categories, .blog-alternating-side-by-side .blog-author, .blog-alternating-side-by-side .blog-date { font-size: calc((var(--blog-alternating-side-by-side-list-meta-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .blog-alternating-side-by-side .blog-categories, .blog-alternating-side-by-side .blog-author, .blog-alternating-side-by-side .blog-date { font-size: calc((var(--blog-alternating-side-by-side-list-meta-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .blog-alternating-side-by-side .blog-categories, .blog-alternating-side-by-side .blog-author, .blog-alternating-side-by-side .blog-date { font-size: calc(var(--blog-alternating-side-by-side-list-meta-font-font-size-value) * 1rem) } } .blog-masonry .blog-title { font-family: var(--blog-grid-masonry-list-title-font-font-family); font-style: var(--blog-grid-masonry-list-title-font-font-style); font-weight: var(--blog-grid-masonry-list-title-font-font-weight); line-height: var(--blog-grid-masonry-list-title-font-line-height); letter-spacing: var(--blog-grid-masonry-list-title-font-letter-spacing); text-transform: var(--blog-grid-masonry-list-title-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .blog-masonry .blog-title { font-size: calc((var(--blog-grid-masonry-list-title-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .blog-masonry .blog-title { font-size: calc((var(--blog-grid-masonry-list-title-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .blog-masonry .blog-title { font-size: calc(var(--blog-grid-masonry-list-title-font-font-size-value) * 1rem) } } .blog-masonry .blog-excerpt, .blog-masonry .blog-more-link { font-family: var(--blog-grid-masonry-list-excerpt-font-font-family); font-style: var(--blog-grid-masonry-list-excerpt-font-font-style); font-weight: var(--blog-grid-masonry-list-excerpt-font-font-weight); line-height: var(--blog-grid-masonry-list-excerpt-font-line-height); letter-spacing: var(--blog-grid-masonry-list-excerpt-font-letter-spacing); text-transform: var(--blog-grid-masonry-list-excerpt-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .blog-masonry .blog-excerpt, .blog-masonry .blog-more-link { font-size: calc((var(--blog-grid-masonry-list-excerpt-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .blog-masonry .blog-excerpt, .blog-masonry .blog-more-link { font-size: calc((var(--blog-grid-masonry-list-excerpt-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .blog-masonry .blog-excerpt, .blog-masonry .blog-more-link { font-size: calc(var(--blog-grid-masonry-list-excerpt-font-font-size-value) * 1rem) } } .blog-masonry .blog-categories, .blog-masonry .blog-author, .blog-masonry .blog-date { font-family: var(--blog-grid-masonry-list-meta-font-font-family); font-style: var(--blog-grid-masonry-list-meta-font-font-style); font-weight: var(--blog-grid-masonry-list-meta-font-font-weight); line-height: var(--blog-grid-masonry-list-meta-font-line-height); letter-spacing: var(--blog-grid-masonry-list-meta-font-letter-spacing); text-transform: var(--blog-grid-masonry-list-meta-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .blog-masonry .blog-categories, .blog-masonry .blog-author, .blog-masonry .blog-date { font-size: calc((var(--blog-grid-masonry-list-meta-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .blog-masonry .blog-categories, .blog-masonry .blog-author, .blog-masonry .blog-date { font-size: calc((var(--blog-grid-masonry-list-meta-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .blog-masonry .blog-categories, .blog-masonry .blog-author, .blog-masonry .blog-date { font-size: calc(var(--blog-grid-masonry-list-meta-font-font-size-value) * 1rem) } } .blog-item-wrapper .blog-item-title h1.entry-title { font-family: var(--blog-item-title-font-font-family); font-style: var(--blog-item-title-font-font-style); font-weight: var(--blog-item-title-font-font-weight); line-height: var(--blog-item-title-font-line-height); letter-spacing: var(--blog-item-title-font-letter-spacing); text-transform: var(--blog-item-title-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .blog-item-wrapper .blog-item-title h1.entry-title { font-size: calc((var(--blog-item-title-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .blog-item-wrapper .blog-item-title h1.entry-title { font-size: calc((var(--blog-item-title-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .blog-item-wrapper .blog-item-title h1.entry-title { font-size: calc(var(--blog-item-title-font-font-size-value) * 1rem) } } .blog-item-wrapper .blog-meta-item, .blog-item-wrapper .blog-meta-item a, .blog-item-wrapper .blog-meta-item span, .blog-item-wrapper .item-pagination-prev-next { font-family: var(--blog-item-meta-font-font-family); font-style: var(--blog-item-meta-font-font-style); font-weight: var(--blog-item-meta-font-font-weight); line-height: var(--blog-item-meta-font-line-height); letter-spacing: var(--blog-item-meta-font-letter-spacing); text-transform: var(--blog-item-meta-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .blog-item-wrapper .blog-meta-item, .blog-item-wrapper .blog-meta-item a, .blog-item-wrapper .blog-meta-item span, .blog-item-wrapper .item-pagination-prev-next { font-size: calc((var(--blog-item-meta-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .blog-item-wrapper .blog-meta-item, .blog-item-wrapper .blog-meta-item a, .blog-item-wrapper .blog-meta-item span, .blog-item-wrapper .item-pagination-prev-next { font-size: calc((var(--blog-item-meta-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .blog-item-wrapper .blog-meta-item, .blog-item-wrapper .blog-meta-item a, .blog-item-wrapper .blog-meta-item span, .blog-item-wrapper .item-pagination-prev-next { font-size: calc(var(--blog-item-meta-font-font-size-value) * 1rem) } } .blog-item-wrapper .author-name, .blog-item-wrapper .author-website, .blog-item-wrapper .author-bio { font-family: var(--blog-item-author-profile-font-font-family); font-style: var(--blog-item-author-profile-font-font-style); font-weight: var(--blog-item-author-profile-font-font-weight); line-height: var(--blog-item-author-profile-font-line-height); letter-spacing: var(--blog-item-author-profile-font-letter-spacing); text-transform: var(--blog-item-author-profile-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .blog-item-wrapper .author-name, .blog-item-wrapper .author-website, .blog-item-wrapper .author-bio { font-size: calc((var(--blog-item-author-profile-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .blog-item-wrapper .author-name, .blog-item-wrapper .author-website, .blog-item-wrapper .author-bio { font-size: calc((var(--blog-item-author-profile-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .blog-item-wrapper .author-name, .blog-item-wrapper .author-website, .blog-item-wrapper .author-bio { font-size: calc(var(--blog-item-author-profile-font-font-size-value) * 1rem) } } [data-collection-type^="blog"] .item-pagination-title { font-family: var(--blog-item-pagination-font-font-family); font-style: var(--blog-item-pagination-font-font-style); font-weight: var(--blog-item-pagination-font-font-weight); line-height: var(--blog-item-pagination-font-line-height); letter-spacing: var(--blog-item-pagination-font-letter-spacing); text-transform: var(--blog-item-pagination-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { [data-collection-type^="blog"] .item-pagination-title { font-size: calc((var(--blog-item-pagination-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { [data-collection-type^="blog"] .item-pagination-title { font-size: calc((var(--blog-item-pagination-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { [data-collection-type^="blog"] .item-pagination-title { font-size: calc(var(--blog-item-pagination-font-font-size-value) * 1rem) } } .portfolio-grid-basic .portfolio-title { font-family: var(--portfolio-grid-basic-title-font-font-family); font-style: var(--portfolio-grid-basic-title-font-font-style); font-weight: var(--portfolio-grid-basic-title-font-font-weight); line-height: var(--portfolio-grid-basic-title-font-line-height); letter-spacing: var(--portfolio-grid-basic-title-font-letter-spacing); text-transform: var(--portfolio-grid-basic-title-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .portfolio-grid-basic .portfolio-title { font-size: calc((var(--portfolio-grid-basic-title-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .portfolio-grid-basic .portfolio-title { font-size: calc((var(--portfolio-grid-basic-title-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .portfolio-grid-basic .portfolio-title { font-size: calc(var(--portfolio-grid-basic-title-font-font-size-value) * 1rem) } } .portfolio-grid-overlay .portfolio-title { font-family: var(--portfolio-grid-overlay-title-font-font-family); font-style: var(--portfolio-grid-overlay-title-font-font-style); font-weight: var(--portfolio-grid-overlay-title-font-font-weight); line-height: var(--portfolio-grid-overlay-title-font-line-height); letter-spacing: var(--portfolio-grid-overlay-title-font-letter-spacing); text-transform: var(--portfolio-grid-overlay-title-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .portfolio-grid-overlay .portfolio-title { font-size: calc((var(--portfolio-grid-overlay-title-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .portfolio-grid-overlay .portfolio-title { font-size: calc((var(--portfolio-grid-overlay-title-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .portfolio-grid-overlay .portfolio-title { font-size: calc(var(--portfolio-grid-overlay-title-font-font-size-value) * 1rem) } } .portfolio-hover[data-variant-hover-cover] .portfolio-hover-item-title { font-family: var(--portfolio-index-background-title-font-font-family); font-style: var(--portfolio-index-background-title-font-font-style); font-weight: var(--portfolio-index-background-title-font-font-weight); line-height: var(--portfolio-index-background-title-font-line-height); letter-spacing: var(--portfolio-index-background-title-font-letter-spacing); text-transform: var(--portfolio-index-background-title-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .portfolio-hover[data-variant-hover-cover] .portfolio-hover-item-title { font-size: calc((var(--portfolio-index-background-title-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .portfolio-hover[data-variant-hover-cover] .portfolio-hover-item-title { font-size: calc((var(--portfolio-index-background-title-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .portfolio-hover[data-variant-hover-cover] .portfolio-hover-item-title { font-size: calc(var(--portfolio-index-background-title-font-font-size-value) * 1rem) } } .collection-type-portfolio-index-background .portfolio-index-background-link h1 { font-family: var(--portfolio-index-background-title-font-font-family); font-style: var(--portfolio-index-background-title-font-font-style); font-weight: var(--portfolio-index-background-title-font-font-weight); line-height: var(--portfolio-index-background-title-font-line-height); letter-spacing: var(--portfolio-index-background-title-font-letter-spacing); text-transform: var(--portfolio-index-background-title-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .collection-type-portfolio-index-background .portfolio-index-background-link h1 { font-size: calc((var(--portfolio-index-background-title-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .collection-type-portfolio-index-background .portfolio-index-background-link h1 { font-size: calc((var(--portfolio-index-background-title-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .collection-type-portfolio-index-background .portfolio-index-background-link h1 { font-size: calc(var(--portfolio-index-background-title-font-font-size-value) * 1rem) } } .portfolio-hover[data-variant-hover-follow] .portfolio-hover-item-title { font-family: var(--portfolio-hover-follow-title-font-font-family); font-style: var(--portfolio-hover-follow-title-font-font-style); font-weight: var(--portfolio-hover-follow-title-font-font-weight); line-height: var(--portfolio-hover-follow-title-font-line-height); letter-spacing: var(--portfolio-hover-follow-title-font-letter-spacing); text-transform: var(--portfolio-hover-follow-title-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .portfolio-hover[data-variant-hover-follow] .portfolio-hover-item-title { font-size: calc((var(--portfolio-hover-follow-title-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .portfolio-hover[data-variant-hover-follow] .portfolio-hover-item-title { font-size: calc((var(--portfolio-hover-follow-title-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .portfolio-hover[data-variant-hover-follow] .portfolio-hover-item-title { font-size: calc(var(--portfolio-hover-follow-title-font-font-size-value) * 1rem) } } .portfolio-hover[data-variant-hover-static] .portfolio-hover-item-title { font-family: var(--portfolio-hover-static-title-font-font-family); font-style: var(--portfolio-hover-static-title-font-font-style); font-weight: var(--portfolio-hover-static-title-font-font-weight); line-height: var(--portfolio-hover-static-title-font-line-height); letter-spacing: var(--portfolio-hover-static-title-font-letter-spacing); text-transform: var(--portfolio-hover-static-title-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .portfolio-hover[data-variant-hover-static] .portfolio-hover-item-title { font-size: calc((var(--portfolio-hover-static-title-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .portfolio-hover[data-variant-hover-static] .portfolio-hover-item-title { font-size: calc((var(--portfolio-hover-static-title-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .portfolio-hover[data-variant-hover-static] .portfolio-hover-item-title { font-size: calc(var(--portfolio-hover-static-title-font-font-size-value) * 1rem) } } [data-collection-type^="portfolio"] .item-pagination-title { font-family: var(--portfolio-item-pagination-font-font-family); font-style: var(--portfolio-item-pagination-font-font-style); font-weight: var(--portfolio-item-pagination-font-font-weight); line-height: var(--portfolio-item-pagination-font-line-height); letter-spacing: var(--portfolio-item-pagination-font-letter-spacing); text-transform: var(--portfolio-item-pagination-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { [data-collection-type^="portfolio"] .item-pagination-title { font-size: calc((var(--portfolio-item-pagination-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { [data-collection-type^="portfolio"] .item-pagination-title { font-size: calc((var(--portfolio-item-pagination-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { [data-collection-type^="portfolio"] .item-pagination-title { font-size: calc(var(--portfolio-item-pagination-font-font-size-value) * 1rem) } } [data-collection-type^="events"] .item-pagination-title { font-family: var(--events-item-pagination-font-font-family); font-style: var(--events-item-pagination-font-font-style); font-weight: var(--events-item-pagination-font-font-weight); line-height: var(--events-item-pagination-font-line-height); letter-spacing: var(--events-item-pagination-font-letter-spacing); text-transform: var(--events-item-pagination-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { [data-collection-type^="events"] .item-pagination-title { font-size: calc((var(--events-item-pagination-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { [data-collection-type^="events"] .item-pagination-title { font-size: calc((var(--events-item-pagination-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { [data-collection-type^="events"] .item-pagination-title { font-size: calc(var(--events-item-pagination-font-font-size-value) * 1rem) } } [data-collection-type^="events"] .events-item-pagination-date { font-family: var(--events-item-pagination-date-font-font-family); font-style: var(--events-item-pagination-date-font-font-style); font-weight: var(--events-item-pagination-date-font-font-weight); line-height: var(--events-item-pagination-date-font-line-height); letter-spacing: var(--events-item-pagination-date-font-letter-spacing); text-transform: var(--events-item-pagination-date-font-text-transform); margin-bottom: 1rem } @media screen and (max-width: 767px) and (orientation: portrait) { [data-collection-type^="events"] .events-item-pagination-date { font-size: calc((var(--events-item-pagination-date-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { [data-collection-type^="events"] .events-item-pagination-date { font-size: calc((var(--events-item-pagination-date-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { [data-collection-type^="events"] .events-item-pagination-date { font-size: calc(var(--events-item-pagination-date-font-font-size-value) * 1rem) } } .sqs-block-collectionlink .collectionlink-title { font-family: var(--content-link-block-title-font-font-family); font-style: var(--content-link-block-title-font-font-style); font-weight: var(--content-link-block-title-font-font-weight); line-height: var(--content-link-block-title-font-line-height); letter-spacing: var(--content-link-block-title-font-letter-spacing); text-transform: var(--content-link-block-title-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .sqs-block-collectionlink .collectionlink-title { font-size: calc((var(--content-link-block-title-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .sqs-block-collectionlink .collectionlink-title { font-size: calc((var(--content-link-block-title-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .sqs-block-collectionlink .collectionlink-title { font-size: calc(var(--content-link-block-title-font-font-size-value) * 1rem) } } .sqs-block-image .sqs-dynamic-text { font-size: inherit !important; line-height: inherit !important } .sqs-block-image .design-layout-overlap .image-title * { line-height: 1.5 !important } .menu-select-labels { font-family: var(--menu-block-nav-font-font-family); font-style: var(--menu-block-nav-font-font-style); font-weight: var(--menu-block-nav-font-font-weight); line-height: var(--menu-block-nav-font-line-height); letter-spacing: var(--menu-block-nav-font-letter-spacing); text-transform: var(--menu-block-nav-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .menu-select-labels { font-size: calc((var(--menu-block-nav-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) !important } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .menu-select-labels { font-size: calc((var(--menu-block-nav-font-font-size-value) - 1) * 1.2vw + 1rem) !important } } @media screen and (min-width:1944px) { .menu-select-labels { font-size: calc(var(--menu-block-nav-font-font-size-value) * 1rem) !important } } .menu-section-title { font-family: var(--menu-block-title-font-font-family); font-style: var(--menu-block-title-font-font-style); font-weight: var(--menu-block-title-font-font-weight); line-height: var(--menu-block-title-font-line-height); letter-spacing: var(--menu-block-title-font-letter-spacing); text-transform: var(--menu-block-title-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .menu-section-title { font-size: calc((var(--menu-block-title-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) !important } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .menu-section-title { font-size: calc((var(--menu-block-title-font-font-size-value) - 1) * 1.2vw + 1rem) !important } } @media screen and (min-width:1944px) { .menu-section-title { font-size: calc(var(--menu-block-title-font-font-size-value) * 1rem) !important } } .menu-item-title { font-family: var(--menu-block-item-title-font-font-family); font-style: var(--menu-block-item-title-font-font-style); font-weight: var(--menu-block-item-title-font-font-weight); line-height: var(--menu-block-item-title-font-line-height); letter-spacing: var(--menu-block-item-title-font-letter-spacing); text-transform: var(--menu-block-item-title-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .menu-item-title { font-size: calc((var(--menu-block-item-title-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) !important } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .menu-item-title { font-size: calc((var(--menu-block-item-title-font-font-size-value) - 1) * 1.2vw + 1rem) !important } } @media screen and (min-width:1944px) { .menu-item-title { font-size: calc(var(--menu-block-item-title-font-font-size-value) * 1rem) !important } } .menu-item-description { font-family: var(--menu-block-item-description-font-font-family); font-style: var(--menu-block-item-description-font-font-style); font-weight: var(--menu-block-item-description-font-font-weight); line-height: var(--menu-block-item-description-font-line-height); letter-spacing: var(--menu-block-item-description-font-letter-spacing); text-transform: var(--menu-block-item-description-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .menu-item-description { font-size: calc((var(--menu-block-item-description-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) !important } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .menu-item-description { font-size: calc((var(--menu-block-item-description-font-font-size-value) - 1) * 1.2vw + 1rem) !important } } @media screen and (min-width:1944px) { .menu-item-description { font-size: calc(var(--menu-block-item-description-font-font-size-value) * 1rem) !important } } .menu-item-price-top, .menu-item-price-bottom { font-family: var(--menu-block-item-price-font-font-family); font-style: var(--menu-block-item-price-font-font-style); font-weight: var(--menu-block-item-price-font-font-weight); line-height: var(--menu-block-item-price-font-line-height); letter-spacing: var(--menu-block-item-price-font-letter-spacing); text-transform: var(--menu-block-item-price-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .menu-item-price-top, .menu-item-price-bottom { font-size: calc((var(--menu-block-item-price-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) !important } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .menu-item-price-top, .menu-item-price-bottom { font-size: calc((var(--menu-block-item-price-font-font-size-value) - 1) * 1.2vw + 1rem) !important } } @media screen and (min-width:1944px) { .menu-item-price-top, .menu-item-price-bottom { font-size: calc(var(--menu-block-item-price-font-font-size-value) * 1rem) !important } } .sqs-audio-embed { font-family: var(--meta-font-font-family); font-style: var(--meta-font-font-style); font-weight: var(--meta-font-font-weight); line-height: var(--meta-font-line-height); letter-spacing: var(--meta-font-letter-spacing); text-transform: var(--meta-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .sqs-audio-embed { font-size: calc((var(--normal-meta-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .sqs-audio-embed { font-size: calc((var(--normal-meta-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .sqs-audio-embed { font-size: calc(var(--normal-meta-size-value) * 1rem) } } .sqs-block-form .field-list .title { font-family: var(--form-block-title-text-font-font-family); font-style: var(--form-block-title-text-font-font-style); font-weight: var(--form-block-title-text-font-font-weight); line-height: var(--form-block-title-text-font-line-height); letter-spacing: var(--form-block-title-text-font-letter-spacing); text-transform: var(--form-block-title-text-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .sqs-block-form .field-list .title { font-size: calc((var(--form-block-title-text-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) !important } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .sqs-block-form .field-list .title { font-size: calc((var(--form-block-title-text-font-font-size-value) - 1) * 1.2vw + 1rem) !important } } @media screen and (min-width:1944px) { .sqs-block-form .field-list .title { font-size: calc(var(--form-block-title-text-font-font-size-value) * 1rem) !important } } .sqs-block-form .field-list input, .sqs-block-form .field-list textarea, .sqs-block-form .field-list .form-input-prefix { font-family: var(--form-block-input-text-font-font-family); font-style: var(--form-block-input-text-font-font-style); font-weight: var(--form-block-input-text-font-font-weight); line-height: var(--form-block-input-text-font-line-height); letter-spacing: var(--form-block-input-text-font-letter-spacing); text-transform: var(--form-block-input-text-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .sqs-block-form .field-list input, .sqs-block-form .field-list textarea, .sqs-block-form .field-list .form-input-prefix { font-size: calc((var(--form-block-input-text-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) !important } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .sqs-block-form .field-list input, .sqs-block-form .field-list textarea, .sqs-block-form .field-list .form-input-prefix { font-size: calc((var(--form-block-input-text-font-font-size-value) - 1) * 1.2vw + 1rem) !important } } @media screen and (min-width:1944px) { .sqs-block-form .field-list input, .sqs-block-form .field-list textarea, .sqs-block-form .field-list .form-input-prefix { font-size: calc(var(--form-block-input-text-font-font-size-value) * 1rem) !important } } .sqs-block-form .field-list .description { font-family: var(--form-block-description-text-font-font-family); font-style: var(--form-block-description-text-font-font-style); font-weight: var(--form-block-description-text-font-font-weight); line-height: var(--form-block-description-text-font-line-height); letter-spacing: var(--form-block-description-text-font-letter-spacing); text-transform: var(--form-block-description-text-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .sqs-block-form .field-list .description { font-size: calc((var(--form-block-description-text-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) !important } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .sqs-block-form .field-list .description { font-size: calc((var(--form-block-description-text-font-font-size-value) - 1) * 1.2vw + 1rem) !important } } @media screen and (min-width:1944px) { .sqs-block-form .field-list .description { font-size: calc(var(--form-block-description-text-font-font-size-value) * 1rem) !important } } .sqs-block-form .field-list .caption-text { font-family: var(--form-block-caption-text-font-font-family); font-style: var(--form-block-caption-text-font-font-style); font-weight: var(--form-block-caption-text-font-font-weight); line-height: var(--form-block-caption-text-font-line-height); letter-spacing: var(--form-block-caption-text-font-letter-spacing); text-transform: var(--form-block-caption-text-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .sqs-block-form .field-list .caption-text { font-size: calc((var(--form-block-caption-text-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) !important } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .sqs-block-form .field-list .caption-text { font-size: calc((var(--form-block-caption-text-font-font-size-value) - 1) * 1.2vw + 1rem) !important } } @media screen and (min-width:1944px) { .sqs-block-form .field-list .caption-text { font-size: calc(var(--form-block-caption-text-font-font-size-value) * 1rem) !important } } .sqs-block-form .field-list ::placeholder, .sqs-block-form .field-list select.show-placeholder { font-family: var(--form-block-placeholder-text-font-font-family); font-style: var(--form-block-placeholder-text-font-font-style); font-weight: var(--form-block-placeholder-text-font-font-weight); line-height: var(--form-block-placeholder-text-font-line-height); letter-spacing: var(--form-block-placeholder-text-font-letter-spacing); text-transform: var(--form-block-placeholder-text-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .sqs-block-form .field-list ::placeholder, .sqs-block-form .field-list select.show-placeholder { font-size: calc((var(--form-block-placeholder-text-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) !important } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .sqs-block-form .field-list ::placeholder, .sqs-block-form .field-list select.show-placeholder { font-size: calc((var(--form-block-placeholder-text-font-font-size-value) - 1) * 1.2vw + 1rem) !important } } @media screen and (min-width:1944px) { .sqs-block-form .field-list ::placeholder, .sqs-block-form .field-list select.show-placeholder { font-size: calc(var(--form-block-placeholder-text-font-font-size-value) * 1rem) !important } } .sqs-block-form .field-list :-ms-input-placeholder { font-family: var(--form-block-placeholder-text-font-font-family); font-style: var(--form-block-placeholder-text-font-font-style); font-weight: var(--form-block-placeholder-text-font-font-weight); line-height: var(--form-block-placeholder-text-font-line-height); letter-spacing: var(--form-block-placeholder-text-font-letter-spacing); text-transform: var(--form-block-placeholder-text-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .sqs-block-form .field-list :-ms-input-placeholder { font-size: calc((var(--form-block-placeholder-text-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) !important } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .sqs-block-form .field-list :-ms-input-placeholder { font-size: calc((var(--form-block-placeholder-text-font-font-size-value) - 1) * 1.2vw + 1rem) !important } } @media screen and (min-width:1944px) { .sqs-block-form .field-list :-ms-input-placeholder { font-size: calc(var(--form-block-placeholder-text-font-font-size-value) * 1rem) !important } } .sqs-block-form .field-list ::-ms-input-placeholder { font-family: var(--form-block-placeholder-text-font-font-family); font-style: var(--form-block-placeholder-text-font-font-style); font-weight: var(--form-block-placeholder-text-font-font-weight); line-height: var(--form-block-placeholder-text-font-line-height); letter-spacing: var(--form-block-placeholder-text-font-letter-spacing); text-transform: var(--form-block-placeholder-text-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .sqs-block-form .field-list ::-ms-input-placeholder { font-size: calc((var(--form-block-placeholder-text-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) !important } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .sqs-block-form .field-list ::-ms-input-placeholder { font-size: calc((var(--form-block-placeholder-text-font-font-size-value) - 1) * 1.2vw + 1rem) !important } } @media screen and (min-width:1944px) { .sqs-block-form .field-list ::-ms-input-placeholder { font-size: calc(var(--form-block-placeholder-text-font-font-size-value) * 1rem) !important } } .sqs-block-form .field-list .option { font-family: var(--form-block-option-text-font-font-family); font-style: var(--form-block-option-text-font-font-style); font-weight: var(--form-block-option-text-font-font-weight); line-height: var(--form-block-option-text-font-line-height); letter-spacing: var(--form-block-option-text-font-letter-spacing); text-transform: var(--form-block-option-text-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .sqs-block-form .field-list .option { font-size: calc((var(--form-block-option-text-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) !important } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .sqs-block-form .field-list .option { font-size: calc((var(--form-block-option-text-font-font-size-value) - 1) * 1.2vw + 1rem) !important } } @media screen and (min-width:1944px) { .sqs-block-form .field-list .option { font-size: calc(var(--form-block-option-text-font-font-size-value) * 1rem) !important } } .sqs-block-form .field-list .question { font-family: var(--form-block-survey-title-text-font-font-family); font-style: var(--form-block-survey-title-text-font-font-style); font-weight: var(--form-block-survey-title-text-font-font-weight); line-height: var(--form-block-survey-title-text-font-line-height); letter-spacing: var(--form-block-survey-title-text-font-letter-spacing); text-transform: var(--form-block-survey-title-text-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .sqs-block-form .field-list .question { font-size: calc((var(--form-block-survey-title-text-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) !important } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .sqs-block-form .field-list .question { font-size: calc((var(--form-block-survey-title-text-font-font-size-value) - 1) * 1.2vw + 1rem) !important } } @media screen and (min-width:1944px) { .sqs-block-form .field-list .question { font-size: calc(var(--form-block-survey-title-text-font-font-size-value) * 1rem) !important } } .sqs-block-form .field-list select { font-family: var(--form-block-select-dropdown-text-font-font-family); font-style: var(--form-block-select-dropdown-text-font-font-style); font-weight: var(--form-block-select-dropdown-text-font-font-weight); line-height: var(--form-block-select-dropdown-text-font-line-height); letter-spacing: var(--form-block-select-dropdown-text-font-letter-spacing); text-transform: var(--form-block-select-dropdown-text-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .sqs-block-form .field-list select { font-size: calc((var(--form-block-select-dropdown-text-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) !important } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .sqs-block-form .field-list select { font-size: calc((var(--form-block-select-dropdown-text-font-font-size-value) - 1) * 1.2vw + 1rem) !important } } @media screen and (min-width:1944px) { .sqs-block-form .field-list select { font-size: calc(var(--form-block-select-dropdown-text-font-font-size-value) * 1rem) !important } } .sqs-block-form .field-list .phone select { font-family: var(--form-block-input-text-font-font-family); font-style: var(--form-block-input-text-font-font-style); font-weight: var(--form-block-input-text-font-font-weight); line-height: var(--form-block-input-text-font-line-height); letter-spacing: var(--form-block-input-text-font-letter-spacing); text-transform: var(--form-block-input-text-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .sqs-block-form .field-list .phone select { font-size: calc((var(--form-block-input-text-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) !important } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .sqs-block-form .field-list .phone select { font-size: calc((var(--form-block-input-text-font-font-size-value) - 1) * 1.2vw + 1rem) !important } } @media screen and (min-width:1944px) { .sqs-block-form .field-list .phone select { font-size: calc(var(--form-block-input-text-font-font-size-value) * 1rem) !important } } .sqs-modal-lightbox-content .lightbox-inner .lightbox-content.lightbox-form-content-background .form-title { font-family: var(--heading-font-font-family); font-style: var(--heading-font-font-style); font-weight: var(--heading-font-font-weight); line-height: var(--heading-font-line-height); letter-spacing: var(--heading-font-letter-spacing); text-transform: var(--heading-font-text-transform); line-height: calc(var(--heading-font-line-height) * (1 + (1 - var(--heading-3-size-value))/25)) } @media screen and (max-width: 767px) and (orientation: portrait) { .sqs-modal-lightbox-content .lightbox-inner .lightbox-content.lightbox-form-content-background .form-title { font-size: calc((var(--heading-3-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .sqs-modal-lightbox-content .lightbox-inner .lightbox-content.lightbox-form-content-background .form-title { font-size: calc((var(--heading-3-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .sqs-modal-lightbox-content .lightbox-inner .lightbox-content.lightbox-form-content-background .form-title { font-size: calc(var(--heading-3-size-value) * 1rem) } } .newsletter-form .newsletter-form-header-title { font-family: var(--newsletter-block-title-text-font-font-family); font-style: var(--newsletter-block-title-text-font-font-style); font-weight: var(--newsletter-block-title-text-font-font-weight); line-height: var(--newsletter-block-title-text-font-line-height); letter-spacing: var(--newsletter-block-title-text-font-letter-spacing); text-transform: var(--newsletter-block-title-text-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .newsletter-form .newsletter-form-header-title { font-size: calc((var(--newsletter-block-title-text-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) !important } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .newsletter-form .newsletter-form-header-title { font-size: calc((var(--newsletter-block-title-text-font-font-size-value) - 1) * 1.2vw + 1rem) !important } } @media screen and (min-width:1944px) { .newsletter-form .newsletter-form-header-title { font-size: calc(var(--newsletter-block-title-text-font-font-size-value) * 1rem) !important } } .newsletter-form .newsletter-form-header-description { font-family: var(--newsletter-block-description-text-font-font-family); font-style: var(--newsletter-block-description-text-font-font-style); font-weight: var(--newsletter-block-description-text-font-font-weight); line-height: var(--newsletter-block-description-text-font-line-height); letter-spacing: var(--newsletter-block-description-text-font-letter-spacing); text-transform: var(--newsletter-block-description-text-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .newsletter-form .newsletter-form-header-description { font-size: calc((var(--newsletter-block-description-text-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) !important } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .newsletter-form .newsletter-form-header-description { font-size: calc((var(--newsletter-block-description-text-font-font-size-value) - 1) * 1.2vw + 1rem) !important } } @media screen and (min-width:1944px) { .newsletter-form .newsletter-form-header-description { font-size: calc(var(--newsletter-block-description-text-font-font-size-value) * 1rem) !important } } .newsletter-form .newsletter-form-field-element { font-family: var(--newsletter-block-field-text-font-font-family); font-style: var(--newsletter-block-field-text-font-font-style); font-weight: var(--newsletter-block-field-text-font-font-weight); line-height: var(--newsletter-block-field-text-font-line-height); letter-spacing: var(--newsletter-block-field-text-font-letter-spacing); text-transform: var(--newsletter-block-field-text-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .newsletter-form .newsletter-form-field-element { font-size: calc((var(--newsletter-block-description-text-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) !important } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .newsletter-form .newsletter-form-field-element { font-size: calc((var(--newsletter-block-description-text-font-font-size-value) - 1) * 1.2vw + 1rem) !important } } @media screen and (min-width:1944px) { .newsletter-form .newsletter-form-field-element { font-size: calc(var(--newsletter-block-description-text-font-font-size-value) * 1rem) !important } } .newsletter-form .newsletter-form-footnote { font-family: var(--newsletter-block-footnote-text-font-font-family); font-style: var(--newsletter-block-footnote-text-font-font-style); font-weight: var(--newsletter-block-footnote-text-font-font-weight); line-height: var(--newsletter-block-footnote-text-font-line-height); letter-spacing: var(--newsletter-block-footnote-text-font-letter-spacing); text-transform: var(--newsletter-block-footnote-text-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .newsletter-form .newsletter-form-footnote { font-size: calc((var(--newsletter-block-footnote-text-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) !important } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .newsletter-form .newsletter-form-footnote { font-size: calc((var(--newsletter-block-footnote-text-font-font-size-value) - 1) * 1.2vw + 1rem) !important } } @media screen and (min-width:1944px) { .newsletter-form .newsletter-form-footnote { font-size: calc(var(--newsletter-block-footnote-text-font-font-size-value) * 1rem) !important } } .newsletter-block .newsletter-form-field-element, .newsletter-block .newsletter-form-button { padding: 1.4rem 2rem !important; line-height: 1.2rem !important } @media screen and (max-width: 767px) and (orientation: portrait) { .sqs-block-summary-v2 .summary-block-setting-text-size-extralarge .summary-title { font-size: calc((var(--heading-2-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .sqs-block-summary-v2 .summary-block-setting-text-size-extralarge .summary-title { font-size: calc((var(--heading-2-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .sqs-block-summary-v2 .summary-block-setting-text-size-extralarge .summary-title { font-size: calc(var(--heading-2-size-value) * 1rem) } } @media screen and (max-width: 767px) and (orientation: portrait) { .sqs-block-summary-v2 .summary-block-setting-text-size-extralarge .summary-excerpt p { font-size: calc((var(--normal-text-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .sqs-block-summary-v2 .summary-block-setting-text-size-extralarge .summary-excerpt p { font-size: calc((var(--normal-text-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .sqs-block-summary-v2 .summary-block-setting-text-size-extralarge .summary-excerpt p { font-size: calc(var(--normal-text-size-value) * 1rem) } } @media screen and (max-width: 767px) and (orientation: portrait) { .sqs-block-summary-v2 .summary-block-setting-text-size-large .summary-title { font-size: calc((var(--large-text-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .sqs-block-summary-v2 .summary-block-setting-text-size-large .summary-title { font-size: calc((var(--large-text-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .sqs-block-summary-v2 .summary-block-setting-text-size-large .summary-title { font-size: calc(var(--large-text-size-value) * 1rem) } } @media screen and (max-width: 767px) and (orientation: portrait) { .sqs-block-summary-v2 .summary-title, .sqs-block-summary-v2 .summary-block-setting-text-size-medium .summary-title { font-size: calc((var(--normal-text-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .sqs-block-summary-v2 .summary-title, .sqs-block-summary-v2 .summary-block-setting-text-size-medium .summary-title { font-size: calc((var(--normal-text-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .sqs-block-summary-v2 .summary-title, .sqs-block-summary-v2 .summary-block-setting-text-size-medium .summary-title { font-size: calc(var(--normal-text-size-value) * 1rem) } } @media screen and (max-width: 767px) and (orientation: portrait) { .sqs-block-summary-v2 .summary-block-setting-text-size-small .summary-title { font-size: calc((var(--small-text-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .sqs-block-summary-v2 .summary-block-setting-text-size-small .summary-title { font-size: calc((var(--small-text-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .sqs-block-summary-v2 .summary-block-setting-text-size-small .summary-title { font-size: calc(var(--small-text-size-value) * 1rem) } } div.sqs-block-opentable-v2 .squarespace-opentable-new-age-wrapper h1 { font-family: var(--heading-font-font-family); font-style: var(--heading-font-font-style); font-weight: var(--heading-font-font-weight); line-height: var(--heading-font-line-height); letter-spacing: var(--heading-font-letter-spacing); text-transform: var(--heading-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { div.sqs-block-opentable-v2 .squarespace-opentable-new-age-wrapper h1 { font-size: calc((var(--heading-3-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { div.sqs-block-opentable-v2 .squarespace-opentable-new-age-wrapper h1 { font-size: calc((var(--heading-3-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { div.sqs-block-opentable-v2 .squarespace-opentable-new-age-wrapper h1 { font-size: calc(var(--heading-3-size-value) * 1rem) } } .sqs-block-quote blockquote { font-family: var(--quote-block-text-font-font-family); font-style: var(--quote-block-text-font-font-style); font-weight: var(--quote-block-text-font-font-weight); line-height: var(--quote-block-text-font-line-height); letter-spacing: var(--quote-block-text-font-letter-spacing); text-transform: var(--quote-block-text-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .sqs-block-quote blockquote { font-size: calc((var(--quote-block-text-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .sqs-block-quote blockquote { font-size: calc((var(--quote-block-text-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .sqs-block-quote blockquote { font-size: calc(var(--quote-block-text-font-font-size-value) * 1rem) } } .sqs-block-quote .source { font-family: var(--quote-block-source-font-font-family); font-style: var(--quote-block-source-font-font-style); font-weight: var(--quote-block-source-font-font-weight); line-height: var(--quote-block-source-font-line-height); letter-spacing: var(--quote-block-source-font-letter-spacing); text-transform: var(--quote-block-source-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .sqs-block-quote .source { font-size: calc((var(--quote-block-source-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .sqs-block-quote .source { font-size: calc((var(--quote-block-source-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .sqs-block-quote .source { font-size: calc(var(--quote-block-source-font-font-size-value) * 1rem) } } @media screen and (max-width: 991px) { html { font-size: min(var(--base-font-size), 16px) } } .course-list .course-list__course-name { font-family: var(--course-list-course-name-font-font-family); font-style: var(--course-list-course-name-font-font-style); font-weight: var(--course-list-course-name-font-font-weight); line-height: var(--course-list-course-name-font-line-height); letter-spacing: var(--course-list-course-name-font-letter-spacing); text-transform: var(--course-list-course-name-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .course-list .course-list__course-name { font-size: calc((var(--course-list-course-name-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .course-list .course-list__course-name { font-size: calc((var(--course-list-course-name-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .course-list .course-list__course-name { font-size: calc(var(--course-list-course-name-font-font-size-value) * 1rem) } } .course-list .course-list__course-description { font-family: var(--course-list-course-description-font-font-family); font-style: var(--course-list-course-description-font-font-style); font-weight: var(--course-list-course-description-font-font-weight); line-height: var(--course-list-course-description-font-line-height); letter-spacing: var(--course-list-course-description-font-letter-spacing); text-transform: var(--course-list-course-description-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .course-list .course-list__course-description { font-size: calc((var(--course-list-course-description-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .course-list .course-list__course-description { font-size: calc((var(--course-list-course-description-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .course-list .course-list__course-description { font-size: calc(var(--course-list-course-description-font-font-size-value) * 1rem) } } .course-list .course-list__list-chapter-item-chapter-name { font-family: var(--course-list-chapter-item-chapter-name-font-font-family); font-style: var(--course-list-chapter-item-chapter-name-font-font-style); font-weight: var(--course-list-chapter-item-chapter-name-font-font-weight); line-height: var(--course-list-chapter-item-chapter-name-font-line-height); letter-spacing: var(--course-list-chapter-item-chapter-name-font-letter-spacing); text-transform: var(--course-list-chapter-item-chapter-name-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .course-list .course-list__list-chapter-item-chapter-name { font-size: calc((var(--course-list-chapter-item-chapter-name-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .course-list .course-list__list-chapter-item-chapter-name { font-size: calc((var(--course-list-chapter-item-chapter-name-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .course-list .course-list__list-chapter-item-chapter-name { font-size: calc(var(--course-list-chapter-item-chapter-name-font-font-size-value) * 1rem) } } .course-list .course-list__list-chapter-item-chapter-meta { font-family: var(--course-list-chapter-item-chapter-meta-font-font-family); font-style: var(--course-list-chapter-item-chapter-meta-font-font-style); font-weight: var(--course-list-chapter-item-chapter-meta-font-font-weight); line-height: var(--course-list-chapter-item-chapter-meta-font-line-height); letter-spacing: var(--course-list-chapter-item-chapter-meta-font-letter-spacing); text-transform: var(--course-list-chapter-item-chapter-meta-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .course-list .course-list__list-chapter-item-chapter-meta { font-size: calc((var(--course-list-chapter-item-chapter-meta-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .course-list .course-list__list-chapter-item-chapter-meta { font-size: calc((var(--course-list-chapter-item-chapter-meta-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .course-list .course-list__list-chapter-item-chapter-meta { font-size: calc(var(--course-list-chapter-item-chapter-meta-font-font-size-value) * 1rem) } } .course-list .course-list__list-course-item-lesson-name { font-family: var(--course-list-course-item-lesson-name-font-font-family); font-style: var(--course-list-course-item-lesson-name-font-font-style); font-weight: var(--course-list-course-item-lesson-name-font-font-weight); line-height: var(--course-list-course-item-lesson-name-font-line-height); letter-spacing: var(--course-list-course-item-lesson-name-font-letter-spacing); text-transform: var(--course-list-course-item-lesson-name-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .course-list .course-list__list-course-item-lesson-name { font-size: calc((var(--course-list-course-item-lesson-name-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .course-list .course-list__list-course-item-lesson-name { font-size: calc((var(--course-list-course-item-lesson-name-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .course-list .course-list__list-course-item-lesson-name { font-size: calc(var(--course-list-course-item-lesson-name-font-font-size-value) * 1rem) } } .course-list .course-list__list-course-item-lesson-excerpt { font-family: var(--course-list-course-item-lesson-excerpt-font-font-family); font-style: var(--course-list-course-item-lesson-excerpt-font-font-style); font-weight: var(--course-list-course-item-lesson-excerpt-font-font-weight); line-height: var(--course-list-course-item-lesson-excerpt-font-line-height); letter-spacing: var(--course-list-course-item-lesson-excerpt-font-letter-spacing); text-transform: var(--course-list-course-item-lesson-excerpt-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .course-list .course-list__list-course-item-lesson-excerpt { font-size: calc((var(--course-list-course-item-lesson-excerpt-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .course-list .course-list__list-course-item-lesson-excerpt { font-size: calc((var(--course-list-course-item-lesson-excerpt-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .course-list .course-list__list-course-item-lesson-excerpt { font-size: calc(var(--course-list-course-item-lesson-excerpt-font-font-size-value) * 1rem) } } .course-list .course-list__list-course-item-lesson-meta { font-family: var(--course-list-course-item-lesson-meta-font-font-family); font-style: var(--course-list-course-item-lesson-meta-font-font-style); font-weight: var(--course-list-course-item-lesson-meta-font-font-weight); line-height: var(--course-list-course-item-lesson-meta-font-line-height); letter-spacing: var(--course-list-course-item-lesson-meta-font-letter-spacing); text-transform: var(--course-list-course-item-lesson-meta-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .course-list .course-list__list-course-item-lesson-meta { font-size: calc((var(--course-list-course-item-lesson-meta-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .course-list .course-list__list-course-item-lesson-meta { font-size: calc((var(--course-list-course-item-lesson-meta-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .course-list .course-list__list-course-item-lesson-meta { font-size: calc(var(--course-list-course-item-lesson-meta-font-font-size-value) * 1rem) } } .course-list .course-list__grid-chapter-item-chapter-name { font-family: var(--course-list-grid-layout-chapter-name-font-font-family); font-style: var(--course-list-grid-layout-chapter-name-font-font-style); font-weight: var(--course-list-grid-layout-chapter-name-font-font-weight); line-height: var(--course-list-grid-layout-chapter-name-font-line-height); letter-spacing: var(--course-list-grid-layout-chapter-name-font-letter-spacing); text-transform: var(--course-list-grid-layout-chapter-name-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .course-list .course-list__grid-chapter-item-chapter-name { font-size: calc((var(--course-list-grid-layout-chapter-name-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .course-list .course-list__grid-chapter-item-chapter-name { font-size: calc((var(--course-list-grid-layout-chapter-name-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .course-list .course-list__grid-chapter-item-chapter-name { font-size: calc(var(--course-list-grid-layout-chapter-name-font-font-size-value) * 1rem) } } .course-list .course-list__grid-chapter-item-chapter-meta { font-family: var(--course-list-grid-layout-chapter-meta-font-font-family); font-style: var(--course-list-grid-layout-chapter-meta-font-font-style); font-weight: var(--course-list-grid-layout-chapter-meta-font-font-weight); line-height: var(--course-list-grid-layout-chapter-meta-font-line-height); letter-spacing: var(--course-list-grid-layout-chapter-meta-font-letter-spacing); text-transform: var(--course-list-grid-layout-chapter-meta-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .course-list .course-list__grid-chapter-item-chapter-meta { font-size: calc((var(--course-list-grid-layout-chapter-meta-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .course-list .course-list__grid-chapter-item-chapter-meta { font-size: calc((var(--course-list-grid-layout-chapter-meta-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .course-list .course-list__grid-chapter-item-chapter-meta { font-size: calc(var(--course-list-grid-layout-chapter-meta-font-font-size-value) * 1rem) } } .course-list .course-list__grid-course-item-lesson-name { font-family: var(--course-list-grid-layout-course-item-name-font-font-family); font-style: var(--course-list-grid-layout-course-item-name-font-font-style); font-weight: var(--course-list-grid-layout-course-item-name-font-font-weight); line-height: var(--course-list-grid-layout-course-item-name-font-line-height); letter-spacing: var(--course-list-grid-layout-course-item-name-font-letter-spacing); text-transform: var(--course-list-grid-layout-course-item-name-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .course-list .course-list__grid-course-item-lesson-name { font-size: calc((var(--course-list-grid-layout-course-item-name-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .course-list .course-list__grid-course-item-lesson-name { font-size: calc((var(--course-list-grid-layout-course-item-name-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .course-list .course-list__grid-course-item-lesson-name { font-size: calc(var(--course-list-grid-layout-course-item-name-font-font-size-value) * 1rem) } } .course-list .course-list__grid-course-item-lesson-excerpt { font-family: var(--course-list-grid-layout-course-item-excerpt-font-font-family); font-style: var(--course-list-grid-layout-course-item-excerpt-font-font-style); font-weight: var(--course-list-grid-layout-course-item-excerpt-font-font-weight); line-height: var(--course-list-grid-layout-course-item-excerpt-font-line-height); letter-spacing: var(--course-list-grid-layout-course-item-excerpt-font-letter-spacing); text-transform: var(--course-list-grid-layout-course-item-excerpt-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .course-list .course-list__grid-course-item-lesson-excerpt { font-size: calc((var(--course-list-grid-layout-course-item-excerpt-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .course-list .course-list__grid-course-item-lesson-excerpt { font-size: calc((var(--course-list-grid-layout-course-item-excerpt-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .course-list .course-list__grid-course-item-lesson-excerpt { font-size: calc(var(--course-list-grid-layout-course-item-excerpt-font-font-size-value) * 1rem) } } .course-list .course-list__grid-course-item-lesson-meta { font-family: var(--course-list-grid-layout-course-item-meta-font-font-family); font-style: var(--course-list-grid-layout-course-item-meta-font-font-style); font-weight: var(--course-list-grid-layout-course-item-meta-font-font-weight); line-height: var(--course-list-grid-layout-course-item-meta-font-line-height); letter-spacing: var(--course-list-grid-layout-course-item-meta-font-letter-spacing); text-transform: var(--course-list-grid-layout-course-item-meta-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .course-list .course-list__grid-course-item-lesson-meta { font-size: calc((var(--course-list-grid-layout-course-item-meta-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .course-list .course-list__grid-course-item-lesson-meta { font-size: calc((var(--course-list-grid-layout-course-item-meta-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .course-list .course-list__grid-course-item-lesson-meta { font-size: calc(var(--course-list-grid-layout-course-item-meta-font-font-size-value) * 1rem) } } .course-item .course-item__side-nav-chapter-title { font-family: var(--course-item-side-nav-chapter-name-font-font-family); font-style: var(--course-item-side-nav-chapter-name-font-font-style); font-weight: var(--course-item-side-nav-chapter-name-font-font-weight); line-height: var(--course-item-side-nav-chapter-name-font-line-height); letter-spacing: var(--course-item-side-nav-chapter-name-font-letter-spacing); text-transform: var(--course-item-side-nav-chapter-name-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .course-item .course-item__side-nav-chapter-title { font-size: calc((var(--course-item-side-nav-chapter-name-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .course-item .course-item__side-nav-chapter-title { font-size: calc((var(--course-item-side-nav-chapter-name-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .course-item .course-item__side-nav-chapter-title { font-size: calc(var(--course-item-side-nav-chapter-name-font-font-size-value) * 1rem) } } .course-item .course-item__side-nav-chapter-metadata { font-family: var(--course-item-side-nav-chapter-meta-font-font-family); font-style: var(--course-item-side-nav-chapter-meta-font-font-style); font-weight: var(--course-item-side-nav-chapter-meta-font-font-weight); line-height: var(--course-item-side-nav-chapter-meta-font-line-height); letter-spacing: var(--course-item-side-nav-chapter-meta-font-letter-spacing); text-transform: var(--course-item-side-nav-chapter-meta-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .course-item .course-item__side-nav-chapter-metadata { font-size: calc((var(--course-item-side-nav-chapter-meta-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .course-item .course-item__side-nav-chapter-metadata { font-size: calc((var(--course-item-side-nav-chapter-meta-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .course-item .course-item__side-nav-chapter-metadata { font-size: calc(var(--course-item-side-nav-chapter-meta-font-font-size-value) * 1rem) } } .course-item .course-item__side-nav-link-title { font-family: var(--course-item-side-nav-lesson-name-font-font-family); font-style: var(--course-item-side-nav-lesson-name-font-font-style); font-weight: var(--course-item-side-nav-lesson-name-font-font-weight); line-height: var(--course-item-side-nav-lesson-name-font-line-height); letter-spacing: var(--course-item-side-nav-lesson-name-font-letter-spacing); text-transform: var(--course-item-side-nav-lesson-name-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .course-item .course-item__side-nav-link-title { font-size: calc((var(--course-item-side-nav-lesson-name-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .course-item .course-item__side-nav-link-title { font-size: calc((var(--course-item-side-nav-lesson-name-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .course-item .course-item__side-nav-link-title { font-size: calc(var(--course-item-side-nav-lesson-name-font-font-size-value) * 1rem) } } .course-item .course-item__side-nav-lesson-metadata { font-family: var(--course-item-side-nav-lesson-meta-font-font-family); font-style: var(--course-item-side-nav-lesson-meta-font-font-style); font-weight: var(--course-item-side-nav-lesson-meta-font-font-weight); line-height: var(--course-item-side-nav-lesson-meta-font-line-height); letter-spacing: var(--course-item-side-nav-lesson-meta-font-letter-spacing); text-transform: var(--course-item-side-nav-lesson-meta-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .course-item .course-item__side-nav-lesson-metadata { font-size: calc((var(--course-item-side-nav-lesson-meta-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .course-item .course-item__side-nav-lesson-metadata { font-size: calc((var(--course-item-side-nav-lesson-meta-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .course-item .course-item__side-nav-lesson-metadata { font-size: calc(var(--course-item-side-nav-lesson-meta-font-font-size-value) * 1rem) } } .course-item .course-item__course-title { font-family: var(--course-item-name-font-font-family); font-style: var(--course-item-name-font-font-style); font-weight: var(--course-item-name-font-font-weight); line-height: var(--course-item-name-font-line-height); letter-spacing: var(--course-item-name-font-letter-spacing); text-transform: var(--course-item-name-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .course-item .course-item__course-title { font-size: calc((var(--course-item-name-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .course-item .course-item__course-title { font-size: calc((var(--course-item-name-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .course-item .course-item__course-title { font-size: calc(var(--course-item-name-font-font-size-value) * 1rem) } } .course-item .course-item__side-nav-mobile-course-title { font-family: var(--course-item-name-mobile-font-font-family); font-style: var(--course-item-name-mobile-font-font-style); font-weight: var(--course-item-name-mobile-font-font-weight); line-height: var(--course-item-name-mobile-font-line-height); letter-spacing: var(--course-item-name-mobile-font-letter-spacing); text-transform: var(--course-item-name-mobile-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .course-item .course-item__side-nav-mobile-course-title { font-size: calc((var(--course-item-name-mobile-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .course-item .course-item__side-nav-mobile-course-title { font-size: calc((var(--course-item-name-mobile-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .course-item .course-item__side-nav-mobile-course-title { font-size: calc(var(--course-item-name-mobile-font-font-size-value) * 1rem) } } .course-item .course-item__chapter-title { font-family: var(--course-item-chapter-name-font-font-family); font-style: var(--course-item-chapter-name-font-font-style); font-weight: var(--course-item-chapter-name-font-font-weight); line-height: var(--course-item-chapter-name-font-line-height); letter-spacing: var(--course-item-chapter-name-font-letter-spacing); text-transform: var(--course-item-chapter-name-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .course-item .course-item__chapter-title { font-size: calc((var(--course-item-chapter-name-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .course-item .course-item__chapter-title { font-size: calc((var(--course-item-chapter-name-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .course-item .course-item__chapter-title { font-size: calc(var(--course-item-chapter-name-font-font-size-value) * 1rem) } } .course-item .course-item__lesson-title { font-family: var(--course-item-lesson-name-font-font-family); font-style: var(--course-item-lesson-name-font-font-style); font-weight: var(--course-item-lesson-name-font-font-weight); line-height: var(--course-item-lesson-name-font-line-height); letter-spacing: var(--course-item-lesson-name-font-letter-spacing); text-transform: var(--course-item-lesson-name-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .course-item .course-item__lesson-title { font-size: calc((var(--course-item-lesson-name-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .course-item .course-item__lesson-title { font-size: calc((var(--course-item-lesson-name-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .course-item .course-item__lesson-title { font-size: calc(var(--course-item-lesson-name-font-font-size-value) * 1rem) } } .gdpr-cookie-banner p { font-family: var(--cookie-banner-disclaimer-font-font-family); font-style: var(--cookie-banner-disclaimer-font-font-style); font-weight: var(--cookie-banner-disclaimer-font-font-weight); line-height: var(--cookie-banner-disclaimer-font-line-height); letter-spacing: var(--cookie-banner-disclaimer-font-letter-spacing); text-transform: var(--cookie-banner-disclaimer-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .gdpr-cookie-banner p { font-size: calc((var(--cookie-banner-disclaimer-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .gdpr-cookie-banner p { font-size: calc((var(--cookie-banner-disclaimer-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .gdpr-cookie-banner p { font-size: calc(var(--cookie-banner-disclaimer-font-font-size-value) * 1rem) } } .newsletter-block { transition: opacity .2s ease-out } .newsletter-block * { box-sizing: border-box } .newsletter-block:not(.rendered) { opacity: 0 } .newsletter-block .newsletter-form-wrapper { width: 100% } .newsletter-block .newsletter-form-wrapper.hidden, .newsletter-block .newsletter-form-wrapper .hidden { display: none } .newsletter-block .newsletter-form { text-align: center } .newsletter-block .newsletter-form-wrapper--alignLeft .newsletter-form { text-align: left } .newsletter-block .newsletter-form-wrapper--alignRight .newsletter-form { text-align: right } .newsletter-block .newsletter-form-header { width: 85%; margin: 0 auto } .newsletter-block .newsletter-form-wrapper--alignLeft .newsletter-form-header, .newsletter-block .newsletter-form-wrapper--alignRight .newsletter-form-header { width: 100%; margin: 0 } .newsletter-block .newsletter-form-header-title { margin: 0 0 1rem 0; padding: 0; text-align: inherit } .newsletter-block .newsletter-form-header-title a { text-decoration: underline } .newsletter-block .newsletter-form-header-description p { margin: 1rem 0; padding: 0 } .newsletter-block .newsletter-form-header-description a { text-decoration: underline } .newsletter-block .newsletter-form-body { padding: 0 0 1rem 0 } .newsletter-block .newsletter-form-fields-wrapper { display: inline-block; width: auto; margin: 1rem 0 0 0 } .newsletter-block .newsletter-form-name-fieldset { display: inline-block; width: auto; margin: 0; padding: 0; border: none } .newsletter-block .newsletter-form-wrapper--layoutStack .newsletter-form-name-fieldset { display: block; width: 100%; max-width: 18rem } .newsletter-block .newsletter-form-field-wrapper { display: inline-block; width: auto; min-width: 18rem; padding: .5rem .25rem } .newsletter-block .newsletter-form-wrapper--alignLeft .newsletter-form-field-wrapper { padding: .5rem .25rem .5rem 0 } .newsletter-block .newsletter-form-wrapper--alignRight .newsletter-form-field-wrapper { padding: .5rem 0 .5rem .25rem } .newsletter-block .newsletter-form-wrapper--layoutStack .newsletter-form-field-wrapper { display: block; width: 100%; max-width: 18rem; padding: .5rem 0 } .newsletter-block .newsletter-form-field-label { display: none } .newsletter-block .newsletter-form-field-element { width: 100%; padding: 1em; background: #fff; transition: background .3s ease-out, border .3s ease-out } .newsletter-block .newsletter-form-field-element:focus { background: #fff } .newsletter-block .newsletter-form-field-element::-webkit-input-placeholder { color: rgba(0, 0, 0, .3) } .newsletter-block .newsletter-form-field-element:-moz-placeholder { color: rgba(0, 0, 0, .3) } .newsletter-block .newsletter-form-field-element::-moz-placeholder { color: rgba(0, 0, 0, .3) } .newsletter-block .newsletter-form-field-element:-ms-input-placeholder { color: rgba(0, 0, 0, .3) } .newsletter-block .field-error { display: none } .newsletter-block .newsletter-form-field-wrapper .field-error { display: block; margin-bottom: 1rem; padding: .5rem; background: #fed9db; color: #f23d3d; line-height: normal } .newsletter-block .newsletter-form-button-wrapper { display: inline-block; width: auto; margin: 1rem 0 0 0; padding: .5rem .25rem } .newsletter-block .newsletter-form-wrapper--alignLeft .newsletter-form-button-wrapper { padding: .5rem .25rem .5rem 0 } .newsletter-block .newsletter-form-wrapper--alignRight .newsletter-form-button-wrapper { padding: .5rem 0 .5rem .25rem } .newsletter-block .newsletter-form-wrapper--layoutStack .newsletter-form-button-wrapper { display: block; padding: .5rem 0 } .newsletter-block .newsletter-form-button { position: relative; width: auto; padding: 1em 2.25em; text-align: center; white-space: nowrap; cursor: pointer; -webkit-appearance: none; -moz-appearance: none } .newsletter-block .newsletter-form-spinner.sqs-spin.light.large { visibility: hidden; position: absolute; top: 50%; left: 50%; height: 22px; width: 22px; margin-top: -11px; margin-left: -11px; border: none !important } .newsletter-block .newsletter-form-spinner.sqs-spin.light.large::before, .newsletter-block .newsletter-form-spinner.sqs-spin.light.large::after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 50%; border: 2px solid currentColor } .newsletter-block .newsletter-form-spinner.sqs-spin.light.large::before { opacity: .15; -webkit-clip-path: inset(0 0 50% 0); clip-path: inset(0 0 50% 0) } .newsletter-block .newsletter-form-spinner.sqs-spin.light.large::after { opacity: .7; -webkit-clip-path: inset(50% 0 0 0); clip-path: inset(50% 0 0 0) } .newsletter-block .newsletter-form:not(.submitting) .newsletter-form-spinner.sqs-spin.light.large { -webkit-animation: none; -moz-animation: none; -ms-animation: none; -o-animation: none; animation: none } .newsletter-block .newsletter-form.submitting .newsletter-form-spinner.sqs-spin.light.large { visibility: visible } .newsletter-block .newsletter-form.submitting .newsletter-form-button-label { visibility: hidden } .newsletter-block .newsletter-form-footnote p { opacity: .8; margin: 1rem 0; padding: 0 } .newsletter-block .newsletter-form-footnote p:last-child { margin-bottom: 0 } .newsletter-block .newsletter-form-footnote a { text-decoration: underline } .newsletter-block .form-submission-text p { margin: 1rem 0; padding: 0 } .newsletter-block .form-submission-text p:first-child { margin-top: 0 } .newsletter-block .form-submission-text p:last-child { margin-bottom: 0 } .newsletter-block .form-submission-text a { text-decoration: underline } .sqs-alternate-block-style-container .newsletter-block .newsletter-form-wrapper .newsletter-form-field-element { border: 1px solid rgba(0, 0, 0, .12) } .sqs-block-newsletter .newsletter-form-field-element { border: 1px solid rgba(0, 0, 0, .12) } .newsletter-form-small-mode .newsletter-form-header { width: 100% } .newsletter-form-small-mode .newsletter-form-header-title { margin: 0 0 1rem 0 } .newsletter-form-small-mode .newsletter-form-header-description p { margin: 0 0 1rem 0; line-height: normal } .newsletter-form-small-mode .newsletter-form-body { padding: 0 0 .5rem 0 } .newsletter-form-small-mode .newsletter-form-fields-wrapper { display: block } .newsletter-form-small-mode .newsletter-form-name-fieldset { width: 100% } .newsletter-form-small-mode .newsletter-form-field-wrapper, .newsletter-form-small-mode .newsletter-form-button-wrapper { display: block; width: 100%; min-width: 0; padding: -.5rem 0 } .newsletter-form-small-mode .newsletter-form-button-wrapper { margin: .5rem 0 0 0 } .newsletter-form-small-mode .newsletter-form-footnote p { margin: -2rem 0 } .newsletter-form-small-mode .newsletter-form-footnote p:last-child { margin-bottom: 0 } .newsletter-form-small-mode .form-submission-text p { margin: -2rem 0; line-height: normal } .newsletter-form-small-mode .form-submission-text p:first-child { margin-top: 0 } .newsletter-form-small-mode .form-submission-text p:last-child { margin-bottom: 0 } @media screen and (max-width:320px) { .newsletter-block .newsletter-form-header { width: 100% } .newsletter-block .newsletter-form-header-title { margin: 0 0 1rem 0 } .newsletter-block .newsletter-form-header-description p { margin: 0 0 1rem 0; line-height: normal } .newsletter-block .newsletter-form-body { padding: 0 0 .5rem 0 } .newsletter-block .newsletter-form-fields-wrapper { display: block } .newsletter-block .newsletter-form-name-fieldset { width: 100% } .newsletter-block .newsletter-form-field-wrapper, .newsletter-block .newsletter-form-button-wrapper { display: block; width: 100%; min-width: 0; padding: -.5rem 0 } .newsletter-block .newsletter-form-button-wrapper { margin: .5rem 0 0 0 } .newsletter-block .newsletter-form-footnote p { margin: -2rem 0 } .newsletter-block .newsletter-form-footnote p:last-child { margin-bottom: 0 } .newsletter-block .form-submission-text p { margin: -2rem 0; line-height: normal } .newsletter-block .form-submission-text p:first-child { margin-top: 0 } .newsletter-block .form-submission-text p:last-child { margin-bottom: 0 } } .newsletter-block.newsletter-form-has-small-container .newsletter-form-header { width: 100% } .newsletter-block.newsletter-form-has-small-container .newsletter-form-header-title { margin: 0 0 1rem 0 } .newsletter-block.newsletter-form-has-small-container .newsletter-form-header-description p { margin: 0 0 1rem 0; line-height: normal } .newsletter-block.newsletter-form-has-small-container .newsletter-form-body { padding: 0 0 .5rem 0 } .newsletter-block.newsletter-form-has-small-container .newsletter-form-fields-wrapper { display: block } .newsletter-block.newsletter-form-has-small-container .newsletter-form-name-fieldset { width: 100% } .newsletter-block.newsletter-form-has-small-container .newsletter-form-field-wrapper, .newsletter-block.newsletter-form-has-small-container .newsletter-form-button-wrapper { display: block; width: 100%; min-width: 0; padding: -.5rem 0 } .newsletter-block.newsletter-form-has-small-container .newsletter-form-button-wrapper { margin: .5rem 0 0 0 } .newsletter-block.newsletter-form-has-small-container .newsletter-form-footnote p { margin: -2rem 0 } .newsletter-block.newsletter-form-has-small-container .newsletter-form-footnote p:last-child { margin-bottom: 0 } .newsletter-block.newsletter-form-has-small-container .form-submission-text p { margin: -2rem 0; line-height: normal } .newsletter-block.newsletter-form-has-small-container .form-submission-text p:first-child { margin-top: 0 } .newsletter-block.newsletter-form-has-small-container .form-submission-text p:last-child { margin-bottom: 0 } .sqs-block-image .sqs-block-image-figure { margin: 0 } .sqs-block-image .sqs-block-image-link { display: block } .sqs-block-image .sqs-block-image-button { display: block; width: 100%; border: none; padding: 0; background: none } .sqs-block-image .design-layout-fluid { width: 100%; height: 100% } .sqs-block-image .design-layout-fluid .fluid-image-animation-wrapper { width: 100%; height: 100% } .sqs-block-image .design-layout-fluid img { width: 100%; height: 100%; position: absolute; display: block } .sqs-block-image .design-layout-fluid button.lightbox { -webkit-appearance: value; -moz-appearance: value; appearance: value } .sqs-block-image .design-layout-fluid .sqs-image { display: flex } .sqs-block-image .design-layout-fluid.image-position-left .sqs-image { justify-content: flex-start } .sqs-block-image .design-layout-fluid.image-position-center .sqs-image { justify-content: center } .sqs-block-image .design-layout-fluid.image-position-right .sqs-image { justify-content: flex-end } .sqs-block-image .design-layout-fluid .fluid-image-container .content-fill { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0 } .sqs-block-image .design-layout-fluid .fluid-image-container .content-fill img { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important } .sqs-block-image.sqs-stretched .sqs-block-content { height: 100%; width: 100% } .sqs-image-min-height { min-height: 1px } .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2) .image-block-wrapper { position: relative; overflow: hidden } .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2) .image-block-wrapper img { position: absolute; width: 100% } .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2) .image-block-wrapper.lightbox { cursor: pointer } .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2) .image-card-wrapper { display: none } .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-caption-below .image-caption-wrapper.sqs-editing { padding-top: 17px } .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-caption-hidden .image-caption-wrapper { height: 0; overflow: hidden } .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-caption-overlay .intrinsic, .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-caption-overlay-hover .intrinsic { position: relative } .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-caption-overlay .image-caption-wrapper, .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-caption-overlay-hover .image-caption-wrapper { position: absolute; top: auto; bottom: 0; left: 0; right: 0; padding: 17px; background: rgba(0, 0, 0, .7); max-height: 100%; box-sizing: border-box; overflow-y: auto } .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-caption-overlay .image-caption-wrapper h1, .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-caption-overlay-hover .image-caption-wrapper h1, .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-caption-overlay .image-caption-wrapper h2, .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-caption-overlay-hover .image-caption-wrapper h2, .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-caption-overlay .image-caption-wrapper h3, .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-caption-overlay-hover .image-caption-wrapper h3, .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-caption-overlay .image-caption-wrapper strong, .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-caption-overlay-hover .image-caption-wrapper strong { color: #eee } .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-caption-overlay .image-caption-wrapper p, .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-caption-overlay-hover .image-caption-wrapper p { color: #bbb; line-height: 1.68em } .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-caption-overlay .image-caption-wrapper p a, .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-caption-overlay-hover .image-caption-wrapper p a { color: #bbb; text-decoration: underline } .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-caption-overlay-hover .image-caption-wrapper { opacity: 0; transition: opacity .1s ease-out; visibility: hidden } .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-caption-overlay-hover .image-caption { transition: margin-bottom .1s ease-out; margin-bottom: -5px } .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-caption-overlay-hover:hover .image-caption-wrapper, .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-caption-overlay-hover :focus+.image-caption-wrapper { max-height: 75%; opacity: 1; visibility: visible } .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-caption-overlay-hover:hover .image-caption-wrapper .image-caption, .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-caption-overlay-hover :focus+.image-caption-wrapper .image-caption { margin-bottom: 0 } .sqs-block-image .image-block-outer-wrapper.image-block-v2 { position: relative } .sqs-block-image .image-block-outer-wrapper.image-block-v2 .intrinsic { position: relative; max-width: initial !important } .sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-inset { position: relative } .sqs-block-image .image-block-outer-wrapper.image-block-v2 .intrinsic img { display: block; width: 100% } .sqs-block-image .image-block-outer-wrapper.image-block-v2 .sqs-image-content::after, .sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-overlay { content: ""; display: block; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0 } .sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-card-wrapper { z-index: 2; pointer-events: none } body.sqs-tweak-overlays-active .sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-card-wrapper { pointer-events: auto } .sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-card { pointer-events: auto } .sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-card .sqs-editing { pointer-events: auto } .sqs-block-image .image-block-outer-wrapper.image-block-v2 a.image-inset, .sqs-block-image .image-block-outer-wrapper.image-block-v2 a.image-title-wrapper { display: block } .sqs-block-image .image-block-outer-wrapper.image-block-v2 a.image-inset:hover, .sqs-block-image .image-block-outer-wrapper.image-block-v2 a.image-title-wrapper:hover { text-decoration: none } .sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-title * { margin: 0 } .sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-subtitle *:first-child { margin-top: 0 } .sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-subtitle *:last-child { margin-bottom: 0 } .sqs-block-image .image-block-outer-wrapper.image-block-v2 .sqs-image.stretch { margin: 0 !important } .sqs-block-image .image-block-outer-wrapper.image-block-v2+.image-caption-wrapper, .sqs-block-image .image-block-outer-wrapper.image-block-v2 .image-caption-wrapper { display: none } .sqs-block-image .image-block-outer-wrapper.image-block-v2 .sqs-editing-overlay { z-index: 1 } .sqs-block-image .image-block-outer-wrapper.image-block-v2 .upload-indicator { display: none !important } .sqs-block-image .image-block-outer-wrapper.image-block-v2:not(.design-layout-poster)~.yui3-resize-handles-wrapper { display: none } .sqs-block-image .design-layout-poster .image-card-wrapper { display: flex; -ms-flex-align: center; align-items: center; -ms-justify-content: center; justify-content: center; position: absolute; top: 0; left: 0; bottom: 0; right: 0 } .sqs-block-image .design-layout-poster .image-card-wrapper, .sqs-block-image .design-layout-poster .image-card { pointer-events: none !important } body.sqs-tweak-overlays-active .sqs-block-image .design-layout-poster .image-card-wrapper, body.sqs-tweak-overlays-active .sqs-block-image .design-layout-poster .image-card { pointer-events: auto !important } .sqs-block-image .design-layout-poster .image-card-wrapper a { pointer-events: auto; display: inline-block } .sqs-block-image .design-layout-poster .intrinsic img { display: block; position: absolute; top: 0; left: 0; width: 100% } .sqs-block-image .design-layout-poster .image-card { width: 70% } .sqs-block-image .design-layout-poster .image-title-wrapper+.image-subtitle-wrapper .image-subtitle { margin-top: 52% } .sqs-block-image .design-layout-poster .image-button { margin-top: 6% } .sqs-block-image .design-layout-inline .intrinsic { margin: 0 auto } .sqs-block-image .design-layout-card .image-title-wrapper+.image-subtitle-wrapper .image-subtitle { margin-top: 6% } .sqs-block-image .design-layout-card .image-button { margin-top: 6% } .sqs-block-image .design-layout-card.sqs-narrow-width .image-card-wrapper { margin-top: 10% } .sqs-block-image .design-layout-card:not(.sqs-narrow-width) { display: flex; -ms-justify-content: space-between; justify-content: space-between } .sqs-block-image .design-layout-card:not(.sqs-narrow-width).image-position-right { flex-direction: row-reverse } .sqs-block-image .design-layout-card:not(.sqs-narrow-width)>div:first-child { width: calc(50% - 5%) } .sqs-block-image .design-layout-card:not(.sqs-narrow-width) .image-card-wrapper { position: relative; width: calc(50% - 5%) } .sqs-block-image .design-layout-card:not(.sqs-narrow-width) .image-card-wrapper { display: flex; -ms-flex-align: center; align-items: center; -ms-justify-content: center; justify-content: center; min-height: 100% } .sqs-block-image .design-layout-card:not(.sqs-narrow-width) .image-card { position: relative; width: 100% } .sqs-block-image .design-layout-card:not(.sqs-narrow-width).image-position-left .image-card-wrapper { margin-left: 10% } .sqs-block-image .design-layout-card:not(.sqs-narrow-width).image-position-right .image-card-wrapper { margin-right: 10% } .sqs-block-image .design-layout-card:not(.sqs-narrow-width):after { content: ""; display: block; clear: both } .sqs-block-image .design-layout-overlap .image-card-wrapper { position: relative } .sqs-block-image .design-layout-overlap .image-subtitle * { margin-bottom: 0 } .sqs-block-image .design-layout-overlap .image-title-wrapper+.image-subtitle-wrapper .image-subtitle { margin-top: 3% } .sqs-block-image .design-layout-overlap .image-button { margin-top: 5% } .sqs-block-image .design-layout-overlap.sqs-narrow-width .image-card-wrapper { padding: 0 4% } .sqs-block-image .design-layout-overlap.sqs-narrow-width .image-card { width: 82.5% } .sqs-block-image .design-layout-overlap.sqs-narrow-width .image-title { margin-top: calc(-1em - 1.5%) } .sqs-block-image .design-layout-overlap.sqs-narrow-width .image-title-wrapper, .sqs-block-image .design-layout-overlap.sqs-narrow-width .image-subtitle-wrapper { width: 121.21212121% } .sqs-block-image .design-layout-overlap:not(.sqs-narrow-width) { display: flex } .sqs-block-image .design-layout-overlap:not(.sqs-narrow-width) .image-card-wrapper, .sqs-block-image .design-layout-overlap:not(.sqs-narrow-width)>div:first-child { width: 50% } .sqs-block-image .design-layout-overlap:not(.sqs-narrow-width) .image-card-wrapper { display: flex; -ms-flex-align: center; align-items: center; -ms-justify-content: flex-end; justify-content: flex-end } .sqs-block-image .design-layout-overlap:not(.sqs-narrow-width).image-position-right { flex-direction: row-reverse } .sqs-block-image .design-layout-overlap:not(.sqs-narrow-width).image-position-right .image-card-wrapper { -ms-justify-content: flex-start; justify-content: flex-start } .sqs-block-image .design-layout-overlap:not(.sqs-narrow-width) .image-card { width: 90% } .sqs-block-image .design-layout-overlap:not(.sqs-narrow-width).image-position-left .image-card { margin-left: -100% } .sqs-block-image .design-layout-overlap:not(.sqs-narrow-width).image-position-right .image-card { margin-right: -100% } .sqs-block-image .design-layout-overlap:not(.sqs-narrow-width) .image-title-wrapper, .sqs-block-image .design-layout-overlap:not(.sqs-narrow-width) .image-subtitle-wrapper, .sqs-block-image .design-layout-overlap:not(.sqs-narrow-width) .image-button-wrapper { box-sizing: border-box; padding: 0 5% } .sqs-block-image .design-layout-overlap:not(.sqs-narrow-width) .image-subtitle-wrapper { padding-top: 0 } .sqs-block-image .design-layout-overlap:not(.sqs-narrow-width) .image-subtitle { width: 100% } .sqs-block-image .design-layout-overlap:not(.sqs-narrow-width)>div:first-child>div { width: 110% } .sqs-block-image .design-layout-overlap:not(.sqs-narrow-width) .image-title-wrapper { width: 142.77777778% } .sqs-block-image .design-layout-overlap:not(.sqs-narrow-width).image-position-left .image-title-wrapper { margin-left: -42.77777778% } .sqs-block-image .design-layout-overlap:not(.sqs-narrow-width).image-position-right>div:first-child>div { left: -10% } .sqs-block-image .design-layout-collage .image-card { padding: 10%; box-sizing: border-box } .sqs-block-image .design-layout-collage .image-subtitle-wrapper { width: 100% } .sqs-block-image .design-layout-collage .image-title-wrapper+.image-subtitle-wrapper .image-subtitle { margin-top: 4% } .sqs-block-image .design-layout-collage .image-button { margin-top: 5% } .sqs-block-image .design-layout-collage.sqs-narrow-width .intrinsic { width: 90% } .sqs-block-image .design-layout-collage.sqs-narrow-width .image-card-wrapper { width: 90%; margin-top: calc(-10% - 10%); position: relative } .sqs-block-image .design-layout-collage.sqs-narrow-width.image-position-left:after { content: " "; display: block; clear: both } .sqs-block-image .design-layout-collage.sqs-narrow-width.image-position-left .image-card-wrapper { float: right } .sqs-block-image .design-layout-collage.sqs-narrow-width.image-position-right .intrinsic { left: 10% } .sqs-block-image .design-layout-collage:not(.sqs-narrow-width) { display: flex } .sqs-block-image .design-layout-collage:not(.sqs-narrow-width).image-position-right { flex-direction: row-reverse } .sqs-block-image .design-layout-collage:not(.sqs-narrow-width) .image-card-wrapper, .sqs-block-image .design-layout-collage:not(.sqs-narrow-width)>div:first-child { width: 50% } .sqs-block-image .design-layout-collage:not(.sqs-narrow-width) .intrinsic { overflow: visible } .sqs-block-image .design-layout-collage:not(.sqs-narrow-width) .sqs-intrinsic { width: 100% } .sqs-block-image .design-layout-collage:not(.sqs-narrow-width) .image-inset, .sqs-block-image .design-layout-collage:not(.sqs-narrow-width) .sqs-image-content { position: relative !important } .sqs-block-image .design-layout-collage:not(.sqs-narrow-width) .image-card-wrapper { display: flex; -ms-flex-align: flex-start; align-items: flex-start; -ms-justify-content: flex-start; justify-content: flex-start } .image-block-collage-content-position-top .sqs-block-image .design-layout-collage:not(.sqs-narrow-width) .image-card { margin-top: 10% } .image-block-collage-content-position-bottom .sqs-block-image .design-layout-collage:not(.sqs-narrow-width) .image-card { margin-bottom: 10% } .sqs-block-image .design-layout-collage:not(.sqs-narrow-width).image-position-left>div:first-child>div, .sqs-block-image .design-layout-collage:not(.sqs-narrow-width).image-position-left>div:first-child>a { width: 140% } .sqs-block-image .design-layout-collage:not(.sqs-narrow-width).image-position-left .image-card { width: 100%; margin-left: 0% } .sqs-block-image .design-layout-collage:not(.sqs-narrow-width).image-position-right>div:first-child>div, .sqs-block-image .design-layout-collage:not(.sqs-narrow-width).image-position-right>div:first-child>a { width: 140%; left: -40% } .sqs-block-image .design-layout-collage:not(.sqs-narrow-width).image-position-right .image-card { width: 100%; margin-right: 0% } .sqs-block-image .design-layout-stack .intrinsic img { display: block; position: absolute; top: 0; left: 0; width: 100% } .sqs-block-image .design-layout-stack .image-card-wrapper { margin-top: 7% } .sqs-block-image .design-layout-stack .image-title-wrapper+.image-subtitle-wrapper .image-subtitle { margin-top: 4% } .sqs-block-image .design-layout-stack .image-button { margin-top: 4% } .sqs-block-image .design-layout-card .intrinsic img, .sqs-block-image .design-layout-overlap .intrinsic img, .sqs-block-image .design-layout-collage .intrinsic img, .sqs-block-image .design-layout-stack .intrinsic img { width: 100% !important; height: auto !important; position: static !important } .sqs-block-image .design-layout-card .sqs-image:not(.sqs-empty) .sqs-image-content, .sqs-block-image .design-layout-overlap .sqs-image:not(.sqs-empty) .sqs-image-content, .sqs-block-image .design-layout-collage .sqs-image:not(.sqs-empty) .sqs-image-content, .sqs-block-image .design-layout-stack .sqs-image:not(.sqs-empty) .sqs-image-content { padding-bottom: 0 !important } .image-block-outer-wrapper.animation-disabled, .image-block-outer-wrapper.animation-loaded { transform: translatez(0) } .image-block-outer-wrapper.animation-disabled .image-inset, .image-block-outer-wrapper.animation-disabled .image-block-wrapper, .image-block-outer-wrapper.animation-disabled .sqs-image-content, .image-block-outer-wrapper.animation-disabled .image-caption-wrapper, .image-block-outer-wrapper.animation-disabled .sqs-dynamic-text-container { transition: none !important } .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-fade-in .image-inset, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-fade-in .image-block-wrapper, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-fade-in .sqs-image-content, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-fade-in .image-caption-wrapper, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-fade-in .sqs-dynamic-text-container { transition: opacity 800ms cubic-bezier(.4, 0, .2, 1), transform 800ms cubic-bezier(.4, 0, .2, 1); will-change: opacity, transform; opacity: 0; transform: matrix(1, 0, 0, 1, 0, 0) } .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-fade-in.animation-loaded .image-inset, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-fade-in.animation-loaded .image-block-wrapper, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-fade-in.animation-loaded .sqs-image-content, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-fade-in.animation-loaded .image-caption-wrapper, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-fade-in.animation-loaded.sqs-text-ready .sqs-dynamic-text-container { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0) } .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-slide-up .image-inset, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-slide-up .image-block-wrapper, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-slide-up .sqs-image-content, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-slide-up .image-caption-wrapper, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-slide-up .sqs-dynamic-text-container { transition: opacity 800ms cubic-bezier(.4, 0, .2, 1), transform 800ms cubic-bezier(.4, 0, .2, 1); will-change: opacity, transform; opacity: 0; transform: matrix(1, 0, 0, 1, 0, 20) } .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-slide-up.animation-loaded .image-inset, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-slide-up.animation-loaded .image-block-wrapper, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-slide-up.animation-loaded .sqs-image-content, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-slide-up.animation-loaded .image-caption-wrapper, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-slide-up.animation-loaded.sqs-text-ready .sqs-dynamic-text-container { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0) } .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-horizontal-clip .image-inset, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-horizontal-clip .image-block-wrapper, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-horizontal-clip .sqs-image-content, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-horizontal-clip .image-caption-wrapper, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-horizontal-clip .sqs-dynamic-text-container { transition: -webkit-clip-path 800ms cubic-bezier(.4, 0, .2, 1), clip-path 800ms cubic-bezier(.4, 0, .2, 1); will-change: -webkit-clip-path, clip-path; -webkit-clip-path: polygon(0% 50%, 0% 100%, 0% 100%, 0% 50%, 100% 50%, 100% 0%, 100% 0%, 100% 50%, 100% 50%, 100% 50%); clip-path: polygon(0% 50%, 0% 100%, 0% 100%, 0% 50%, 100% 50%, 100% 0%, 100% 0%, 100% 50%, 100% 50%, 100% 50%) } .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-horizontal-clip.animation-loaded .image-inset, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-horizontal-clip.animation-loaded .image-block-wrapper, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-horizontal-clip.animation-loaded .sqs-image-content, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-horizontal-clip.animation-loaded .image-caption-wrapper, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-horizontal-clip.animation-loaded.sqs-text-ready .sqs-dynamic-text-container { -webkit-clip-path: polygon(0% 50%, 0% 100%, 100% 100%, 100% 50%, 100% 50%, 100% 0%, 0% 0%, 0% 50%, 100% 50%, 100% 50%); clip-path: polygon(0% 50%, 0% 100%, 100% 100%, 100% 50%, 100% 50%, 100% 0%, 0% 0%, 0% 50%, 100% 50%, 100% 50%) } .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-vertical-clip .image-inset, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-vertical-clip .image-block-wrapper, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-vertical-clip .sqs-image-content, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-vertical-clip .image-caption-wrapper, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-vertical-clip .sqs-dynamic-text-container { transition: -webkit-clip-path 800ms cubic-bezier(.4, 0, .2, 1), clip-path 800ms cubic-bezier(.4, 0, .2, 1); will-change: -webkit-clip-path, clip-path; -webkit-clip-path: polygon(50% 0%, 100% 0%, 100% 0%, 50% 0%, 50% 100%, 0% 100%, 0% 100%, 50% 100%, 50% 100%, 50% 100%); clip-path: polygon(50% 0%, 100% 0%, 100% 0%, 50% 0%, 50% 100%, 0% 100%, 0% 100%, 50% 100%, 50% 100%, 50% 100%) } .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-vertical-clip.animation-loaded .image-inset, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-vertical-clip.animation-loaded .image-block-wrapper, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-vertical-clip.animation-loaded .sqs-image-content, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-vertical-clip.animation-loaded .image-caption-wrapper, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-vertical-clip.animation-loaded.sqs-text-ready .sqs-dynamic-text-container { -webkit-clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 50% 100%, 50% 100%, 0% 100%, 0% 0%, 50% 0%, 50% 100%, 50% 100%); clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 50% 100%, 50% 100%, 0% 100%, 0% 0%, 50% 0%, 50% 100%, 50% 100%) } .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-tilt-up .image-inset, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-tilt-up .image-block-wrapper, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-tilt-up .sqs-image-content, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-tilt-up .image-caption-wrapper, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-tilt-up .sqs-dynamic-text-container { transition: opacity 800ms cubic-bezier(.4, 0, .2, 1), transform 800ms cubic-bezier(.4, 0, .2, 1); will-change: opacity, transform; opacity: 0; transform: matrix(.92, .03, 0, .92, 0, 20) } .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-tilt-up.animation-loaded .image-inset, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-tilt-up.animation-loaded .image-block-wrapper, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-tilt-up.animation-loaded .sqs-image-content, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-tilt-up.animation-loaded .image-caption-wrapper, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-tilt-up.animation-loaded.sqs-text-ready .sqs-dynamic-text-container { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0) } .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-tilt-down .image-inset, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-tilt-down .image-block-wrapper, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-tilt-down .sqs-image-content, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-tilt-down .image-caption-wrapper, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-tilt-down .sqs-dynamic-text-container { transition: opacity 800ms cubic-bezier(.4, 0, .2, 1), transform 800ms cubic-bezier(.4, 0, .2, 1); will-change: opacity, transform; opacity: 0; transform: matrix(.92, -.03, 0, .92, 0, 20) } .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-tilt-down.animation-loaded .image-inset, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-tilt-down.animation-loaded .image-block-wrapper, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-tilt-down.animation-loaded .sqs-image-content, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-tilt-down.animation-loaded .image-caption-wrapper, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-tilt-down.animation-loaded.sqs-text-ready .sqs-dynamic-text-container { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0) } .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-collide .image-inset, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-collide .image-block-wrapper, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-collide .sqs-image-content { transition: opacity 800ms cubic-bezier(.4, 0, .2, 1), transform 800ms cubic-bezier(.4, 0, .2, 1); will-change: opacity, transform; opacity: 0; transform: matrix(1, 0, 0, 1, -20, 0) } .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-collide .image-caption-wrapper, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-collide .sqs-dynamic-text-container { transition: opacity 800ms cubic-bezier(.4, 0, .2, 1), transform 800ms cubic-bezier(.4, 0, .2, 1); will-change: opacity, transform; opacity: 0; transform: matrix(1, 0, 0, 1, 20, 0) } .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-collide.image-position-right .image-inset, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-collide.image-position-right .image-block-wrapper, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-collide.image-position-right .sqs-image-content { transition: opacity 800ms cubic-bezier(.4, 0, .2, 1), transform 800ms cubic-bezier(.4, 0, .2, 1); will-change: opacity, transform; opacity: 0; transform: matrix(1, 0, 0, 1, 20, 0) } .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-collide.image-position-right .image-caption-wrapper, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-collide.image-position-right .sqs-dynamic-text-container { transition: opacity 800ms cubic-bezier(.4, 0, .2, 1), transform 800ms cubic-bezier(.4, 0, .2, 1); will-change: opacity, transform; opacity: 0; transform: matrix(1, 0, 0, 1, -20, 0) } .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-collide.animation-loaded .image-inset, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-collide.animation-loaded .image-block-wrapper, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-collide.animation-loaded .sqs-image-content, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-collide.animation-loaded .image-caption-wrapper, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-collide.animation-loaded.sqs-text-ready .sqs-dynamic-text-container { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0) } .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-reveal .image-inset, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-reveal .image-block-wrapper, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-reveal .sqs-image-content { transition: opacity 800ms cubic-bezier(.4, 0, .2, 1), transform 800ms cubic-bezier(.4, 0, .2, 1); will-change: opacity, transform; opacity: 0; transform: matrix(1, 0, 0, 1, 20, 0) } .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-reveal .image-caption-wrapper, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-reveal .sqs-dynamic-text-container { transition: opacity 800ms cubic-bezier(.4, 0, .2, 1), transform 800ms cubic-bezier(.4, 0, .2, 1); will-change: opacity, transform; opacity: 0; transform: matrix(1, 0, 0, 1, -20, 0) } .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-reveal.image-position-right .image-inset, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-reveal.image-position-right .image-block-wrapper, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-reveal.image-position-right .sqs-image-content { transition: opacity 800ms cubic-bezier(.4, 0, .2, 1), transform 800ms cubic-bezier(.4, 0, .2, 1); will-change: opacity, transform; opacity: 0; transform: matrix(1, 0, 0, 1, -20, 0) } .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-reveal.image-position-right .image-caption-wrapper, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-reveal.image-position-right .sqs-dynamic-text-container { transition: opacity 800ms cubic-bezier(.4, 0, .2, 1), transform 800ms cubic-bezier(.4, 0, .2, 1); will-change: opacity, transform; opacity: 0; transform: matrix(1, 0, 0, 1, 20, 0) } .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-reveal.animation-loaded .image-inset, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-reveal.animation-loaded .image-block-wrapper, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-reveal.animation-loaded .sqs-image-content, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-reveal.animation-loaded .image-caption-wrapper, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-reveal.animation-loaded.sqs-text-ready .sqs-dynamic-text-container { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0) } .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-focus-in .image-inset, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-focus-in .image-block-wrapper, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-focus-in .sqs-image-content, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-focus-in .image-caption-wrapper, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-focus-in .sqs-dynamic-text-container { transition: opacity 800ms cubic-bezier(.4, 0, .2, 1), transform 800ms cubic-bezier(.4, 0, .2, 1); will-change: opacity, transform; opacity: 0; transform: matrix(.92, 0, 0, .92, 0, 0) } .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-focus-in.animation-loaded .image-inset, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-focus-in.animation-loaded .image-block-wrapper, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-focus-in.animation-loaded .sqs-image-content, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-focus-in.animation-loaded .image-caption-wrapper, .image-block-outer-wrapper.combination-animation:not(.design-layout-fluid)-focus-in.animation-loaded.sqs-text-ready .sqs-dynamic-text-container { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0) } .image-block-outer-wrapper.combination-animation-custom { transform: translatez(0) } .image-block-outer-wrapper.combination-animation-custom.individual-animation-fade-in .image-inset, .image-block-outer-wrapper.combination-animation-custom.individual-animation-fade-in .image-block-wrapper, .image-block-outer-wrapper.combination-animation-custom.individual-animation-fade-in .sqs-image-content { transition: opacity 800ms cubic-bezier(.4, 0, .2, 1), transform 800ms cubic-bezier(.4, 0, .2, 1); will-change: opacity, transform; opacity: 0; transform: matrix(1, 0, 0, 1, 0, 0) } .image-block-outer-wrapper.combination-animation-custom.individual-animation-fade-in.animation-loaded .image-inset, .image-block-outer-wrapper.combination-animation-custom.individual-animation-fade-in.animation-loaded .image-block-wrapper, .image-block-outer-wrapper.combination-animation-custom.individual-animation-fade-in.animation-loaded .sqs-image-content { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0) } .image-block-outer-wrapper.combination-animation-custom.individual-animation-slide-up .image-inset, .image-block-outer-wrapper.combination-animation-custom.individual-animation-slide-up .image-block-wrapper, .image-block-outer-wrapper.combination-animation-custom.individual-animation-slide-up .sqs-image-content { transition: opacity 800ms cubic-bezier(.4, 0, .2, 1), transform 800ms cubic-bezier(.4, 0, .2, 1); will-change: opacity, transform; opacity: 0; transform: matrix(1, 0, 0, 1, 0, 20) } .image-block-outer-wrapper.combination-animation-custom.individual-animation-slide-up.animation-loaded .image-inset, .image-block-outer-wrapper.combination-animation-custom.individual-animation-slide-up.animation-loaded .image-block-wrapper, .image-block-outer-wrapper.combination-animation-custom.individual-animation-slide-up.animation-loaded .sqs-image-content { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0) } .image-block-outer-wrapper.combination-animation-custom.individual-animation-slide-down .image-inset, .image-block-outer-wrapper.combination-animation-custom.individual-animation-slide-down .image-block-wrapper, .image-block-outer-wrapper.combination-animation-custom.individual-animation-slide-down .sqs-image-content { transition: opacity 800ms cubic-bezier(.4, 0, .2, 1), transform 800ms cubic-bezier(.4, 0, .2, 1); will-change: opacity, transform; opacity: 0; transform: matrix(1, 0, 0, 1, 0, -20) } .image-block-outer-wrapper.combination-animation-custom.individual-animation-slide-down.animation-loaded .image-inset, .image-block-outer-wrapper.combination-animation-custom.individual-animation-slide-down.animation-loaded .image-block-wrapper, .image-block-outer-wrapper.combination-animation-custom.individual-animation-slide-down.animation-loaded .sqs-image-content { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0) } .image-block-outer-wrapper.combination-animation-custom.individual-animation-slide-from-left .image-inset, .image-block-outer-wrapper.combination-animation-custom.individual-animation-slide-from-left .image-block-wrapper, .image-block-outer-wrapper.combination-animation-custom.individual-animation-slide-from-left .sqs-image-content { transition: opacity 800ms cubic-bezier(.4, 0, .2, 1), transform 800ms cubic-bezier(.4, 0, .2, 1); will-change: opacity, transform; opacity: 0; transform: matrix(1, 0, 0, 1, -20, 0) } .image-block-outer-wrapper.combination-animation-custom.individual-animation-slide-from-left.animation-loaded .image-inset, .image-block-outer-wrapper.combination-animation-custom.individual-animation-slide-from-left.animation-loaded .image-block-wrapper, .image-block-outer-wrapper.combination-animation-custom.individual-animation-slide-from-left.animation-loaded .sqs-image-content { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0) } .image-block-outer-wrapper.combination-animation-custom.individual-animation-slide-from-right .image-inset, .image-block-outer-wrapper.combination-animation-custom.individual-animation-slide-from-right .image-block-wrapper, .image-block-outer-wrapper.combination-animation-custom.individual-animation-slide-from-right .sqs-image-content { transition: opacity 800ms cubic-bezier(.4, 0, .2, 1), transform 800ms cubic-bezier(.4, 0, .2, 1); will-change: opacity, transform; opacity: 0; transform: matrix(1, 0, 0, 1, 20, 0) } .image-block-outer-wrapper.combination-animation-custom.individual-animation-slide-from-right.animation-loaded .image-inset, .image-block-outer-wrapper.combination-animation-custom.individual-animation-slide-from-right.animation-loaded .image-block-wrapper, .image-block-outer-wrapper.combination-animation-custom.individual-animation-slide-from-right.animation-loaded .sqs-image-content { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0) } .image-block-outer-wrapper.combination-animation-custom.individual-animation-horizontal-clip .image-inset, .image-block-outer-wrapper.combination-animation-custom.individual-animation-horizontal-clip .image-block-wrapper, .image-block-outer-wrapper.combination-animation-custom.individual-animation-horizontal-clip .sqs-image-content { transition: -webkit-clip-path 800ms cubic-bezier(.4, 0, .2, 1), clip-path 800ms cubic-bezier(.4, 0, .2, 1); will-change: -webkit-clip-path, clip-path; -webkit-clip-path: polygon(0% 50%, 0% 100%, 0% 100%, 0% 50%, 100% 50%, 100% 0%, 100% 0%, 100% 50%, 100% 50%, 100% 50%); clip-path: polygon(0% 50%, 0% 100%, 0% 100%, 0% 50%, 100% 50%, 100% 0%, 100% 0%, 100% 50%, 100% 50%, 100% 50%) } .image-block-outer-wrapper.combination-animation-custom.individual-animation-horizontal-clip.animation-loaded .image-inset, .image-block-outer-wrapper.combination-animation-custom.individual-animation-horizontal-clip.animation-loaded .image-block-wrapper, .image-block-outer-wrapper.combination-animation-custom.individual-animation-horizontal-clip.animation-loaded .sqs-image-content { -webkit-clip-path: polygon(0% 50%, 0% 100%, 100% 100%, 100% 50%, 100% 50%, 100% 0%, 0% 0%, 0% 50%, 100% 50%, 100% 50%); clip-path: polygon(0% 50%, 0% 100%, 100% 100%, 100% 50%, 100% 50%, 100% 0%, 0% 0%, 0% 50%, 100% 50%, 100% 50%) } .image-block-outer-wrapper.combination-animation-custom.individual-animation-vertical-clip .image-inset, .image-block-outer-wrapper.combination-animation-custom.individual-animation-vertical-clip .image-block-wrapper, .image-block-outer-wrapper.combination-animation-custom.individual-animation-vertical-clip .sqs-image-content { transition: -webkit-clip-path 800ms cubic-bezier(.4, 0, .2, 1), clip-path 800ms cubic-bezier(.4, 0, .2, 1); will-change: -webkit-clip-path, clip-path; -webkit-clip-path: polygon(50% 0%, 100% 0%, 100% 0%, 50% 0%, 50% 100%, 0% 100%, 0% 100%, 50% 100%, 50% 100%, 50% 100%); clip-path: polygon(50% 0%, 100% 0%, 100% 0%, 50% 0%, 50% 100%, 0% 100%, 0% 100%, 50% 100%, 50% 100%, 50% 100%) } .image-block-outer-wrapper.combination-animation-custom.individual-animation-vertical-clip.animation-loaded .image-inset, .image-block-outer-wrapper.combination-animation-custom.individual-animation-vertical-clip.animation-loaded .image-block-wrapper, .image-block-outer-wrapper.combination-animation-custom.individual-animation-vertical-clip.animation-loaded .sqs-image-content { -webkit-clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 50% 100%, 50% 100%, 0% 100%, 0% 0%, 50% 0%, 50% 100%, 50% 100%); clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 50% 100%, 50% 100%, 0% 100%, 0% 0%, 50% 0%, 50% 100%, 50% 100%) } .image-block-outer-wrapper.combination-animation-custom.individual-animation-tilt-down .image-inset, .image-block-outer-wrapper.combination-animation-custom.individual-animation-tilt-down .image-block-wrapper, .image-block-outer-wrapper.combination-animation-custom.individual-animation-tilt-down .sqs-image-content { transition: opacity 800ms cubic-bezier(.4, 0, .2, 1), transform 800ms cubic-bezier(.4, 0, .2, 1); will-change: opacity, transform; opacity: 0; transform: matrix(.92, -.03, 0, .92, 0, 20) } .image-block-outer-wrapper.combination-animation-custom.individual-animation-tilt-down.animation-loaded .image-inset, .image-block-outer-wrapper.combination-animation-custom.individual-animation-tilt-down.animation-loaded .image-block-wrapper, .image-block-outer-wrapper.combination-animation-custom.individual-animation-tilt-down.animation-loaded .sqs-image-content { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0) } .image-block-outer-wrapper.combination-animation-custom.individual-animation-tilt-up .image-inset, .image-block-outer-wrapper.combination-animation-custom.individual-animation-tilt-up .image-block-wrapper, .image-block-outer-wrapper.combination-animation-custom.individual-animation-tilt-up .sqs-image-content { transition: opacity 800ms cubic-bezier(.4, 0, .2, 1), transform 800ms cubic-bezier(.4, 0, .2, 1); will-change: opacity, transform; opacity: 0; transform: matrix(.92, .03, 0, .92, 0, 20) } .image-block-outer-wrapper.combination-animation-custom.individual-animation-tilt-up.animation-loaded .image-inset, .image-block-outer-wrapper.combination-animation-custom.individual-animation-tilt-up.animation-loaded .image-block-wrapper, .image-block-outer-wrapper.combination-animation-custom.individual-animation-tilt-up.animation-loaded .sqs-image-content { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0) } .image-block-outer-wrapper.combination-animation-custom.individual-animation-focus-in .image-inset, .image-block-outer-wrapper.combination-animation-custom.individual-animation-focus-in .image-block-wrapper, .image-block-outer-wrapper.combination-animation-custom.individual-animation-focus-in .sqs-image-content { transition: opacity 800ms cubic-bezier(.4, 0, .2, 1), transform 800ms cubic-bezier(.4, 0, .2, 1); will-change: opacity, transform; opacity: 0; transform: matrix(.92, 0, 0, .92, 0, 0) } .image-block-outer-wrapper.combination-animation-custom.individual-animation-focus-in.animation-loaded .image-inset, .image-block-outer-wrapper.combination-animation-custom.individual-animation-focus-in.animation-loaded .image-block-wrapper, .image-block-outer-wrapper.combination-animation-custom.individual-animation-focus-in.animation-loaded .sqs-image-content { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0) } .image-block-outer-wrapper.combination-animation-custom.individual-text-animation-fade-in .image-caption-wrapper, .image-block-outer-wrapper.combination-animation-custom.individual-text-animation-fade-in .sqs-dynamic-text-container { transition: opacity 800ms cubic-bezier(.4, 0, .2, 1), transform 800ms cubic-bezier(.4, 0, .2, 1); will-change: opacity, transform; opacity: 0; transform: matrix(1, 0, 0, 1, 0, 0) } .image-block-outer-wrapper.combination-animation-custom.individual-text-animation-fade-in.animation-loaded .image-caption-wrapper, .image-block-outer-wrapper.combination-animation-custom.individual-text-animation-fade-in.animation-loaded.sqs-text-ready .sqs-dynamic-text-container { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0) } .image-block-outer-wrapper.combination-animation-custom.individual-text-animation-slide-up .image-caption-wrapper, .image-block-outer-wrapper.combination-animation-custom.individual-text-animation-slide-up .sqs-dynamic-text-container { transition: opacity 800ms cubic-bezier(.4, 0, .2, 1), transform 800ms cubic-bezier(.4, 0, .2, 1); will-change: opacity, transform; opacity: 0; transform: matrix(1, 0, 0, 1, 0, 20) } .image-block-outer-wrapper.combination-animation-custom.individual-text-animation-slide-up.animation-loaded .image-caption-wrapper, .image-block-outer-wrapper.combination-animation-custom.individual-text-animation-slide-up.animation-loaded.sqs-text-ready .sqs-dynamic-text-container { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0) } .image-block-outer-wrapper.combination-animation-custom.individual-text-animation-slide-down .image-caption-wrapper, .image-block-outer-wrapper.combination-animation-custom.individual-text-animation-slide-down .sqs-dynamic-text-container { transition: opacity 800ms cubic-bezier(.4, 0, .2, 1), transform 800ms cubic-bezier(.4, 0, .2, 1); will-change: opacity, transform; opacity: 0; transform: matrix(1, 0, 0, 1, 0, -20) } .image-block-outer-wrapper.combination-animation-custom.individual-text-animation-slide-down.animation-loaded .image-caption-wrapper, .image-block-outer-wrapper.combination-animation-custom.individual-text-animation-slide-down.animation-loaded.sqs-text-ready .sqs-dynamic-text-container { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0) } .image-block-outer-wrapper.combination-animation-custom.individual-text-animation-slide-from-left .image-caption-wrapper, .image-block-outer-wrapper.combination-animation-custom.individual-text-animation-slide-from-left .sqs-dynamic-text-container { transition: opacity 800ms cubic-bezier(.4, 0, .2, 1), transform 800ms cubic-bezier(.4, 0, .2, 1); will-change: opacity, transform; opacity: 0; transform: matrix(1, 0, 0, 1, -20, 0) } .image-block-outer-wrapper.combination-animation-custom.individual-text-animation-slide-from-left.animation-loaded .image-caption-wrapper, .image-block-outer-wrapper.combination-animation-custom.individual-text-animation-slide-from-left.animation-loaded.sqs-text-ready .sqs-dynamic-text-container { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0) } .image-block-outer-wrapper.combination-animation-custom.individual-text-animation-slide-from-right .image-caption-wrapper, .image-block-outer-wrapper.combination-animation-custom.individual-text-animation-slide-from-right .sqs-dynamic-text-container { transition: opacity 800ms cubic-bezier(.4, 0, .2, 1), transform 800ms cubic-bezier(.4, 0, .2, 1); will-change: opacity, transform; opacity: 0; transform: matrix(1, 0, 0, 1, 20, 0) } .image-block-outer-wrapper.combination-animation-custom.individual-text-animation-slide-from-right.animation-loaded .image-caption-wrapper, .image-block-outer-wrapper.combination-animation-custom.individual-text-animation-slide-from-right.animation-loaded.sqs-text-ready .sqs-dynamic-text-container { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0) } .image-block-outer-wrapper.combination-animation-custom.individual-text-animation-focus-in .image-caption-wrapper, .image-block-outer-wrapper.combination-animation-custom.individual-text-animation-focus-in .sqs-dynamic-text-container { transition: opacity 800ms cubic-bezier(.4, 0, .2, 1), transform 800ms cubic-bezier(.4, 0, .2, 1); will-change: opacity, transform; opacity: 0; transform: matrix(.92, 0, 0, .92, 0, 0) } .image-block-outer-wrapper.combination-animation-custom.individual-text-animation-focus-in.animation-loaded .image-caption-wrapper, .image-block-outer-wrapper.combination-animation-custom.individual-text-animation-focus-in.animation-loaded.sqs-text-ready .sqs-dynamic-text-container { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0) } .image-block-poster-text-alignment-left .sqs-block-image .design-layout-poster .image-card>* { text-align: left !important } .image-block-poster-text-alignment-center .sqs-block-image .design-layout-poster .image-card>* { text-align: center !important } .image-block-poster-text-alignment-right .sqs-block-image .design-layout-poster .image-card>*, .image-block-poster-text-alignment-match .sqs-block-image .design-layout-poster.image-position-right .image-card>*, .image-block-poster-text-alignment-opposite .sqs-block-image .design-layout-poster.image-position-left .image-card>* { text-align: right !important } .image-block-card-text-alignment-left .sqs-block-image .design-layout-card .image-card>* { text-align: left !important } .image-block-card-text-alignment-center .sqs-block-image .design-layout-card .image-card>* { text-align: center !important } .image-block-card-text-alignment-right .sqs-block-image .design-layout-card .image-card>*, .image-block-card-text-alignment-match .sqs-block-image .design-layout-card.image-position-right .image-card>*, .image-block-card-text-alignment-opposite .sqs-block-image .design-layout-card.image-position-left .image-card>* { text-align: right !important } .image-block-overlap-text-alignment-left .sqs-block-image .design-layout-overlap .image-card>* { text-align: left !important } .image-block-overlap-text-alignment-center .sqs-block-image .design-layout-overlap .image-card>* { text-align: center !important } .image-block-overlap-text-alignment-right .sqs-block-image .design-layout-overlap .image-card>*, .image-block-overlap-text-alignment-match .sqs-block-image .design-layout-overlap.image-position-right .image-card>*, .image-block-overlap-text-alignment-opposite .sqs-block-image .design-layout-overlap.image-position-left .image-card>* { text-align: right !important } .image-block-collage-text-alignment-left .sqs-block-image .design-layout-collage .image-card>* { text-align: left !important } .image-block-collage-text-alignment-center .sqs-block-image .design-layout-collage .image-card>* { text-align: center !important } .image-block-collage-text-alignment-right .sqs-block-image .design-layout-collage .image-card>*, .image-block-collage-text-alignment-match .sqs-block-image .design-layout-collage.image-position-right .image-card>*, .image-block-collage-text-alignment-opposite .sqs-block-image .design-layout-collage.image-position-left .image-card>* { text-align: right !important } .image-block-stack-text-alignment-left .sqs-block-image .design-layout-stack .image-card>* { text-align: left !important } .image-block-stack-text-alignment-center .sqs-block-image .design-layout-stack .image-card>* { text-align: center !important } .image-block-stack-text-alignment-right .sqs-block-image .design-layout-stack .image-card>*, .image-block-stack-text-alignment-match .sqs-block-image .design-layout-stack.image-position-right .image-card>*, .image-block-stack-text-alignment-opposite .sqs-block-image .design-layout-stack.image-position-left .image-card>* { text-align: right !important } .sqs-dynamic-text { min-width: 100%; line-height: 1em } .image-block-v2:not([class*="-animation-"]) { opacity: 0; transition: opacity 1s ease-out; transition-delay: 1s } .sqs-text-ready .image-block-v2:not([class*="-animation-"]), .sqs-text-ready.image-block-v2:not([class*="-animation-"]) { opacity: 1 } .image-block-card-content-position-top .sqs-block-image .design-layout-card .image-card-wrapper { -ms-flex-align: flex-start; align-items: flex-start } .image-block-card-content-position-center .sqs-block-image .design-layout-card .image-card-wrapper { -ms-flex-align: center; align-items: center } .image-block-card-content-position-bottom .sqs-block-image .design-layout-card .image-card-wrapper { -ms-flex-align: flex-end; align-items: flex-end } .image-block-overlap-content-position-top .sqs-block-image .design-layout-overlap .image-card-wrapper { -ms-flex-align: flex-start; align-items: flex-start } .image-block-overlap-content-position-center .sqs-block-image .design-layout-overlap .image-card-wrapper { -ms-flex-align: center; align-items: center } .image-block-overlap-content-position-bottom .sqs-block-image .design-layout-overlap .image-card-wrapper { -ms-flex-align: flex-end; align-items: flex-end } .image-block-collage-content-position-top .sqs-block-image .design-layout-collage .image-card-wrapper { -ms-flex-align: flex-start; align-items: flex-start } .image-block-collage-content-position-center .sqs-block-image .design-layout-collage .image-card-wrapper { -ms-flex-align: center; align-items: center } .image-block-collage-content-position-bottom .sqs-block-image .design-layout-collage .image-card-wrapper { -ms-flex-align: flex-end; align-items: flex-end } .menu-block .menu-selector { margin-bottom: 3em } .menu-block .menu-selector label { display: inline-block; padding: 0 .5em; cursor: pointer } .menu-block .menu-selector label.menu-select-labels--active { text-decoration: underline } .menu-block .menu-select-button { display: none } .menu-block .menus--has-multiple .menu { display: none } .menu-block .menu-header { margin-bottom: 3em } .menu-block .menu-section { margin-top: 1em } .menu-block .menu-section+.menu-section { margin-top: 5em } .menu-block .menu-section-header { margin-bottom: 2em; padding-bottom: 1em } .menu-block .menu-item { margin-bottom: 0; padding-bottom: 2em; margin-top: 0 } .menu-block .menu-item-description { margin-top: 5px } .menu-block .menu-item-price-bottom { margin: .5em 0 } .menu-block .menu-style-classic .menu-selector, .menu-block .menu-style-classic .menu-header, .menu-block .menu-style-classic .menu-section-title, .menu-block .menu-style-classic .menu-section-description { text-align: center } .menu-block .menu-style-classic .menu-items { -webkit-column-width: 18em; -webkit-column-gap: 3em; -moz-column-width: 18em; -moz-column-gap: 3em; -ms-column-width: 18em; -ms-column-gap: 3em; -o-column-width: 18em; -o-column-gap: 3em; column-width: 18em; column-gap: 3em } .menu-block .menu-style-classic .menu-item { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; width: 100% } .menu-block .menu-style-classic .menu-item-description { margin-right: 3em } .menu-block .menu-style-classic .menu-item-price-top { float: right; padding-left: 20px } .menu-block .menu-style-classic .menu-item-price-bottom { display: none } .menu-block .menu-style-simple .menu-selector, .menu-block .menu-style-simple .menu { text-align: center } .menu-block .menu-style-simple .menu-item-price-top { display: none } .sqs-use--icon, .sqs-use--mask { fill: transparent; transition: fill 170ms ease-in-out } .sqs-svg-icon--wrapper { display: inline-block; position: relative; overflow: hidden; cursor: pointer; text-decoration: none; transition: background-color 170ms ease-in-out; z-index: 0 } .sqs-svg-icon--wrapper>div, .sqs-svg-icon--wrapper svg { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .socialaccountlinks-v2-block .social-icons-shape-circle .sqs-svg-icon--wrapper, .social-account-links-v2-block .social-icons-shape-circle .sqs-svg-icon--wrapper { border-radius: 50% } .socialaccountlinks-v2-block .social-icons-shape-rounded .sqs-svg-icon--wrapper, .social-account-links-v2-block .social-icons-shape-rounded .sqs-svg-icon--wrapper { border-radius: 15% } .socialaccountlinks-v2-block .social-icons-style-regular .sqs-svg-icon--wrapper, .social-account-links-v2-block .social-icons-style-regular .sqs-svg-icon--wrapper { border-radius: 0 } .socialaccountlinks-v2-block .social-icons-style-regular .sqs-svg-icon--wrapper>div, .social-account-links-v2-block .social-icons-style-regular .sqs-svg-icon--wrapper>div { transform: scale(2) } .socialaccountlinks-v2-block .sqs-svg-icon--wrapper, .social-account-links-v2-block .sqs-svg-icon--wrapper { transition: opacity 170ms ease-in-out } .socialaccountlinks-v2-block .sqs-svg-icon--social, .social-account-links-v2-block .sqs-svg-icon--social, .socialaccountlinks-v2-block .sqs-use--icon, .social-account-links-v2-block .sqs-use--icon, .socialaccountlinks-v2-block .sqs-use--mask, .social-account-links-v2-block .sqs-use--mask { fill: transparent } .socialaccountlinks-v2-block .sqs-svg-icon--wrapper:hover, .social-account-links-v2-block .sqs-svg-icon--wrapper:hover { opacity: .8 } .socialaccountlinks-v2-block .social-icons-size-extra-small.social-icons-style-regular .sqs-svg-icon--wrapper, .social-account-links-v2-block .social-icons-size-extra-small.social-icons-style-regular .sqs-svg-icon--wrapper { width: 16px; height: 16px } .socialaccountlinks-v2-block .social-icons-size-small.social-icons-style-regular .sqs-svg-icon--wrapper, .social-account-links-v2-block .social-icons-size-small.social-icons-style-regular .sqs-svg-icon--wrapper { width: 20px; height: 20px } .socialaccountlinks-v2-block .social-icons-size-medium.social-icons-style-regular .sqs-svg-icon--wrapper, .social-account-links-v2-block .social-icons-size-medium.social-icons-style-regular .sqs-svg-icon--wrapper, .socialaccountlinks-v2-block .social-icons-size-extra-small:not(.social-icons-style-regular) .sqs-svg-icon--wrapper, .social-account-links-v2-block .social-icons-size-extra-small:not(.social-icons-style-regular) .sqs-svg-icon--wrapper { width: 24px; height: 24px } .socialaccountlinks-v2-block .social-icons-size-large.social-icons-style-regular .sqs-svg-icon--wrapper, .social-account-links-v2-block .social-icons-size-large.social-icons-style-regular .sqs-svg-icon--wrapper, .socialaccountlinks-v2-block .social-icons-size-small:not(.social-icons-style-regular) .sqs-svg-icon--wrapper, .social-account-links-v2-block .social-icons-size-small:not(.social-icons-style-regular) .sqs-svg-icon--wrapper { width: 28px; height: 28px } .socialaccountlinks-v2-block .social-icons-size-extra-large.social-icons-style-regular .sqs-svg-icon--wrapper, .social-account-links-v2-block .social-icons-size-extra-large.social-icons-style-regular .sqs-svg-icon--wrapper, .socialaccountlinks-v2-block .social-icons-size-medium:not(.social-icons-style-regular) .sqs-svg-icon--wrapper, .social-account-links-v2-block .social-icons-size-medium:not(.social-icons-style-regular) .sqs-svg-icon--wrapper { width: 32px; height: 32px } .socialaccountlinks-v2-block .social-icons-size-large:not(.social-icons-style-regular) .sqs-svg-icon--wrapper, .social-account-links-v2-block .social-icons-size-large:not(.social-icons-style-regular) .sqs-svg-icon--wrapper { width: 36px; height: 36px } .socialaccountlinks-v2-block .social-icons-size-extra-large:not(.social-icons-style-regular) .sqs-svg-icon--wrapper, .social-account-links-v2-block .social-icons-size-extra-large:not(.social-icons-style-regular) .sqs-svg-icon--wrapper { width: 48px; height: 48px } .sqs-svg-icon--list { display: flex; align-items: center } .social-icon-alignment-left .sqs-svg-icon--list { justify-content: flex-start } .social-icon-alignment-right .sqs-svg-icon--list { justify-content: flex-end } .social-icon-alignment-center .sqs-svg-icon--list { justify-content: center } .social-icons-size-extra-small.social-icon-alignment-left .sqs-svg-icon--wrapper { margin: 0 6px 0 0 } .social-icons-size-extra-small.social-icon-alignment-right .sqs-svg-icon--wrapper { margin: 0 0 0 6px } .social-icons-size-extra-small.social-icon-alignment-center .sqs-svg-icon--wrapper { margin: 0 3px } .social-icons-size-small.social-icon-alignment-left .sqs-svg-icon--wrapper { margin: 0 8px 0 0 } .social-icons-size-small.social-icon-alignment-right .sqs-svg-icon--wrapper { margin: 0 0 0 8px } .social-icons-size-small.social-icon-alignment-center .sqs-svg-icon--wrapper { margin: 0 4px } .social-icons-size-medium.social-icon-alignment-left .sqs-svg-icon--wrapper { margin: 0 8px 0 0 } .social-icons-size-medium.social-icon-alignment-right .sqs-svg-icon--wrapper { margin: 0 0 0 8px } .social-icons-size-medium.social-icon-alignment-center .sqs-svg-icon--wrapper { margin: 0 4px } .social-icons-size-extra-small.social-icons-style-regular.social-icon-alignment-left .sqs-svg-icon--wrapper, .social-icons-size-large.social-icon-alignment-left .sqs-svg-icon--wrapper { margin: 0 10px 0 0 } .social-icons-size-extra-small.social-icons-style-regular.social-icon-alignment-right .sqs-svg-icon--wrapper, .social-icons-size-large.social-icon-alignment-right .sqs-svg-icon--wrapper { margin: 0 0 0 10px } .social-icons-size-extra-small.social-icons-style-regular.social-icon-alignment-center .sqs-svg-icon--wrapper, .social-icons-size-large.social-icon-alignment-center .sqs-svg-icon--wrapper { margin: 0 5px } .social-icons-size-small.social-icons-style-regular.social-icon-alignment-left .sqs-svg-icon--wrapper, .social-icons-size-extra-large.social-icon-alignment-left .sqs-svg-icon--wrapper { margin: 0 12px 0 0 } .social-icons-size-small.social-icons-style-regular.social-icon-alignment-right .sqs-svg-icon--wrapper, .social-icons-size-extra-large.social-icon-alignment-right .sqs-svg-icon--wrapper { margin: 0 0 0 12px } .social-icons-size-small.social-icons-style-regular.social-icon-alignment-center .sqs-svg-icon--wrapper, .social-icons-size-extra-large.social-icon-alignment-center .sqs-svg-icon--wrapper { margin: 0 6px } .social-icons-size-medium.social-icons-style-regular.social-icon-alignment-left .sqs-svg-icon--wrapper { margin: 0 14px 0 0 } .social-icons-size-medium.social-icons-style-regular.social-icon-alignment-right .sqs-svg-icon--wrapper { margin: 0 0 0 14px } .social-icons-size-medium.social-icons-style-regular.social-icon-alignment-center .sqs-svg-icon--wrapper { margin: 0 7px } .social-icons-size-large.social-icons-style-regular.social-icon-alignment-left .sqs-svg-icon--wrapper { margin: 0 16px 0 0 } .social-icons-size-large.social-icons-style-regular.social-icon-alignment-right .sqs-svg-icon--wrapper { margin: 0 0 0 16px } .social-icons-size-large.social-icons-style-regular.social-icon-alignment-center .sqs-svg-icon--wrapper { margin: 0 8px } .social-icons-size-extra-large.social-icons-style-regular.social-icon-alignment-left .sqs-svg-icon--wrapper { margin: 0 18px 0 0 } .social-icons-size-extra-large.social-icons-style-regular.social-icon-alignment-right .sqs-svg-icon--wrapper { margin: 0 0 0 18px } .social-icons-size-extra-large.social-icons-style-regular.social-icon-alignment-center .sqs-svg-icon--wrapper { margin: 0 9px } .sqs-block-summary-v2 * { box-sizing: border-box } .sqs-block-summary-v2 .summary-thumbnail-outer-container { position: relative } .sqs-block-summary-v2 .summary-heading { display: none; margin: 0 0 15px 0; padding-right: 10px; font-size: 14px; line-height: normal } .sqs-block-summary-v2 .summary-carousel-pager { display: none } .sqs-block-summary-v2 .summary-item-list { list-style-type: none; margin: 0; padding: 0 } .sqs-block-summary-v2 .summary-item { visibility: hidden } .sqs-block-summary-v2 .summary-item.positioned { visibility: visible } .sqs-style-mode-active .sqs-block-summary-v2 .is-product-quick-view-enabled .summary-item:first-child .sqs-product-quick-view-button-wrapper { opacity: 1 } .sqs-style-mode-active .sqs-block-summary-v2 .is-product-quick-view-enabled .summary-item:first-child .sqs-product-mark-wrapper { opacity: 0 } .sqs-block-summary-v2 .summary-thumbnail-container { position: relative; display: block } .sqs-block-summary-v2 .summary-thumbnail-container:hover { opacity: 1 !important } .sqs-block-summary-v2 .summary-thumbnail-container img { opacity: 0; display: block; width: 100%; height: auto; font-size: 13px; line-height: normal; transition: opacity .6s ease } .sqs-block-summary-v2 .summary-thumbnail-container img.loaded { opacity: 1 } .sqs-block-summary-v2 .summary-thumbnail-container img:not(.loaded) .sqs-product-mark-wrapper .sqs-product-quick-view-button-wrapper { opacity: 0 !important } .sqs-block-summary-v2 .img-wrapper, .sqs-block-summary-v2 .sqs-video-wrapper { position: relative; width: 100%; height: auto } .sqs-block-summary-v2 .summary-product-status .product-mark { position: absolute; top: 15px; right: 0; padding: 6px 8px; background: #222; color: #fff; font-size: 14px; line-height: 14px; text-transform: uppercase; -webkit-font-smoothing: antialiased; box-sizing: content-box } .sqs-block-summary-v2 .summary-thumbnail-event-date { display: none; position: absolute; top: 10px; right: 10px; height: 50px; width: 50px; padding: 3px; background: #fff; text-align: center; box-sizing: content-box } .sqs-block-summary-v2 .summary-thumbnail-event-date-inner { display: table-cell; vertical-align: middle } .sqs-block-summary-v2 .summary-thumbnail-event-date-month { display: block; color: #333; font-size: 14px; line-height: 14px; text-transform: uppercase } .sqs-block-summary-v2 .summary-thumbnail-event-date-day { display: block; color: #333; font-size: 26px; line-height: 26px } .sqs-block-summary-v2 .summary-content { text-align: left } .sqs-block-summary-v2 .summary-title { margin: 0 0 10px 0; line-height: 1.2em; text-align: left } .sqs-block-summary-v2 .summary-price { margin: 0 0 10px 0 } .sqs-block-summary-v2 .summary-price .product-price { font-size: 14px; line-height: 20px; text-align: left } .sqs-block-summary-v2 .summary-price .product-price .original-price { opacity: .7; filter: alpha(opacity=70); text-decoration: line-through } .sqs-block-summary-v2 .product-scarcity { font-size: 14px; line-height: 20px; text-align: left; margin: 0 0 10px 0 } .sqs-block-summary-v2 .summary-excerpt { margin: 0 0 10px 0 } .sqs-block-summary-v2 .summary-excerpt p, .sqs-block-summary-v2 .summary-excerpt ul, .sqs-block-summary-v2 .summary-excerpt li { font-size: 14px; line-height: 1.4em; margin: 0 0 10px 0; text-align: left } .sqs-block-summary-v2 .summary-excerpt p:first-of-type, .sqs-block-summary-v2 .summary-excerpt ul:first-of-type, .sqs-block-summary-v2 .summary-excerpt li:first-of-type { margin-top: 0 !important } .sqs-block-summary-v2 .summary-excerpt p:last-of-type, .sqs-block-summary-v2 .summary-excerpt ul:last-of-type, .sqs-block-summary-v2 .summary-excerpt li:last-of-type { margin-bottom: 0 !important } .sqs-block-summary-v2 .summary-excerpt>blockquote p { font-size: inherit; line-height: inherit; margin: inherit; text-align: inherit } .sqs-block-summary-v2 .summary-excerpt>blockquote p:first-of-type { margin-top: inherit } .sqs-block-summary-v2 .summary-excerpt>blockquote p:last-of-type { margin-bottom: inherit } .sqs-block-summary-v2 .summary-block-collection-type-lessons .summary-description { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3 } .sqs-block-summary-v2 .summary-block-collection-type-lessons .summary-hide-description { display: none } .sqs-block-summary-v2 .summary-read-more-link { display: none; margin: 0 0 10px 0; font-size: 14px; line-height: 20px; text-align: left } .sqs-block-summary-v2 .summary-metadata-container { display: none; font-size: 13px; line-height: normal } .sqs-block-summary-v2 .summary-block-setting-metadata-position-above-title .summary-metadata-container--above-title, .sqs-block-summary-v2 .summary-block-setting-metadata-position-below-title .summary-metadata-container--below-title, .sqs-block-summary-v2 .summary-block-setting-metadata-position-below-content .summary-metadata-container--below-content { display: block } .sqs-block-summary-v2 .summary-block-setting-metadata-position-above-title.summary-block-setting-primary-metadata-date .summary-metadata-container, .sqs-block-summary-v2 .summary-block-setting-metadata-position-below-title.summary-block-setting-primary-metadata-date .summary-metadata-container, .sqs-block-summary-v2 .summary-block-setting-metadata-position-above-title.summary-block-setting-secondary-metadata-date .summary-metadata-container, .sqs-block-summary-v2 .summary-block-setting-metadata-position-below-title.summary-block-setting-secondary-metadata-date .summary-metadata-container, .sqs-block-summary-v2 .summary-block-setting-metadata-position-above-title.summary-block-setting-primary-metadata-event-time .summary-metadata-container, .sqs-block-summary-v2 .summary-block-setting-metadata-position-below-title.summary-block-setting-primary-metadata-event-time .summary-metadata-container, .sqs-block-summary-v2 .summary-block-setting-metadata-position-above-title.summary-block-setting-secondary-metadata-event-time .summary-metadata-container, .sqs-block-summary-v2 .summary-block-setting-metadata-position-below-title.summary-block-setting-secondary-metadata-event-time .summary-metadata-container, .sqs-block-summary-v2 .summary-block-setting-metadata-position-above-title.summary-block-setting-primary-metadata-cats .summary-item-has-cats .summary-metadata-container, .sqs-block-summary-v2 .summary-block-setting-metadata-position-below-title.summary-block-setting-primary-metadata-cats .summary-item-has-cats .summary-metadata-container, .sqs-block-summary-v2 .summary-block-setting-metadata-position-above-title.summary-block-setting-secondary-metadata-cats .summary-item-has-cats .summary-metadata-container, .sqs-block-summary-v2 .summary-block-setting-metadata-position-below-title.summary-block-setting-secondary-metadata-cats .summary-item-has-cats .summary-metadata-container, .sqs-block-summary-v2 .summary-block-setting-metadata-position-above-title.summary-block-setting-primary-metadata-tags .summary-item-has-tags .summary-metadata-container, .sqs-block-summary-v2 .summary-block-setting-metadata-position-below-title.summary-block-setting-primary-metadata-tags .summary-item-has-tags .summary-metadata-container, .sqs-block-summary-v2 .summary-block-setting-metadata-position-above-title.summary-block-setting-secondary-metadata-tags .summary-item-has-tags .summary-metadata-container, .sqs-block-summary-v2 .summary-block-setting-metadata-position-below-title.summary-block-setting-secondary-metadata-tags .summary-item-has-tags .summary-metadata-container, .sqs-block-summary-v2 .summary-block-setting-metadata-position-above-title.summary-block-setting-primary-metadata-author .summary-item-has-author .summary-metadata-container, .sqs-block-summary-v2 .summary-block-setting-metadata-position-below-title.summary-block-setting-primary-metadata-author .summary-item-has-author .summary-metadata-container, .sqs-block-summary-v2 .summary-block-setting-metadata-position-above-title.summary-block-setting-secondary-metadata-author .summary-item-has-author .summary-metadata-container, .sqs-block-summary-v2 .summary-block-setting-metadata-position-below-title.summary-block-setting-secondary-metadata-author .summary-item-has-author .summary-metadata-container, .sqs-block-summary-v2 .summary-block-setting-metadata-position-above-title.summary-block-setting-primary-metadata-comments .summary-item-has-comments-enabled .summary-metadata-container, .sqs-block-summary-v2 .summary-block-setting-metadata-position-below-title.summary-block-setting-primary-metadata-comments .summary-item-has-comments-enabled .summary-metadata-container, .sqs-block-summary-v2 .summary-block-setting-metadata-position-above-title.summary-block-setting-secondary-metadata-comments .summary-item-has-comments-enabled .summary-metadata-container, .sqs-block-summary-v2 .summary-block-setting-metadata-position-below-title.summary-block-setting-secondary-metadata-comments .summary-item-has-comments-enabled .summary-metadata-container, .sqs-block-summary-v2 .summary-block-setting-metadata-position-above-title.summary-block-setting-primary-metadata-location .summary-item-has-location .summary-metadata-container, .sqs-block-summary-v2 .summary-block-setting-metadata-position-below-title.summary-block-setting-primary-metadata-location .summary-item-has-location .summary-metadata-container, .sqs-block-summary-v2 .summary-block-setting-metadata-position-above-title.summary-block-setting-secondary-metadata-location .summary-item-has-location .summary-metadata-container, .sqs-block-summary-v2 .summary-block-setting-metadata-position-below-title.summary-block-setting-secondary-metadata-location .summary-item-has-location .summary-metadata-container { margin: 0 0 10px 0 } .sqs-block-summary-v2 .summary-metadata { display: none } .sqs-block-summary-v2 .summary-block-setting-primary-metadata-date .summary-metadata--primary, .sqs-block-summary-v2 .summary-block-setting-primary-metadata-event-time .summary-metadata--primary, .sqs-block-summary-v2 .summary-block-setting-primary-metadata-cats .summary-item-has-cats .summary-metadata--primary, .sqs-block-summary-v2 .summary-block-setting-primary-metadata-tags .summary-item-has-tags .summary-metadata--primary, .sqs-block-summary-v2 .summary-block-setting-primary-metadata-author .summary-item-has-author .summary-metadata--primary, .sqs-block-summary-v2 .summary-block-setting-primary-metadata-comments .summary-item-has-comments-enabled .summary-metadata--primary, .sqs-block-summary-v2 .summary-block-setting-primary-metadata-location .summary-item-has-location .summary-metadata--primary { display: inline-block } .sqs-block-summary-v2 .summary-block-setting-secondary-metadata-date .summary-metadata--secondary, .sqs-block-summary-v2 .summary-block-setting-secondary-metadata-event-time .summary-metadata--secondary, .sqs-block-summary-v2 .summary-block-setting-secondary-metadata-cats .summary-item-has-cats .summary-metadata--secondary, .sqs-block-summary-v2 .summary-block-setting-secondary-metadata-tags .summary-item-has-tags .summary-metadata--secondary, .sqs-block-summary-v2 .summary-block-setting-secondary-metadata-author .summary-item-has-author .summary-metadata--secondary, .sqs-block-summary-v2 .summary-block-setting-secondary-metadata-comments .summary-item-has-comments-enabled .summary-metadata--secondary, .sqs-block-summary-v2 .summary-block-setting-secondary-metadata-location .summary-item-has-location .summary-metadata--secondary { display: inline-block } .sqs-block-summary-v2 .summary-metadata-item { display: none; opacity: .7; margin: 0; font-size: 13px; line-height: 1.4em; text-transform: none } .sqs-block-summary-v2 .summary-metadata-item a, .sqs-block-summary-v2 .summary-metadata-item a:hover { opacity: 1; text-decoration: none } .sqs-block-summary-v2 .summary-block-setting-primary-metadata-date .summary-metadata--primary .summary-metadata-item--date, .sqs-block-summary-v2 .summary-block-setting-primary-metadata-event-time .summary-metadata--primary .summary-metadata-item--event-time, .sqs-block-summary-v2 .summary-block-setting-primary-metadata-cats .summary-item-has-cats .summary-metadata--primary .summary-metadata-item--cats, .sqs-block-summary-v2 .summary-block-setting-primary-metadata-tags .summary-item-has-tags .summary-metadata--primary .summary-metadata-item--tags, .sqs-block-summary-v2 .summary-block-setting-primary-metadata-author .summary-item-has-author .summary-metadata--primary .summary-metadata-item--author, .sqs-block-summary-v2 .summary-block-setting-primary-metadata-comments .summary-item-has-comments-enabled .summary-metadata--primary .summary-metadata-item--comments, .sqs-block-summary-v2 .summary-block-setting-primary-metadata-location .summary-item-has-location .summary-metadata--primary .summary-metadata-item--location { display: inline-block } .sqs-block-summary-v2 .summary-block-setting-secondary-metadata-date .summary-metadata--secondary .summary-metadata-item--date, .sqs-block-summary-v2 .summary-block-setting-secondary-metadata-event-time .summary-metadata--secondary .summary-metadata-item--event-time, .sqs-block-summary-v2 .summary-block-setting-secondary-metadata-cats .summary-item-has-cats .summary-metadata--secondary .summary-metadata-item--cats, .sqs-block-summary-v2 .summary-block-setting-secondary-metadata-tags .summary-item-has-tags .summary-metadata--secondary .summary-metadata-item--tags, .sqs-block-summary-v2 .summary-block-setting-secondary-metadata-author .summary-item-has-author .summary-metadata--secondary .summary-metadata-item--author, .sqs-block-summary-v2 .summary-block-setting-secondary-metadata-comments .summary-item-has-comments-enabled .summary-metadata--secondary .summary-metadata-item--comments, .sqs-block-summary-v2 .summary-block-setting-secondary-metadata-location .summary-item-has-location .summary-metadata--secondary .summary-metadata-item--location { display: inline-block } .sqs-block-summary-v2 .summary-block-setting-secondary-metadata-date .summary-metadata--primary .summary-metadata-item:after, .sqs-block-summary-v2 .summary-block-setting-secondary-metadata-event-time .summary-metadata--primary .summary-metadata-item:after, .sqs-block-summary-v2 .summary-block-setting-secondary-metadata-cats .summary-item-has-cats .summary-metadata--primary .summary-metadata-item:after, .sqs-block-summary-v2 .summary-block-setting-secondary-metadata-tags .summary-item-has-tags .summary-metadata--primary .summary-metadata-item:after, .sqs-block-summary-v2 .summary-block-setting-secondary-metadata-author .summary-item-has-author .summary-metadata--primary .summary-metadata-item:after, .sqs-block-summary-v2 .summary-block-setting-secondary-metadata-comments .summary-item-has-comments-enabled .summary-metadata--primary .summary-metadata-item:after, .sqs-block-summary-v2 .summary-block-setting-secondary-metadata-location .summary-item-has-location .summary-metadata--primary .summary-metadata-item:after { content: " ·"; margin: 0 .3em } .sqs-block-summary-v2 .summary-block-setting-text-align-center .summary-title, .sqs-block-summary-v2 .summary-block-setting-text-align-center .summary-price .product-price, .sqs-block-summary-v2 .summary-block-setting-text-align-center .summary-excerpt p, .sqs-block-summary-v2 .summary-block-setting-text-align-center .summary-read-more-link, .sqs-block-summary-v2 .summary-block-setting-text-align-center .summary-content { text-align: center } .sqs-block-summary-v2 .summary-block-setting-text-align-right .summary-title, .sqs-block-summary-v2 .summary-block-setting-text-align-right .summary-price .product-price, .sqs-block-summary-v2 .summary-block-setting-text-align-right .summary-excerpt p, .sqs-block-summary-v2 .summary-block-setting-text-align-right .summary-read-more-link, .sqs-block-summary-v2 .summary-block-setting-text-align-right .summary-content { text-align: right } .sqs-block-summary-v2 .summary-item-record-type-text .summary-read-more-link { display: block } .sqs-block-summary-v2 .summary-item-record-type-event .summary-thumbnail-event-date { display: table } .sqs-block-summary-v2 .event-time-12hr { display: none } .sqs-block-summary-v2 .event-time-localized { display: inline } .sqs-block-summary-v2 .summary-thumbnail-container { margin: 0 } .sqs-block-summary-v2 .summary-block-setting-show-title .summary-thumbnail-container, .sqs-block-summary-v2 .summary-block-setting-show-price .summary-item-record-type-store-item .summary-thumbnail-container, .sqs-block-summary-v2 .summary-block-setting-show-excerpt .summary-thumbnail-container, .sqs-block-summary-v2 .summary-block-wrapper:not(.summary-block-setting-primary-metadata-none) .summary-thumbnail-container, .sqs-block-summary-v2 .summary-block-wrapper:not(.summary-block-setting-secondary-metadata-none) .summary-thumbnail-container { margin: 0 0 15px 0 } .sqs-block-summary-v2 .summary-block-wrapper:not(.summary-block-setting-show-excerpt) .summary-title, .sqs-block-summary-v2 .summary-block-wrapper:not(.summary-block-setting-show-excerpt) .summary-price { margin: 0 0 2px 0 } .sqs-block-summary-v2 .summary-block-wrapper:not(.summary-block-setting-show-excerpt).summary-block-setting-metadata-position-above-title.summary-block-setting-primary-metadata-date .summary-metadata-container, .sqs-block-summary-v2 .summary-block-wrapper:not(.summary-block-setting-show-excerpt).summary-block-setting-metadata-position-below-title.summary-block-setting-primary-metadata-date .summary-metadata-container, .sqs-block-summary-v2 .summary-block-wrapper:not(.summary-block-setting-show-excerpt).summary-block-setting-metadata-position-above-title.summary-block-setting-secondary-metadata-date .summary-metadata-container, .sqs-block-summary-v2 .summary-block-wrapper:not(.summary-block-setting-show-excerpt).summary-block-setting-metadata-position-below-title.summary-block-setting-secondary-metadata-date .summary-metadata-container, .sqs-block-summary-v2 .summary-block-wrapper:not(.summary-block-setting-show-excerpt).summary-block-setting-metadata-position-above-title.summary-block-setting-primary-metadata-event-time .summary-metadata-container, .sqs-block-summary-v2 .summary-block-wrapper:not(.summary-block-setting-show-excerpt).summary-block-setting-metadata-position-below-title.summary-block-setting-primary-metadata-event-time .summary-metadata-container, .sqs-block-summary-v2 .summary-block-wrapper:not(.summary-block-setting-show-excerpt).summary-block-setting-metadata-position-above-title.summary-block-setting-secondary-metadata-event-time .summary-metadata-container, .sqs-block-summary-v2 .summary-block-wrapper:not(.summary-block-setting-show-excerpt).summary-block-setting-metadata-position-below-title.summary-block-setting-secondary-metadata-event-time .summary-metadata-container, .sqs-block-summary-v2 .summary-block-wrapper:not(.summary-block-setting-show-excerpt).summary-block-setting-metadata-position-above-title.summary-block-setting-primary-metadata-cats .summary-item-has-cats .summary-metadata-container, .sqs-block-summary-v2 .summary-block-wrapper:not(.summary-block-setting-show-excerpt).summary-block-setting-metadata-position-below-title.summary-block-setting-primary-metadata-cats .summary-item-has-cats .summary-metadata-container, .sqs-block-summary-v2 .summary-block-wrapper:not(.summary-block-setting-show-excerpt).summary-block-setting-metadata-position-above-title.summary-block-setting-secondary-metadata-cats .summary-item-has-cats .summary-metadata-container, .sqs-block-summary-v2 .summary-block-wrapper:not(.summary-block-setting-show-excerpt).summary-block-setting-metadata-position-below-title.summary-block-setting-secondary-metadata-cats .summary-item-has-cats .summary-metadata-container, .sqs-block-summary-v2 .summary-block-wrapper:not(.summary-block-setting-show-excerpt).summary-block-setting-metadata-position-above-title.summary-block-setting-primary-metadata-tags .summary-item-has-tags .summary-metadata-container, .sqs-block-summary-v2 .summary-block-wrapper:not(.summary-block-setting-show-excerpt).summary-block-setting-metadata-position-below-title.summary-block-setting-primary-metadata-tags .summary-item-has-tags .summary-metadata-container, .sqs-block-summary-v2 .summary-block-wrapper:not(.summary-block-setting-show-excerpt).summary-block-setting-metadata-position-above-title.summary-block-setting-secondary-metadata-tags .summary-item-has-tags .summary-metadata-container, .sqs-block-summary-v2 .summary-block-wrapper:not(.summary-block-setting-show-excerpt).summary-block-setting-metadata-position-below-title.summary-block-setting-secondary-metadata-tags .summary-item-has-tags .summary-metadata-container, .sqs-block-summary-v2 .summary-block-wrapper:not(.summary-block-setting-show-excerpt).summary-block-setting-metadata-position-above-title.summary-block-setting-primary-metadata-author .summary-item-has-author .summary-metadata-container, .sqs-block-summary-v2 .summary-block-wrapper:not(.summary-block-setting-show-excerpt).summary-block-setting-metadata-position-below-title.summary-block-setting-primary-metadata-author .summary-item-has-author .summary-metadata-container, .sqs-block-summary-v2 .summary-block-wrapper:not(.summary-block-setting-show-excerpt).summary-block-setting-metadata-position-above-title.summary-block-setting-secondary-metadata-author .summary-item-has-author .summary-metadata-container, .sqs-block-summary-v2 .summary-block-wrapper:not(.summary-block-setting-show-excerpt).summary-block-setting-metadata-position-below-title.summary-block-setting-secondary-metadata-author .summary-item-has-author .summary-metadata-container, .sqs-block-summary-v2 .summary-block-wrapper:not(.summary-block-setting-show-excerpt).summary-block-setting-metadata-position-above-title.summary-block-setting-primary-metadata-comments .summary-item-has-comments-enabled .summary-metadata-container, .sqs-block-summary-v2 .summary-block-wrapper:not(.summary-block-setting-show-excerpt).summary-block-setting-metadata-position-below-title.summary-block-setting-primary-metadata-comments .summary-item-has-comments-enabled .summary-metadata-container, .sqs-block-summary-v2 .summary-block-wrapper:not(.summary-block-setting-show-excerpt).summary-block-setting-metadata-position-above-title.summary-block-setting-secondary-metadata-comments .summary-item-has-comments-enabled .summary-metadata-container, .sqs-block-summary-v2 .summary-block-wrapper:not(.summary-block-setting-show-excerpt).summary-block-setting-metadata-position-below-title.summary-block-setting-secondary-metadata-comments .summary-item-has-comments-enabled .summary-metadata-container, .sqs-block-summary-v2 .summary-block-wrapper:not(.summary-block-setting-show-excerpt).summary-block-setting-metadata-position-above-title.summary-block-setting-primary-metadata-location .summary-item-has-location .summary-metadata-container, .sqs-block-summary-v2 .summary-block-wrapper:not(.summary-block-setting-show-excerpt).summary-block-setting-metadata-position-below-title.summary-block-setting-primary-metadata-location .summary-item-has-location .summary-metadata-container, .sqs-block-summary-v2 .summary-block-wrapper:not(.summary-block-setting-show-excerpt).summary-block-setting-metadata-position-above-title.summary-block-setting-secondary-metadata-location .summary-item-has-location .summary-metadata-container, .sqs-block-summary-v2 .summary-block-wrapper:not(.summary-block-setting-show-excerpt).summary-block-setting-metadata-position-below-title.summary-block-setting-secondary-metadata-location .summary-item-has-location .summary-metadata-container { margin: 0 0 2px 0 } .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item { visibility: visible !important; margin-bottom: 17px !important; padding-bottom: 17px !important; overflow: visible !important } .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item::after { content: ""; display: table; clear: both } .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item.summary-item-show-thumbnail { margin-bottom: 17px !important; padding-bottom: 17px !important } .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item .summary-thumbnail-container { margin: 0 !important } .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item:not(.summary-item-record-type-video) .summary-thumbnail-container { width: 100% !important } .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item.summary-item-record-type-video .summary-thumbnail-container, .sqs-block-summary-v2 .summary-block-setting-design-list .summary-thumbnail-outer-container { float: left } @media screen and (max-width: 575px) { .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item.summary-item-record-type-video .summary-thumbnail-container, .sqs-block-summary-v2 .summary-block-setting-design-list .summary-thumbnail-outer-container { width: 35% !important } } .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item .summary-thumbnail-container .sqs-video-wrapper img { max-width: 100%; object-fit: contain; position: static !important } @media screen and (max-width: 575px) { .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item .summary-thumbnail-container .sqs-video-wrapper img { height: auto; position: static; width: 100% !important; width: auto } } .sqs-block-summary-v2 .summary-block-setting-design-list .sqs-product-quick-view-button-wrapper { padding-right: 20px } .sqs-block-summary-v2 .summary-block-setting-design-list.summary-block-setting-design-list-thumbnail-right .summary-item-record-type-video .summary-thumbnail-container, .sqs-block-summary-v2 .summary-block-setting-design-list.summary-block-setting-design-list-thumbnail-right .summary-thumbnail-outer-container { float: right } .sqs-block-summary-v2 .summary-block-setting-design-list.summary-block-setting-design-list-thumbnail-right .summary-thumbnail-container { padding: 0 0 0 20px } .sqs-block-summary-v2 .summary-block-setting-design-list.summary-block-setting-design-list-thumbnail-right .sqs-product-quick-view-button-wrapper { padding-left: 20px; padding-right: 0px } .sqs-block-summary-v2 .summary-block-setting-design-list.summary-block-setting-design-list-thumbnail-right .summary-item-record-type-store-item .product-mark { right: 0; left: auto } .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item-record-type-store-item .product-mark { left: 0; right: auto } .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item-record-type-event .summary-thumbnail-event-date { display: none } .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-carousel-pager { display: flex; justify-content: flex-end } .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-block-header { overflow: hidden } .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-heading { display: block; float: left; width: calc(100% - 50px); width: -webkit-calc(100% - 50px); width: -moz-calc(100% - 50px) } .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-collection-title { display: none } .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-carousel-pager { float: right; width: 50px } .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-item:not(.positioned) { visibility: visible } @media screen and (max-width: 767px) { .sqs-block-summary-v2 .summary-product-quick-view { display: none } } body:not(.button-style-default) .sqs-editable-button, body.button-style-default .sqs-editable-button, body:not(.button-style-default) .sqs-editable-button-layout, body.button-style-default .sqs-editable-button-layout, body:not(.button-style-default) .sqs-editable-button-font, body.button-style-default .sqs-editable-button-font, body:not(.button-style-default) .sqs-editable-button-color, body.button-style-default .sqs-editable-button-color, body:not(.button-style-default) .sqs-editable-button-style, body.button-style-default .sqs-editable-button-style, body:not(.button-style-default) .sqs-editable-button-shape, body.button-style-default .sqs-editable-button-shape, body:not(.button-style-default) .sqs-add-to-cart-button, body.button-style-default .sqs-add-to-cart-button { display: inline-block; width: auto; height: auto; border-width: 0; text-align: center; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-font-smoothing: antialiased; font-size: 1rem; line-height: normal; padding: 1.2rem 2.004rem } body:not(.button-style-default) .sqs-editable-button:hover, body.button-style-default .sqs-editable-button:hover, body:not(.button-style-default) .sqs-editable-button-layout:hover, body.button-style-default .sqs-editable-button-layout:hover, body:not(.button-style-default) .sqs-editable-button-font:hover, body.button-style-default .sqs-editable-button-font:hover, body:not(.button-style-default) .sqs-editable-button-color:hover, body.button-style-default .sqs-editable-button-color:hover, body:not(.button-style-default) .sqs-editable-button-style:hover, body.button-style-default .sqs-editable-button-style:hover, body:not(.button-style-default) .sqs-editable-button-shape:hover, body.button-style-default .sqs-editable-button-shape:hover, body:not(.button-style-default) .sqs-add-to-cart-button:hover, body.button-style-default .sqs-add-to-cart-button:hover { opacity: 1 } body:not(.button-style-default) .sqs-add-to-cart-button, body.button-style-default .sqs-add-to-cart-button { max-width: 100% } body:not(.button-style-default).tweak-global-animations-animation-type-flex.primary-button-style-solid .sqs-button-element--primary:not(input):hover, body.button-style-default.tweak-global-animations-animation-type-flex.primary-button-style-solid .sqs-button-element--primary:not(input):hover { opacity: 1 } body:not(.button-style-default).tweak-global-animations-animation-type-flex.secondary-button-style-solid .sqs-button-element--secondary:not(input):hover, body.button-style-default.tweak-global-animations-animation-type-flex.secondary-button-style-solid .sqs-button-element--secondary:not(input):hover { opacity: 1 } body:not(.button-style-default).tweak-global-animations-animation-type-flex.tertiary-button-style-solid .sqs-button-element--tertiary:not(input):hover, body.button-style-default.tweak-global-animations-animation-type-flex.tertiary-button-style-solid .sqs-button-element--tertiary:not(input):hover { opacity: 1 } body:not(.button-style-default).primary-button-style-outline .sqs-editable-button, body.button-style-default.primary-button-style-outline .sqs-editable-button, body:not(.button-style-default).primary-button-style-outline .sqs-editable-button-layout, body.button-style-default.primary-button-style-outline .sqs-editable-button-layout, body:not(.button-style-default).primary-button-style-outline .sqs-editable-button-font, body.button-style-default.primary-button-style-outline .sqs-editable-button-font, body:not(.button-style-default).primary-button-style-outline .sqs-editable-button-color, body.button-style-default.primary-button-style-outline .sqs-editable-button-color, body:not(.button-style-default).primary-button-style-outline .sqs-editable-button-style, body.button-style-default.primary-button-style-outline .sqs-editable-button-style, body:not(.button-style-default).primary-button-style-outline .sqs-editable-button-shape, body.button-style-default.primary-button-style-outline .sqs-editable-button-shape, body:not(.button-style-default).primary-button-style-outline .sqs-add-to-cart-button, body.button-style-default.primary-button-style-outline .sqs-add-to-cart-button, body:not(.button-style-default).primary-button-style-outline .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue, body.button-style-default.primary-button-style-outline .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue { border-width: 2px; border-style: solid; transition: .1s background-color linear, .1s color linear } body:not(.button-style-default) .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue, body.button-style-default .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue { -webkit-backface-visibility: hidden; border-width: 0 } .sqs-product-quick-view-button-wrapper { font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 12px; letter-spacing: 1px; text-transform: uppercase } /*! WARNING: Stylesheet from template.conf missing: mixins/blog-image.less */ a { cursor: pointer; color: inherit; text-decoration: none } .tweak-global-animations-animation-type-flex .sqs-block h1 a, .tweak-global-animations-animation-type-flex .sqs-block h2 a, .tweak-global-animations-animation-type-flex .sqs-block h3 a, .tweak-global-animations-animation-type-flex .sqs-block h4 a, .tweak-global-animations-animation-type-flex .sqs-block h5 a, .tweak-global-animations-animation-type-flex .sqs-block h6 a { display: inline; text-decoration: none; background-repeat: no-repeat; background-image: linear-gradient(currentColor, currentColor), linear-gradient(currentColor, currentColor); background-size: 50% 1px, 50% 1px; background-position: 0% bottom, 100% bottom } @keyframes underlineSlideOut { from { background-position: 0% bottom, 100% bottom } to { background-position: 200% bottom, 300% bottom } } @keyframes underlineSlideIn { from { background-position: -200% bottom, -100% bottom } to { background-position: 0% bottom, 100% bottom } } @media (hover:hover) { .tweak-global-animations-animation-type-flex .sqs-block h1 a, .tweak-global-animations-animation-type-flex .sqs-block h2 a, .tweak-global-animations-animation-type-flex .sqs-block h3 a, .tweak-global-animations-animation-type-flex .sqs-block h4 a, .tweak-global-animations-animation-type-flex .sqs-block h5 a, .tweak-global-animations-animation-type-flex .sqs-block h6 a { animation: underlineSlideIn .6s cubic-bezier(.19, 1, .22, 1) forwards } .tweak-global-animations-animation-type-flex .sqs-block h1 a:hover, .tweak-global-animations-animation-type-flex .sqs-block h2 a:hover, .tweak-global-animations-animation-type-flex .sqs-block h3 a:hover, .tweak-global-animations-animation-type-flex .sqs-block h4 a:hover, .tweak-global-animations-animation-type-flex .sqs-block h5 a:hover, .tweak-global-animations-animation-type-flex .sqs-block h6 a:hover { animation: underlineSlideOut .6s cubic-bezier(.19, 1, .22, 1) forwards } } .tweak-global-animations-animation-type-flex .sqs-block p a { display: inline; text-decoration: none; background-image: linear-gradient(currentColor, currentColor); background-repeat: no-repeat; background-size: 100% 1px; background-position: left bottom; transition: color .6s cubic-bezier(.19, 1, .22, 1), background-size calc(.3s) cubic-bezier(.19, 1, .22, 1) } @media (hover:hover) { .tweak-global-animations-animation-type-flex .sqs-block p a:hover { color: inherit; background-size: 100% calc(2px) } } @keyframes tmpl-anim-fade-up { from, to { animation-timing-function: cubic-bezier(.4, 0, .2, 1); transform-origin: center center } from { opacity: 0; transform: matrix(1, 0, 0, 1, 0, 25) } to { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0) } } @keyframes tmpl-anim-fade-scale-up { from, to { animation-timing-function: cubic-bezier(.4, 0, .2, 1); transform-origin: center center } from { opacity: 0; transform: matrix(.92, 0, 0, .92, 0, 0) } to { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0) } } @keyframes tmpl-anim-fade-stretch-up { from, to { animation-timing-function: cubic-bezier(.4, 0, .2, 1); transform-origin: center 0 } from { opacity: 0; transform: matrix(.9, 0, 0, 1.3, 0, 25) } to { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0) } } @keyframes tmpl-anim-clip-vertical-up { from, to { animation-timing-function: cubic-bezier(.4, 0, .2, 1) } from { -webkit-clip-path: polygon(50% 0%, 100% 0%, 100% 0%, 50% 0%, 50% 100%, 0% 100%, 0% 100%, 50% 100%, 50% 100%, 50% 100%); clip-path: polygon(50% 0%, 100% 0%, 100% 0%, 50% 0%, 50% 100%, 0% 100%, 0% 100%, 50% 100%, 50% 100%, 50% 100%) } to { -webkit-clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 50% 100%, 50% 100%, 0% 100%, 0% 0%, 50% 0%, 50% 100%, 50% 100%); clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 50% 100%, 50% 100%, 0% 100%, 0% 0%, 50% 0%, 50% 100%, 50% 100%) } } @keyframes tmpl-anim-clip-horizontal-left { from, to { animation-timing-function: cubic-bezier(.4, 0, .2, 1) } from { -webkit-clip-path: polygon(0% 50%, 0% 100%, 0% 100%, 0% 50%, 100% 50%, 100% 0%, 100% 0%, 100% 50%, 100% 50%, 100% 50%); clip-path: polygon(0% 50%, 0% 100%, 0% 100%, 0% 50%, 100% 50%, 100% 0%, 100% 0%, 100% 50%, 100% 50%, 100% 50%) } to { -webkit-clip-path: polygon(0% 50%, 0% 100%, 100% 100%, 100% 50%, 100% 50%, 100% 0%, 0% 0%, 0% 50%, 100% 50%, 100% 50%); clip-path: polygon(0% 50%, 0% 100%, 100% 100%, 100% 50%, 100% 50%, 100% 0%, 0% 0%, 0% 50%, 100% 50%, 100% 50%) } } .burger { position: relative; display: inline-block; cursor: pointer; background-color: transparent; border: none } .burger-box { position: relative; display: flex; align-items: center; justify-content: center; width: 35px; height: 35px } .burger-inner { width: 100%; height: 100% } .burger-inner .top-bun, .burger-inner .patty, .burger-inner .bottom-bun { position: absolute; display: block; top: 0; left: 0; bottom: 0; margin: auto; content: ''; width: 100%; transition: transform 250ms cubic-bezier(.2, .6, .3, 1), width 250ms cubic-bezier(.2, .6, .3, 1); will-change: transform, width } .burger-inner.header-menu-icon-doubleLineHamburger .top-bun { transform: translatey(-5.5px) } .burger-inner.header-menu-icon-doubleLineHamburger .bottom-bun { transform: translatey(5.5px) } .burger-inner.header-menu-icon-doubleLineHamburger .patty { transform: scale(0) } .burger-inner.header-menu-icon-tripleLineHamburger .top-bun { transform: translatey(-9.5px) } .burger-inner.header-menu-icon-tripleLineHamburger .bottom-bun { transform: translatey(9.5px) } .burger-inner.header-menu-icon-halfLineHamburger .top-bun { transform: translatey(-9.5px) } .burger-inner.header-menu-icon-halfLineHamburger .bottom-bun { transform: translatey(9.5px) } .burger-inner.header-menu-icon-halfLineHamburger.navRight .patty { transform: scalex(.5) translatex(17.5px) } .burger-inner.header-menu-icon-halfLineHamburger.navLeft .patty { transform: scalex(.5) translatex(-17.5px) } .burger-inner.header-menu-icon-plus .top-bun { transform: translatey(-.5px) translatex(3.5px) rotate(180deg); width: 28px } .burger-inner.header-menu-icon-plus .bottom-bun { transform: translatex(3.5px) rotate(90deg); width: 28px } .burger-inner.header-menu-icon-plus .patty { transform: scale(0) } .burger--active .burger-inner .top-bun { transform: translatex(3.5px) rotate(-135deg); width: 28px } .burger--active .burger-inner .bottom-bun { transform: translatex(3.5px) rotate(135deg); width: 28px } .burger--active .burger-inner.navLeft .patty, .burger--active .burger-inner.navRight .patty, .burger--active .burger-inner .patty { transform: scale(0) } .icon { position: relative; display: block; width: 25px; height: 25px; box-sizing: content-box; line-height: 1 } .icon--sm { width: 20px; height: 20px } .icon--lg { width: 28px; height: 28px } .icon--stroke svg { stroke-width: 1px; fill: transparent } .icon--fill svg { fill: currentColor } .icon svg { width: 100%; height: 100% } .icon-cart-quantity { display: block; font-family: inherit } .icon-cart-quantity:not(.legacy-cart) { position: relative; text-align: center } .icon-cart-quantity.legacy-cart { position: absolute; top: -1em; right: -1em; min-width: 1em; font-size: 10px; padding: .5em; text-align: right; line-height: 1em } .icon .caret-right-icon--small, .icon .caret-left-icon--small { width: 9px; height: 16px } .btn { position: relative; display: inline-block; line-height: normal; padding: .96rem 1.6032rem } .primary-button-style-solid .btn { transition: .1s opacity linear; -webkit-backface-visibility: hidden } @media (hover:hover) { .primary-button-style-solid .btn:hover { opacity: .8 } } .primary-button-style-outline .btn { border-width: 2px; border-style: solid; transition: .1s background-color linear, .1s color linear } .chevron { position: relative; display: inline-block; width: .4em; height: .4em; border-top: 1px solid currentColor; border-right: 1px solid currentColor; vertical-align: middle; margin-top: -.14em } .chevron--up { transform: rotate(-45deg); margin-bottom: -.25em } .chevron--down { transform: rotate(135deg) } .chevron--right { transform: rotate(45deg) } .chevron--left { transform: rotate(-135deg) } .gallery-caption { position: relative; width: 100%; max-width: 675px; transition: visibility 600ms cubic-bezier(.4, 0, .2, 1), opacity 600ms cubic-bezier(.4, 0, .2, 1); will-change: opacity } .gallery-caption-reel { position: relative } .gallery-caption-slideshow, .gallery-caption-fullscreen-slideshow, .gallery-caption-reel { position: absolute; height: 100px; left: 0; right: 0; top: 100%; margin: 25px auto 0; display: flex; align-items: center; justify-content: center; text-align: center; opacity: 0; visibility: hidden } @media screen and (max-width: 767px) { .gallery-caption-slideshow, .gallery-caption-fullscreen-slideshow, .gallery-caption-reel { max-width: 325px } } .gallery-caption-grid-simple, .gallery-caption-grid-strips, .gallery-caption-grid-masonry { padding: 15px 0; text-align: left; opacity: 1; visibility: visible; transition-delay: 800ms } .gallery-caption-grid-simple:empty, .gallery-caption-grid-strips:empty, .gallery-caption-grid-masonry:empty { display: none } @media screen and (max-width: 767px) { .gallery-caption-grid-simple, .gallery-caption-grid-strips, .gallery-caption-grid-masonry { font-size: .85em; max-width: 375px } } @media screen and (max-width: 575px) { .gallery-caption-grid-simple, .gallery-caption-grid-strips, .gallery-caption-grid-masonry { font-size: 1em } } .gallery-caption-wrapper { overflow: hidden; width: 100%; height: 100% } .gallery-caption p.gallery-caption-content { margin: 0 } :root { --previous-section-divider-offset: 0px } body { word-wrap: break-word; overflow-wrap: break-word } @supports (--test-custom-property: true) { body { --sqs-site-gutter: 4vw; --sqs-mobile-site-gutter: 6vw; --sqs-site-max-width: 1800px } } a { color: inherit; text-decoration: none } :focus { outline-offset: 4px } :focus, a:focus { outline-width: 2px; outline-style: solid } :focus:not(:focus-visible), a:focus:not(:focus-visible) { outline: none } .sqs-block-archive .archive-block-setting-multicolumns .archive-group-name-link:focus, .sqs-block-archive .archive-block-setting-multicolumns .archive-item-link:focus { outline-offset: -2px } .sqs-block-gallery .sqs-gallery-design-strip-slide:focus { outline-offset: -2px } .sqs-gallery-controls .previous:focus, .sqs-gallery-controls .next:focus { outline-width: 2px !important; outline-style: solid !important } .sqs-gallery-controls .previous:focus:not(:focus-visible), .sqs-gallery-controls .next:focus:not(:focus-visible) { outline-width: 0 !important } .sqs-search-preview-ui .search-result.selected { outline-width: 2px; outline-style: solid; outline-offset: -2px } .sqs-audio-player .controls:focus { outline-offset: -2px } .sqs-widgets-audio-player .action:focus, .sqs-widgets-audio-player .track:focus { outline-offset: -2px } .sqs-mobile-info-bar-trigger:focus, .sqs-mobile-info-bar-overlay-close:focus { outline-offset: -4px } img[data-src]:not([src]):not([srcset]) { visibility: hidden } .section-background img { object-fit: cover; width: 100%; height: 100% } .background-image-fx { visibility: hidden } @media (prefers-reduced-motion:reduce) { .background-image-fx { visibility: visible } } .page-section { position: relative; display: flex; align-items: center; box-sizing: border-box } .page-section[data-current-styles="{ }"]>.content-wrapper { width: 100%; padding: 5vmax } .page-section>.content-wrapper { width: 100%; box-sizing: content-box; position: relative } .page-section.background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) { padding-top: 4vw; padding-right: 4vw; padding-bottom: 4vw; padding-left: 4vw } .page-section .content { width: 100% } .page-section>.content-wrapper { display: flex } @media screen and (min-width: 768px) { .page-section.content-width--narrow:not(.content-collection) .content { width: 50% } .page-section.content-width--medium:not(.content-collection) .content { width: 75% } } @media screen and (max-width: 767px) { .page-section .content { width: 100% !important } } .page-section.content-width--wide .content, .page-section.content-width--narrow.content-collection .content, .page-section.content-width--medium.content-collection .content { width: 100% } .page-section.horizontal-alignment--left>.content-wrapper { justify-content: flex-start } .page-section.horizontal-alignment--center>.content-wrapper { justify-content: center } .page-section.horizontal-alignment--right>.content-wrapper { justify-content: flex-end } .page-section.section-height--small:not(.content-collection):not(.gallery-section):not(.user-items-list-section) { min-height: 33vh } .page-section.section-height--medium:not(.content-collection):not(.gallery-section):not(.user-items-list-section) { min-height: 66vh } .page-section.section-height--large:not(.content-collection):not(.gallery-section):not(.user-items-list-section) { min-height: 100vh } .page-section.vertical-alignment--middle:not(.content-collection):not(.gallery-section):not(.user-items-list-section):not(.editmode-changing-rowcount) { align-items: center } .page-section.vertical-alignment--middle:not(.content-collection):not(.gallery-section):not(.user-items-list-section):not(.editmode-changing-rowcount).section-height--small>.content-wrapper { padding-top: 3.3vmax; padding-bottom: 3.3vmax } .page-section.vertical-alignment--middle:not(.content-collection):not(.gallery-section):not(.user-items-list-section):not(.editmode-changing-rowcount).section-height--medium>.content-wrapper { padding-top: 6.6vmax; padding-bottom: 6.6vmax } .page-section.vertical-alignment--middle:not(.content-collection):not(.gallery-section):not(.user-items-list-section):not(.editmode-changing-rowcount).section-height--large>.content-wrapper { padding-top: 10vmax; padding-bottom: 10vmax } .page-section.vertical-alignment--middle:not(.content-collection):not(.gallery-section):not(.user-items-list-section):not(.editmode-changing-rowcount).section-height--small.section-match-padding-top>.content-wrapper { padding-top: 1.65vmax } .page-section.vertical-alignment--middle:not(.content-collection):not(.gallery-section):not(.user-items-list-section):not(.editmode-changing-rowcount).section-height--small.section-match-padding-bottom>.content-wrapper { padding-bottom: 1.65vmax } .page-section.vertical-alignment--middle:not(.content-collection):not(.gallery-section):not(.user-items-list-section):not(.editmode-changing-rowcount).section-height--medium.section-match-padding-top>.content-wrapper { padding-top: 3.3vmax } .page-section.vertical-alignment--middle:not(.content-collection):not(.gallery-section):not(.user-items-list-section):not(.editmode-changing-rowcount).section-height--medium.section-match-padding-bottom>.content-wrapper { padding-bottom: 3.3vmax } .page-section.vertical-alignment--middle:not(.content-collection):not(.gallery-section):not(.user-items-list-section):not(.editmode-changing-rowcount).section-height--large.section-match-padding-top>.content-wrapper { padding-top: 5vmax } .page-section.vertical-alignment--middle:not(.content-collection):not(.gallery-section):not(.user-items-list-section):not(.editmode-changing-rowcount).section-height--large.section-match-padding-bottom>.content-wrapper { padding-bottom: 5vmax } .page-section.vertical-alignment--top:not(.content-collection):not(.gallery-section):not(.user-items-list-section):not(.section-height--custom):not(.editmode-changing-rowcount) { align-items: flex-start } .page-section.vertical-alignment--top:not(.content-collection):not(.gallery-section):not(.user-items-list-section):not(.section-height--custom):not(.editmode-changing-rowcount)>.content-wrapper { padding-top: 4vw } .page-section.vertical-alignment--top:not(.content-collection):not(.gallery-section):not(.user-items-list-section):not(.section-height--custom):not(.editmode-changing-rowcount).section-height--small>.content-wrapper { /* padding-bottom: 6.6vmax */ } .page-section.vertical-alignment--top:not(.content-collection):not(.gallery-section):not(.user-items-list-section):not(.section-height--custom):not(.editmode-changing-rowcount).section-height--medium>.content-wrapper { padding-bottom: 13.2vmax } .page-section.vertical-alignment--top:not(.content-collection):not(.gallery-section):not(.user-items-list-section):not(.section-height--custom):not(.editmode-changing-rowcount).section-height--large>.content-wrapper { padding-bottom: 20vmax } .page-section.vertical-alignment--top:not(.content-collection):not(.gallery-section):not(.user-items-list-section):not(.section-height--custom):not(.editmode-changing-rowcount).section-height--small.section-match-padding-top>.content-wrapper { padding-top: 1.65vmax } .page-section.vertical-alignment--top:not(.content-collection):not(.gallery-section):not(.user-items-list-section):not(.section-height--custom):not(.editmode-changing-rowcount).section-height--small.section-match-padding-bottom>.content-wrapper { padding-bottom: 1.65vmax } .page-section.vertical-alignment--top:not(.content-collection):not(.gallery-section):not(.user-items-list-section):not(.section-height--custom):not(.editmode-changing-rowcount).section-height--medium.section-match-padding-top>.content-wrapper { padding-top: 3.3vmax } .page-section.vertical-alignment--top:not(.content-collection):not(.gallery-section):not(.user-items-list-section):not(.section-height--custom):not(.editmode-changing-rowcount).section-height--medium.section-match-padding-bottom>.content-wrapper { padding-bottom: 3.3vmax } .page-section.vertical-alignment--top:not(.content-collection):not(.gallery-section):not(.user-items-list-section):not(.section-height--custom):not(.editmode-changing-rowcount).section-height--large.section-match-padding-top>.content-wrapper { padding-top: 5vmax } .page-section.vertical-alignment--top:not(.content-collection):not(.gallery-section):not(.user-items-list-section):not(.section-height--custom):not(.editmode-changing-rowcount).section-height--large.section-match-padding-bottom>.content-wrapper { padding-bottom: 5vmax } .page-section.vertical-alignment--bottom:not(.content-collection):not(.gallery-section):not(.user-items-list-section):not(.section-height--custom):not(.editmode-changing-rowcount) { align-items: flex-end } .page-section.vertical-alignment--bottom:not(.content-collection):not(.gallery-section):not(.user-items-list-section):not(.section-height--custom):not(.editmode-changing-rowcount)>.content-wrapper { padding-bottom: 4vw } .page-section.vertical-alignment--bottom:not(.content-collection):not(.gallery-section):not(.user-items-list-section):not(.section-height--custom):not(.editmode-changing-rowcount).section-height--small>.content-wrapper { padding-top: 6.6vmax } .page-section.vertical-alignment--bottom:not(.content-collection):not(.gallery-section):not(.user-items-list-section):not(.section-height--custom):not(.editmode-changing-rowcount).section-height--medium>.content-wrapper { padding-top: 13.2vmax } .page-section.vertical-alignment--bottom:not(.content-collection):not(.gallery-section):not(.user-items-list-section):not(.section-height--custom):not(.editmode-changing-rowcount).section-height--large>.content-wrapper { padding-top: 20vmax } .page-section.vertical-alignment--bottom:not(.content-collection):not(.gallery-section):not(.user-items-list-section):not(.section-height--custom):not(.editmode-changing-rowcount).section-height--small.section-match-padding-top>.content-wrapper { padding-top: 1.65vmax } .page-section.vertical-alignment--bottom:not(.content-collection):not(.gallery-section):not(.user-items-list-section):not(.section-height--custom):not(.editmode-changing-rowcount).section-height--small.section-match-padding-bottom>.content-wrapper { padding-bottom: 1.65vmax } .page-section.vertical-alignment--bottom:not(.content-collection):not(.gallery-section):not(.user-items-list-section):not(.section-height--custom):not(.editmode-changing-rowcount).section-height--medium.section-match-padding-top>.content-wrapper { padding-top: 3.3vmax } .page-section.vertical-alignment--bottom:not(.content-collection):not(.gallery-section):not(.user-items-list-section):not(.section-height--custom):not(.editmode-changing-rowcount).section-height--medium.section-match-padding-bottom>.content-wrapper { padding-bottom: 3.3vmax } .page-section.vertical-alignment--bottom:not(.content-collection):not(.gallery-section):not(.user-items-list-section):not(.section-height--custom):not(.editmode-changing-rowcount).section-height--large.section-match-padding-top>.content-wrapper { padding-top: 5vmax } .page-section.vertical-alignment--bottom:not(.content-collection):not(.gallery-section):not(.user-items-list-section):not(.section-height--custom):not(.editmode-changing-rowcount).section-height--large.section-match-padding-bottom>.content-wrapper { padding-bottom: 5vmax } .page-section.editmode-changing-rowcount { align-items: flex-start } .page-section[data-animation="fade-up"] { transition: opacity 800ms cubic-bezier(.4, 0, .2, 1), transform 800ms cubic-bezier(.4, 0, .2, 1); will-change: opacity, transform; opacity: 0; transform: matrix(1, 0, 0, 1, 0, 35) } .page-section[data-animation="fade-up"][data-active] { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0) } .page-section[data-animation="fade-left"] { transition: opacity 800ms cubic-bezier(.4, 0, .2, 1), transform 800ms cubic-bezier(.4, 0, .2, 1); will-change: opacity, transform; opacity: 0; transform: matrix(1, 0, 0, 1, -35, 0) } .page-section[data-animation="fade-left"][data-active] { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0) } .page-section[data-animation="fade-right"] { transition: opacity 800ms cubic-bezier(.4, 0, .2, 1), transform 800ms cubic-bezier(.4, 0, .2, 1); will-change: opacity, transform; opacity: 0; transform: matrix(1, 0, 0, 1, 35, 0) } .page-section[data-animation="fade-right"][data-active] { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0) } .page-section[data-animation="scale-up"] { transition: opacity 800ms cubic-bezier(.4, 0, .2, 1), transform 800ms cubic-bezier(.4, 0, .2, 1); will-change: opacity, transform; opacity: 0; transform: matrix(.92, 0, 0, .92, 0, 0) } .page-section[data-animation="scale-up"][data-active] { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0) } .page-section[data-animation="clip-up"] { transition: -webkit-clip-path 800ms cubic-bezier(.4, 0, .2, 1), clip-path 800ms cubic-bezier(.4, 0, .2, 1); will-change: -webkit-clip-path, clip-path; -webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%); clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%) } .page-section[data-animation="clip-up"][data-active] { -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%) } .page-section[data-animation="clip-left"] { transition: -webkit-clip-path 800ms cubic-bezier(.4, 0, .2, 1), clip-path 800ms cubic-bezier(.4, 0, .2, 1); will-change: -webkit-clip-path, clip-path; -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%) } .page-section[data-animation="clip-left"][data-active] { -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%) } .page-section[data-animation="clip-right"] { transition: -webkit-clip-path 800ms cubic-bezier(.4, 0, .2, 1), clip-path 800ms cubic-bezier(.4, 0, .2, 1); will-change: -webkit-clip-path, clip-path; -webkit-clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%); clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%) } .page-section[data-animation="clip-right"][data-active] { -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%) } .section-border { position: absolute; top: calc(-1 * var(--previous-section-divider-offset, 0px)); right: 0; bottom: 0; left: 0 } .page-section.background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) .section-background { top: calc(var(--sqs-site-gutter) + var(--previous-section-divider-offset, 0px)) } .section-background { overflow: hidden; pointer-events: none } .section-background, .section-background .section-background-content, .section-background .section-background-canvas, .section-background .section-background-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .background-width--inset:not(.content-collection):not(.gallery-section):not(.user-items-list-section) .section-background { top: 4vw; right: 4vw; bottom: 4vw; left: 4vw } .section-background img { position: relative } .background-pause-button { display: none; position: absolute; right: 14px; bottom: 14px; z-index: 999; border: 0; padding: 0; border-radius: 50%; width: 32px; height: 32px; cursor: pointer; background-color: rgba(0, 0, 0, .5); backdrop-filter: blur(15px); outline: none } .background-pause-button.visible { display: block } .background-pause-button:focus { background-color: rgba(0, 0, 0, .7) } .background-pause-button::before { content: " "; position: absolute; width: 42px; height: 42px; left: -7px; top: -7px; border-radius: 50%; background: transparent; border: 2px solid transparent } .background-pause-button:focus::before { border-color: rgba(0, 0, 0, .7) } .background-pause-button::after { content: " "; box-sizing: border-box; position: absolute; border-color: transparent transparent transparent #fff; width: 0; height: 12px; left: 11px; top: 10px; border-style: double; border-width: 0 0 0 10px } .background-pause-button.paused::after { height: 0; left: 12px; top: 8px; border-style: solid; border-width: 8px 0 8px 12px } .background-pause-button:hover::after { border-color: transparent transparent transparent #fff } .image-block-wrapper:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0 } #page { z-index: 9 } #siteWrapper { display: flex; flex-direction: column; min-height: 100vh } #footer-sections { margin-top: auto; position: relative; z-index: 0 } #footer-sections .sqs-block-html a { display: inline-block } .floating-cart { position: fixed; bottom: 20px; right: 20px; z-index: 100; padding: 17px 17px 13px 13px; display: flex; justify-content: center; align-content: center } .floating-cart.hidden { display: none } .system-page { max-width: 1800px; padding-top: 4vw; padding-bottom: 4vw; padding-left: 4vw; padding-right: 4vw; margin: 0 auto } .system-page>*:first-child { padding-top: 4vw } .user-accounts-link .user-accounts-text-link { opacity: 0; pointer-events: none; transition: opacity 100ms ease-in-out } .user-accounts-link.loaded .user-accounts-text-link { opacity: 1; pointer-events: auto } .sqs-edit-mode .sqs-signup-pill { display: none } @keyframes ProductItem-gallery-enter-from-right { from { transform: translatex(101%) } to { transform: translatex(0) } } @keyframes ProductItem-gallery-exit-to-left { from { transform: translatex(0) } to { transform: translatex(-101%) } } @keyframes ProductItem-gallery-enter-from-left { from { transform: translatex(-101%) } to { transform: translatex(0) } } @keyframes ProductItem-gallery-exit-to-right { from { transform: translatex(0) } to { transform: translatex(101%) } } .ProductItem-gallery { display: flex; align-items: flex-start; overflow: hidden; user-select: none; margin: 0 } .tweak-product-basic-item-gallery-placement-right .ProductItem-gallery { flex-direction: row-reverse } .tweak-product-basic-item-thumbnail-placement-below .ProductItem-gallery { flex-flow: column-reverse } .tweak-product-basic-item-gallery-placement-right.tweak-product-basic-item-thumbnail-placement-below .ProductItem-gallery { align-items: flex-end } @media screen and (max-width: 767px) { .ProductItem-gallery { padding-bottom: 25px; width: 100% } } @media screen and (min-width:641px) { .ProductItem-gallery { float: left } } @media screen and (min-width:768px) and (max-width:1024px) { .ProductItem-gallery { width: 42% } } @media screen and (min-width:1025px) and (max-width:1280px) { .ProductItem-gallery { width: 42% } } @media screen and (min-width:1281px) { .ProductItem-gallery { width: 42% } } .ProductItem-gallery .enable-on-first-image-load { opacity: 0; transition: opacity .5s; pointer-events: none } .ProductItem-gallery .enable-on-first-image-load.enabled { opacity: 1; pointer-events: auto } .ProductItem-gallery-current-slide-indicator { position: absolute; top: 18px; right: 20px; display: inline-block; z-index: 3; font-size: 12px } @media screen and (min-width: 768px) { .ProductItem-gallery-current-slide-indicator { display: none } } .ProductItem-gallery-carousel-controls { position: absolute; width: 100%; left: 0; z-index: 3; justify-content: space-between; top: 50%; transform: translatey(-50%); display: none } .ProductItem-gallery-carousel-controls.enable-on-first-image-load.enabled { pointer-events: none } @media screen and (max-width: 767px) { .ProductItem-gallery-carousel-controls { display: flex } } @media screen and (min-width: 768px) { .tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-carousel-controls, .tweak-product-basic-item-gallery-design-slideshow .ProductItem-gallery-carousel-controls { display: flex } } .ProductItem-gallery-carousel-controls .product-item-gallery-carousel-control { padding: 0; border: none; background-color: transparent; width: calc(2vw + 20px); height: calc(2vw + 20px); min-width: 50px; min-height: 50px; cursor: pointer; margin: 0 1.5vw; display: flex; align-items: center; pointer-events: auto } .ProductItem-gallery-carousel-controls .product-item-gallery-carousel-control:after { display: block; content: ''; width: 2vw; height: 2vw; border-style: solid; border-color: #000; border-width: 1px 1px 0 0; margin: calc((calc(2vw + 20px) - 2vw) / 2) } .ProductItem-gallery-carousel-controls .product-item-gallery-carousel-control.ProductItem-gallery-prev { left: 0; justify-content: flex-start } .ProductItem-gallery-carousel-controls .product-item-gallery-carousel-control.ProductItem-gallery-prev:after { transform: rotate(225deg) } .ProductItem-gallery-carousel-controls .product-item-gallery-carousel-control.ProductItem-gallery-next { right: 0; justify-content: flex-end } .ProductItem-gallery-carousel-controls .product-item-gallery-carousel-control.ProductItem-gallery-next:after { transform: rotate(45deg) } .is-zoomed .ProductItem-gallery-carousel-controls .product-item-gallery-carousel-control { pointer-events: none } .ProductItem-gallery-slides { position: relative; flex-grow: 1; max-width: 100% } @media screen and (min-width: 768px) { .ProductItem-gallery-slides { overflow: hidden } } .tweak-product-basic-item-thumbnail-placement-below .ProductItem-gallery-slides { width: 100% } .ProductItem-gallery-slides:before { content: ''; display: block } .tweak-product-basic-item-gallery-aspect-ratio-11-square .ProductItem-gallery-slides:before { padding-bottom: 100% } .tweak-product-basic-item-gallery-aspect-ratio-32-standard .ProductItem-gallery-slides:before { padding-bottom: 66.667% } .tweak-product-basic-item-gallery-aspect-ratio-23-standard-vertical .ProductItem-gallery-slides:before { padding-bottom: 150% } .tweak-product-basic-item-gallery-aspect-ratio-43-four-three .ProductItem-gallery-slides:before { padding-bottom: 75% } .tweak-product-basic-item-gallery-aspect-ratio-34-three-four-vertical .ProductItem-gallery-slides:before { padding-bottom: 133.333% } .tweak-product-basic-item-gallery-aspect-ratio-169-widescreen .ProductItem-gallery-slides:before { padding-bottom: 56.25% } .tweak-product-basic-item-gallery-aspect-ratio-240-anamorphic-widescreen .ProductItem-gallery-slides:before { padding-bottom: 41.667% } .tweak-product-basic-item-gallery-aspect-ratio-ultra-widescreen .ProductItem-gallery-slides:before { padding-bottom: 41.667% } @media screen and (min-width: 768px) { .tweak-product-basic-item-gallery-design-stacked .ProductItem-gallery-slides:before { padding-bottom: 0 } .tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-slides:before { background-color: transparent } } .ProductItem-gallery-slides-item { width: 100% } .ProductItem-gallery-slides-item.selected { z-index: 2 } .ProductItem-gallery-slides-item:focus { outline-width: 0 } .ProductItem-gallery-slides-item:focus::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; outline-width: 2px; outline-style: solid; outline-offset: -2px; outline-color: currentcolor } .ProductItem-gallery-slides-item:focus:not(:focus-visible)::after { outline-style: none } @media screen and (max-width: 767px) { .ProductItem-gallery-slides-item { visibility: hidden } .ProductItem-gallery-slides-item.going-prev.next-slide { display: block; visibility: visible } .ProductItem-gallery-slides-item.going-prev.next-slide.prev-loaded { animation: ProductItem-gallery-exit-to-right .5s ease-in-out both; z-index: 1 } .ProductItem-gallery-slides-item.going-prev.selected { display: block; visibility: visible } .ProductItem-gallery-slides-item.going-prev.selected.loaded { animation: ProductItem-gallery-enter-from-left .5s ease-in-out both } .ProductItem-gallery-slides-item.going-next.prev-slide { display: block; visibility: visible } .ProductItem-gallery-slides-item.going-next.prev-slide.next-loaded { animation: ProductItem-gallery-exit-to-left .5s ease-in-out both; z-index: 1 } .ProductItem-gallery-slides-item.going-next.selected { display: block; visibility: visible } .ProductItem-gallery-slides-item.going-next.selected.loaded { animation: ProductItem-gallery-enter-from-right .5s ease-in-out both } } @media screen and (min-width: 768px) { .tweak-product-basic-item-gallery-design-slideshow .ProductItem-gallery-slides-item:not(.selected) { opacity: 0 } .tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-slides-item { visibility: hidden } .tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-slides-item.going-prev.next-slide { display: block; visibility: visible } .tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-slides-item.going-prev.next-slide.prev-loaded { animation: ProductItem-gallery-exit-to-right .5s ease-in-out both; z-index: 1 } .tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-slides-item.going-prev.selected { display: block; visibility: visible } .tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-slides-item.going-prev.selected.loaded { animation: ProductItem-gallery-enter-from-left .5s ease-in-out both } .tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-slides-item.going-next.prev-slide { display: block; visibility: visible } .tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-slides-item.going-next.prev-slide.next-loaded { animation: ProductItem-gallery-exit-to-left .5s ease-in-out both; z-index: 1 } .tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-slides-item.going-next.selected { display: block; visibility: visible } .tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-slides-item.going-next.selected.loaded { animation: ProductItem-gallery-enter-from-right .5s ease-in-out both } .tweak-product-basic-item-gallery-design-stacked .ProductItem-gallery-slides-item { margin-bottom: 25px; position: relative; height: 100%; overflow: hidden } .tweak-product-basic-item-gallery-design-stacked .ProductItem-gallery-slides-item:last-child { margin-bottom: 0 } } .tweak-product-basic-item-gallery-design-slideshow .ProductItem-gallery-slides-item, .tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-slides-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; padding-bottom: 0 } @media screen and (max-width: 767px) { .ProductItem-gallery-slides-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; padding-bottom: 0; display: none } .ProductItem-gallery-slides-item.selected, .ProductItem-gallery-slides-item.thumbnail-hovered { display: block } .ProductItem-gallery-slides-item.prev-slide, .ProductItem-gallery-slides-item.next-slide { display: block } } .tweak-product-basic-item-gallery-design-slideshow .ProductItem-gallery-slides-item, .tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-slides-item { display: none } .tweak-product-basic-item-gallery-design-slideshow .ProductItem-gallery-slides-item.selected, .tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-slides-item.selected, .tweak-product-basic-item-gallery-design-slideshow .ProductItem-gallery-slides-item.thumbnail-hovered, .tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-slides-item.thumbnail-hovered { display: block } .tweak-product-basic-item-gallery-design-slideshow .ProductItem-gallery-slides-item.prev-slide, .tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-slides-item.prev-slide, .tweak-product-basic-item-gallery-design-slideshow .ProductItem-gallery-slides-item.next-slide, .tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-slides-item.next-slide { display: block } .tweak-product-basic-item-click-action-lightbox .ProductItem-gallery-slides-item { cursor: pointer } .tweak-product-basic-item-click-action-zoom:not(.tweak-product-basic-item-hover-action-zoom) .ProductItem-gallery-slides-item, .tweak-product-basic-item-click-action-zoom.tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-slides-item { cursor: zoom-in } .tweak-product-basic-item-click-action-zoom:not(.tweak-product-basic-item-hover-action-zoom) .is-zoomed .ProductItem-gallery-slides-item, .tweak-product-basic-item-click-action-zoom.tweak-product-basic-item-gallery-design-carousel .is-zoomed .ProductItem-gallery-slides-item { cursor: zoom-out } @media screen and (min-width: 768px) { .tweak-product-basic-item-gallery-design-stacked .ProductItem-gallery-slides-item-image { width: 100%; display: block; left: 0 !important; right: 0 !important } } .ProductItem-gallery-slides-item:not(.loaded) .ProductItem-gallery-slides-item-image { opacity: 0 } .ProductItem-gallery .ProductItem-gallery-scroll { display: none; position: relative; scrollbar-width: none } .ProductItem-gallery .ProductItem-gallery-scroll:after { display: block; content: ''; height: 10vh; width: 100%; position: sticky; bottom: 0 } @media screen and (min-width: 768px) { .tweak-product-basic-item-gallery-design-slideshow .ProductItem-gallery .ProductItem-gallery-scroll { display: block } } .tweak-product-basic-item-thumbnail-placement-side .ProductItem-gallery .ProductItem-gallery-scroll { width: auto; max-height: 80vh; margin-right: 10px; overflow-y: auto } @media screen and (max-width: 767px) { .tweak-product-basic-item-thumbnail-placement-side .ProductItem-gallery .ProductItem-gallery-scroll { margin-right: 0 } } .tweak-product-basic-item-thumbnail-placement-below .ProductItem-gallery .ProductItem-gallery-scroll { width: 100% } .tweak-product-basic-item-thumbnail-placement-below .ProductItem-gallery .ProductItem-gallery-scroll:after { display: none } .ProductItem-gallery-thumbnails { line-height: 0 } .tweak-product-basic-item-gallery-design-slideshow .ProductItem-gallery-thumbnails { margin-bottom: 10vh } .tweak-product-basic-item-gallery-design-slideshow.tweak-product-basic-item-thumbnail-placement-below .ProductItem-gallery-thumbnails { overflow-x: scroll; white-space: nowrap; margin-top: 10px } .ProductItem-gallery-thumbnails-item { background: transparent; border: 0; display: block; width: 50px; margin-bottom: 10px; cursor: pointer; padding: 0; transition: opacity .3s ease-in } .tweak-product-basic-item-gallery-aspect-ratio-11-square .ProductItem-gallery-thumbnails-item { height: 50px } .tweak-product-basic-item-gallery-aspect-ratio-32-standard .ProductItem-gallery-thumbnails-item { height: 34px } .tweak-product-basic-item-gallery-aspect-ratio-23-standard-vertical .ProductItem-gallery-thumbnails-item { height: 75px } .tweak-product-basic-item-gallery-aspect-ratio-43-four-three .ProductItem-gallery-thumbnails-item { height: 38px } .tweak-product-basic-item-gallery-aspect-ratio-34-three-four-vertical .ProductItem-gallery-thumbnails-item { height: 67px } .tweak-product-basic-item-gallery-aspect-ratio-169-widescreen .ProductItem-gallery-thumbnails-item { height: 29px } .tweak-product-basic-item-gallery-aspect-ratio-240-anamorphic-widescreen .ProductItem-gallery-thumbnails-item { height: 21px } .tweak-product-basic-item-gallery-aspect-ratio-ultra-widescreen .ProductItem-gallery-thumbnails-item { height: 21px } .tweak-product-basic-item-thumbnail-placement-below .ProductItem-gallery-thumbnails-item { display: inline-block; margin-right: 10px; vertical-align: top } .ProductItem-gallery-thumbnails-item:last-child { margin-right: 0 } .ProductItem-gallery-thumbnails-item:not(.loaded) { opacity: 0 } .ProductItem-gallery .product-image-zoom-duplicate { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; pointer-events: none; transition: opacity .3s ease } .ProductItem-gallery .is-zoomed .ProductItem-gallery-slides-item.loaded .product-image-zoom-duplicate { opacity: 1 } .products.collection-content-wrapper { padding-top: 4vw; padding-bottom: 4vw } .tweak-products-width-full .products.collection-content-wrapper { width: 100%; padding-left: 4vw; padding-right: 4vw } .tweak-products-width-inset .products.collection-content-wrapper { max-width: 1800px; padding-left: 4vw; padding-right: 4vw; margin: 0 auto } @media screen and (max-width: 767px) { .tweak-products-width-full .products.collection-content-wrapper { padding-left: 6vw; padding-right: 6vw } .tweak-products-width-inset .products.collection-content-wrapper { padding-left: 6vw; padding-right: 6vw } } .products.collection-content-wrapper .plp-grid-add-to-cart { display: none } .tweak-products-add-to-cart-button .products.collection-content-wrapper .plp-grid-add-to-cart { display: flex; flex-direction: column; margin-top: auto } .tweak-products-add-to-cart-button .products.collection-content-wrapper .plp-grid-add-to-cart a:focus-visible { outline: var(--navigationLinkColor) solid 2px } .tweak-products-add-to-cart-button .products.collection-content-wrapper .plp-grid-add-to-cart .variant-select-wrapper { position: relative; opacity: 1; transition: opacity .1s ease-out; min-height: 44px; display: flex; align-items: center; text-align: left; box-sizing: border-box; padding: 1.5rem; line-height: normal; background-color: var(--siteBackgroundColor) } .tweak-products-add-to-cart-button .products.collection-content-wrapper .plp-grid-add-to-cart .variant-select-wrapper:after { content: ''; position: absolute; right: .8rem; transform: rotate(45deg); border-bottom: 1px solid; border-right: 1px solid; height: .8rem; width: .8rem; transform-origin: top; pointer-events: none; font-size: 1rem; margin-bottom: 8px; color: var(--tweak-product-grid-text-below-list-price-color) } .tweak-products-add-to-cart-button .products.collection-content-wrapper .plp-grid-add-to-cart .variant-option select { padding-left: .8rem; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none } .tweak-products-add-to-cart-button .products.collection-content-wrapper .plp-grid-add-to-cart .variant-option select::-ms-expand { display: none } .tweak-products-add-to-cart-button .products.collection-content-wrapper .plp-grid-add-to-cart .variant-option select:focus option { color: #000 } .tweak-products-add-to-cart-button .products.collection-content-wrapper .plp-grid-add-to-cart .product-variants { margin-top: 22px } .tweak-products-add-to-cart-button .products.collection-content-wrapper .plp-grid-add-to-cart .sqs-add-to-cart-button-wrapper[disabled] { opacity: 30%; cursor: not-allowed } .tweak-products-add-to-cart-button .products.collection-content-wrapper .plp-grid-add-to-cart .sqs-add-to-cart-button-wrapper[disabled] .sqs-add-to-cart-button { pointer-events: none } .tweak-products-add-to-cart-button .products.collection-content-wrapper .plp-grid-add-to-cart .sqs-add-to-cart-button, .tweak-products-add-to-cart-button .products.collection-content-wrapper .plp-grid-add-to-cart .sqs-view-options-button-wrapper { display: flex; align-items: center; justify-content: center; margin-top: 22px; padding-left: 1.2rem !important; padding-right: 1.2rem !important; cursor: pointer } .tweak-products-add-to-cart-button .products.collection-content-wrapper .plp-grid-add-to-cart .sqs-add-to-cart-button:hover, .tweak-products-add-to-cart-button .products.collection-content-wrapper .plp-grid-add-to-cart .sqs-view-options-button-wrapper:hover { opacity: 80% } .tweak-products-add-to-cart-button .products.collection-content-wrapper .plp-grid-add-to-cart .sqs-add-to-cart-button .plp-cart-added, .tweak-products-add-to-cart-button .products.collection-content-wrapper .plp-grid-add-to-cart .sqs-view-options-button-wrapper .plp-cart-added { display: flex; justify-content: center } .tweak-products-add-to-cart-button .products.collection-content-wrapper .plp-grid-add-to-cart .sqs-add-to-cart-button .plp-cart-added .status-text, .tweak-products-add-to-cart-button .products.collection-content-wrapper .plp-grid-add-to-cart .sqs-view-options-button-wrapper .plp-cart-added .status-text { text-transform: uppercase } .products.collection-content-wrapper .list-grid { position: relative } @media screen and (min-width: 768px) { .products.collection-content-wrapper .list-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-column-gap: 1.5vw; grid-row-gap: 4vw; padding: 0 } .products.collection-content-wrapper .list-grid .grid-item .grid-image { width: 100%; position: relative; overflow: hidden; margin: 0; line-height: 0 } .products.collection-content-wrapper .list-grid .grid-item .grid-image .grid-image-inner-wrapper { position: absolute; top: 0; left: 0; bottom: 0; right: 0 } } @media screen and (max-width: 767px) { .products.collection-content-wrapper .list-grid { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); grid-column-gap: 30px; grid-row-gap: 0px; padding: 0 } .products.collection-content-wrapper .list-grid .grid-item .grid-image { width: 100%; position: relative; overflow: hidden; margin: 0; line-height: 0 } .products.collection-content-wrapper .list-grid .grid-item .grid-image .grid-image-inner-wrapper { position: absolute; top: 0; left: 0; bottom: 0; right: 0 } } .products.collection-content-wrapper .grid-item-link { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .sqs-tweak-overlays-active .products.collection-content-wrapper .grid-item-link { display: none } .products.collection-content-wrapper .grid-item-link.product-lists-item { position: unset } .sqs-tweak-overlays-active .products.collection-content-wrapper .grid-item-link.product-lists-item { display: unset; pointer-events: none } .products.collection-content-wrapper .grid-item { display: flex; flex-direction: column; position: relative; opacity: 0; transform: translatey(-15px); transition: opacity 1s ease, transform 1s ease } .products.collection-content-wrapper .grid-item.is-loaded { opacity: 1; transform: translatey(0) } @media screen and (max-width: 767px) { .products.collection-content-wrapper .grid-item { margin-bottom: 30px } } .products.collection-content-wrapper .grid-item .grid-item-image { height: 100%; width: 100%; object-fit: cover; position: absolute; top: 0; left: 0; transition: opacity 1s ease, transform 1s ease } .products.collection-content-wrapper .grid-item .grid-item-additional-image { opacity: 0 } .products.collection-content-wrapper .grid-item .grid-image-selected { opacity: 1 !important } .products.collection-content-wrapper .grid-item .grid-image-not-selected { opacity: 0 !important } .products.collection-content-wrapper .grid-item .grid-image-cover { opacity: 1 } .products.collection-content-wrapper .grid-item .grid-image-hover { opacity: 0 } .products.collection-content-wrapper .grid-item:hover .has-hover-img .grid-image-cover { opacity: 0 } .products.collection-content-wrapper .grid-item:hover .grid-image-hover.loaded { opacity: 1 } .products.collection-content-wrapper .grid-item .grid-image { pointer-events: none } .products.collection-content-wrapper .grid-item .sqs-product-quick-view-button-wrapper { padding-bottom: 50% !important } .products.collection-content-wrapper .grid-item .sqs-product-quick-view-button-wrapper .sqs-product-quick-view-button { pointer-events: auto; transform: translatey(50%) } .products.collection-content-wrapper .grid-image-wrapper { margin: 0; height: 0; overflow: hidden; position: relative; display: flex } .tweak-products-image-aspect-ratio-11-square .products.collection-content-wrapper .grid-image-wrapper { padding-bottom: 100% } .tweak-products-image-aspect-ratio-32-standard .products.collection-content-wrapper .grid-image-wrapper { padding-bottom: 66.666% } .tweak-products-image-aspect-ratio-23-standard-vertical .products.collection-content-wrapper .grid-image-wrapper { padding-bottom: 150% } .tweak-products-image-aspect-ratio-43-four-three .products.collection-content-wrapper .grid-image-wrapper { padding-bottom: 75% } .tweak-products-image-aspect-ratio-34-three-four-vertical .products.collection-content-wrapper .grid-image-wrapper { padding-bottom: 133.333% } .tweak-products-image-aspect-ratio-169-widescreen .products.collection-content-wrapper .grid-image-wrapper { padding-bottom: 56.25% } .tweak-products-image-aspect-ratio-240-anamorphic-widescreen .products.collection-content-wrapper .grid-image-wrapper { padding-bottom: 41.666% } .tweak-products-image-aspect-ratio-ultra-widescreen .products.collection-content-wrapper .grid-image-wrapper { padding-bottom: 41.666% } .products.collection-content-wrapper .grid-meta-status { text-align: right } .products.collection-content-wrapper .grid-prices { margin-top: .5rem } .tweak-products-price-hide .products.collection-content-wrapper .grid-prices { display: none } .products.collection-content-wrapper .product-scarcity { font-size: 14px; line-height: .8; margin-top: .5rem } .products.collection-content-wrapper .grid-meta-wrapper { margin-top: 10px; display: flex; width: 100%; justify-content: space-between } @media screen and (min-width: 768px) { .products.collection-content-wrapper .grid-meta-wrapper { margin-top: 1.5vw } } .tweak-products-text-alignment-middle .products.collection-content-wrapper .grid-meta-wrapper { flex-direction: column; text-align: center } .tweak-products-text-alignment-middle .products.collection-content-wrapper .grid-meta-wrapper .grid-meta-status { text-align: center } .tweak-products-text-alignment-right .products.collection-content-wrapper .grid-meta-wrapper { flex-direction: row-reverse; text-align: right } .tweak-products-text-alignment-right .products.collection-content-wrapper .grid-meta-wrapper .grid-meta-status { text-align: left } .products.collection-content-wrapper .product-mark { font-weight: bold; text-transform: uppercase } .products.collection-content-wrapper .original-price { text-decoration: line-through } .products.collection-content-wrapper .list-pagination { padding-top: 6vw; width: 100%; display: flex; justify-content: space-between } .products.collection-content-wrapper .list-pagination a { display: flex; flex: 1 0 50% } .products.collection-content-wrapper .list-pagination a.list-pagination-next { justify-content: flex-end } .products.collection-content-wrapper .list-pagination-nested-categories { text-transform: uppercase } .products.collection-content-wrapper .list-pagination-nested-categories .product-list-pagination-icon { height: 15px; width: 15px } .products.collection-content-wrapper .list-pagination-nested-categories .list-pagination-next { text-align: right; align-items: center } .products.collection-content-wrapper .list-pagination-nested-categories .list-pagination-prev { align-items: center } @media screen and (max-width: 767px) { .products.collection-content-wrapper .category-filter-container { height: 35px; overflow: hidden; margin-bottom: 10px; width: calc(100% + 8vw); position: relative; left: -4vw } } .products.collection-content-wrapper .category-filter-wrapper { padding-bottom: 6vw } @media screen and (max-width: 767px) { .products.collection-content-wrapper .category-filter-wrapper { height: 60px; position: relative; width: 100%; overflow-x: scroll } .products.collection-content-wrapper .category-filter-wrapper:before { content: ""; display: block; width: 4vw; height: 1px; position: relative; float: left } } .products.collection-content-wrapper .category-filter-list { display: flex; flex-direction: row; justify-content: center; align-content: center } @media screen and (min-width: 768px) { .products.collection-content-wrapper .category-filter-list { flex-wrap: wrap } } @media screen and (max-width: 767px) { .products.collection-content-wrapper .category-filter-list { justify-content: left } } .products.collection-content-wrapper .category-filter-item { padding: 0 1.5vw; text-transform: capitalize } .products.collection-content-wrapper .category-filter-item:first-child { padding-left: 0 } @media screen and (max-width: 767px) { .products.collection-content-wrapper .category-filter-item { padding: 0 20px } } .products.collection-content-wrapper .category-filter-delimiter { opacity: 0 } .products.collection-content-wrapper .category-filter-delimiter.has-category { opacity: 1 } .products.collection-content-wrapper .category-filter-link { position: relative; transition: opacity .3s ease; white-space: nowrap } .products.collection-content-wrapper .category-filter-link::after { content: ""; position: absolute; width: 0px; height: 1px; left: 50%; bottom: -2px; transition: all .3s ease } .products.collection-content-wrapper .category-filter-link:hover, .products.collection-content-wrapper .category-filter-link.category-filter-link-all, .products.collection-content-wrapper .category-filter-link.active { opacity: 1 } .products.collection-content-wrapper .category-filter-link:hover::after, .products.collection-content-wrapper .category-filter-link.category-filter-link-all::after, .products.collection-content-wrapper .category-filter-link.active::after { width: 100%; left: 0 } .products.collection-content-wrapper .category-filter-list.other-active .category-filter-link { opacity: .3 } .products.collection-content-wrapper .category-filter-list.other-active .category-filter-link.category-filter-link-all:after { width: 0; left: 50% } .products.collection-content-wrapper .category-filter-list.other-active .category-filter-link:hover, .products.collection-content-wrapper .category-filter-list.other-active .category-filter-link.active { opacity: 1 } .products.collection-content-wrapper .category-filter-list.other-active .category-filter-link:hover::after, .products.collection-content-wrapper .category-filter-list.other-active .category-filter-link.active::after { width: 100%; left: 0 } .products.collection-content-wrapper .nested-category-children { padding-bottom: 54px; padding-top: 54px; padding-left: 0; margin-bottom: 37px; margin-top: 0; text-align: center; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; position: relative } .products.collection-content-wrapper .nested-category-children .active { text-decoration: underline; font-weight: 700 } @media screen and (min-width: 576px) { .products.collection-content-wrapper .nested-category-children::after { content: ""; opacity: .2; border-bottom: 1px solid; position: absolute; bottom: 0; left: 0; width: 100% } .tweak-products-header-text-alignment-left .products.collection-content-wrapper .nested-category-children { justify-content: start } .tweak-products-header-text-alignment-middle .products.collection-content-wrapper .nested-category-children { justify-content: center } } @media screen and (min-width: 576px) and screen and (max-width: 575px) { .products.collection-content-wrapper .nested-category-children::after { content: none } } .tweak-products-nested-category-type-sidebar .products.collection-content-wrapper .nested-category-children { display: none } @media screen and (max-width: 575px) { .products.collection-content-wrapper .nested-category-children { padding-top: 44px; padding-bottom: 30px; margin-bottom: 0; flex-wrap: nowrap; overflow-x: scroll; justify-content: start } .tweak-products-nested-category-type-sidebar .products.collection-content-wrapper .nested-category-children { display: flex } } .products.collection-content-wrapper .nested-category-title-padding { padding-bottom: 54px; margin-bottom: 37px; position: relative; display: flex; flex-direction: row } .products.collection-content-wrapper .nested-category-title-padding::after { content: ""; opacity: .2; border-bottom: 1px solid; position: absolute; bottom: 0; left: 0; width: 100% } @media screen and (max-width: 575px) { .products.collection-content-wrapper .nested-category-title-padding::after { content: none } } @media screen and (max-width: 575px) { .products.collection-content-wrapper .nested-category-title-padding { padding-bottom: 30px; margin-bottom: 0 } } .products.collection-content-wrapper .nested-category-title { margin-top: 0; margin-bottom: 0; display: none } .tweak-products-category-title .products.collection-content-wrapper .nested-category-title { display: block } .tweak-products-category-title .products.collection-content-wrapper .nested-category-title.nested-category-title-padding { padding-bottom: 54px; margin-bottom: 37px; position: relative; display: flex; flex-direction: row } .tweak-products-category-title .products.collection-content-wrapper .nested-category-title.nested-category-title-padding::after { content: ""; opacity: .2; border-bottom: 1px solid; position: absolute; bottom: 0; left: 0; width: 100% } @media screen and (max-width: 575px) { .tweak-products-category-title .products.collection-content-wrapper .nested-category-title.nested-category-title-padding::after { content: none } } @media screen and (max-width: 575px) { .tweak-products-category-title .products.collection-content-wrapper .nested-category-title.nested-category-title-padding { padding-bottom: 30px; margin-bottom: 0 } } @media screen and (min-width: 576px) { .tweak-products-nested-category-type-sidebar.tweak-products-category-title .products.collection-content-wrapper .nested-category-title { padding-bottom: 54px; margin-bottom: 37px; position: relative; display: flex; flex-direction: row } .tweak-products-nested-category-type-sidebar.tweak-products-category-title .products.collection-content-wrapper .nested-category-title::after { content: ""; opacity: .2; border-bottom: 1px solid; position: absolute; bottom: 0; left: 0; width: 100% } .tweak-products-header-text-alignment-left .products.collection-content-wrapper .nested-category-title { text-align: left } .tweak-products-header-text-alignment-middle .products.collection-content-wrapper .nested-category-title { justify-content: center; text-align: center } } @media screen and (min-width: 576px) and screen and (max-width: 575px) { .tweak-products-nested-category-type-sidebar.tweak-products-category-title .products.collection-content-wrapper .nested-category-title::after { content: none } } @media screen and (min-width: 576px) and screen and (max-width: 575px) { .tweak-products-nested-category-type-sidebar.tweak-products-category-title .products.collection-content-wrapper .nested-category-title { padding-bottom: 30px; margin-bottom: 0 } } @media screen and (max-width: 575px) { .products.collection-content-wrapper .nested-category-title { text-align: left } } .products.collection-content-wrapper .nested-category-breadcrumb-list-item { display: flex } .tweak-products-header-text-alignment-left .products.collection-content-wrapper .nested-category-breadcrumb-list-item:first-child .nested-category-breadcrumb-link { margin-left: 0 } .products.collection-content-wrapper .nested-category-breadcrumb-list-item .nested-category-breadcrumb-link { margin: 0 1.5vw } .products.collection-content-wrapper .nested-category-breadcrumb-list-item:last-child .breadcrumb-separator { display: none } @media screen and (max-width: 575px) { .products.collection-content-wrapper .nested-category-breadcrumb-list-item { flex: 0 0 auto } } .products.collection-content-wrapper .product-category-list { margin-top: 0; margin-bottom: 0; padding-left: 0 } .products.collection-content-wrapper .product-category-list li { list-style: none } .products.collection-content-wrapper .products-flex-container { display: flex; flex-direction: column } .products.collection-content-wrapper .breadcrumb-separator { opacity: .2 } .products.collection-content-wrapper .nested-category-breadcrumb { display: none } .tweak-products-breadcrumbs .products.collection-content-wrapper .nested-category-breadcrumb { display: block } @media screen and (min-width: 576px) { .tweak-products-header-text-alignment-left .products.collection-content-wrapper .nested-category-breadcrumb { text-align: left; justify-content: start } .tweak-products-header-text-alignment-middle .products.collection-content-wrapper .nested-category-breadcrumb { text-align: center; justify-content: center } .tweak-products-breadcrumbs.tweak-products-nested-category-type-sidebar:not(.tweak-products-category-title) .products.collection-content-wrapper .nested-category-breadcrumb { padding-bottom: 54px; margin-bottom: 37px; position: relative; display: flex; flex-direction: row } .tweak-products-breadcrumbs.tweak-products-nested-category-type-sidebar:not(.tweak-products-category-title) .products.collection-content-wrapper .nested-category-breadcrumb::after { content: ""; opacity: .2; border-bottom: 1px solid; position: absolute; bottom: 0; left: 0; width: 100% } } @media screen and (min-width: 576px) and screen and (max-width: 575px) { .tweak-products-breadcrumbs.tweak-products-nested-category-type-sidebar:not(.tweak-products-category-title) .products.collection-content-wrapper .nested-category-breadcrumb::after { content: none } } @media screen and (min-width: 576px) and screen and (max-width: 575px) { .tweak-products-breadcrumbs.tweak-products-nested-category-type-sidebar:not(.tweak-products-category-title) .products.collection-content-wrapper .nested-category-breadcrumb { padding-bottom: 30px; margin-bottom: 0 } } @media screen and (max-width: 575px) { .products.collection-content-wrapper .nested-category-breadcrumb { text-align: left; text-transform: uppercase; opacity: .3 } } .products.collection-content-wrapper .nested-category-tree-wrapper { float: left; min-width: 220px; max-width: 300px; margin-right: 40px } .products.collection-content-wrapper .nested-category-tree-wrapper ul { padding-inline-start: 20px; margin-top: 0 } .products.collection-content-wrapper .nested-category-tree-wrapper>ul { padding-left: 0 } .products.collection-content-wrapper .nested-category-tree-wrapper>ul>li:first-child a { padding-top: 0 } .products.collection-content-wrapper .nested-category-tree-wrapper li { list-style: none } .products.collection-content-wrapper .nested-category-tree-wrapper .category-link { position: relative; display: block; padding: 6px 0 } .products.collection-content-wrapper .nested-category-tree-wrapper .category-link.active { font-weight: 700 } .products.collection-content-wrapper .nested-category-tree-wrapper .category-link.activeParent { font-weight: 700 } .tweak-products-nested-category-type-top .products.collection-content-wrapper .nested-category-tree-wrapper { display: none } @media screen and (max-width: 575px) { .products.collection-content-wrapper .nested-category-tree-wrapper { display: none } } .tweak-global-animations-animation-type-flex .products .nested-category-breadcrumb-link { position: relative; display: inline-block; text-decoration: none } .tweak-global-animations-animation-type-flex .products .nested-category-breadcrumb-link::after { content: ''; position: absolute; width: 100%; height: 1px; left: 0; bottom: 0px; background-color: currentColor; transform: scalex(0); transform-origin: right; transition: transform .6s cubic-bezier(.19, 1, .22, 1) } @media (hover:hover) { .tweak-global-animations-animation-type-flex .products .nested-category-breadcrumb-link:hover::after { transform: scalex(1); transform-origin: left } } .tweak-global-animations-animation-type-flex .products .nested-category-tree-wrapper .category-link { position: relative; display: inline-block; text-decoration: none } .tweak-global-animations-animation-type-flex .products .nested-category-tree-wrapper .category-link::after { content: ''; position: absolute; width: 100%; height: 1px; left: 0; bottom: 6px; background-color: currentColor; transform: scalex(0); transform-origin: right; transition: transform .6s cubic-bezier(.19, 1, .22, 1) } @media (hover:hover) { .tweak-global-animations-animation-type-flex .products .nested-category-tree-wrapper .category-link:hover::after { transform: scalex(1); transform-origin: left } } .tweak-global-animations-animation-type-flex .products .nested-category-tree-wrapper .category-link.active::after, .tweak-global-animations-animation-type-flex .products .nested-category-tree-wrapper .category-link.activeParent::after { transform: scalex(1) } /*! WARNING: Stylesheet from template.conf missing: lessons.less */ /*! WARNING: Stylesheet from template.conf missing: lessons-item.less */ .lesson-item-pagination--prev-next { display: flex; flex-direction: row; padding: 3vw 4vw 3vw } @media screen and (max-width: 767px) { .lesson-item-pagination--prev-next { padding: 3vw 6vw 3vw } } .lesson-item-pagination-link { text-align: left; display: flex; align-items: center; max-width: 50%; width: auto } .lesson-item-pagination-link .lesson-item-pagination-prev-next { display: none } .lesson-item-pagination-link .lesson-item-pagination-title { margin: 0; padding: 0; display: flex; align-items: center } @media screen and (max-width: 767px) { .lesson-item-pagination-link .lesson-item-pagination-title { display: flex; flex-direction: column } } .lesson-item-pagination-link .pagination-lock-icon { width: 36px; height: 36px; margin-right: 2px } .lesson-item-pagination-link .pagination-preview-chip { position: absolute; z-index: 1; right: 0; border-radius: 14px; background: var(--video-preview-badge-background-color); margin: 11px 11px 0 0; padding: 6px 11px; color: var(--video-preview-badge-font-color); font-family: var(--video-preview-badge-font-font-family); font-size: var(--video-preview-badge-font-font-size); font-style: var(--video-preview-badge-font-font-style); font-weight: var(--video-preview-badge-font-font-weight); line-height: var(--video-preview-badge-font-line-height); text-transform: var(--video-preview-badge-font-text-transform); letter-spacing: var(--video-preview-badge-font-letter-spacing); position: unset; right: unset; margin: 0 11px 0 0 } .lesson-item-pagination-link .pagination-preview-chip.site-editor-hidden { display: none } .lesson-item-pagination-link .lesson-item-pagination-icon { width: 18px; height: 32px; padding-right: 25px } .lesson-item-pagination-link .lesson-item-pagination-icon svg { width: 18px; height: 32px } .lesson-item-pagination-link--prev { margin-left: 0; margin-right: auto } @media screen and (max-width: 767px) { .lesson-item-pagination-link--prev .pagination-preview-chip, .lesson-item-pagination-link--prev .pagination-lock-icon { margin-right: auto } } .lesson-item-pagination-link--next { text-align: right; margin-left: auto; margin-right: 0 } .lesson-item-pagination-link--next .lesson-item-pagination-icon { padding-right: 0; padding-left: 25px } @media screen and (max-width: 767px) { .lesson-item-pagination-link--next .pagination-preview-chip, .lesson-item-pagination-link--next .pagination-lock-icon { margin-left: auto } } .lesson-tweak-global-animations-animation-type-flex .lesson-item-pagination-link--next .lesson-item-pagination-title { position: relative } .lesson-tweak-global-animations-animation-type-flex .lesson-item-pagination-link--next .lesson-item-pagination-title::after { content: ''; position: absolute; width: 100%; height: 1px; right: 0; bottom: -.1em; background-color: currentColor; transform: scalex(0); transition: transform .6s cubic-bezier(.19, 1, .22, 1) } .lesson-tweak-global-animations-animation-type-flex .lesson-item-pagination-link--next .lesson-item-pagination-title::after { transform-origin: left } .lesson-tweak-global-animations-animation-type-flex .lesson-item-pagination-link--prev .lesson-item-pagination-title { position: relative } .lesson-tweak-global-animations-animation-type-flex .lesson-item-pagination-link--prev .lesson-item-pagination-title::after { content: ''; position: absolute; width: 100%; height: 1px; right: 0; bottom: -.1em; background-color: currentColor; transform: scalex(0); transition: transform .6s cubic-bezier(.19, 1, .22, 1) } .lesson-tweak-global-animations-animation-type-flex .lesson-item-pagination-link--prev .lesson-item-pagination-title::after { transform-origin: right } .lesson-tweak-global-animations-animation-type-flex .lesson-item-pagination-link .caret-left-icon--small, .lesson-tweak-global-animations-animation-type-flex .lesson-item-pagination-link .lesson-caret-right-icon--small { transform: translatex(0) scaley(1); transition: transform .6s cubic-bezier(.19, 1, .22, 1) } @media (hover:hover) { .lesson-tweak-global-animations-animation-type-flex .lesson-item-pagination-link:hover .caret-left-icon--small { transform: translatex(-30%) scaley(.8) } } @media (hover:hover) { .lesson-tweak-global-animations-animation-type-flex .lesson-item-pagination-link:hover .lesson-caret-right-icon--small { transform: translatex(30%) scaley(.8) } } @media (hover:hover) { .lesson-tweak-global-animations-animation-type-flex .lesson-item-pagination-link:hover .lesson-item-pagination-title::after { transform: scalex(1) } } .lessons-item-related-wrapper { padding: 4vw } .lessons-item-related-wrapper .lessons-item-related-item-list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)) } @media screen and (max-width: 767px) { .lessons-item-related-wrapper .lessons-item-related-item-list { display: block } } .lessons-item-related-wrapper .lessons-item-related-item-list .related-item { padding: 1vw } @media screen and (max-width: 767px) { .lessons-item-related-wrapper .lessons-item-related-item-list .related-item { width: 100%; padding: 0 } } .lessons-item-related-wrapper .lessons-item-related-item-list .related-item .related-item-link-thumbnail { position: relative; display: flex; height: 20vh; flex-direction: column } @media screen and (max-width: 767px) { .lessons-item-related-wrapper .lessons-item-related-item-list .related-item .related-item-link-thumbnail { height: unset } } .lessons-item-related-wrapper .lessons-item-related-item-list .related-item .related-item-link-thumbnail .lesson-item-video-thumbnail-placeholder { height: inherit } @media screen and (max-width: 767px) { .lessons-item-related-wrapper .lessons-item-related-item-list .related-item .related-item-link-thumbnail .lesson-item-video-thumbnail-placeholder { margin: 0 } } .lessons-item-related-wrapper .lessons-item-related-item-list .related-item .related-item-link-text { font-size: 1.5rem } .lessons-item-related-wrapper .lessons-item-related-item-list .related-item img.related-item-thumbnail { width: 100%; height: inherit; object-fit: cover } .lessons-item-related-wrapper .lessons-item-related-item-list .related-item .lessons-image_preview-chip-container { background: linear-gradient(180deg, rgba(0, 0, 0, .15) 0%, rgba(0, 0, 0, 0) 100%); position: absolute; z-index: 1; height: 20%; width: 100% } .lessons-item-related-wrapper .lessons-item-related-item-list .related-item .lessons-image_preview-chip-container.site-editor-hidden { opacity: 0 } .lessons-item-related-wrapper .lessons-item-related-item-list .related-item .lessons-image_preview-chip { position: absolute; z-index: 1; right: 0; border-radius: 14px; background: var(--video-preview-badge-background-color); margin: 11px 11px 0 0; padding: 6px 11px; color: var(--video-preview-badge-font-color); font-family: var(--video-preview-badge-font-font-family); font-size: var(--video-preview-badge-font-font-size); font-style: var(--video-preview-badge-font-font-style); font-weight: var(--video-preview-badge-font-font-weight); line-height: var(--video-preview-badge-font-line-height); text-transform: var(--video-preview-badge-font-text-transform); letter-spacing: var(--video-preview-badge-font-letter-spacing) } .lessons-item-related-wrapper .lessons-image__lock-icon-container { width: 100%; height: 100%; position: absolute; right: 0; top: 0; display: flex; align-items: center; justify-content: center; backdrop-filter: blur(4px) brightness(.3); -webkit-backdrop-filter: blur(4px) brightness(.3) } .lessons-item-related-wrapper .lessons-image__lock-icon { width: 34px; height: 34px; color: #fff } .lesson-video-player-native { background-color: #000 } .course-list__list { --thumbnail-max-width: 60px; --thumbnail-max-height: 100px; --lesson-column-gap: 22px; --course-list-item-padding-vertical: 21px } .course-list__list, .course-list__list ul { list-style: none; margin: 0; padding: 0 } .course-list__list>.course-list__list-item { overflow: hidden; border-top-left-radius: var(--list-item-border-radius-top-left); border-top-right-radius: var(--list-item-border-radius-top-right); border-bottom-right-radius: var(--list-item-border-radius-bottom-right); border-bottom-left-radius: var(--list-item-border-radius-bottom-left); border-width: var(--list-item-border-width); border-style: var(--list-item-border-type); border-color: var(--course-list-course-chapter-divider-color) } .course-list__list>.course-list__list-item:not(:last-child) { margin-bottom: var(--list-item-gap) } .course-list__list[data-show-background="false"] .course-list__list-course-item:not(:hover), .course-list__list[data-show-background="false"] .course-list__list-chapter-item-accordion-trigger:not(:hover), .course-list__list[data-show-background="false"] .course-list__list-chapter-item-accordion-trigger[disabled] { background: none !important } .course-list__list .course-list__list-course-item { color: var(--course-list-course-item-text-color); background: var(--course-list-course-item-background) } .course-list__list .course-list__list-course-item:hover { background: var(--course-list-course-item-hover-background) } .course-list__list .course-list__list-course-item-inner-wrapper { display: flex; align-items: stretch } .course-list__list .course-list__list-course-item-info-container { flex: auto; display: flex; flex-direction: column; justify-content: center; padding: var(--course-list-item-padding-vertical) var(--lesson-column-gap) } .course-list__list .course-list__list-course-item-thumbnail-container { position: relative; display: flex; flex: initial; align-items: center; justify-content: center; width: var(--thumbnail-max-width); padding-left: 22px; padding-top: var(--course-list-item-padding-vertical); padding-bottom: var(--course-list-item-padding-vertical) } .course-list__list .course-list__list-course-item-thumbnail-container .course-list__list-course-item-thumbnail { max-width: 100%; aspect-ratio: var(--list-item-thumbnail-aspect-ratio-width) / var(--list-item-thumbnail-aspect-ratio-height); border-top-left-radius: var(--list-item-thumbnail-border-radius-top-left); border-top-right-radius: var(--list-item-thumbnail-border-radius-top-right); border-bottom-right-radius: var(--list-item-thumbnail-border-radius-bottom-right); border-bottom-left-radius: var(--list-item-thumbnail-border-radius-bottom-left); background-size: cover; background-position: 50% 50% } .course-list__list .course-list__list-course-item-thumbnail-container .course-list__list-course-item-thumbnail[data-private-mode="true"] { position: relative; overflow: hidden } .course-list__list .course-list__list-course-item-thumbnail-container .course-list__list-course-item-thumbnail[data-private-mode="true"]::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: inherit; background-image: inherit; background-size: inherit; filter: blur(1px) brightness(.3); transform: scale(1.03) } .course-list__list .course-list__list-course-item-thumbnail-container .course-list__list-course-item-thumbnail[data-private-mode="true"] .course-list__list-course-item-lock-icon-overlay { color: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scale(.5) } .course-list__list .course-list__list-course-item-thumbnail-container .course-list__list-course-item-thumbnail.course-list__list-course-item-thumbnail-fixed-width { width: var(--thumbnail-max-width) } .course-list__list .course-list__list-course-item-thumbnail-container .course-list__list-course-item-thumbnail.course-list__list-course-item-thumbnail-fixed-height { height: var(--thumbnail-max-height) } .course-list__list .course-list__list-course-item-thumbnail-container .course-list__list-course-item-thumbnail.course-list__list-course-item-thumbnail-placeholder { display: flex; background-color: #e9e9e9 } .course-list__list .course-list__list-course-item-thumbnail-container .course-list__list-course-item-thumbnail.course-list__list-course-item-thumbnail-placeholder .course-list__list-course-item-no-image-icon { transform: scale(.6); fill: #c4c4c4 } .course-list__list .course-list__list-course-item-thumbnail-container .course-list__list-course-item-thumbnail.course-list__list-course-item-thumbnail-placeholder[data-private-mode="true"] .course-list__list-course-item-no-image-icon { display: none } .course-list__list .course-list__list-course-item-lesson-name, .course-list__list .course-list__list-course-item-lesson-excerpt, .course-list__list .course-list__list-course-item-lesson-meta { color: inherit; margin: 0 } .course-list__list .course-list__list-course-item-lesson-name { grid-area: title } .course-list__list .course-list__list-course-item-lesson-detail { display: flex; flex-direction: column; gap: inherit; grid-area: detail } .course-list__list .course-list__list-course-item-lesson-excerpt { max-width: 540px; padding-top: 6px } .course-list__list .course-list__list-course-item-lesson-excerpt :first-child { margin-top: 0 } .course-list__list .course-list__list-course-item-lesson-excerpt :last-child { margin-bottom: 0 } .course-list__list .course-list__list-course-item-lesson-meta { display: flex; padding-top: 6px } .course-list__list .course-list__list-course-item-status { flex: initial; padding-right: 22px; display: flex; align-items: center } .course-list__list .course-item-description-mobile { display: none } .course-list__list .course-list__list-chapter-item-accordion-trigger { display: grid; width: 100%; text-align: left; padding: 20px; grid-template-columns: auto min-content; row-gap: 4px; grid-template-areas: 'name accordion-icon' 'meta accordion-icon'; align-items: center; border: none; color: var(--course-list-course-item-text-color); background: var(--course-list-course-item-background) } .course-list__list .course-list__list-chapter-item-accordion-trigger:hover { background: var(--course-list-course-item-hover-background) } .course-list__list .course-list__list-chapter-item-accordion-trigger[disabled] { grid-template-areas: 'name' 'meta' } .course-list__list .course-list__list-chapter-item-accordion-trigger[disabled]:hover { background: var(--course-list-course-item-background) } .course-list__list .course-list__list-chapter-item-accordion-trigger[disabled] .course-list__list-chapter-item-accordion-icon-container { display: none } .course-list__list .course-list__list-chapter-item-accordion-icon-container { grid-area: accordion-icon; text-align: center; height: 100%; display: flex; align-items: center } .course-list__list .course-list__list-chapter-item-chapter-name { grid-area: name; color: inherit; margin: 0 } .course-list__list .course-list__list-chapter-item-chapter-meta { grid-area: meta } .course-list__list .course-list__sublist { border-top-width: var(--list-item-border-width); border-top-style: var(--list-item-border-type); border-top-color: var(--course-list-course-chapter-divider-color) } .course-list__list-chapter-item-accordion-icon { transition: transform .3s ease-in-out } [aria-expanded='false'] .course-list__list-chapter-item-accordion-icon { transform: rotate(90deg) } .course-list__list-chapter-item-accordion-content { transition: height .3s ease-in-out; height: var(--content-scroll-height, auto) } .course-list__list-chapter-item-accordion-content[aria-hidden='true'] { height: 0; overflow: hidden } @media screen and (max-width: 575px) { .course-list__list { --thumbnail-size: 36px; --lesson-column-gap: 11px; --course-list-item-padding-vertical: 25px } .course-list__list .course-list__progress { font-size: .875rem } .course-list__list .course-list__list-course-item-thumbnail-container { padding-left: 33px } .course-list__list .course-list__list-course-item-link[data-hidden-thumbnails="true"] { padding-left: 21px } .course-list__list .course-list__list-course-item-status { padding-right: 33px; padding-top: var(--course-list-item-padding-vertical); padding-bottom: var(--course-list-item-padding-vertical) } .course-list__list .course-item-description-desktop { display: none } .course-list__list .course-item-description-mobile { display: block; padding: 6px 33px var(--course-list-item-padding-vertical) } .course-list__list [data-has-excerpt-or-meta="true"] .course-list__list-course-item-thumbnail-container, .course-list__list [data-has-excerpt-or-meta="true"] .course-list__list-course-item-info-container, .course-list__list [data-has-excerpt-or-meta="true"] .course-list__list-course-item-status { padding-bottom: 0 } } .course-list__grid { --num-columns: 3; list-style: none; margin: 0; padding: 0; display: grid; grid-auto-flow: row; grid-template-columns: repeat(var(--num-columns), minmax(0, 1fr)); grid-auto-rows: auto; gap: 20px } @media screen and (max-width: 767px) { .course-list__grid { --num-columns: 2 } } @media screen and (max-width: 575px) { .course-list__grid { --num-columns: 1 } } .course-list__grid[data-show-background="false"] .course-list__grid-course-item:not(:hover) { background: none !important } .course-list__grid .course-list__grid-chapter-item { grid-column: 1 / -1; margin-bottom: var(--space-between-chapters) } .course-list__grid .course-list__grid-chapter-item:last-child { margin-bottom: 0px } .course-list__grid .course-list__grid-course-item+.course-list__grid-chapter-item { margin-top: var(--space-between-chapters) } .course-list__grid .course-list__grid-chapter-item-header { display: grid; grid-template-columns: 1fr max-content; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid var(--course-list-grid-layout-chapter-divider-color) } .course-list__grid .course-list__grid-chapter-item-header .course-list__grid-chapter-item-chapter-name { margin: 0px } .course-list__grid .course-list__grid-chapter-item-header .course-list__grid-chapter-item-chapter-meta { color: var(--headingMediumColor) } .course-list__grid .course-list__grid-chapter-course-items { list-style: none; margin: 0; padding: 0; display: grid; grid-auto-flow: row; grid-template-columns: repeat(var(--num-columns), minmax(0, 1fr)); grid-auto-rows: auto; gap: 20px } @media screen and (max-width: 767px) { .course-list__grid .course-list__grid-chapter-course-items { --num-columns: 2 } } @media screen and (max-width: 575px) { .course-list__grid .course-list__grid-chapter-course-items { --num-columns: 1 } } .course-list__grid .course-list__grid-course-item { border-style: var(--course-item-border-type); border-width: var(--course-item-border-width); border-color: var(--course-list-grid-layout-course-item-border-color); border-top-left-radius: var(--course-item-border-radius-top-left); border-top-right-radius: var(--course-item-border-radius-top-right); border-bottom-right-radius: var(--course-item-border-radius-bottom-right); border-bottom-left-radius: var(--course-item-border-radius-bottom-left); color: var(--course-list-grid-layout-course-item-text-color); background: var(--course-list-grid-layout-course-item-background-color); overflow: hidden } .course-list__grid .course-list__grid-course-item:hover { background: var(--course-list-grid-layout-course-item-hover-background-color) } .course-list__grid .course-list__grid-course-item-link { display: block; box-sizing: border-box; padding: 20px; height: 100% } .course-list__grid .course-list__grid-course-item-thumbnail-container { display: block; height: 130px; margin-bottom: 15px } .course-list__grid .course-list__grid-course-item-thumbnail-container .course-list__grid-course-item-thumbnail { height: 100%; background-size: cover; background-position: 50% 50%; border-top-left-radius: var(--course-item-thumbnail-border-radius-top-left); border-top-right-radius: var(--course-item-thumbnail-border-radius-top-right); border-bottom-right-radius: var(--course-item-thumbnail-border-radius-bottom-right); border-bottom-left-radius: var(--course-item-thumbnail-border-radius-bottom-left) } .course-list__grid .course-list__grid-course-item-thumbnail-container .course-list__grid-course-item-thumbnail[data-private-mode="true"] { position: relative; overflow: hidden } .course-list__grid .course-list__grid-course-item-thumbnail-container .course-list__grid-course-item-thumbnail[data-private-mode="true"]::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: inherit; background-image: inherit; background-size: inherit; filter: blur(2px) brightness(.3); transform: scale(1.03) } .course-list__grid .course-list__grid-course-item-thumbnail-container .course-list__grid-course-item-thumbnail[data-private-mode="true"] .course-list__grid-course-item-lock-icon-overlay { color: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scale(.2) } .course-list__grid .course-list__grid-course-item-thumbnail-container .course-list__grid-course-item-thumbnail.course-list__grid-course-item-thumbnail-placeholder { display: flex; align-items: center; justify-content: center } .course-list__grid .course-list__grid-course-item-thumbnail-container .course-list__grid-course-item-thumbnail.course-list__grid-course-item-thumbnail-placeholder .course-list__grid-course-item-no-image-icon { max-width: 120px } .course-list__grid .course-list__grid-course-item-thumbnail-container .course-list__grid-course-item-thumbnail.course-list__grid-course-item-thumbnail-placeholder[data-private-mode="true"] .course-list__grid-course-item-no-image-icon { display: none } .course-list__grid .course-list__grid-course-item-lesson-name-container { display: grid; grid-template-columns: 1fr max-content; justify-content: space-between; align-items: start; gap: 10px; margin-bottom: 10px } .course-list__grid .course-list__grid-course-item-lesson-name-container .course-list__grid-course-item-lesson-name { margin: 0px; color: inherit } .course-list__grid .course-list__grid-course-item-lesson-name-container .course-list__grid-course-item-status>label { cursor: pointer; display: block; padding: 10px; margin: -10px } .course-list__grid .course-list__grid-course-item-lesson-excerpt { margin-bottom: 10px } .course-list__grid .course-list__grid-course-item-lesson-excerpt>:first-child { margin-top: 0px } .course-list__grid .course-list__grid-course-item-lesson-excerpt>:last-child { margin-bottom: 0px } .course-list__grid .course-list__grid-course-item-lesson-meta { line-height: 1 } .course-item__lesson-content .course-item__video-container { position: relative; width: 100%; height: calc((9 / 16) * 100vw); max-height: calc(100vh - 169px); min-height: 480px; background: #000 } .course-item__lesson-content .course-item__video-container.block-clicks::after { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100% } .course-item__lesson-content .course-item__video-container .course-item-video-wrapper { position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .course-item__lesson-content .course-item__video-container .course-item-video-wrapper [data-controller="CourseItemVideoNative"], .course-item__lesson-content .course-item__video-container .course-item-video-wrapper .course-item-video-inner-wrapper { height: 100% } .course-item__lesson-content .course-item__video-container .course-item-video-wrapper [data-controller="CourseItemVideoNative"] iframe, .course-item__lesson-content .course-item__video-container .course-item-video-wrapper .course-item-video-inner-wrapper iframe { width: 100%; height: 100% } .course-item__lesson-content .course-item__video-container .course-item-video-thumbnail-placeholder { position: relative; height: 100%; display: flex; align-items: center; justify-content: center; background-color: #313131; overflow: hidden } .course-item__lesson-content .course-item__video-container .course-item-video-thumbnail-placeholder:after { content: ''; display: block; position: absolute; bottom: -100px; width: 150%; height: 100px; box-shadow: 0px -20px 110px #000 } .course-item__lesson-content .course-item__video-container .course-item-video-thumbnail-placeholder .course-item-video-thumbnail-placeholder-content { display: none; text-align: center; font-size: 14px; color: #fff } .sqs-edit-mode-active .course-item__lesson-content .course-item__video-container .course-item-video-thumbnail-placeholder .course-item-video-thumbnail-placeholder-content { display: block } .course-item__lesson-content .course-item__video-container .course-item-video-thumbnail-placeholder .course-item-video-thumbnail-placeholder-content .course-item-add-video-button { background: none; color: inherit; border: none; padding: 0; font: inherit; cursor: default; line-height: 1; outline-color: #fff } .course-item__lesson-content .course-item__video-container .course-item-video-thumbnail-placeholder .course-item-video-thumbnail-placeholder-content .course-item-add-video-button svg { background: rgba(0, 0, 0, .5); stroke: #fff; stroke-width: 2px; width: 20px; height: 20px; padding: 17px; border-radius: 100% } .sqs-edit-mode.sqs-edit-mode-active:not(.sqs-site-styles-active) .course-item__lesson-content .course-item__video-container .course-item-video-thumbnail-placeholder .course-item-video-thumbnail-placeholder-content .course-item-add-video-button svg:hover { cursor: pointer; background: rgba(255, 255, 255, .5); stroke: #000 } .course-item__lesson-content .course-item__intro { padding: 0px 4vw; max-width: 1800px; margin: 0px auto; position: relative; z-index: 0 } .course-item__lesson-content .course-item__intro .course-item__chapter-title { text-transform: uppercase; font-weight: bold; line-height: 1 } .course-item__lesson-content .course-item__intro .course-item__lesson-title { margin-top: 0px; line-height: 1 } .mixin-product-details-clear-select-input-styles { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 0; padding: 0; background: transparent } .mixin-product-details-clear-select-input-styles::-ms-expand { display: none } .ProductItem { padding-bottom: 4vw } .tweak-product-basic-item-width-inset .ProductItem { max-width: 1800px; padding-left: 4vw; padding-right: 4vw; margin: 0 auto } @media screen and (max-width: 767px) { .tweak-product-basic-item-width-inset .tweak-product-basic-item-width-inset .ProductItem { padding-left: 6vw; padding-right: 6vw } } .ProductItem .ProductItem-summary { display: flex; flex-direction: column; align-items: flex-start } .tweak-product-basic-item-content-alignment-center:not(.tweak-product-basic-item-gallery-design-stacked) .ProductItem .ProductItem-summary { align-items: center } @media screen and (min-width: 768px) { .ProductItem .ProductItem-summary { flex-direction: row } .tweak-product-basic-item-gallery-placement-right .ProductItem .ProductItem-summary { flex-flow: row-reverse } } .ProductItem-details { box-sizing: border-box; position: relative; padding-top: 0px; display: flex; flex-direction: column; width: 100%; text-align: left } .tweak-product-basic-item-text-alignment-left .ProductItem-details { text-align: left } .tweak-product-basic-item-text-alignment-center .ProductItem-details { text-align: center } .tweak-product-basic-item-text-alignment-right .ProductItem-details { text-align: right } @media screen and (min-width: 768px) { .tweak-product-basic-item-gallery-design-stacked .ProductItem-details { position: -webkit-sticky; position: sticky; top: 0px } } @media screen and (min-width: 768px) { .tweak-product-basic-item-content-alignment-top .ProductItem-details, .tweak-product-basic-item-gallery-design-stacked .ProductItem-details { padding-top: 60px } } @media screen and (min-width: 768px) { .ProductItem-details { padding-left: 10vw } .tweak-product-basic-item-gallery-placement-right .ProductItem-details { padding-left: 0; padding-right: 10vw } } @media screen and (min-width:768px) and (max-width:1024px) { .ProductItem-details { width: 58% } } @media screen and (min-width:1025px) and (max-width:1280px) { .ProductItem-details { width: 58% } } @media screen and (min-width:1281px) { .ProductItem-details { width: 58% } } .ProductItem-details h1.ProductItem-details-title { order: 1; margin: 0 0 25px } .ProductItem-details .ProductItem-product-price { order: 1; margin-bottom: 25px; display: block } .ProductItem-details .ProductItem-product-price .product-price { margin-bottom: 25px } .tweak-product-basic-item-description-position-below-price .ProductItem-details .ProductItem-details-excerpt-below-price { margin-bottom: 40px; display: block; order: 5 } .tweak-product-basic-item-description-position-below-price .ProductItem-details .ProductItem-details-excerpt-below-price a { text-decoration: underline } .tweak-product-basic-item-description-position-below-price .ProductItem-details .ProductItem-details-excerpt-below-add-to-cart { display: none } .tweak-product-basic-item-description-position-below-price .ProductItem-details .ProductItem-details-excerpt-below-add-ons { display: none } .tweak-product-basic-item-description-position-below-add-to-cart-button .ProductItem-details .ProductItem-details-excerpt-below-price { display: none } .tweak-product-basic-item-description-position-below-add-to-cart-button .ProductItem-details .ProductItem-details-excerpt-below-add-to-cart { margin-top: 40px; margin-bottom: 40px; display: block; order: 5 } .tweak-product-basic-item-description-position-below-add-to-cart-button .ProductItem-details .ProductItem-details-excerpt-below-add-to-cart a { text-decoration: underline } .tweak-product-basic-item-description-position-below-add-to-cart-button .ProductItem-details .ProductItem-details-excerpt-below-add-ons { display: none } .tweak-product-basic-item-description-position-below-add-ons .ProductItem-details .ProductItem-details-excerpt-below-price { display: none } .tweak-product-basic-item-description-position-below-add-ons .ProductItem-details .ProductItem-details-excerpt-below-add-to-cart { display: none } .tweak-product-basic-item-description-position-below-add-ons .ProductItem-details .ProductItem-details-excerpt-below-add-ons { margin-top: 40px; margin-bottom: 40px; display: block; order: 6 } .tweak-product-basic-item-description-position-below-add-ons .ProductItem-details .ProductItem-details-excerpt-below-add-ons a { text-decoration: underline } .ProductItem-details .ProductItem-Subs-Otp { order: 3 } .show-pdp-subs-otp.tweak-product-basic-item-product-subscription-display-radio .ProductItem-details .pdp-subscriptions-and-otp .subs-otp-radio-wrapper { display: block } .show-pdp-subs-otp.tweak-product-basic-item-product-subscription-display-radio .ProductItem-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper { display: none } .show-pdp-subs-otp.tweak-product-basic-item-product-subscription-display-button .ProductItem-details .pdp-subscriptions-and-otp .subs-otp-radio-wrapper { display: none } .show-pdp-subs-otp.tweak-product-basic-item-product-subscription-display-button .ProductItem-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper { display: block } .show-pdp-subs-otp.tweak-product-basic-item-product-subscription-display-button .ProductItem-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .subs-otp-button-label { border-width: 1px } .tweak-product-basic-item-product-subscription-border-shape-pill .ProductItem-details .pdp-subscriptions-and-otp .subs-otp-radio-wrapper { border-radius: 33px } .tweak-product-basic-item-product-subscription-border-shape-pill .ProductItem-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .one-time-purchase-option.otp-button-wrapper .subs-otp-button-label { border-radius: 33px } .tweak-product-basic-item-product-subscription-border-shape-pill .ProductItem-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .subscription-option.subs-button-wrapper .subs-otp-button-label { border-radius: 33px } .tweak-product-basic-item-product-subscription-border-shape-petal .ProductItem-details .pdp-subscriptions-and-otp .subs-otp-radio-wrapper { border-radius: 16px 0px } .tweak-product-basic-item-product-subscription-border-shape-petal .ProductItem-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .one-time-purchase-option.otp-button-wrapper .subs-otp-button-label { border-radius: 16px 0px } .tweak-product-basic-item-product-subscription-border-shape-petal .ProductItem-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .subscription-option.subs-button-wrapper .subs-otp-button-label { border-radius: 16px 0px } .tweak-product-basic-item-product-subscription-border-shape-rounded-rectangle .ProductItem-details .pdp-subscriptions-and-otp .subs-otp-radio-wrapper { border-radius: 10px } .tweak-product-basic-item-product-subscription-border-shape-rounded-rectangle .ProductItem-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .one-time-purchase-option.otp-button-wrapper .subs-otp-button-label { border-radius: 10px } .tweak-product-basic-item-product-subscription-border-shape-rounded-rectangle .ProductItem-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .subscription-option.subs-button-wrapper .subs-otp-button-label { border-radius: 10px } .ProductItem-details .ProductItem-details-quickViewFullItemLink { opacity: .6; order: 100; display: inline-block; margin-top: 40px } .ProductItem-details .variant-option, .ProductItem-details .product-quantity-input { margin-bottom: 40px } .ProductItem-details .variant-option-title, .ProductItem-details .variant-out-of-stock, .ProductItem-details .quantity-label { margin-bottom: .5em } .sold-out .ProductItem-details .product-mark.sold-out { margin-bottom: 40px } .ProductItem-details .variant-option select, .ProductItem-details .product-quantity-input input { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 0; padding: 0; background: transparent } .ProductItem-details .variant-option select::-ms-expand, .ProductItem-details .product-quantity-input input::-ms-expand { display: none } .ProductItem-details .variant-select-wrapper, .ProductItem-details .product-quantity-input input { text-align: left; box-sizing: border-box; padding: 1.5rem; line-height: normal; color: inherit } .ProductItem-details .variant-select-wrapper select { border: 1px solid grey } .ProductItem-details .ProductItem-details-checkout { order: 4; display: flex; flex-direction: column } @media screen and (min-width: 768px) { .ProductItem-details .ProductItem-details-checkout { display: block } } .ProductItem-details .product-variants { display: block; order: 2; width: 100% } .tweak-product-basic-item-text-alignment-center .ProductItem-details .product-variants { margin: auto } .tweak-product-basic-item-text-alignment-right .ProductItem-details .product-variants { margin-right: 0; margin-left: auto } .ProductItem-details .variant-option { display: inline-block; box-sizing: border-box; width: 100% } .ProductItem-details .variant-option select:focus option { color: #000 } .ProductItem-details .variant-radiobtn-wrapper { display: none; justify-content: center; flex-wrap: wrap; width: 100%; margin-top: -.5rem } .ProductItem-details .variant-radiobtn-wrapper input[type="radio"] { display: none } .ProductItem-details .variant-radiobtn-wrapper input[type="radio"]:disabled+label { opacity: 30%; cursor: not-allowed } .ProductItem-details .variant-radiobtn-wrapper input[type="radio"]:checked+label { color: var(--secondaryButtonBackgroundColor); background-color: var(--secondaryButtonTextColor) } .ProductItem-details .variant-radiobtn-wrapper label { color: var(--secondaryButtonTextColor); border-color: var(--secondaryButtonTextColor); background-color: var(--secondaryButtonBackgroundColor); cursor: pointer; margin-top: 11px; margin-right: 11px } .ProductItem-details .variant-radiobtn-wrapper label:first-of-type { margin-left: 11px } .ProductItem-details .variant-radiobtn-wrapper label:last-child { margin-right: 0 } .tweak-product-basic-item-text-alignment-left .ProductItem-details .variant-radiobtn-wrapper { justify-content: flex-start } .tweak-product-basic-item-text-alignment-left .ProductItem-details .variant-radiobtn-wrapper label:first-of-type { margin-left: 0 } .tweak-product-basic-item-text-alignment-right .ProductItem-details .variant-radiobtn-wrapper { justify-content: flex-end } .tweak-product-basic-item-text-alignment-right .ProductItem-details .variant-radiobtn-wrapper label { margin-left: 11px; margin-right: 0 } .ProductItem-details .variant-out-of-stock { margin-left: 13px; margin-right: 13px; margin-bottom: 25px } .ProductItem-details .product-quantity-input { display: block; order: 3 } .ProductItem-details .product-quantity-input input { border: 1px solid grey } .ProductItem-details .product-restock-notification:not([hidden]) { order: 3; margin-bottom: 30px } .ProductItem-details .product-restock-notification:not([hidden]) .product-restock-form { margin-top: 20px } @media only screen and (max-width:640px) { .ProductItem-details .product-restock-notification:not([hidden]) .product-restock-form { display: block } } .ProductItem-details .product-restock-notification:not([hidden]) .product-restock-form>input[type='text'] { margin-right: 11px; min-width: 250px; border: 1px solid rgba(0, 0, 0, .12); padding: 1.2rem 2rem } .ProductItem-details .product-restock-notification:not([hidden]) .product-restock-form>input[type='submit'] { padding: 1.2rem 2rem } @media only screen and (max-width:640px) { .ProductItem-details .product-restock-notification:not([hidden]) .product-restock-form>input[type='submit'] { margin-top: 20px } } .ProductItem-details .product-restock-notification:not([hidden]) .product-restock-mailing-list { margin-top: 20px } .ProductItem-details .product-restock-notification:not([hidden]) .product-restock-mailing-list>input[type='checkbox'] { margin-right: 10px } .ProductItem-details .product-restock-notification:not([hidden]) .product-restock-success-message { margin-top: 20px; padding: 14px; background-color: rgba(0, 0, 0, .05); font-size: 1rem; text-align: center; word-wrap: break-word } .ProductItem-details .product-restock-notification:not([hidden]) .product-restock-error-message { font-size: .7rem; margin-top: 11px; line-height: normal } .ProductItem-details .sqs-add-to-cart-button-wrapper { margin-bottom: 25px; order: 4 } .tweak-product-basic-item-text-alignment-center .ProductItem-details .sqs-add-to-cart-button-wrapper { margin: auto } .tweak-product-basic-item-text-alignment-right .ProductItem-details .sqs-add-to-cart-button-wrapper { margin-right: 0; margin-left: auto } .ProductItem-details .ProductItem-view-cart a { display: block !important; text-align: center; padding: 1em 2.5em; border: none !important; box-shadow: none !important } @media (hover:hover) { .ProductItem-details .ProductItem-view-cart a:hover { opacity: .8 } } .ProductItem-details .ProductItem-view-cart { display: block !important; opacity: 0; max-height: 0; transition: opacity .5s ease-out, max-height .5s ease-out, margin .25s ease-out } .ProductItem-details .cart-added+.ProductItem-view-cart { margin-top: 10px; opacity: 1; max-height: 200px } .ProductItem-details .sqs-add-to-cart-button-wrapper .sqs-add-to-cart-button { box-sizing: border-box; width: 100% } @media screen and (min-width: 768px) { .tweak-product-basic-item-add-to-cart-standalone .ProductItem .ProductItem-quantity-add-to-cart { display: block } .tweak-product-basic-item-add-to-cart-standalone .ProductItem .product-quantity-input { margin-bottom: 40px } .tweak-product-basic-item-add-to-cart-standalone .ProductItem .sqs-add-to-cart-button-wrapper { width: 100% } .tweak-product-basic-item-add-to-cart-inline .ProductItem .ProductItem-quantity-add-to-cart { display: flex; flex-direction: row; align-items: flex-end; width: 100% } .tweak-product-basic-item-add-to-cart-inline .ProductItem .product-quantity-input { margin-bottom: 0; margin-right: 1.5rem } .tweak-product-basic-item-add-to-cart-inline .ProductItem .sqs-add-to-cart-button-wrapper { margin-bottom: 0; width: 100%; overflow: hidden; display: flex } .tweak-product-basic-item-add-to-cart-inline .ProductItem .sqs-add-to-cart-button-wrapper .sqs-add-to-cart-button { height: calc(4.5rem + 2px); padding: 1.5rem !important; text-overflow: clip; display: flex; overflow: hidden; align-items: center; justify-content: center } } @media screen and (max-width: 767px) { .ProductItem .ProductItem-quantity-add-to-cart { order: 4 } .tweak-product-basic-item-add-to-cart-mobile-standalone .ProductItem .ProductItem-quantity-add-to-cart { display: block } .tweak-product-basic-item-add-to-cart-mobile-standalone .ProductItem .product-quantity-input { margin-bottom: 40px } .tweak-product-basic-item-add-to-cart-mobile-standalone .ProductItem .sqs-add-to-cart-button-wrapper { width: 100% } .tweak-product-basic-item-add-to-cart-mobile-inline .ProductItem .ProductItem-quantity-add-to-cart { display: flex; align-items: flex-end; width: 100% } .tweak-product-basic-item-add-to-cart-mobile-inline .ProductItem .ProductItem-quantity-add-to-cart:has(.product-quantity-input) { margin-bottom: 1.5rem } .tweak-product-basic-item-add-to-cart-mobile-inline .ProductItem .product-quantity-input { margin-bottom: 0; margin-right: 1.5rem } .tweak-product-basic-item-add-to-cart-mobile-inline .ProductItem .sqs-add-to-cart-button-wrapper { overflow: hidden; width: 100%; display: flex } .tweak-product-basic-item-add-to-cart-mobile-inline .ProductItem .sqs-add-to-cart-button-wrapper .sqs-add-to-cart-button { height: calc(4.5rem + 2px); padding: 1.5rem !important; text-overflow: clip; display: flex; overflow: hidden; align-items: center; justify-content: center } .tweak-product-basic-item-add-to-cart-mobile-inline .ProductItem .product-quantity-input~.sqs-add-to-cart-button-wrapper { margin-bottom: 0 } } .ProductItem .ProductItem-quantity-add-to-cart:has(.product-restock-notification:not([hidden])) { display: block; margin-bottom: 0 } .ProductItem .ProductItem-additional { margin-top: 5vw; padding-top: 0 } .ProductItem .ProductItem-related .ProductList-item:nth-child(3)~.ProductList-item { display: none } @media only screen and (max-width:640px) { .ProductItem .ProductItem-related .ProductList-item { margin-right: 15px; width: calc(50% - 15px) } } .ProductItem .ProductItem-related-label { position: relative } .tweak-product-basic-item-product-variant-display-dropdown .ProductItem .variant-select-wrapper { display: block } .tweak-product-basic-item-product-variant-display-dropdown .ProductItem .variant-radiobtn-wrapper { display: none } .tweak-product-basic-item-product-variant-display-button .ProductItem .variant-radiobtn-wrapper { display: flex } .tweak-product-basic-item-product-variant-display-button .ProductItem .variant-select-wrapper { display: none } .tweak-global-animations-animation-type-flex .ProductItem-nav-breadcrumb .ProductItem-nav-breadcrumb-link { position: relative; display: inline-block; text-decoration: none } .tweak-global-animations-animation-type-flex .ProductItem-nav-breadcrumb .ProductItem-nav-breadcrumb-link::after { content: ''; position: absolute; width: 100%; height: 1px; left: 0; bottom: 0px; background-color: currentColor; transform: scalex(0); transform-origin: right; transition: transform .6s cubic-bezier(.19, 1, .22, 1) } @media (hover:hover) { .tweak-global-animations-animation-type-flex .ProductItem-nav-breadcrumb .ProductItem-nav-breadcrumb-link:hover::after { transform: scalex(1); transform-origin: left } } .product-block .product-quantity-input input { border: 0; border-radius: 0; padding: 0; outline: 0; background: transparent !important; border: 1px solid grey; text-align: left; box-sizing: border-box; padding: calc(1.2rem - calc(1em - 1rem)) 1.25em; line-height: normal } .sqs-product-quick-view-lightbox .ProductItem { padding-bottom: 1vw } .sqs-product-quick-view-lightbox .ProductItem-details-title { margin: 1rem 0 } @media screen and (min-width: 768px) { .sqs-product-quick-view-lightbox .ProductItem-details { padding-left: 2vw } .tweak-product-basic-item-gallery-placement-right .sqs-product-quick-view-lightbox .ProductItem-details { padding-left: 0; padding-right: 2vw } } .sqs-product-quick-view-lightbox .ProductItem-details-quickViewFullItemLink { border-bottom: 1px solid #b3b3b3 } .tweak-product-basic-item-gallery-design-stacked .sqs-product-quick-view-lightbox .ProductItem-gallery { float: none } .tweak-product-basic-item-gallery-design-stacked .sqs-product-quick-view-lightbox .ProductItem-gallery-slides { height: 100% } .tweak-product-basic-item-gallery-design-stacked .sqs-product-quick-view-lightbox .ProductItem-gallery-slides-item { height: auto } .tweak-product-basic-item-gallery-design-stacked .sqs-product-quick-view-lightbox .ProductItem-gallery-slides-item-image { position: relative !important } .sqs-product-quick-view-lightbox .ProductItem-gallery .ProductItem-gallery-scroll { height: auto } .sqs-product-quick-view-lightbox .ProductItem-gallery .ProductItem-gallery-scroll:after { display: none } .collection-type-products .pdp-layout .pdp-details .subs-and-otp-option, .collection-type-products .pdp-layout .pdp-details .subs-and-otp-option .product-price, .collection-type-products .pdp-layout .pdp-details .subs-and-otp-option select { line-height: min(var(--product-basic-item-variant-fields-font-line-height), 1.4em) } .collection-type-products .ProductItem-details .ProductItem-details-excerpt, .collection-type-products .ProductItem-details .ProductItem-details-excerpt-below-price, .collection-type-products .ProductItem-details .ProductItem-details-excerpt-below-add-to-cart, .collection-type-products .ProductItem-details .ProductItem-details-excerpt-below-add-ons { font-family: var(--product-basic-item-description-font-font-family); font-style: var(--product-basic-item-description-font-font-style); font-weight: var(--product-basic-item-description-font-font-weight); line-height: var(--product-basic-item-description-font-line-height); letter-spacing: var(--product-basic-item-description-font-letter-spacing); text-transform: var(--product-basic-item-description-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .collection-type-products .ProductItem-details .ProductItem-details-excerpt, .collection-type-products .ProductItem-details .ProductItem-details-excerpt-below-price, .collection-type-products .ProductItem-details .ProductItem-details-excerpt-below-add-to-cart, .collection-type-products .ProductItem-details .ProductItem-details-excerpt-below-add-ons { font-size: calc((var(--product-basic-item-description-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .collection-type-products .ProductItem-details .ProductItem-details-excerpt, .collection-type-products .ProductItem-details .ProductItem-details-excerpt-below-price, .collection-type-products .ProductItem-details .ProductItem-details-excerpt-below-add-to-cart, .collection-type-products .ProductItem-details .ProductItem-details-excerpt-below-add-ons { font-size: calc((var(--product-basic-item-description-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .collection-type-products .ProductItem-details .ProductItem-details-excerpt, .collection-type-products .ProductItem-details .ProductItem-details-excerpt-below-price, .collection-type-products .ProductItem-details .ProductItem-details-excerpt-below-add-to-cart, .collection-type-products .ProductItem-details .ProductItem-details-excerpt-below-add-ons { font-size: calc(var(--product-basic-item-description-font-font-size-value) * 1rem) } } .collection-type-products .ProductItem-details h1.ProductItem-details-title { font-family: var(--product-basic-item-title-font-font-family); font-style: var(--product-basic-item-title-font-font-style); font-weight: var(--product-basic-item-title-font-font-weight); line-height: var(--product-basic-item-title-font-line-height); letter-spacing: var(--product-basic-item-title-font-letter-spacing); text-transform: var(--product-basic-item-title-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .collection-type-products .ProductItem-details h1.ProductItem-details-title { font-size: calc((var(--product-basic-item-title-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .collection-type-products .ProductItem-details h1.ProductItem-details-title { font-size: calc((var(--product-basic-item-title-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .collection-type-products .ProductItem-details h1.ProductItem-details-title { font-size: calc(var(--product-basic-item-title-font-font-size-value) * 1rem) } } .collection-type-products .ProductItem-details .product-price { font-family: var(--product-basic-item-price-font-font-family); font-style: var(--product-basic-item-price-font-font-style); font-weight: var(--product-basic-item-price-font-font-weight); line-height: var(--product-basic-item-price-font-line-height); letter-spacing: var(--product-basic-item-price-font-letter-spacing); text-transform: var(--product-basic-item-price-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .collection-type-products .ProductItem-details .product-price { font-size: calc((var(--product-basic-item-price-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .collection-type-products .ProductItem-details .product-price { font-size: calc((var(--product-basic-item-price-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .collection-type-products .ProductItem-details .product-price { font-size: calc(var(--product-basic-item-price-font-font-size-value) * 1rem) } } .collection-type-products .ProductItem-details .variant-option, .collection-type-products .ProductItem-details .product-quantity-input, .collection-type-products .ProductItem-details .pdp-subscriptions-and-otp .frequency-label { font-family: var(--product-basic-item-variant-fields-font-font-family); font-style: var(--product-basic-item-variant-fields-font-font-style); font-weight: var(--product-basic-item-variant-fields-font-font-weight); line-height: var(--product-basic-item-variant-fields-font-line-height); letter-spacing: var(--product-basic-item-variant-fields-font-letter-spacing); text-transform: var(--product-basic-item-variant-fields-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .collection-type-products .ProductItem-details .variant-option, .collection-type-products .ProductItem-details .product-quantity-input, .collection-type-products .ProductItem-details .pdp-subscriptions-and-otp .frequency-label { font-size: calc((var(--product-basic-item-variant-fields-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .collection-type-products .ProductItem-details .variant-option, .collection-type-products .ProductItem-details .product-quantity-input, .collection-type-products .ProductItem-details .pdp-subscriptions-and-otp .frequency-label { font-size: calc((var(--product-basic-item-variant-fields-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .collection-type-products .ProductItem-details .variant-option, .collection-type-products .ProductItem-details .product-quantity-input, .collection-type-products .ProductItem-details .pdp-subscriptions-and-otp .frequency-label { font-size: calc(var(--product-basic-item-variant-fields-font-font-size-value) * 1rem) } } .collection-type-products .ProductItem-details .subs-and-otp-option, .collection-type-products .ProductItem-details .subs-and-otp-option .product-price, .collection-type-products .ProductItem-details .subs-and-otp-option select { font-family: var(--product-basic-item-variant-fields-font-font-family); font-style: var(--product-basic-item-variant-fields-font-font-style); font-weight: var(--product-basic-item-variant-fields-font-font-weight); line-height: var(--product-basic-item-variant-fields-font-line-height); letter-spacing: var(--product-basic-item-variant-fields-font-letter-spacing); text-transform: var(--product-basic-item-variant-fields-font-text-transform); line-height: min(var(--product-basic-item-variant-fields-font-line-height), 1.4em) } @media screen and (max-width: 767px) and (orientation: portrait) { .collection-type-products .ProductItem-details .subs-and-otp-option, .collection-type-products .ProductItem-details .subs-and-otp-option .product-price, .collection-type-products .ProductItem-details .subs-and-otp-option select { font-size: calc((var(--product-basic-item-variant-fields-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .collection-type-products .ProductItem-details .subs-and-otp-option, .collection-type-products .ProductItem-details .subs-and-otp-option .product-price, .collection-type-products .ProductItem-details .subs-and-otp-option select { font-size: calc((var(--product-basic-item-variant-fields-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .collection-type-products .ProductItem-details .subs-and-otp-option, .collection-type-products .ProductItem-details .subs-and-otp-option .product-price, .collection-type-products .ProductItem-details .subs-and-otp-option select { font-size: calc(var(--product-basic-item-variant-fields-font-font-size-value) * 1rem) } } .collection-type-products .ProductItem-details .product-scarcity { font-family: var(--product-basic-item-scarcity-font-font-family); font-style: var(--product-basic-item-scarcity-font-font-style); font-weight: var(--product-basic-item-scarcity-font-font-weight); line-height: var(--product-basic-item-scarcity-font-line-height); letter-spacing: var(--product-basic-item-scarcity-font-letter-spacing); text-transform: var(--product-basic-item-scarcity-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .collection-type-products .ProductItem-details .product-scarcity { font-size: calc((var(--product-basic-item-scarcity-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .collection-type-products .ProductItem-details .product-scarcity { font-size: calc((var(--product-basic-item-scarcity-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .collection-type-products .ProductItem-details .product-scarcity { font-size: calc(var(--product-basic-item-scarcity-font-font-size-value) * 1rem) } } .collection-type-products .ProductItem-details .pdp-product-add-ons, .collection-type-products .ProductItem-details .pdp-product-add-ons .product-price, .collection-type-products .ProductItem-details .pdp-product-add-ons .variant-option select { font-family: var(--product-basic-item-description-font-font-family); font-style: var(--product-basic-item-description-font-font-style); font-weight: var(--product-basic-item-description-font-font-weight); line-height: var(--product-basic-item-description-font-line-height); letter-spacing: var(--product-basic-item-description-font-letter-spacing); text-transform: var(--product-basic-item-description-font-text-transform); line-height: max(var(--product-basic-item-description-font-line-height), 0.75em) } .collection-type-products .grid-title { font-family: var(--product-grid-text-below-title-font-font-family); font-style: var(--product-grid-text-below-title-font-font-style); font-weight: var(--product-grid-text-below-title-font-font-weight); line-height: var(--product-grid-text-below-title-font-line-height); letter-spacing: var(--product-grid-text-below-title-font-letter-spacing); text-transform: var(--product-grid-text-below-title-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .collection-type-products .grid-title { font-size: calc((var(--product-grid-text-below-title-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .collection-type-products .grid-title { font-size: calc((var(--product-grid-text-below-title-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .collection-type-products .grid-title { font-size: calc(var(--product-grid-text-below-title-font-font-size-value) * 1rem) } } .collection-type-products .grid-prices { font-family: var(--product-grid-text-below-price-font-font-family); font-style: var(--product-grid-text-below-price-font-font-style); font-weight: var(--product-grid-text-below-price-font-font-weight); line-height: var(--product-grid-text-below-price-font-line-height); letter-spacing: var(--product-grid-text-below-price-font-letter-spacing); text-transform: var(--product-grid-text-below-price-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .collection-type-products .grid-prices { font-size: calc((var(--product-grid-text-below-price-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .collection-type-products .grid-prices { font-size: calc((var(--product-grid-text-below-price-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .collection-type-products .grid-prices { font-size: calc(var(--product-grid-text-below-price-font-font-size-value) * 1rem) } } .collection-type-products .grid-meta-status { font-family: var(--product-grid-text-below-status-font-font-family); font-style: var(--product-grid-text-below-status-font-font-style); font-weight: var(--product-grid-text-below-status-font-font-weight); line-height: var(--product-grid-text-below-status-font-line-height); letter-spacing: var(--product-grid-text-below-status-font-letter-spacing); text-transform: var(--product-grid-text-below-status-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .collection-type-products .grid-meta-status { font-size: calc((var(--product-grid-text-below-status-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .collection-type-products .grid-meta-status { font-size: calc((var(--product-grid-text-below-status-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .collection-type-products .grid-meta-status { font-size: calc(var(--product-grid-text-below-status-font-font-size-value) * 1rem) } } .collection-type-products .product-scarcity { font-family: var(--product-grid-text-below-scarcity-font-font-family); font-style: var(--product-grid-text-below-scarcity-font-font-style); font-weight: var(--product-grid-text-below-scarcity-font-font-weight); line-height: var(--product-grid-text-below-scarcity-font-line-height); letter-spacing: var(--product-grid-text-below-scarcity-font-letter-spacing); text-transform: var(--product-grid-text-below-scarcity-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .collection-type-products .product-scarcity { font-size: calc((var(--product-grid-text-below-scarcity-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .collection-type-products .product-scarcity { font-size: calc((var(--product-grid-text-below-scarcity-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .collection-type-products .product-scarcity { font-size: calc(var(--product-grid-text-below-scarcity-font-font-size-value) * 1rem) } } .collection-type-products .plp-grid-add-to-cart .variant-option select { font-family: var(--product-grid-text-below-price-font-font-family); font-style: var(--product-grid-text-below-price-font-font-style); font-weight: var(--product-grid-text-below-price-font-font-weight); line-height: var(--product-grid-text-below-price-font-line-height); letter-spacing: var(--product-grid-text-below-price-font-letter-spacing); text-transform: var(--product-grid-text-below-price-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { .collection-type-products .plp-grid-add-to-cart .variant-option select { font-size: calc((var(--product-grid-text-below-price-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .collection-type-products .plp-grid-add-to-cart .variant-option select { font-size: calc((var(--product-grid-text-below-price-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { .collection-type-products .plp-grid-add-to-cart .variant-option select { font-size: calc(var(--product-grid-text-below-price-font-font-size-value) * 1rem) } } /*! WARNING: Stylesheet from template.conf missing: portfolio-new-test.less */ .portfolio-grid-basic { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-column-gap: 30px; grid-row-gap: 30px; grid-auto-rows: min-content } .tweak-portfolio-grid-basic-width-full .portfolio-grid-basic { width: 100%; padding-left: 4vw; padding-right: 4vw } .tweak-portfolio-grid-basic-width-inset .portfolio-grid-basic { max-width: 1800px; padding-left: 4vw; padding-right: 4vw; margin: 0 auto } @media screen and (max-width: 767px) { .tweak-portfolio-grid-basic-width-full .portfolio-grid-basic { padding-left: 6vw; padding-right: 6vw } .tweak-portfolio-grid-basic-width-inset .portfolio-grid-basic { padding-left: 6vw; padding-right: 6vw } } .portfolio-grid-basic .grid-item .grid-image { width: 100%; position: relative; overflow: hidden; margin: 0; line-height: 0 } .portfolio-grid-basic .grid-item .grid-image .grid-image-inner-wrapper { position: absolute; top: 0; left: 0; bottom: 0; right: 0 } @media screen and (max-width: 767px) { .portfolio-grid-basic { grid-template-columns: repeat(1, minmax(0, 1fr)) } } .portfolio-grid-basic .grid-item { display: flex; flex-direction: column } .portfolio-grid-basic .grid-item .grid-image { order: 1; transition: opacity ease 200ms } .portfolio-grid-basic .grid-item .portfolio-text { margin-top: 20px; order: 2; position: relative } .portfolio-grid-basic .grid-item .portfolio-title { margin-top: 0; padding-top: 0; margin-bottom: .5em } .portfolio-grid-basic .grid-item .grid-image-inner-wrapper>img { object-fit: cover; width: 100%; height: 100% } @media (hover:hover) { .portfolio-grid-basic .grid-item:hover .grid-image { opacity: .7 } } .tweak-portfolio-grid-basic-text-alignment-center .portfolio-grid-basic { text-align: center } .tweak-portfolio-grid-basic-image-aspect-ratio-11-square .portfolio-grid-basic .grid-image { padding-bottom: 100% } .tweak-portfolio-grid-basic-image-aspect-ratio-32-standard .portfolio-grid-basic .grid-image { padding-bottom: 66.666% } .tweak-portfolio-grid-basic-image-aspect-ratio-23-standard-vertical .portfolio-grid-basic .grid-image { padding-bottom: 150% } .tweak-portfolio-grid-basic-image-aspect-ratio-43-four-three .portfolio-grid-basic .grid-image { padding-bottom: 75% } .tweak-portfolio-grid-basic-image-aspect-ratio-34-three-four-vertical .portfolio-grid-basic .grid-image { padding-bottom: 133.333% } .tweak-portfolio-grid-basic-image-aspect-ratio-169-widescreen .portfolio-grid-basic .grid-image { padding-bottom: 56.25% } .tweak-portfolio-grid-basic-image-aspect-ratio-240-anamorphic-widescreen .portfolio-grid-basic .grid-image { padding-bottom: 41.666% } .tweak-portfolio-grid-basic-image-aspect-ratio-ultra-widescreen .portfolio-grid-basic .grid-image { padding-bottom: 41.666% } .tweak-portfolio-grid-basic-hover-effect-zoom .portfolio-grid-basic .grid-item .grid-image img { transition: transform ease 400ms } @media (hover:hover) { .tweak-portfolio-grid-basic-hover-effect-zoom .portfolio-grid-basic .grid-item:hover .grid-image { opacity: 1 } .tweak-portfolio-grid-basic-hover-effect-zoom .portfolio-grid-basic .grid-item:hover .grid-image img { transform: scale(1.1) } } .tweak-portfolio-grid-basic-height-small .portfolio-grid-basic { padding-top: 3.3vw; padding-bottom: 3.3vw; min-height: 33vh } .tweak-portfolio-grid-basic-height-medium .portfolio-grid-basic { padding-top: 6.6vw; padding-bottom: 6.6vw; min-height: 66vh } .tweak-portfolio-grid-basic-height-large .portfolio-grid-basic { padding-top: 10vw; padding-bottom: 10vw; min-height: 100vh } .tweak-portfolio-grid-basic-height-custom .portfolio-grid-basic { padding-top: 5vw; padding-bottom: 5vw; min-height: 50vh } .index-item-navigation { margin: 2vw 0 } .index-item-navigation .index-nav-link { padding: 10px } .portfolio-grid-overlay { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-column-gap: 30px; grid-row-gap: 30px; grid-auto-rows: min-content } .tweak-portfolio-grid-overlay-width-full .portfolio-grid-overlay { width: 100%; padding-left: 4vw; padding-right: 4vw } .tweak-portfolio-grid-overlay-width-inset .portfolio-grid-overlay { max-width: 1800px; padding-left: 4vw; padding-right: 4vw; margin: 0 auto } @media screen and (max-width: 767px) { .tweak-portfolio-grid-overlay-width-full .portfolio-grid-overlay { padding-left: 6vw; padding-right: 6vw } .tweak-portfolio-grid-overlay-width-inset .portfolio-grid-overlay { padding-left: 6vw; padding-right: 6vw } } .portfolio-grid-overlay .grid-item .grid-image { width: 100%; position: relative; overflow: hidden; margin: 0; line-height: 0 } .portfolio-grid-overlay .grid-item .grid-image .grid-image-inner-wrapper { position: absolute; top: 0; left: 0; bottom: 0; right: 0 } @media screen and (max-width: 767px) { .portfolio-grid-overlay { grid-template-columns: repeat(1, minmax(0, 1fr)) } } .portfolio-grid-overlay .grid-item { position: relative; height: 0 } .portfolio-grid-overlay .grid-item .portfolio-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: opacity ease 200ms; z-index: 99 } .portfolio-grid-overlay .grid-item .portfolio-text { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; display: flex; align-content: center; justify-content: center; flex-direction: column; padding: 7%; text-align: center; z-index: 100; transition: opacity ease 200ms } .portfolio-grid-overlay .grid-item .portfolio-text .portfolio-title { margin-top: 0; padding-top: 0; margin-bottom: 0 } .portfolio-grid-overlay .grid-item .grid-image-inner-wrapper>img { object-fit: cover; width: 100%; height: 100% } .tweak-portfolio-grid-overlay-image-aspect-ratio-11-square .portfolio-grid-overlay .grid-image, .tweak-portfolio-grid-overlay-image-aspect-ratio-11-square .portfolio-grid-overlay .grid-item { padding-bottom: 100% } .tweak-portfolio-grid-overlay-image-aspect-ratio-32-standard .portfolio-grid-overlay .grid-image, .tweak-portfolio-grid-overlay-image-aspect-ratio-32-standard .portfolio-grid-overlay .grid-item { padding-bottom: 66.666% } .tweak-portfolio-grid-overlay-image-aspect-ratio-23-standard-vertical .portfolio-grid-overlay .grid-image, .tweak-portfolio-grid-overlay-image-aspect-ratio-23-standard-vertical .portfolio-grid-overlay .grid-item { padding-bottom: 150% } .tweak-portfolio-grid-overlay-image-aspect-ratio-43-four-three .portfolio-grid-overlay .grid-image, .tweak-portfolio-grid-overlay-image-aspect-ratio-43-four-three .portfolio-grid-overlay .grid-item { padding-bottom: 75% } .tweak-portfolio-grid-overlay-image-aspect-ratio-34-three-four-vertical .portfolio-grid-overlay .grid-image, .tweak-portfolio-grid-overlay-image-aspect-ratio-34-three-four-vertical .portfolio-grid-overlay .grid-item { padding-bottom: 133.333% } .tweak-portfolio-grid-overlay-image-aspect-ratio-169-widescreen .portfolio-grid-overlay .grid-image, .tweak-portfolio-grid-overlay-image-aspect-ratio-169-widescreen .portfolio-grid-overlay .grid-item { padding-bottom: 56.25% } .tweak-portfolio-grid-overlay-image-aspect-ratio-240-anamorphic-widescreen .portfolio-grid-overlay .grid-image, .tweak-portfolio-grid-overlay-image-aspect-ratio-ultra-widescreen .portfolio-grid-overlay .grid-image, .tweak-portfolio-grid-overlay-image-aspect-ratio-240-anamorphic-widescreen .portfolio-grid-overlay .grid-item, .tweak-portfolio-grid-overlay-image-aspect-ratio-ultra-widescreen .portfolio-grid-overlay .grid-item { padding-bottom: 41.666% } .tweak-portfolio-grid-overlay-show-text-before-hover .portfolio-grid-overlay .grid-item .portfolio-text { opacity: 1 } .tweak-portfolio-grid-overlay-show-text-before-hover .portfolio-grid-overlay .grid-item .portfolio-overlay { opacity: .85 } @media (hover:hover) { .tweak-portfolio-grid-overlay-show-text-before-hover .portfolio-grid-overlay .grid-item:hover .portfolio-text, .tweak-portfolio-grid-overlay-show-text-before-hover .portfolio-grid-overlay .grid-item:hover .portfolio-overlay { opacity: 0 } } .tweak-portfolio-grid-overlay-show-text-after-hover .portfolio-grid-overlay .grid-item .portfolio-text, .tweak-portfolio-grid-overlay-show-text-after-hover .portfolio-grid-overlay .grid-item .portfolio-overlay { opacity: 0 } .tweak-portfolio-grid-overlay-show-text-after-hover .portfolio-grid-overlay .grid-item:focus .portfolio-text { opacity: 1 } .tweak-portfolio-grid-overlay-show-text-after-hover .portfolio-grid-overlay .grid-item:focus .portfolio-overlay { opacity: .85 } @media (hover:none) { .tweak-portfolio-grid-overlay-show-text-after-hover .portfolio-grid-overlay .grid-item:focus:not(:focus-visible) .portfolio-text, .tweak-portfolio-grid-overlay-show-text-after-hover .portfolio-grid-overlay .grid-item:focus:not(:focus-visible) .portfolio-overlay { opacity: 0 } } @media (hover:hover) { .tweak-portfolio-grid-overlay-show-text-after-hover .portfolio-grid-overlay .grid-item:hover .portfolio-text { opacity: 1 } .tweak-portfolio-grid-overlay-show-text-after-hover .portfolio-grid-overlay .grid-item:hover .portfolio-overlay { opacity: .85 } .tweak-portfolio-grid-overlay-show-text-after-hover .portfolio-grid-overlay .grid-item:not(:hover):focus:not(:focus-visible) .portfolio-text, .tweak-portfolio-grid-overlay-show-text-after-hover .portfolio-grid-overlay .grid-item:not(:hover):focus:not(:focus-visible) .portfolio-overlay { opacity: 0 } } @media (hover:hover) { .tweak-global-animations-animation-type-flex .portfolio-grid-overlay .portfolio-text { transition: none; transition-delay: 0ms !important } .tweak-global-animations-animation-type-flex .portfolio-grid-overlay .portfolio-text .portfolio-title { transition: inherit; transition-property: transform; transform: translate(0%, 0%) } .tweak-global-animations-animation-type-flex .portfolio-grid-overlay .grid-image { transition: inherit; transition-delay: 0ms !important } .tweak-global-animations-animation-type-flex .portfolio-grid-overlay .grid-image .grid-image-inner-wrapper { transition: inherit } .tweak-global-animations-animation-type-flex .portfolio-grid-overlay .grid-image .grid-image-inner-wrapper img { transition: inherit; transition-property: transform; transform: scale(1) translate(0%, 0%) } .tweak-global-animations-animation-type-flex .portfolio-grid-overlay .grid-item:hover .portfolio-text { opacity: 1; transition: inherit } .tweak-global-animations-animation-type-flex .portfolio-grid-overlay .grid-item:hover .portfolio-text .portfolio-title { transform: translate(0%, -10%) } .tweak-global-animations-animation-type-flex .portfolio-grid-overlay .grid-item:hover .grid-image img { transform: scale(1.05) translate(0%, -2.5%) } } .tweak-portfolio-grid-overlay-text-placement-top-left .portfolio-grid-overlay .portfolio-text, .tweak-portfolio-grid-overlay-text-placement-middle-left .portfolio-grid-overlay .portfolio-text, .tweak-portfolio-grid-overlay-text-placement-bottom-left .portfolio-grid-overlay .portfolio-text { text-align: left } .tweak-portfolio-grid-overlay-text-placement-top-left .portfolio-grid-overlay .portfolio-text { justify-content: flex-start } .tweak-portfolio-grid-overlay-text-placement-bottom-left .portfolio-grid-overlay .portfolio-text { justify-content: flex-end } .tweak-portfolio-grid-overlay-height-small .portfolio-grid-overlay { padding-top: 3.3vw; padding-bottom: 3.3vw; min-height: 33vh } .tweak-portfolio-grid-overlay-height-medium .portfolio-grid-overlay { padding-top: 6.6vw; padding-bottom: 6.6vw; min-height: 66vh } .tweak-portfolio-grid-overlay-height-large .portfolio-grid-overlay { padding-top: 10vw; padding-bottom: 10vw; min-height: 100vh } .tweak-portfolio-grid-overlay-height-custom .portfolio-grid-overlay { padding-top: 5vw; padding-bottom: 5vw; min-height: 50vh } .index-item-navigation { margin: 2vw 0 } .index-item-navigation .index-nav-link { padding: 10px } .portfolio-hover { position: relative; display: flex; min-height: 100vh; visibility: hidden; z-index: 2; box-sizing: border-box } .portfolio-hover[data-init] { visibility: visible } .portfolio-hover a { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-touch-callout: none } .portfolio-hover-display { position: relative; display: flex; flex-direction: column; width: 100%; min-height: 100vh; padding: 0 4vw 4vw; box-sizing: border-box; flex-grow: 1; flex-shrink: 1 } .portfolio-hover-base { position: absolute; left: 0; width: 100%; top: 0; bottom: 0; pointer-events: none } .portfolio-hover-base-sticky { position: relative; width: 100%; height: 100%; max-height: 100vh; overflow: hidden; transition: height 100ms cubic-bezier(.4, 0, .2, 1); will-change: height } .portfolio-hover-wrapper { height: 100%; box-sizing: border-box; overflow: hidden; display: flex } .portfolio-hover-backgrounds { display: flex; align-items: center; justify-content: center; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; padding: 0; box-sizing: border-box } .portfolio-hover-backgrounds-wrapper { position: relative; width: 100%; height: 100%; overflow: hidden } .portfolio-hover-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; overflow: hidden } .portfolio-hover-bg-mask { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden } .portfolio-hover-bg-img { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; opacity: 0; backface-visibility: hidden } .portfolio-hover-bg-img>img { object-fit: cover; width: 100%; height: 100% } .portfolio-hover-bg-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: .1; mix-blend-mode: hard-light } .portfolio-hover-items { display: flex; flex-direction: column; width: 100%; flex-grow: 1; flex-shrink: 0; align-items: flex-start; box-sizing: border-box; margin: 0 auto } .portfolio-hover-items-list { display: flex; align-items: flex-start; pointer-events: none; max-width: 100%; list-style-type: none; text-indent: 0; margin: 0 } .portfolio-hover-items-list li { margin: 0; padding: 0; text-indent: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; box-sizing: border-box } .portfolio-hover-item { position: relative; max-width: 100%; pointer-events: auto; box-sizing: border-box } .portfolio-hover-item-background { position: absolute; display: none; top: 0; right: 0; bottom: 0; left: 0 } .portfolio-hover-item-background-wrapper { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; overflow: hidden } .portfolio-hover-item-background-mask { position: absolute; top: 0; right: 0; left: 0; height: 150%; will-change: transform } .portfolio-hover-item-background-img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: 50% 50%; backface-visibility: hidden } .portfolio-hover-item-background-img img { display: none } .portfolio-hover-item-background-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: .2; mix-blend-mode: hard-light } .portfolio-hover-item-title { position: relative; max-width: 100%; margin: 0; opacity: .85; line-height: 1.2 } .portfolio-hover-item-title::after { position: relative; display: inline-block } .portfolio-hover-item-content { position: relative; display: inline } .portfolio-hover-item[data-active="true"] .portfolio-hover-item-title { opacity: 1 } .portfolio-hover[data-active-item-front="true"]:not([data-condensed="true"]) .portfolio-hover-base { z-index: 1 } .portfolio-hover[data-layout="stacked"] .portfolio-hover-items-list { flex-direction: column } .portfolio-hover[data-layout="stacked"] .portfolio-hover-item-content { padding-left: 0 !important; padding-right: 0 !important } .portfolio-hover[data-layout="inline"] .portfolio-hover-items-list { flex-wrap: wrap } @media screen and (max-width: 575px) { .portfolio-hover[data-layout="inline"] .portfolio-hover-items-list { flex-direction: column; flex-wrap: nowrap } .portfolio-hover[data-layout="inline"] .portfolio-hover-item-content { padding-left: 0 !important; padding-right: 0 !important } } .portfolio-hover[data-vertical-align="top"][data-mode="hover-cover"] .portfolio-hover-items { justify-content: flex-start } .portfolio-hover[data-vertical-align="top"][data-mode="hover-cover"] .portfolio-hover-item-title { padding-bottom: 2rem } .portfolio-hover[data-vertical-align="middle"][data-mode="hover-cover"] .portfolio-hover-items { justify-content: center } .portfolio-hover[data-vertical-align="middle"][data-mode="hover-cover"] .portfolio-hover-item-title { padding-top: 1rem; padding-bottom: 1rem } .portfolio-hover[data-vertical-align="bottom"][data-mode="hover-cover"] .portfolio-hover-items { justify-content: flex-end } .portfolio-hover[data-vertical-align="bottom"][data-mode="hover-cover"] .portfolio-hover-item-title { padding-top: 2rem } .portfolio-hover[data-horizontal-align="left"][data-mode="hover-cover"] .portfolio-hover-items { align-items: flex-start } .portfolio-hover[data-horizontal-align="left"][data-mode="hover-cover"] .portfolio-hover-items-list { align-items: flex-start; justify-content: flex-start; text-align: left } .portfolio-hover[data-horizontal-align="left"][data-mode="hover-cover"] .portfolio-hover-item-content, .portfolio-hover[data-horizontal-align="left"][data-mode="hover-cover"] .portfolio-hover-item-title::after { text-align: center; margin-right: 2rem } .portfolio-hover[data-horizontal-align="center"][data-mode="hover-cover"] .portfolio-hover-items { align-items: center } .portfolio-hover[data-horizontal-align="center"][data-mode="hover-cover"] .portfolio-hover-items-list { align-items: center; justify-content: center; text-align: center } .portfolio-hover[data-horizontal-align="center"][data-mode="hover-cover"] .portfolio-hover-item-title { padding: 1rem 0 } .portfolio-hover[data-horizontal-align="center"][data-mode="hover-cover"] .portfolio-hover-item-content, .portfolio-hover[data-horizontal-align="center"][data-mode="hover-cover"] .portfolio-hover-item-title::after { text-align: center; margin-right: 1rem; margin-left: 1rem } .portfolio-hover[data-horizontal-align="right"][data-mode="hover-cover"] .portfolio-hover-items { align-items: flex-end } .portfolio-hover[data-horizontal-align="right"][data-mode="hover-cover"] .portfolio-hover-items-list { align-items: flex-end; justify-content: flex-end; text-align: right } .portfolio-hover[data-horizontal-align="right"][data-mode="hover-cover"] .portfolio-hover-item-title { padding: 1rem 0 } .portfolio-hover[data-horizontal-align="right"][data-mode="hover-cover"] .portfolio-hover-item-content, .portfolio-hover[data-horizontal-align="right"][data-mode="hover-cover"] .portfolio-hover-item-title::after { text-align: center; margin-left: 2rem } @media screen and (min-width: 576px) { .portfolio-hover[data-layout="inline"][data-delimiter="comma"][data-mode="hover-follow"] .portfolio-hover-item .portfolio-hover-item-content::after, .portfolio-hover[data-layout="inline"][data-delimiter="comma"][data-mode="hover-static"] .portfolio-hover-item .portfolio-hover-item-content::after, .portfolio-hover[data-layout="inline"][data-delimiter="comma"][data-mode="hover-cover"] .portfolio-hover-items-list li .portfolio-hover-item-content::after { content: "," } .portfolio-hover[data-layout="inline"][data-delimiter="comma"][data-mode="hover-follow"] .portfolio-hover-item:last-child .portfolio-hover-item-content::after, .portfolio-hover[data-layout="inline"][data-delimiter="comma"][data-mode="hover-static"] .portfolio-hover-item:last-child .portfolio-hover-item-content::after, .portfolio-hover[data-layout="inline"][data-delimiter="comma"][data-mode="hover-cover"] .portfolio-hover-items-list li:last-child .portfolio-hover-item-content::after { visibility: hidden } .portfolio-hover[data-layout="inline"][data-delimiter="period"] .portfolio-hover-item .portfolio-hover-item-content::after { content: "." } .portfolio-hover[data-layout="inline"][data-horizontal-align="left"][data-delimiter="comma"] .portfolio-hover-item-content, .portfolio-hover[data-layout="inline"][data-horizontal-align="left"][data-delimiter="period"] .portfolio-hover-item-content { padding-left: 0 !important } .portfolio-hover[data-layout="inline"][data-horizontal-align="right"][data-delimiter="comma"] .portfolio-hover-item-content, .portfolio-hover[data-layout="inline"][data-horizontal-align="right"][data-delimiter="period"] .portfolio-hover-item-content { padding-right: 0 !important } .portfolio-hover[data-layout="inline"][data-delimiter="bullet"] .portfolio-hover-item:not(:last-child) .portfolio-hover-item-title::after, .portfolio-hover[data-layout="inline"][data-delimiter="bullet"][data-mode="hover-cover"] li:not(:last-child) .portfolio-hover-item .portfolio-hover-item-title::after { content: "•" } .portfolio-hover[data-layout="inline"][data-delimiter="hyphen"] .portfolio-hover-item:not(:last-child) .portfolio-hover-item-title::after, .portfolio-hover[data-layout="inline"][data-delimiter="hyphen"][data-mode="hover-cover"] li:not(:last-child) .portfolio-hover-item .portfolio-hover-item-title::after { content: "—" } .portfolio-hover[data-layout="inline"][data-delimiter="forward-slash"] .portfolio-hover-item:not(:last-child) .portfolio-hover-item-title::after, .portfolio-hover[data-layout="inline"][data-delimiter="forward-slash"][data-mode="hover-cover"] li:not(:last-child) .portfolio-hover-item .portfolio-hover-item-title::after { content: "/"; font-size: .85em } .portfolio-hover[data-layout="inline"][data-delimiter="backslash"] .portfolio-hover-item:not(:last-child) .portfolio-hover-item-title::after, .portfolio-hover[data-layout="inline"][data-delimiter="backslash"][data-mode="hover-cover"] li:not(:last-child) .portfolio-hover-item .portfolio-hover-item-title::after { content: "\\"; font-size: .85em } } .portfolio-hover[data-animation="none"] .portfolio-hover-bg-img, .portfolio-hover[data-animation-duration="none"] .portfolio-hover-bg-img { opacity: 0; transition-duration: 0s !important } .portfolio-hover[data-animation="none"] .portfolio-hover-bg[data-active="true"] .portfolio-hover-bg-img, .portfolio-hover[data-animation-duration="none"] .portfolio-hover-bg[data-active="true"] .portfolio-hover-bg-img { opacity: 1 } .portfolio-hover[data-animation="fade"] .portfolio-hover-bg-img { opacity: 0; visibility: hidden; will-change: opacity, visibility } .portfolio-hover[data-animation="fade"] .portfolio-hover-bg[data-animated="true"] .portfolio-hover-bg-img { transition-property: opacity, visibility; transition-timing-function: cubic-bezier(.2, .6, .3, 1) } .portfolio-hover[data-animation="fade"] .portfolio-hover-bg[data-animated="false"] .portfolio-hover-bg-img { transition-duration: 0s !important } .portfolio-hover[data-animation="fade"] .portfolio-hover-bg[data-active="true"] .portfolio-hover-bg-img { opacity: 1; visibility: visible } .portfolio-hover[data-animation="scale-up"] .portfolio-hover-bg-mask { top: -2.5%; right: -2.5%; bottom: -2.5%; left: -2.5% } .portfolio-hover[data-animation="scale-up"] .portfolio-hover-bg-img { opacity: 0; visibility: hidden; transform: scale3d(.95, .95, 1); will-change: opacity, visibility, transform } .portfolio-hover[data-animation="scale-up"] .portfolio-hover-bg[data-animated="true"] .portfolio-hover-bg-img { transition-property: opacity, visibility, transform; transition-timing-function: cubic-bezier(.2, .6, .3, 1) } .portfolio-hover[data-animation="scale-up"] .portfolio-hover-bg[data-animated="false"] .portfolio-hover-bg-img { transition-duration: 0s !important } .portfolio-hover[data-animation="scale-up"] .portfolio-hover-bg[data-active="true"] .portfolio-hover-bg-img { opacity: 1; visibility: visible; transform: scale3d(1, 1, 1) } .portfolio-hover[data-animation="scale-down"] .portfolio-hover-bg-img { opacity: 0; visibility: hidden; transform: scale3d(1.05, 1.05, 1); will-change: opacity, visibility, transform } .portfolio-hover[data-animation="scale-down"] .portfolio-hover-bg[data-animated="true"] .portfolio-hover-bg-img { transition-property: opacity, visibility, transform; transition-timing-function: cubic-bezier(.2, .6, .3, 1) } .portfolio-hover[data-animation="scale-down"] .portfolio-hover-bg[data-animated="false"] .portfolio-hover-bg-img { transition-duration: 0s !important } .portfolio-hover[data-animation="scale-down"] .portfolio-hover-bg[data-active="true"] .portfolio-hover-bg-img { opacity: 1; visibility: visible; transform: scale3d(1, 1, 1) } .portfolio-hover[data-mode="hover-cover"] { min-height: 100vh } .portfolio-hover[data-mode="hover-cover"] .portfolio-hover-items-list { padding: 5vw } .portfolio-hover[data-mode="hover-cover"] .portfolio-hover-display { height: 100% } .portfolio-hover[data-mode="hover-cover"][data-height="small"] { min-height: 50vh } .portfolio-hover[data-mode="hover-cover"][data-height="small"] .portfolio-hover-display { min-height: 50vh } .portfolio-hover[data-mode="hover-cover"][data-height="medium"] { min-height: 75vh } .portfolio-hover[data-mode="hover-cover"][data-height="medium"] .portfolio-hover-display { min-height: 75vh } .portfolio-hover[data-mode="hover-cover"][data-height="custom"] { min-height: 50vh } .portfolio-hover[data-mode="hover-cover"][data-height="custom"] .portfolio-hover-display { min-height: 50vh } .portfolio-hover[data-mode="hover-cover"][data-width="full"] .portfolio-hover-items { padding-top: 4vw; padding-left: 4vw; padding-right: 4vw; padding-bottom: 4vw } .portfolio-hover[data-mode="hover-cover"][data-width="full"] .portfolio-hover-backgrounds { padding-top: 0 !important; padding-right: 4vw !important; padding-bottom: 4vw !important; padding-left: 4vw !important } .portfolio-hover[data-mode="hover-cover"][data-width="inset"] .portfolio-hover-items { max-width: 1800px; margin-left: auto; margin-right: auto } .portfolio-hover[data-mode="hover-cover"][data-width="inset"] .portfolio-hover-backgrounds { max-width: 1800px; margin-left: auto; margin-right: auto } .portfolio-hover[data-mode="hover-cover"] .portfolio-hover-backgrounds { width: 100% !important; height: 100% !important; transform: none !important; transition-duration: 0s !important } .portfolio-hover[data-mode="hover-cover"] .portfolio-hover-backgrounds-wrapper { width: 100% !important; height: 100% !important } .portfolio-hover[data-mode="hover-cover"] .portfolio-hover-bg { width: 100% !important; height: 100% !important } .portfolio-hover[data-mode="hover-cover"] .portfolio-hover-item-background-wrapper { width: 100% !important; height: 100% !important } @media screen and (max-width: 575px) { .portfolio-hover[data-mode="hover-cover"] .portfolio-hover-items { padding: 0 } .portfolio-hover[data-mode="hover-cover"] .portfolio-hover-item { margin: 0px !important } .portfolio-hover[data-mode="hover-cover"] .portfolio-hover-item-background { left: 0px !important; right: 0px !important } } .portfolio-hover[data-mode="hover-follow"] { padding-top: 0 !important } .portfolio-hover[data-mode="hover-follow"] .portfolio-hover-items { justify-content: center; align-items: center } .portfolio-hover[data-mode="hover-follow"] .portfolio-hover-items .portfolio-hover-item[data-active="true"] .portfolio-hover-item-content { z-index: 5 } .portfolio-hover[data-mode="hover-follow"] .portfolio-hover-items-list { align-items: center; justify-content: center; text-align: center } .portfolio-hover[data-mode="hover-follow"] .portfolio-hover-item-title { margin: .75rem 0 } .portfolio-hover[data-mode="hover-follow"] .portfolio-hover-item-content, .portfolio-hover[data-mode="hover-follow"] .portfolio-hover-item-title::after { text-align: center; margin: 0 .75rem } .portfolio-hover[data-mode="hover-follow"] .portfolio-hover-backgrounds { position: absolute; width: 80vmin; height: 80vmin; opacity: 0; transition-property: opacity; transition-timing-function: cubic-bezier(.2, .6, .3, 1); will-change: opacity } .portfolio-hover[data-mode="hover-follow"] .portfolio-hover-backgrounds[data-active="true"] { opacity: 1 } .portfolio-hover[data-mode="hover-follow"][data-condensed="true"] .portfolio-hover-backgrounds { transform: none !important; right: 0; bottom: 0; margin: auto } .portfolio-hover[data-mode="hover-static"] { padding-top: 0 !important } .portfolio-hover[data-mode="hover-static"] .portfolio-hover-items { justify-content: center; align-items: center } .portfolio-hover[data-mode="hover-static"] .portfolio-hover-items .portfolio-hover-item[data-active="true"] .portfolio-hover-item-content { z-index: 5 } .portfolio-hover[data-mode="hover-static"] .portfolio-hover-items-list { align-items: center; justify-content: center; text-align: center } .portfolio-hover[data-mode="hover-static"] .portfolio-hover-item-title { margin: .75rem 0 } .portfolio-hover[data-mode="hover-static"] .portfolio-hover-item-content, .portfolio-hover[data-mode="hover-static"] .portfolio-hover-item-title::after { text-align: center; margin: 0 .75rem } .portfolio-hover[data-mode="hover-static"] .portfolio-hover-backgrounds { position: absolute; width: 80vmin; height: 80vmin; bottom: 0; right: 0; margin: auto; opacity: 0; transition-property: opacity; transition-timing-function: cubic-bezier(.2, .6, .3, 1); will-change: opacity; transform: none !important } .portfolio-hover[data-mode="hover-static"] .portfolio-hover-backgrounds[data-active="true"] { opacity: 1 } .portfolio-hover[data-mode="hover-static"][data-condensed="true"] .portfolio-hover-backgrounds { transform: none !important; right: 0; bottom: 0; margin: auto } .tweak-global-animations-animation-type-flex .portfolio-hover .portfolio-hover-item-content { position: relative } .tweak-global-animations-animation-type-flex .portfolio-hover .portfolio-hover-item-content::before { content: ''; position: absolute; width: 100%; height: 2px; left: 0; top: 1.2em; background-color: currentColor; transform: scalex(0); transform-origin: right; transition: transform .6s cubic-bezier(.19, 1, .22, 1) } @media (hover:hover) { .tweak-global-animations-animation-type-flex .portfolio-hover .portfolio-hover-item-content:hover::before { transform: scalex(1); transform-origin: left } } .tweak-global-animations-animation-type-flex .portfolio-hover[data-delimiter="comma"] .portfolio-hover-item-content::before { width: calc(100% - .2em) } .tweak-portfolio-index-background-width-full-bleed .collection-type-portfolio-index-background .section-background { top: 0; right: 0; bottom: 0; left: 0 } .tweak-portfolio-index-background-width-full .collection-type-portfolio-index-background .section-background { top: 0; right: 4vw; bottom: 4vw; left: 4vw } .tweak-portfolio-index-background-width-inset .collection-type-portfolio-index-background .section-background { max-width: 1800px; margin-left: auto; margin-right: auto; top: 0; right: 4vw; bottom: 4vw; left: 4vw } @keyframes portfolio-index-background-image-mask--mask-down-in { from { transform: translate3d(0, -100%, 0) } to { transform: translate3d(0, 0, 0) } } @keyframes portfolio-index-background-image-mask--mask-down-out { from { transform: translate3d(0, 0, 0) } to { transform: translate3d(0, 100%, 0) } } .portfolio-hover[data-animation="mask-down"] .portfolio-hover-bg[data-active="true"] .portfolio-hover-bg-mask { animation: portfolio-index-background-image-mask--mask-down-in 600ms both } .portfolio-hover[data-animation="mask-down"] .portfolio-hover-bg[data-active="true"] .portfolio-hover-bg-mask .portfolio-hover-bg-img { opacity: 1 } .portfolio-hover[data-animation="mask-down"] .portfolio-hover-bg[data-active="false"] .portfolio-hover-bg-mask { animation: portfolio-index-background-image-mask--mask-down-out 600ms both } .portfolio-hover[data-animation="mask-down"] .portfolio-hover-bg[data-active="false"] .portfolio-hover-bg-mask .portfolio-hover-bg-img { opacity: 0 } @keyframes portfolio-index-background-image-mask--mask-up-in { from { transform: translate3d(0, 100%, 0) } to { transform: translate3d(0, 0, 0) } } @keyframes portfolio-index-background-image-mask--mask-up-out { from { transform: translate3d(0, 0, 0) } to { transform: translate3d(0, -100%, 0) } } .portfolio-hover[data-animation="mask-up"] .portfolio-hover-bg[data-active="true"] .portfolio-hover-bg-mask { animation: portfolio-index-background-image-mask--mask-up-in 600ms both } .portfolio-hover[data-animation="mask-up"] .portfolio-hover-bg[data-active="true"] .portfolio-hover-bg-mask .portfolio-hover-bg-img { opacity: 1 } .portfolio-hover[data-animation="mask-up"] .portfolio-hover-bg[data-active="false"] .portfolio-hover-bg-mask { animation: portfolio-index-background-image-mask--mask-up-out 600ms both } .portfolio-hover[data-animation="mask-up"] .portfolio-hover-bg[data-active="false"] .portfolio-hover-bg-mask .portfolio-hover-bg-img { opacity: 0 } @keyframes portfolio-index-background-image-mask--mask-left-in { from { transform: translate3d(-100%, 0, 0) } to { transform: translate3d(0, 0, 0) } } @keyframes portfolio-index-background-image-mask--mask-left-out { from { transform: translate3d(0, 0, 0) } to { transform: translate3d(100%, 0, 0) } } .portfolio-hover[data-animation="mask-left"] .portfolio-hover-bg[data-active="true"] .portfolio-hover-bg-mask { animation: portfolio-index-background-image-mask--mask-left-in 600ms both } .portfolio-hover[data-animation="mask-left"] .portfolio-hover-bg[data-active="true"] .portfolio-hover-bg-mask .portfolio-hover-bg-img { opacity: 1 } .portfolio-hover[data-animation="mask-left"] .portfolio-hover-bg[data-active="false"] .portfolio-hover-bg-mask { animation: portfolio-index-background-image-mask--mask-left-out 600ms both } .portfolio-hover[data-animation="mask-left"] .portfolio-hover-bg[data-active="false"] .portfolio-hover-bg-mask .portfolio-hover-bg-img { opacity: 0 } @keyframes portfolio-index-background-image-mask--mask-right-in { from { transform: translate3d(100%, 0, 0) } to { transform: translate3d(0, 0, 0) } } @keyframes portfolio-index-background-image-mask--mask-right-out { from { transform: translate3d(0, 0, 0) } to { transform: translate3d(-100%, 0, 0) } } .portfolio-hover[data-animation="mask-right"] .portfolio-hover-bg[data-active="true"] .portfolio-hover-bg-mask { animation: portfolio-index-background-image-mask--mask-right-in 600ms both } .portfolio-hover[data-animation="mask-right"] .portfolio-hover-bg[data-active="true"] .portfolio-hover-bg-mask .portfolio-hover-bg-img { opacity: 1 } .portfolio-hover[data-animation="mask-right"] .portfolio-hover-bg[data-active="false"] .portfolio-hover-bg-mask { animation: portfolio-index-background-image-mask--mask-right-out 600ms both } .portfolio-hover[data-animation="mask-right"] .portfolio-hover-bg[data-active="false"] .portfolio-hover-bg-mask .portfolio-hover-bg-img { opacity: 0 } .events { box-sizing: content-box } .tweak-events-stacked-width-full .events { width: 100%; padding-left: 4vw; padding-right: 4vw } .tweak-events-stacked-width-inset .events { max-width: 1800px; padding-left: 4vw; padding-right: 4vw; margin: 0 auto } @media screen and (max-width: 767px) { .tweak-events-stacked-width-full .events { padding-left: 6vw; padding-right: 6vw } .tweak-events-stacked-width-inset .events { padding-left: 6vw; padding-right: 6vw } } .tweak-events-stacked-height-small .events { padding-top: 3.3vw; padding-bottom: 3.3vw; min-height: 33vh } .tweak-events-stacked-height-medium .events { padding-top: 6.6vw; padding-bottom: 6.6vw; min-height: 66vh } .tweak-events-stacked-height-large .events { padding-top: 10vw; padding-bottom: 10vw; min-height: 100vh } .tweak-events-stacked-height-custom .events { padding-top: 5vw; padding-bottom: 5vw; min-height: 50vh } body:not(.tweak-events-stacked-show-past-events) .eventlist.eventlist--past { display: none } .eventlist-event { position: relative; margin: 68px 0 0 0; padding: 0; display: flex; flex-direction: row; justify-content: flex-start; align-content: flex-start } .eventlist-event:first-of-type { margin: 0 } .eventlist-column-thumbnail { display: block; width: 35%; position: relative; height: 0; padding-bottom: 23.33333333%; text-decoration: none !important; background: rgba(110, 110, 110, .05) } .eventlist-column-thumbnail img { transition: opacity .3s ease-in } body:not(.tweak-events-stacked-show-thumbnails) .eventlist-column-thumbnail { display: none } .tweak-events-stacked-thumbnail-size-11-square .eventlist-column-thumbnail { padding-bottom: 35% } .tweak-events-stacked-thumbnail-size-32-standard .eventlist-column-thumbnail { padding-bottom: 23.33333333% } .tweak-events-stacked-thumbnail-size-23-standard-vertical .eventlist-column-thumbnail { padding-bottom: 52.5% } .tweak-events-stacked-thumbnail-size-43-four-thirds .eventlist-column-thumbnail { padding-bottom: 26.25% } .tweak-events-stacked-thumbnail-size-169-widescreen .eventlist-column-thumbnail { padding-bottom: 19.6875% } .tweak-events-stacked-thumbnail-size-2401-anamorphic-widescreen .eventlist-column-thumbnail { padding-bottom: 14.58333333% } .tweak-events-stacked-thumbnail-size-ultra-widescreen .eventlist-column-thumbnail { padding-bottom: 14.58333333% } .eventlist-column-thumbnail:empty { height: auto; min-height: 100px; padding-bottom: 0 !important; background: transparent } .eventlist-column-date { display: block; position: absolute; top: 0; left: 0; width: 35%; margin: 0; padding: 0; color: #333 !important; text-decoration: none !important } body:not(.tweak-events-stacked-date-style-side-tag) .eventlist-column-date { display: none } body:not(.tweak-events-stacked-show-thumbnails) .eventlist-column-date { position: static; flex: 1 0 70px } .eventlist-datetag { display: table; position: absolute; top: 10px; right: 10px; height: auto; min-height: 70px; width: 70px; margin: 0; padding: 0; background: #fff; color: #333; font-size: 14px; line-height: 14px; text-align: center; box-sizing: border-box } body:not(.tweak-events-stacked-show-thumbnails) .eventlist-datetag { position: static; background: #e8ecec } .eventlist-event:not(.eventlist-event--hasimg) .eventlist-datetag { top: 0; background: #e8ecec } .eventlist-datetag-inner { display: table-cell; vertical-align: middle; margin: 0; padding: 6px; color: inherit; font-size: 0; line-height: 0; letter-spacing: 0 } .eventlist-datetag-startdate--month, .eventlist-datetag-startdate--day, .eventlist-datetag-enddate { margin: 3px 0; line-height: 1em; text-transform: uppercase; white-space: nowrap } .eventlist-event--past .eventlist-datetag-startdate--month, .eventlist-event--past .eventlist-datetag-startdate--day, .eventlist-event--past .eventlist-datetag-enddate { opacity: .3 } .eventlist-datetag-enddate { border-top: 1px solid #ddd; margin: 6px 0 0 0; padding-top: 6px; font-size: 11px } .eventlist-datetag-startdate--month { font-size: 14px; margin-top: 6px } .eventlist-datetag-startdate--day { font-size: 26px } .eventlist-datetag-status { display: none; position: absolute; top: 0px; left: 35px; width: 1px; height: 70px; background: #000; transform: rotate(45deg) } .eventlist-event--past .eventlist-datetag-status { display: block } .eventlist-event--past.eventlist-event--multiday .eventlist-datetag-status, body.tweak-events-stacked-show-time .eventlist-event--past .eventlist-datetag-status { top: 0px; height: 85px; transform: rotate(38deg) } .eventlist-column-info { width: 65%; padding: 0 0 0 34px; box-sizing: border-box } body:not(.tweak-events-stacked-show-thumbnails) .eventlist-column-info { width: calc(100% - 70px); width: -webkit-calc(100% - 70px); width: -moz-calc(100% - 70px) } body:not(.tweak-events-stacked-show-thumbnails):not(.tweak-events-stacked-date-style-side-tag) .eventlist-column-info { width: 100%; padding-left: 0 } .eventlist-cats { margin: 0 0 4.25px 0; padding: 0; font-size: 14px; line-height: 1.4em } .eventlist-cats a { color: inherit !important; text-decoration: none !important } body:not(.tweak-events-stacked-list-show-cats) .eventlist-cats { display: none } .eventlist-title { margin: 0 0 17px 0 !important; padding: 0 !important; font-size: 28px !important; line-height: 1.2em !important } .eventlist-title .eventlist-title-link { margin: 0 !important; padding: 0 !important; color: inherit !important; text-decoration: none !important; font-size: inherit !important; line-height: inherit !important } .eventlist-meta { list-style-type: none; margin: 0 0 17px 0; padding: 0 } .eventlist-meta-item { margin: 0; padding: 0; text-align: left } .tweak-events-stacked-icons .eventlist-meta-item { position: relative; padding-left: 25.5px } .tweak-events-stacked-icons .eventlist-meta-item:before { opacity: .5; position: absolute; top: 3px; left: -2px } .tweak-events-stacked-icons .eventlist-meta-item.eventlist-meta-date:before { font-family: 'squarespace-ui-font'; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; content: "\e015"; text-align: center; display: inline-block; vertical-align: middle } .tweak-events-stacked-icons .eventlist-meta-item.eventlist-meta-date:before { font-size: 16px; width: 16px; height: 16px; line-height: 16px } .tweak-events-stacked-icons .eventlist-meta-item.eventlist-meta-time:before { font-family: 'squarespace-ui-font'; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; content: "\e00c"; text-align: center; display: inline-block; vertical-align: middle } .tweak-events-stacked-icons .eventlist-meta-item.eventlist-meta-time:before { font-size: 16px; width: 16px; height: 16px; line-height: 16px } .tweak-events-stacked-icons .eventlist-meta-item.eventlist-meta-address:before { font-family: 'squarespace-ui-font'; font-style: normal; speak: none; font-weight: normal; -webkit-font-smoothing: antialiased; content: "\e02f"; text-align: center; display: inline-block; vertical-align: middle } .tweak-events-stacked-icons .eventlist-meta-item.eventlist-meta-address:before { font-size: 16px; width: 16px; height: 16px; line-height: 16px } body:not(.tweak-events-stacked-date-style-with-text) .eventlist-meta-date, body:not(.tweak-events-stacked-show-time) .eventlist-meta-time, body:not(.tweak-events-stacked-show-location) .eventlist-meta-address { display: none } .tweak-events-stacked-show-time .eventlist-event--multiday .eventlist-meta-date .event-date:after { content: ", " } .tweak-events-stacked-show-time .eventlist-event--multiday .eventlist-meta-time { display: inline-block } .eventlist-meta-address-line:after { content: ", " } .eventlist-meta-address-line:last-of-type:after { content: none } body:not(.tweak-events-stacked-ical-gcal-links) .eventlist-meta-export { display: none } .eventlist-meta-export-divider { margin: 0 4px } .eventlist-meta-export-divider:before { content: "\00B7" } body:not(.tweak-events-stacked-show-excerpt) .eventlist-description, body:not(.tweak-events-stacked-show-excerpt) .eventlist-excerpt { display: none } .eventlist-excerpt { margin: 0 0 17px 0 } .eventlist-filter { font-size: 18px; line-height: 1em; margin: 0 0 51px 0 } .eventlist-past-upcoming-divider { display: none; height: 0; border: none; border-top: 1px solid rgba(230, 230, 230, .8); font-size: 68px; line-height: 68px } .eventlist--upcoming+.eventlist--past .eventlist-past-upcoming-divider { display: block } .event-datetime-divider:before { content: " \2013 " } .eventitem-backlink { display: inline-block; margin: 0 0 51px 0; position: relative } .eventitem-backlink:before { content: "\2190\0020 "; display: inline-block; width: 1em; margin-right: .25em } .tweak-global-animations-animation-type-flex .eventitem-backlink { position: relative } .tweak-global-animations-animation-type-flex .eventitem-backlink::after { content: ''; position: absolute; width: calc(100% - (1em + .25em)); height: 1px; right: 0; bottom: 0px; background-color: currentColor; transform: scalex(0); transition: transform .6s cubic-bezier(.19, 1, .22, 1) } .tweak-global-animations-animation-type-flex .eventitem-backlink::after { transform-origin: right } .tweak-global-animations-animation-type-flex .eventitem-backlink::before { transform: translatex(0) scaley(1); transition: transform .6s cubic-bezier(.19, 1, .22, 1) } @media (hover:hover) { .tweak-global-animations-animation-type-flex .eventitem-backlink:hover::before { transform: translatex(-30%) scaley(.8) } } @media (hover:hover) { .tweak-global-animations-animation-type-flex .eventitem-backlink:hover::after { transform: scalex(1) } } .eventitem { position: relative; display: flex; flex-direction: row; justify-content: flex-start; align-content: flex-start } .eventitem-column-meta { flex: 1 0 30%; box-sizing: border-box } .eventitem-title { margin: 0 0 34px 0 !important; padding: 0 !important; font-size: 28px !important; line-height: 1.2em !important } .eventitem-meta { list-style-type: none; margin: 0 0 17px 0; padding: 0 } .eventitem-meta-item { margin: 0; padding: 0; font-size: .9em; line-height: 1.6em } .eventitem--multiday .eventitem-meta-date .event-date:after { content: ", " } .eventitem--multiday .eventitem-meta-time { display: inline-block } .eventitem-meta-address-line:after { content: ", " } .eventitem-meta-address-line:last-of-type:after { content: none } .eventitem-meta-address-line.eventitem-meta-address-line--title { display: block } .eventitem-meta-address-line.eventitem-meta-address-line--title:after { content: none } body:not(.tweak-events-stacked-ical-gcal-links) .event-meta-addtocalendar-container { display: none } .eventitem-meta-export-divider { margin: 0 4px } .eventitem-meta-export-divider:before { content: "\00B7" } .eventitem-column-content { flex: 1 0 70%; padding-left: 34px; box-sizing: border-box; overflow: hidden } .eventitem-content-footer { margin: 17px 0 0 0 } .eventitem-content-footer .eventitem-sourceurl { margin: 0 0 8.5px 0 } .eventitem-content-footer .eventitem-meta { margin: 0 0 8.5px 0 } .eventitem-content-footer .eventitem-meta>* { font-size: inherit } .eventitem-pager { margin: 170px 0 0 0; display: flex; flex-direction: row; justify-content: flex-start; align-content: center } .eventitem-pager-newer, .eventitem-pager-older { flex: 1 0 50%; box-sizing: border-box; text-decoration: none } .eventitem-pager-newer { flex: 1 0 50%; box-sizing: border-box; align-self: flex-end; text-align: right } .eventitem-pager-disabled { opacity: .4 } @media only screen and (max-width:639px) { .eventlist-event { position: relative; margin: 34px 0 0 0; padding: 0; display: block } .eventlist-column-thumbnail, .eventlist-column-date, .eventlist-column-info { width: 100% !important } .eventlist-column-thumbnail:empty { min-height: 0 } .tweak-events-stacked-thumbnail-size-11-square .eventlist-column-thumbnail { padding-bottom: 100% } .tweak-events-stacked-thumbnail-size-32-standard .eventlist-column-thumbnail { padding-bottom: 66.666% } .tweak-events-stacked-thumbnail-size-23-standard-vertical .eventlist-column-thumbnail { padding-bottom: 150% } .tweak-events-stacked-thumbnail-size-43-four-thirds .eventlist-column-thumbnail { padding-bottom: 75% } .tweak-events-stacked-thumbnail-size-169-widescreen .eventlist-column-thumbnail { padding-bottom: 56.25% } .tweak-events-stacked-thumbnail-size-2401-anamorphic-widescreen .eventlist-column-thumbnail { padding-bottom: 41.666% } .tweak-events-stacked-thumbnail-size-ultra-widescreen .eventlist-column-thumbnail { padding-bottom: 41.666% } .eventlist-datetag { left: 0; right: auto } .event-thumbnails .eventlist-event--hasimg .eventlist-datetag { left: 10px } .event-thumbnails .eventlist-event:not(.eventlist-event--hasimg) .eventlist-column-date { position: static; flex: 1 0 70px } .event-thumbnails .eventlist-event:not(.eventlist-event--hasimg) .eventlist-column-date .eventlist-datetag { position: static } .eventlist-column-info { margin: 25.5px 0 0 0; padding: 0 } body:not(.tweak-events-stacked-show-thumbnails):not(.tweak-events-stacked-date-style-side-tag) .eventlist-event { margin-top: 34px } body:not(.tweak-events-stacked-show-thumbnails):not(.tweak-events-stacked-date-style-side-tag) .eventlist-column-info { margin-top: 0 } .eventitem { display: block } .eventitem-title { margin-bottom: 17px !important } .eventitem-column-meta { margin-bottom: 34px } .eventitem-column-meta, .eventitem-column-content { width: 100%; padding: 0 } } .event-time-24hr { display: none } .gallery-video-thumbnail-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .gallery-video-thumbnail-wrapper .gallery-video-thumbnail-inner-wrapper { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100% } .gallery-video-thumbnail-wrapper .gallery-video-play-icon { width: 39px; height: 45px; fill: #fff; position: relative; -webkit-filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, .3)); filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, .3)) } .gallery-video-thumbnail-wrapper .gallery-video-play-icon path { fill: #fff } .gallery-missing-video-thumbnail { width: 100%; height: 100%; background-color: rgba(0, 0, 0, .2) } .gallery-grid[data-width="full-bleed"] { max-width: 100%; padding-left: 0; padding-right: 0 } .gallery-grid[data-width="full"] { max-width: 100%; padding: 4vw } @media screen and (max-width: 767px) { .gallery-grid[data-width="full"] { padding: 6vw } } .gallery-grid[data-width="inset"] { max-width: 1800px; padding: 4vw; margin-left: auto; margin-right: auto } .gallery-grid-wrapper { position: relative; width: 100% } .gallery-grid-wrapper--ready .gallery-grid-item { transition: transform 600ms cubic-bezier(.4, 0, .2, 1); will-change: transform } .gallery-grid-image-link, .gallery-grid-lightbox-link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block } .gallery-grid-lightbox-link { cursor: zoom-in } .gallery-grid--layout-grid .gallery-grid-wrapper { display: grid } .gallery-grid[data-tweaking="true"] .gallery-grid-item { transition: none !important } @media screen and (max-width: 767px) { .gallery-grid-item:last-child { padding-bottom: 0 } } .gallery-grid-item-wrapper { position: relative; display: block; width: 100%; height: 0 } .gallery-grid-item img { position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100% } .gallery-grid-item:not([data-show]) .gallery-grid-item-wrapper { opacity: 0; animation-name: none !important } .gallery-grid-item:not([data-show]) .gallery-grid-item-caption { opacity: 0; visibility: hidden } .gallery-grid[data-show-captions="false"] .gallery-grid-item-caption { display: none } .gallery-grid[data-show-captions="true"][data-animation="none"] .gallery-grid-item-caption { transition: none } .gallery-grid[data-aspect-ratio="square"] .gallery-grid-item-wrapper { padding-bottom: 100% } .gallery-grid[data-aspect-ratio="standard"] .gallery-grid-item-wrapper { padding-bottom: 66.666% } .gallery-grid[data-aspect-ratio="standard-vertical"] .gallery-grid-item-wrapper { padding-bottom: 150% } .gallery-grid[data-aspect-ratio="four-three"] .gallery-grid-item-wrapper { padding-bottom: 75% } .gallery-grid[data-aspect-ratio="three-four-vertical"] .gallery-grid-item-wrapper { padding-bottom: 133.333% } .gallery-grid[data-aspect-ratio="widescreen"] .gallery-grid-item-wrapper { padding-bottom: 56.25% } .gallery-grid[data-aspect-ratio="anamorphic-widescreen"] .gallery-grid-item-wrapper, .gallery-grid[data-aspect-ratio="ultra-widescreen"] .gallery-grid-item-wrapper { padding-bottom: 41.666% } .gallery-grid[data-animation="fade-up"] .gallery-grid-item-wrapper { animation-name: tmpl-anim-fade-up; animation-duration: 800ms; animation-fill-mode: both; animation-iteration-count: 1 } .gallery-grid[data-animation="scale-up"] .gallery-grid-item-wrapper { animation-name: tmpl-anim-fade-scale-up; animation-duration: 800ms; animation-fill-mode: both; animation-iteration-count: 1 } .gallery-grid[data-animation="stretch-up"] .gallery-grid-item-wrapper { animation-name: tmpl-anim-fade-stretch-up; animation-duration: 800ms; animation-fill-mode: both; animation-iteration-count: 1 } .gallery-grid[data-animation="strips-vertical"] .gallery-grid-item-wrapper { animation-name: tmpl-anim-clip-vertical-up; animation-duration: 800ms; animation-fill-mode: both; animation-iteration-count: 1 } .gallery-grid[data-animation="strips-horizontal"] .gallery-grid-item-wrapper { animation-name: tmpl-anim-clip-horizontal-left; animation-duration: 800ms; animation-fill-mode: both; animation-iteration-count: 1 } .gallery-strips[data-width="full-bleed"] { max-width: 100%; padding-left: 0; padding-right: 0 } .gallery-strips[data-width="full"] { max-width: 100%; padding: 4vw } @media screen and (max-width: 767px) { .gallery-strips[data-width="full"] { padding: 6vw } } .gallery-strips[data-width="inset"] { max-width: 1800px; padding: 4vw; margin-left: auto; margin-right: auto } .gallery-strips-wrapper { position: relative; width: 100% } .gallery-strips-wrapper--ready .gallery-strips-item { transition: transform 600ms cubic-bezier(.4, 0, .2, 1); will-change: transform } .gallery-strips-image-link, .gallery-strips-lightbox-link { display: block } .gallery-strips-lightbox-link { cursor: zoom-in } .gallery-strips--layout-grid .gallery-strips-wrapper { display: grid } .gallery-strips[data-tweaking="true"] .gallery-strips-item { transition: none !important } .gallery-strips-item-wrapper { position: relative; display: block; width: 100% } .gallery-strips-item img { position: relative; display: block; width: 100%; height: auto } .gallery-strips-item:not([data-show]) .gallery-strips-item-wrapper { opacity: 0; animation-name: none !important } .gallery-strips-item:not([data-show]) .gallery-strips-item-caption { opacity: 0; visibility: hidden } .gallery-strips[data-show-captions="false"] .gallery-strips-item-caption { display: none } .gallery-strips[data-show-captions="true"][data-animation="none"] .gallery-strips-item-caption { transition: none } .gallery-strips[data-animation="fade-up"] .gallery-strips-item-wrapper { animation-name: tmpl-anim-fade-up; animation-duration: 800ms; animation-fill-mode: both; animation-iteration-count: 1 } .gallery-strips[data-animation="scale-up"] .gallery-strips-item-wrapper { animation-name: tmpl-anim-fade-scale-up; animation-duration: 800ms; animation-fill-mode: both; animation-iteration-count: 1 } .gallery-strips[data-animation="stretch-up"] .gallery-strips-item-wrapper { animation-name: tmpl-anim-fade-stretch-up; animation-duration: 800ms; animation-fill-mode: both; animation-iteration-count: 1 } .gallery-strips[data-animation="strips-vertical"] .gallery-strips-item-wrapper { animation-name: tmpl-anim-clip-vertical-up; animation-duration: 800ms; animation-fill-mode: both; animation-iteration-count: 1 } .gallery-strips[data-animation="strips-horizontal"] .gallery-strips-item-wrapper { animation-name: tmpl-anim-clip-horizontal-left; animation-duration: 800ms; animation-fill-mode: both; animation-iteration-count: 1 } .gallery-slideshow { display: flex; flex-direction: column; box-sizing: border-box; user-select: none; z-index: 0; max-width: 1800px; margin-left: auto; margin-right: auto } @media screen and (max-width: 767px) { .gallery-slideshow { padding: 6vw } .gallery-slideshow[data-show-captions="true"] { padding: 6vw 6vw 0; padding-bottom: 100px } } @media screen and (min-width: 768px) { .gallery-slideshow { padding: 4vw } .gallery-slideshow[data-thumbnails="true"] { padding: 4vw 4vw calc(4vw - 10px) 4vw } } .gallery-slideshow-wrapper { position: relative; flex-grow: 1; flex-shrink: 1; width: 100% } .gallery-slideshow-list { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; box-sizing: content-box; cursor: grab } .gallery-slideshow-controls { position: absolute; display: flex; justify-content: space-between; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none } .gallery-slideshow-control { display: flex; flex-grow: 0; flex-shrink: 0; align-items: center; justify-content: center; z-index: 1 } .gallery-slideshow-control-btn { background: initial; border: initial; position: relative; color: #000; padding: 8px 10px 8px 8px; box-sizing: border-box; pointer-events: all; opacity: .75; transition: opacity 600ms cubic-bezier(.4, 0, .2, 1) } .gallery-slideshow-control-btn .caret-right-icon--small, .gallery-slideshow-control-btn .caret-left-icon--small { width: 9px; height: 16px; position: relative; display: block; box-sizing: content-box; line-height: 1 } .gallery-slideshow-control-btn .caret-right-icon--small svg, .gallery-slideshow-control-btn .caret-left-icon--small svg { width: 100%; height: 100% } .gallery-slideshow-item { position: absolute; top: 0; left: 0; margin: 0; width: 100%; height: 100%; display: flex; visibility: hidden; flex-direction: column; align-items: center; justify-content: center } .gallery-slideshow-item[data-video="true"] { pointer-events: all } .gallery-slideshow-item[data-video="true"] .gallery-slideshow-item-img { display: flex; align-items: center; justify-content: center } .gallery-slideshow-item[data-video="true"] .gallery-slideshow-item-img .sqs-video-wrapper { width: 100% } .gallery-slideshow-item .gallery-slideshow-image-link { position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100% } .gallery-slideshow-item-wrapper { display: flex; align-items: center; justify-content: center; flex-grow: 1; flex-shrink: 1; width: 100%; height: 100% } .gallery-slideshow-item-src { position: relative; overflow: hidden; width: 100%; height: 100% } .gallery-slideshow-item-img { position: relative; width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat } .gallery-slideshow-item img { position: relative } .gallery-slideshow-item[data-active="true"] { visibility: visible } .gallery-slideshow-item[data-active="true"][data-in="true"] .gallery-caption { opacity: 1; visibility: visible } .gallery-slideshow-thumbnails { position: relative; display: none; width: 60%; margin: 0 auto; padding: 10px 0; flex-shrink: 0; overflow: hidden; height: 80px; text-align: center; font-size: 0 } @media screen and (max-width: 767px) { .gallery-slideshow-thumbnails { width: 100% } } [data-thumbnails="true"] .gallery-slideshow-thumbnails { display: block } @media screen and (max-width: 767px) { [data-thumbnails="true"] .gallery-slideshow-thumbnails { display: none } } .gallery-slideshow-thumbnails-scroll { position: relative; top: 0; left: 0; display: inline-flex; backface-visibility: hidden } .gallery-slideshow-thumbnails-thumb { background: initial; border: initial; position: relative; display: flex; width: 80px; height: 80px; align-items: flex-start; flex-shrink: 0; margin-left: 5px; margin-right: 5px; cursor: pointer; overflow: hidden; transition: opacity 600ms cubic-bezier(.4, 0, .2, 1); backface-visibility: hidden } .gallery-slideshow-thumbnails-thumb .gallery-slideshow-thumbnails-image-wrapper { opacity: .55 } @media (hover:hover) { .gallery-slideshow-thumbnails-thumb:hover .gallery-slideshow-thumbnails-image-wrapper { opacity: 1 } } .gallery-slideshow-thumbnails-thumb[data-active="true"] .gallery-slideshow-thumbnails-image-wrapper { opacity: 1 } .gallery-slideshow-thumbnails-thumb:first-child { margin-left: 0 !important } .gallery-slideshow-thumbnails-thumb:last-child { margin-right: 0 !important } .gallery-slideshow-thumbnails-thumb img { position: absolute; top: 50%; left: 50%; width: 100%; height: auto; pointer-events: none; opacity: 0; transform: translate(-50%, -50%); transition: visibility 600ms cubic-bezier(.4, 0, .2, 1), opacity 600ms cubic-bezier(.4, 0, .2, 1); will-change: opacity } .gallery-slideshow-thumbnails-thumb img[data-loaded] { opacity: 1 } .gallery-slideshow-thumbnails-thumb[data-align="top"] img { top: auto; transform: translate(-50%, 0%) } .gallery-slideshow-thumbnails-thumb[data-align="bottom"] img { top: 100%; transform: translate(-50%, -100%) } .gallery-slideshow[data-show-captions="false"] .gallery-caption { display: none } .gallery-slideshow[data-show-captions="true"][data-thumbnails="false"] { padding-bottom: 0; margin-bottom: calc(100px + 50px) } @media screen and (min-width: 768px) { .gallery-slideshow[data-show-captions="true"][data-thumbnails="true"] .gallery-slideshow-wrapper { margin-bottom: calc(100px + 40px) } } .gallery-slideshow[data-controls-location="side"] .gallery-slideshow-list { left: 3vmax; right: 3vmax } .gallery-slideshow[data-controls-location="side"] .gallery-slideshow-control { width: 3vmax } .gallery-slideshow[data-controls-location="hide"] .gallery-slideshow-controls { display: none } .gallery-slideshow[data-controls-location="simple"] .gallery-slideshow-control-btn { padding: 8px 10px 8px 8px } .gallery-slideshow[data-controls-location="simple"] .gallery-slideshow-control-btn[data-previous] { margin-left: 20px } .gallery-slideshow[data-controls-location="simple"] .gallery-slideshow-control-btn[data-next] { margin-right: 20px; padding: 8px 8px 8px 10px } .gallery-slideshow[data-controls-location="simple"] .gallery-slideshow-control-btn::before { position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; opacity: .5; border-radius: .15em } @media (hover:hover) { .gallery-slideshow[data-controls-location="simple"] .gallery-slideshow-control-btn:hover { opacity: 1 } } .gallery-slideshow[data-transition="none"] .gallery-slideshow-item .gallery-slideshow-item-src, .gallery-slideshow[data-transition="none"] .gallery-slideshow-item .gallery-caption-slideshow { transition: none } .gallery-slideshow[data-transition="site-default"] .gallery-slideshow-item[data-next="true"] .gallery-slideshow-item-src { opacity: 0 } .gallery-slideshow[data-transition="site-default"] .gallery-slideshow-item[data-next="false"] .gallery-slideshow-item-src { opacity: 0 } .gallery-slideshow[data-transition="site-default"] .gallery-slideshow-item[data-active="true"][data-in="true"] .gallery-slideshow-item-src { opacity: 1 } .gallery-slideshow[data-transition="fade"] .gallery-slideshow-item[data-active="true"] .gallery-slideshow-item-src { transition: opacity 400ms cubic-bezier(.2, .6, .3, 1) } .gallery-slideshow[data-transition="fade"] .gallery-slideshow-item[data-next="true"] .gallery-slideshow-item-src { opacity: 0 } .gallery-slideshow[data-transition="fade"] .gallery-slideshow-item[data-next="false"] .gallery-slideshow-item-src { opacity: 0 } .gallery-slideshow[data-transition="fade"] .gallery-slideshow-item[data-active="true"][data-in="true"] .gallery-slideshow-item-src { opacity: 1 } .gallery-slideshow[data-transition="spin"] .gallery-slideshow-item[data-active="true"] .gallery-slideshow-item-src { transition: transform 400ms cubic-bezier(.4, 0, .2, 1), opacity 400ms cubic-bezier(.2, .6, .3, 1) } .gallery-slideshow[data-transition="spin"] .gallery-slideshow-item[data-next="true"] .gallery-slideshow-item-src { transform: perspective(1000px) translatex(0) rotatey(10deg); opacity: 0 } .gallery-slideshow[data-transition="spin"] .gallery-slideshow-item[data-next="false"] .gallery-slideshow-item-src { transform: perspective(1000px) translatex(0) rotatey(-10deg); opacity: 0 } .gallery-slideshow[data-transition="spin"] .gallery-slideshow-item[data-active="true"][data-in="true"] .gallery-slideshow-item-src { transform: perspective(1000px) rotatey(0); opacity: 1 } .gallery-slideshow[data-transition="scale-up"] .gallery-slideshow-item-wrapper { overflow: hidden } .gallery-slideshow[data-transition="scale-up"] .gallery-slideshow-item[data-active="true"] .gallery-slideshow-item-src { transition: transform 800ms cubic-bezier(.2, .6, .3, 1), opacity 800ms cubic-bezier(.2, .6, .3, 1) } .gallery-slideshow[data-transition="scale-up"] .gallery-slideshow-item[data-next="true"] .gallery-slideshow-item-src { transform: scale(.8); opacity: 0 } .gallery-slideshow[data-transition="scale-up"] .gallery-slideshow-item[data-next="false"] .gallery-slideshow-item-src { transform: scale(.8); opacity: 0 } .gallery-slideshow[data-transition="scale-up"] .gallery-slideshow-item[data-active="true"][data-in="true"] .gallery-slideshow-item-src { transform: scale(1); opacity: 1 } .gallery-slideshow[data-transition="scale-up"] .gallery-slideshow-item[data-active="true"][data-in="false"] .gallery-slideshow-item-src { transition: transform 800ms cubic-bezier(0, 0, .2, 1), opacity 800ms cubic-bezier(0, 0, .2, 1); transform: scale(1.1); opacity: 0 } .gallery-slideshow[data-transition="scale-down"] .gallery-slideshow-item-wrapper { overflow: hidden } .gallery-slideshow[data-transition="scale-down"] .gallery-slideshow-item[data-active="true"] .gallery-slideshow-item-src { transition: transform 800ms cubic-bezier(.2, .6, .3, 1), opacity 800ms cubic-bezier(.2, .6, .3, 1) } .gallery-slideshow[data-transition="scale-down"] .gallery-slideshow-item[data-next="true"] .gallery-slideshow-item-src { transform: scale(1.1); opacity: 0 } .gallery-slideshow[data-transition="scale-down"] .gallery-slideshow-item[data-next="false"] .gallery-slideshow-item-src { transform: scale(1.1); opacity: 0 } .gallery-slideshow[data-transition="scale-down"] .gallery-slideshow-item[data-active="true"][data-in="true"] .gallery-slideshow-item-src { transform: scale(1); opacity: 1 } .gallery-slideshow[data-transition="scale-down"] .gallery-slideshow-item[data-active="true"][data-in="false"] .gallery-slideshow-item-src { transition: transform 800ms cubic-bezier(0, 0, .2, 1), opacity 800ms cubic-bezier(0, 0, .2, 1); transform: scale(1); opacity: 0 } .gallery-slideshow[data-transition="slide-horizontal"] .gallery-slideshow-item-wrapper { overflow: hidden } .gallery-slideshow[data-transition="slide-horizontal"] .gallery-slideshow-item[data-active="true"] .gallery-slideshow-item-src { transition: transform 800ms cubic-bezier(.2, .6, .3, 1), opacity 800ms cubic-bezier(.2, .6, .3, 1) } .gallery-slideshow[data-transition="slide-horizontal"] .gallery-slideshow-item[data-next="true"] .gallery-slideshow-item-src { transform: translatex(10%); opacity: 0 } .gallery-slideshow[data-transition="slide-horizontal"] .gallery-slideshow-item[data-next="false"] .gallery-slideshow-item-src { transform: translatex(-10%); opacity: 0 } .gallery-slideshow[data-transition="slide-horizontal"] .gallery-slideshow-item[data-active="true"][data-in="true"] .gallery-slideshow-item-src { transform: translatex(0%); opacity: 1 } .gallery-slideshow[data-transition="slide-horizontal"] .gallery-slideshow-item[data-active="true"][data-in="false"] .gallery-slideshow-item-src { transition: transform 800ms cubic-bezier(0, 0, .2, 1), opacity 800ms cubic-bezier(0, 0, .2, 1); transform: translatex(0%) } .gallery-slideshow[data-transition="slide-vertical"] .gallery-slideshow-item-wrapper { overflow: hidden } .gallery-slideshow[data-transition="slide-vertical"] .gallery-slideshow-item[data-active="true"] .gallery-slideshow-item-src { transition: transform 800ms cubic-bezier(.2, .6, .3, 1), opacity 800ms cubic-bezier(.2, .6, .3, 1) } .gallery-slideshow[data-transition="slide-vertical"] .gallery-slideshow-item[data-next="true"] .gallery-slideshow-item-src { transform: translatey(10%); opacity: 0 } .gallery-slideshow[data-transition="slide-vertical"] .gallery-slideshow-item[data-next="false"] .gallery-slideshow-item-src { transform: translatey(-10%); opacity: 0 } .gallery-slideshow[data-transition="slide-vertical"] .gallery-slideshow-item[data-active="true"][data-in="true"] .gallery-slideshow-item-src { transform: translatey(0%); opacity: 1 } .gallery-slideshow[data-transition="slide-vertical"] .gallery-slideshow-item[data-active="true"][data-in="false"] .gallery-slideshow-item-src { transition: transform 800ms cubic-bezier(0, 0, .2, 1), opacity 800ms cubic-bezier(0, 0, .2, 1); transform: translatey(0%) } .tweak-global-animations-animation-type-fade .gallery-slideshow[data-transition="site-default"] .gallery-slideshow-item[data-active="true"] .gallery-slideshow-item-src { transition: opacity .4s cubic-bezier(.33, 1, .68, 1) } .tweak-global-animations-animation-type-fade .gallery-slideshow[data-transition="site-default"] .gallery-slideshow-item[data-next="true"] .gallery-slideshow-item-src { opacity: 0 } .tweak-global-animations-animation-type-fade .gallery-slideshow[data-transition="site-default"] .gallery-slideshow-item[data-next="false"] .gallery-slideshow-item-src { opacity: 0 } .tweak-global-animations-animation-type-fade .gallery-slideshow[data-transition="site-default"] .gallery-slideshow-item[data-active="true"][data-in="true"] .gallery-slideshow-item-src { opacity: 1 } .tweak-global-animations-animation-type-scale .gallery-slideshow[data-transition="site-default"] .gallery-slideshow-item[data-active="true"] .gallery-slideshow-item-src { transition: opacity .2s cubic-bezier(.33, 1, .68, 1), transform 1s step-end } .tweak-global-animations-animation-type-scale .gallery-slideshow[data-transition="site-default"] .gallery-slideshow-item[data-next="true"] .gallery-slideshow-item-src { opacity: 0; transform: scale(.94) } .tweak-global-animations-animation-type-scale .gallery-slideshow[data-transition="site-default"] .gallery-slideshow-item[data-next="false"] .gallery-slideshow-item-src { opacity: 0; transform: scale(.94) } .tweak-global-animations-animation-type-scale .gallery-slideshow[data-transition="site-default"] .gallery-slideshow-item[data-active="true"][data-in="true"] .gallery-slideshow-item-src { opacity: 1; transform: scale(1); transition: opacity .2s cubic-bezier(.33, 1, .68, 1), transform 1s cubic-bezier(.33, 1, .68, 1) } .tweak-global-animations-animation-type-slide .gallery-slideshow[data-transition="site-default"] .gallery-slideshow-item[data-active="true"] .gallery-slideshow-item-src { transition: opacity .2s cubic-bezier(.33, 1, .68, 1), transform .2s step-end } .tweak-global-animations-animation-type-slide .gallery-slideshow[data-transition="site-default"] .gallery-slideshow-item[data-next="true"] .gallery-slideshow-item-src { opacity: 0; transform: translatex(5vw) } .tweak-global-animations-animation-type-slide .gallery-slideshow[data-transition="site-default"] .gallery-slideshow-item[data-next="false"] .gallery-slideshow-item-src { opacity: 0; transform: translatex(-5vw) } .tweak-global-animations-animation-type-slide .gallery-slideshow[data-transition="site-default"] .gallery-slideshow-item[data-active="true"][data-in="true"] .gallery-slideshow-item-src { opacity: 1; transform: translatex(0); transition: opacity .2s cubic-bezier(.33, 1, .68, 1), transform .75s cubic-bezier(.33, 1, .68, 1) } .tweak-global-animations-animation-type-clip .gallery-slideshow[data-transition="site-default"] .gallery-slideshow-item[data-active="true"] .gallery-slideshow-item-src img { transition: clip-path .75s cubic-bezier(.25, 1, .6, 1) } .tweak-global-animations-animation-type-clip .gallery-slideshow[data-transition="site-default"] .gallery-slideshow-item[data-next="true"] .gallery-slideshow-item-src { opacity: 1 } .tweak-global-animations-animation-type-clip .gallery-slideshow[data-transition="site-default"] .gallery-slideshow-item[data-next="true"] .gallery-slideshow-item-src img { clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%) } .tweak-global-animations-animation-type-clip .gallery-slideshow[data-transition="site-default"] .gallery-slideshow-item[data-next="false"] .gallery-slideshow-item-src { opacity: 1 } .tweak-global-animations-animation-type-clip .gallery-slideshow[data-transition="site-default"] .gallery-slideshow-item[data-next="false"] .gallery-slideshow-item-src img { clip-path: polygon(0% 0, 0 0%, 0% 100%, 0% 100%) } .tweak-global-animations-animation-type-clip .gallery-slideshow[data-transition="site-default"] .gallery-slideshow-item[data-active="true"][data-in="true"] .gallery-slideshow-item-src { opacity: 1 } .tweak-global-animations-animation-type-clip .gallery-slideshow[data-transition="site-default"] .gallery-slideshow-item[data-active="true"][data-in="true"] .gallery-slideshow-item-src img { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); transition: clip-path 1s cubic-bezier(.25, 1, .6, 1); transition-delay: .3s } .tweak-global-animations-animation-type-flex .gallery-slideshow[data-transition="site-default"] .gallery-slideshow-item[data-active="true"] .gallery-slideshow-item-src { transition: opacity .2s cubic-bezier(.25, 1, .6, 1), transform .2s step-end } .tweak-global-animations-animation-type-flex .gallery-slideshow[data-transition="site-default"] .gallery-slideshow-item[data-active="true"] .gallery-slideshow-item-src img { transition: clip-path .2s step-end, transform .2s cubic-bezier(.25, 1, .6, 1) } .tweak-global-animations-animation-type-flex .gallery-slideshow[data-transition="site-default"] .gallery-slideshow-item[data-next="true"] .gallery-slideshow-item-src { opacity: 0; transform: translatex(6vw) } .tweak-global-animations-animation-type-flex .gallery-slideshow[data-transition="site-default"] .gallery-slideshow-item[data-next="true"] .gallery-slideshow-item-src img { clip-path: polygon(100% 0, 100% 0, 100% 100%, 150% 100%); transform: scale(.9) } .tweak-global-animations-animation-type-flex .gallery-slideshow[data-transition="site-default"] .gallery-slideshow-item[data-next="false"] .gallery-slideshow-item-src { opacity: 0; transform: translatex(-6vw) } .tweak-global-animations-animation-type-flex .gallery-slideshow[data-transition="site-default"] .gallery-slideshow-item[data-next="false"] .gallery-slideshow-item-src img { clip-path: polygon(0% 0, 0 0%, -50% 100%, 0% 100%); transform: scale(.9) } .tweak-global-animations-animation-type-flex .gallery-slideshow[data-transition="site-default"] .gallery-slideshow-item[data-active="true"][data-in="true"] .gallery-slideshow-item-src { opacity: 1; transform: translatex(0); transition: opacity .15s cubic-bezier(.25, 1, .6, 1), transform 1s cubic-bezier(.25, 1, .6, 1) } .tweak-global-animations-animation-type-flex .gallery-slideshow[data-transition="site-default"] .gallery-slideshow-item[data-active="true"][data-in="true"] .gallery-slideshow-item-src img { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); transform: scale(1); transition: clip-path 1s cubic-bezier(.25, 1, .6, 1); transition-delay: .05s } .gallery-fullscreen-slideshow { position: relative; box-sizing: border-box; user-select: none; z-index: 0 } .gallery-fullscreen-slideshow[data-width="full-bleed"] { max-width: 100%; padding-left: 0; padding-right: 0 } .gallery-fullscreen-slideshow[data-width="full"] { max-width: 100%; padding: 4vw } @media screen and (max-width: 767px) { .gallery-fullscreen-slideshow[data-width="full"] { padding: 6vw } } .gallery-fullscreen-slideshow-wrapper { position: relative; display: flex; flex-direction: column; width: 100%; height: 100% } .gallery-fullscreen-slideshow-list { position: relative; flex-grow: 1; flex-shrink: 1; z-index: 0; box-sizing: content-box; cursor: grab } .gallery-fullscreen-slideshow-lightbox-link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; z-index: 1 } .gallery-fullscreen-slideshow-lightbox-link { cursor: zoom-in } .gallery-fullscreen-slideshow-controls { display: none; width: 100%; pointer-events: none; position: absolute; height: 100%; top: 0; left: 0; justify-content: space-between } .gallery-fullscreen-slideshow-control { display: flex; flex-grow: 0; flex-shrink: 0; align-items: center; justify-content: center; z-index: 1 } .gallery-fullscreen-slideshow-control-btn { background: initial; border: initial; position: relative; color: #000; padding: 8px 10px 8px 8px; box-sizing: border-box; pointer-events: all; opacity: .75; transition: opacity 600ms cubic-bezier(.4, 0, .2, 1) } .gallery-fullscreen-slideshow-control-btn[data-previous] { margin-left: 20px } .gallery-fullscreen-slideshow-control-btn[data-next] { margin-right: 20px; padding: 8px 8px 8px 10px } .gallery-fullscreen-slideshow-control-btn::before { position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; opacity: .5; border-radius: .15em } @media (hover:hover) { .gallery-fullscreen-slideshow-control-btn:hover { opacity: 1 } } .gallery-fullscreen-slideshow-control-btn:focus { opacity: 1 } .gallery-fullscreen-slideshow-control-btn .caret-right-icon--small, .gallery-fullscreen-slideshow-control-btn .caret-left-icon--small { width: 9px; height: 16px; position: relative; display: block; box-sizing: content-box; line-height: 1 } .gallery-fullscreen-slideshow-control-btn .caret-right-icon--small svg, .gallery-fullscreen-slideshow-control-btn .caret-left-icon--small svg { width: 100%; height: 100% } .gallery-fullscreen-slideshow-item-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .gallery-fullscreen-slideshow-item { position: absolute; top: 0; left: 0; margin: 0; width: 100%; height: 100%; visibility: hidden } .gallery-fullscreen-slideshow-item-src, .gallery-fullscreen-slideshow-item-img { position: absolute; width: 100%; height: 100% } .gallery-fullscreen-slideshow-item .gallery-fullscreen-slideshow-image-link { position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100% } .gallery-fullscreen-slideshow-item[data-active="true"] { visibility: visible } .gallery-fullscreen-slideshow-item[data-active="true"][data-in="true"] .gallery-caption-fullscreen-slideshow { opacity: 1; visibility: visible } .gallery-fullscreen-slideshow[data-show-captions="false"] .gallery-caption-fullscreen-slideshow { display: none } .gallery-fullscreen-slideshow[data-show-captions="true"][data-width="full-bleed"] { margin-bottom: 150px } .gallery-fullscreen-slideshow[data-show-captions="true"][data-width="full"] { padding-bottom: 0; margin-bottom: 150px } .gallery-fullscreen-slideshow .gallery-fullscreen-slideshow-bullet-nav { display: none; flex-wrap: wrap; justify-content: center; align-content: center; width: 100%; position: absolute; bottom: 20px; left: 0 } .gallery-fullscreen-slideshow .gallery-fullscreen-slideshow-bullet-nav .gallery-fullscreen-slideshow-bullet { display: block; width: 10px; height: 10px; border-style: solid; border-width: 1px; border-radius: 50%; margin: 5px; padding: 0 } .gallery-fullscreen-slideshow .gallery-fullscreen-slideshow-bullet-nav .gallery-fullscreen-slideshow-bullet:not(.active) { background-color: transparent } .gallery-fullscreen-slideshow[data-controls="arrows"] .gallery-fullscreen-slideshow-controls { display: flex } .gallery-fullscreen-slideshow[data-controls="bullets"] .gallery-fullscreen-slideshow-bullet-nav { display: flex } .gallery-fullscreen-slideshow[data-transition="none"] .gallery-fullscreen-slideshow-item .gallery-fullscreen-slideshow-item-src, .gallery-fullscreen-slideshow[data-transition="none"] .gallery-fullscreen-slideshow-item .gallery-caption-fullscreen-slideshow { transition: none } .gallery-fullscreen-slideshow[data-transition="fade"] .gallery-fullscreen-slideshow-item[data-active="true"] .gallery-fullscreen-slideshow-item-src { transition: opacity 400ms cubic-bezier(.2, .6, .3, 1) } .gallery-fullscreen-slideshow[data-transition="fade"] .gallery-fullscreen-slideshow-item[data-next="true"] .gallery-fullscreen-slideshow-item-src { opacity: 0 } .gallery-fullscreen-slideshow[data-transition="fade"] .gallery-fullscreen-slideshow-item[data-next="false"] .gallery-fullscreen-slideshow-item-src { opacity: 0 } .gallery-fullscreen-slideshow[data-transition="fade"] .gallery-fullscreen-slideshow-item[data-active="true"][data-in="true"] .gallery-fullscreen-slideshow-item-src { opacity: 1 } .gallery-fullscreen-slideshow[data-transition="spin"] .gallery-fullscreen-slideshow-item[data-active="true"] .gallery-fullscreen-slideshow-item-src { transition: transform 400ms cubic-bezier(.4, 0, .2, 1), opacity 400ms cubic-bezier(.2, .6, .3, 1) } .gallery-fullscreen-slideshow[data-transition="spin"] .gallery-fullscreen-slideshow-item[data-next="true"] .gallery-fullscreen-slideshow-item-src { transform: perspective(1000px) translatex(0) rotatey(10deg); opacity: 0 } .gallery-fullscreen-slideshow[data-transition="spin"] .gallery-fullscreen-slideshow-item[data-next="false"] .gallery-fullscreen-slideshow-item-src { transform: perspective(1000px) translatex(0) rotatey(-10deg); opacity: 0 } .gallery-fullscreen-slideshow[data-transition="spin"] .gallery-fullscreen-slideshow-item[data-active="true"][data-in="true"] .gallery-fullscreen-slideshow-item-src { transform: perspective(1000px) rotatey(0); opacity: 1 } .gallery-fullscreen-slideshow[data-transition="scale-up"] .gallery-fullscreen-slideshow-item-wrapper { overflow: hidden } .gallery-fullscreen-slideshow[data-transition="scale-up"] .gallery-fullscreen-slideshow-item[data-active="true"] .gallery-fullscreen-slideshow-item-src { transition: transform 800ms cubic-bezier(.2, .6, .3, 1), opacity 800ms cubic-bezier(.2, .6, .3, 1) } .gallery-fullscreen-slideshow[data-transition="scale-up"] .gallery-fullscreen-slideshow-item[data-next="true"] .gallery-fullscreen-slideshow-item-src { transform: scale(.8); opacity: 0 } .gallery-fullscreen-slideshow[data-transition="scale-up"] .gallery-fullscreen-slideshow-item[data-next="false"] .gallery-fullscreen-slideshow-item-src { transform: scale(.8); opacity: 0 } .gallery-fullscreen-slideshow[data-transition="scale-up"] .gallery-fullscreen-slideshow-item[data-active="true"][data-in="true"] .gallery-fullscreen-slideshow-item-src { transform: scale(1); opacity: 1 } .gallery-fullscreen-slideshow[data-transition="scale-up"] .gallery-fullscreen-slideshow-item[data-active="true"][data-in="false"] .gallery-fullscreen-slideshow-item-src { transition: transform 800ms cubic-bezier(0, 0, .2, 1), opacity 800ms cubic-bezier(0, 0, .2, 1); transform: scale(1.1); opacity: 0 } .gallery-fullscreen-slideshow[data-transition="scale-down"] .gallery-fullscreen-slideshow-item-wrapper { overflow: hidden } .gallery-fullscreen-slideshow[data-transition="scale-down"] .gallery-fullscreen-slideshow-item[data-active="true"] .gallery-fullscreen-slideshow-item-src { transition: transform 800ms cubic-bezier(.2, .6, .3, 1), opacity 800ms cubic-bezier(.2, .6, .3, 1) } .gallery-fullscreen-slideshow[data-transition="scale-down"] .gallery-fullscreen-slideshow-item[data-next="true"] .gallery-fullscreen-slideshow-item-src { transform: scale(1.1); opacity: 0 } .gallery-fullscreen-slideshow[data-transition="scale-down"] .gallery-fullscreen-slideshow-item[data-next="false"] .gallery-fullscreen-slideshow-item-src { transform: scale(1.1); opacity: 0 } .gallery-fullscreen-slideshow[data-transition="scale-down"] .gallery-fullscreen-slideshow-item[data-active="true"][data-in="true"] .gallery-fullscreen-slideshow-item-src { transform: scale(1); opacity: 1 } .gallery-fullscreen-slideshow[data-transition="scale-down"] .gallery-fullscreen-slideshow-item[data-active="true"][data-in="false"] .gallery-fullscreen-slideshow-item-src { transition: transform 800ms cubic-bezier(0, 0, .2, 1), opacity 800ms cubic-bezier(0, 0, .2, 1); transform: scale(1); opacity: 0 } .gallery-fullscreen-slideshow[data-transition="slide-horizontal"] .gallery-fullscreen-slideshow-item-wrapper { overflow: hidden } .gallery-fullscreen-slideshow[data-transition="slide-horizontal"] .gallery-fullscreen-slideshow-item[data-active="true"] .gallery-fullscreen-slideshow-item-src { transition: transform 800ms cubic-bezier(.2, .6, .3, 1), opacity 800ms cubic-bezier(.2, .6, .3, 1) } .gallery-fullscreen-slideshow[data-transition="slide-horizontal"] .gallery-fullscreen-slideshow-item[data-next="true"] .gallery-fullscreen-slideshow-item-src { transform: translatex(10%); opacity: 0 } .gallery-fullscreen-slideshow[data-transition="slide-horizontal"] .gallery-fullscreen-slideshow-item[data-next="false"] .gallery-fullscreen-slideshow-item-src { transform: translatex(-10%); opacity: 0 } .gallery-fullscreen-slideshow[data-transition="slide-horizontal"] .gallery-fullscreen-slideshow-item[data-active="true"][data-in="true"] .gallery-fullscreen-slideshow-item-src { transform: translatex(0%); opacity: 1 } .gallery-fullscreen-slideshow[data-transition="slide-horizontal"] .gallery-fullscreen-slideshow-item[data-active="true"][data-in="false"] .gallery-fullscreen-slideshow-item-src { transition: transform 800ms cubic-bezier(0, 0, .2, 1), opacity 800ms cubic-bezier(0, 0, .2, 1); transform: translatex(0%) } .gallery-fullscreen-slideshow[data-transition="slide-vertical"] .gallery-fullscreen-slideshow-item-wrapper { overflow: hidden } .gallery-fullscreen-slideshow[data-transition="slide-vertical"] .gallery-fullscreen-slideshow-item[data-active="true"] .gallery-fullscreen-slideshow-item-src { transition: transform 800ms cubic-bezier(.2, .6, .3, 1), opacity 800ms cubic-bezier(.2, .6, .3, 1) } .gallery-fullscreen-slideshow[data-transition="slide-vertical"] .gallery-fullscreen-slideshow-item[data-next="true"] .gallery-fullscreen-slideshow-item-src { transform: translatey(10%); opacity: 0 } .gallery-fullscreen-slideshow[data-transition="slide-vertical"] .gallery-fullscreen-slideshow-item[data-next="false"] .gallery-fullscreen-slideshow-item-src { transform: translatey(-10%); opacity: 0 } .gallery-fullscreen-slideshow[data-transition="slide-vertical"] .gallery-fullscreen-slideshow-item[data-active="true"][data-in="true"] .gallery-fullscreen-slideshow-item-src { transform: translatey(0%); opacity: 1 } .gallery-fullscreen-slideshow[data-transition="slide-vertical"] .gallery-fullscreen-slideshow-item[data-active="true"][data-in="false"] .gallery-fullscreen-slideshow-item-src { transition: transform 800ms cubic-bezier(0, 0, .2, 1), opacity 800ms cubic-bezier(0, 0, .2, 1); transform: translatey(0%) } .gallery-masonry[data-width="full-bleed"] { max-width: 100%; padding-left: 0; padding-right: 0 } .gallery-masonry[data-width="full"] { max-width: 100%; padding: 4vw } @media screen and (max-width: 767px) { .gallery-masonry[data-width="full"] { padding: 6vw } } .gallery-masonry[data-width="inset"] { max-width: 1800px; padding: 4vw; margin-left: auto; margin-right: auto } @media screen and (max-width: 767px) { .gallery-masonry[data-width="inset"] { padding: 6vw } } .gallery-masonry-wrapper { position: relative; width: 100%; box-sizing: border-box } .gallery-masonry-wrapper--ready .gallery-masonry-item { transition: transform 600ms cubic-bezier(.4, 0, .2, 1); will-change: transform } .gallery-masonry[data-tweaking="true"] .gallery-masonry-item { transition: none !important } .gallery-masonry-image-link, .gallery-masonry-lightbox-link { display: block } .gallery-masonry-lightbox-link { cursor: zoom-in } @media screen and (max-width: 767px) { .gallery-masonry-item:last-child { padding-bottom: 0 } } .gallery-masonry-item-wrapper { position: relative; display: block; width: 100% } .gallery-masonry-item img { position: relative; display: block; width: 100%; height: auto } .gallery-masonry-item:not([data-show]) .gallery-masonry-item-wrapper { opacity: 0; animation-name: none !important } .gallery-masonry-item:not([data-show]) .gallery-masonry-item-caption { opacity: 0; visibility: hidden } .gallery-masonry .gallery-masonry-wrapper { display: masonry; justify-content: center; align-items: flex-start } .gallery-masonry .gallery-masonry-item[data-loaded] img { height: auto !important } .gallery-masonry[data-show-captions="false"] .gallery-masonry-item-caption { display: none } .gallery-masonry[data-show-captions="true"][data-animation="none"] .gallery-masonry-item-caption { transition: none } .gallery-masonry[data-animation="fade-up"] .gallery-masonry-item-wrapper { animation-name: tmpl-anim-fade-up; animation-duration: 800ms; animation-fill-mode: both; animation-iteration-count: 1 } .gallery-masonry[data-animation="scale-up"] .gallery-masonry-item-wrapper { animation-name: tmpl-anim-fade-scale-up; animation-duration: 800ms; animation-fill-mode: both; animation-iteration-count: 1 } .gallery-masonry[data-animation="stretch-up"] .gallery-masonry-item-wrapper { animation-name: tmpl-anim-fade-stretch-up; animation-duration: 800ms; animation-fill-mode: both; animation-iteration-count: 1 } .gallery-masonry[data-animation="strips-vertical"] .gallery-masonry-item-wrapper { animation-name: tmpl-anim-clip-vertical-up; animation-duration: 800ms; animation-fill-mode: both; animation-iteration-count: 1 } .gallery-masonry[data-animation="strips-horizontal"] .gallery-masonry-item-wrapper { animation-name: tmpl-anim-clip-horizontal-left; animation-duration: 800ms; animation-fill-mode: both; animation-iteration-count: 1 } .user-items-list-simple { list-style: none; margin: 0px auto; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr } .user-items-list-simple[data-layout-width="full-bleed"] { padding-left: 0px; padding-right: 0px } .user-items-list-simple[data-layout-width="full"] { padding-left: 4vw; padding-right: 4vw } .user-items-list-simple[data-layout-width="inset"] { padding-left: 4vw; padding-right: 4vw; max-width: 1800px } @media screen and (min-width: 576px) { .user-items-list-simple:not([data-num-columns="1"]) { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr) } } @media screen and (min-width: 768px) { .user-items-list-simple[data-num-columns="6"], .user-items-list-simple[data-num-columns="5"], .user-items-list-simple[data-num-columns="4"], .user-items-list-simple[data-num-columns="3"] { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr) } } @media screen and (min-width: 1100px) { .user-items-list-simple[data-num-columns="6"], .user-items-list-simple[data-num-columns="5"], .user-items-list-simple[data-num-columns="4"] { -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr) } } @media screen and (min-width: 1200px) { .user-items-list-simple[data-num-columns="5"] { -ms-grid-columns: (1fr)[5]; grid-template-columns: repeat(5, 1fr) } .user-items-list-simple[data-num-columns="6"] { -ms-grid-columns: (1fr)[6]; grid-template-columns: repeat(6, 1fr) } } .user-items-list-simple[data-alignment-vertical="top"] { align-items: flex-start } .user-items-list-simple[data-alignment-vertical="middle"] { align-items: center } .user-items-list-simple[data-alignment-vertical="bottom"] { align-items: flex-end } .user-items-list-simple[data-alignment-vertical="stretch"] { align-items: stretch } .user-items-list-simple[data-alignment-vertical="stretch"][data-content-order="media-first"] .list-item-content { flex: 1; display: flex; flex-direction: column; justify-content: space-between } .user-items-list-simple[data-media-alignment="left"] .list-item-media { margin-left: 0; margin-right: auto } .user-items-list-simple[data-media-alignment="center"] .list-item-media { margin-left: auto; margin-right: auto } .user-items-list-simple[data-media-alignment="right"] .list-item-media { margin-left: auto; margin-right: 0 } .user-items-list-simple[data-title-placement="left"] .list-item-content__title { margin-left: 0; margin-right: auto } .user-items-list-simple[data-title-placement="center"] .list-item-content__title { margin-left: auto; margin-right: auto } .user-items-list-simple[data-title-placement="right"] .list-item-content__title { margin-left: auto; margin-right: 0 } .user-items-list-simple[data-body-placement="left"] .list-item-content__description { margin-left: 0; margin-right: auto } .user-items-list-simple[data-body-placement="center"] .list-item-content__description { margin-left: auto; margin-right: auto } .user-items-list-simple[data-body-placement="right"] .list-item-content__description { margin-left: auto; margin-right: 0 } .user-items-list-simple[data-button-placement="left"] .list-item-content__button-container { margin-left: 0; margin-right: auto } .user-items-list-simple[data-button-placement="center"] .list-item-content__button-container { margin-left: auto; margin-right: auto } .user-items-list-simple[data-button-placement="right"] .list-item-content__button-container { margin-left: auto; margin-right: 0 } .user-items-list-simple[data-title-alignment="left"] .list-item-content__title { text-align: left } .user-items-list-simple[data-title-alignment="center"] .list-item-content__title { text-align: center } .user-items-list-simple[data-title-alignment="right"] .list-item-content__title { text-align: right } .user-items-list-simple[data-body-alignment="left"] .list-item-content__description { text-align: left } .user-items-list-simple[data-body-alignment="center"] .list-item-content__description { text-align: center } .user-items-list-simple[data-body-alignment="right"] .list-item-content__description { text-align: right } .user-items-list-simple[data-button-alignment="left"] .list-item-content__button-container { text-align: left } .user-items-list-simple[data-button-alignment="center"] .list-item-content__button-container { text-align: center } .user-items-list-simple[data-button-alignment="right"] .list-item-content__button-container { text-align: right } .user-items-list-simple .list-item { display: flex; flex-direction: column; min-width: 0 } .user-items-list-simple[data-alignment-vertical="stretch"][data-content-order="content-first"] .list-item { justify-content: space-between } .user-items-list-simple .list-item-media-inner { position: relative } .user-items-list-simple .list-item-media-inner:not([data-aspect-ratio="original"]) { height: 0px; overflow: hidden } .user-items-list-simple .list-item-media-inner[data-aspect-ratio="1:1"] { padding-bottom: 100% } .user-items-list-simple .list-item-media-inner[data-aspect-ratio="3:2"] { padding-bottom: 66.67% } .user-items-list-simple .list-item-media-inner[data-aspect-ratio="2:3"] { padding-bottom: 150% } .user-items-list-simple .list-item-media-inner[data-aspect-ratio="4:3"] { padding-bottom: 75% } .user-items-list-simple .list-item-media-inner[data-aspect-ratio="3:4"] { padding-bottom: 133.33% } .user-items-list-simple .list-item-media-inner[data-aspect-ratio="16:9"] { padding-bottom: 56.25% } .user-items-list-simple .list-item-media-inner[data-aspect-ratio="2.4:1"] { padding-bottom: 41.67% } .user-items-list-simple .list-item-media-inner[data-aspect-ratio="circle"] { padding-bottom: 100%; border-radius: 50% } .user-items-list-simple .list-image { width: 100%; min-height: 100%; height: auto } .user-items-list-simple .list-item-media-inner:not([data-aspect-ratio="original"]) .list-image { height: 100%; object-fit: cover; position: absolute; left: 0px; top: 0px } .user-items-list-simple .list-item-content__title { margin: 0px } @media screen and (max-width: 767px) and (orientation: portrait) { #siteWrapper .user-items-list-item-container.user-items-list-simple[data-title-font-unit="rem"] .list-item-content__title { font-size: calc((var(--title-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { #siteWrapper .user-items-list-item-container.user-items-list-simple[data-title-font-unit="rem"] .list-item-content__title { font-size: calc((var(--title-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { #siteWrapper .user-items-list-item-container.user-items-list-simple[data-title-font-unit="rem"] .list-item-content__title { font-size: calc(var(--title-font-size-value) * 1rem) } } @media screen and (max-width: 767px) and (orientation: portrait) { #siteWrapper .user-items-list-item-container.user-items-list-simple[data-description-font-unit="rem"] .list-item-content__description { font-size: calc((var(--body-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { #siteWrapper .user-items-list-item-container.user-items-list-simple[data-description-font-unit="rem"] .list-item-content__description { font-size: calc((var(--body-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { #siteWrapper .user-items-list-item-container.user-items-list-simple[data-description-font-unit="rem"] .list-item-content__description { font-size: calc(var(--body-font-size-value) * 1rem) } } @media screen and (max-width: 767px) and (orientation: portrait) { #siteWrapper .user-items-list-item-container.user-items-list-simple[data-button-font-unit="rem"] .list-item-content__button { font-size: calc((var(--button-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { #siteWrapper .user-items-list-item-container.user-items-list-simple[data-button-font-unit="rem"] .list-item-content__button { font-size: calc((var(--button-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { #siteWrapper .user-items-list-item-container.user-items-list-simple[data-button-font-unit="rem"] .list-item-content__button { font-size: calc(var(--button-font-size-value) * 1rem) } } .user-items-list-simple .list-item-content__description { margin: 0px; letter-spacing: normal } .user-items-list-simple .list-item-content__description p:first-of-type { margin-top: 0px } .user-items-list-simple .list-item-content__description p:last-of-type { margin-bottom: 0px } .user-items-list-simple .list-item-content__button-container { position: relative; z-index: 1 } .user-items-list-simple .list-item-content__button { box-sizing: border-box } .user-items-list-simple .list-item-content--hidden { display: none } .user-items-list-banner-slideshow .slideshow-wrapper { position: relative } .user-items-list-banner-slideshow .slideshow-gutter { position: relative; overflow: hidden; cursor: grab } .user-items-list-banner-slideshow .slideshow-gutter:focus { outline: none } .user-items-list-banner-slideshow .slideshow-gutter:focus::after { display: block; box-sizing: border-box; border: 2px solid; content: ''; pointer-events: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .user-items-list-banner-slideshow .slideshow-gutter:focus:not(:focus-visible)::after { display: none } .user-items-list-banner-slideshow .slideshow-holder { margin: auto } .user-items-list-banner-slideshow[data-layout-width="full-bleed"] .slideshow-gutter { padding-left: 0px; padding-right: 0px } .user-items-list-banner-slideshow[data-layout-width="full-bleed"] .slideshow-holder { max-width: 100% } .user-items-list-banner-slideshow[data-layout-width="full"] .slideshow-gutter { padding-left: 4vw; padding-right: 4vw } .user-items-list-banner-slideshow[data-layout-width="full"] .slideshow-holder { max-width: 100% } .user-items-list-banner-slideshow[data-layout-width="full"] .arrows-bottom-outer { padding-left: 4vw; padding-right: 4vw } .user-items-list-banner-slideshow[data-layout-width="inset"] .slideshow-gutter { padding-left: 4vw; padding-right: 4vw } .user-items-list-banner-slideshow[data-layout-width="inset"] .slideshow-holder { max-width: 1800px } .user-items-list-banner-slideshow[data-layout-width="inset"] .arrows-bottom-outer { padding-left: 4vw; padding-right: 4vw } .user-items-list-banner-slideshow[data-layout-width="inset"] .arrows-bottom-wrapper { max-width: 1800px } .user-items-list-banner-slideshow .slides { list-style-type: none; margin: 0; padding: 0; display: -ms-grid; display: grid; width: 100%; box-sizing: border-box; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: 1fr; grid-template-rows: 1fr; opacity: 0; transition: opacity .3s } @media screen and (max-width: 575px) { .user-items-list-banner-slideshow .slides { padding-right: 0px !important } } .user-items-list-banner-slideshow .slides--initialized { opacity: 1 } .user-items-list-banner-slideshow .slide { position: relative; -ms-grid-row: 1; grid-row-start: 1; grid-row-end: -1; -ms-grid-column: 1; grid-column-start: 1; grid-column-end: -1; box-sizing: border-box; display: flex; min-width: 0; transform: translatex(-9999px); pointer-events: none; user-select: none } .user-items-list-banner-slideshow .slide a, .user-items-list-banner-slideshow .slide button { pointer-events: auto } .user-items-list-banner-slideshow[data-card-vertical-position="top"] .slide { align-items: flex-start } .user-items-list-banner-slideshow[data-card-vertical-position="middle"] .slide { align-items: center } .user-items-list-banner-slideshow[data-card-vertical-position="bottom"] .slide { align-items: flex-end } .user-items-list-banner-slideshow[data-card-horizontal-position="left"] .slide { justify-content: flex-start } .user-items-list-banner-slideshow[data-card-horizontal-position="center"] .slide { justify-content: center } .user-items-list-banner-slideshow[data-card-horizontal-position="right"] .slide { justify-content: flex-end } .user-items-list-banner-slideshow .slide-content { position: relative; box-sizing: border-box } @media screen and (max-width: 575px) { .user-items-list-banner-slideshow .slide-content { margin: 88px 0px } } @media screen and (min-width: 576px) { .user-items-list-banner-slideshow[data-show-adjacent-slides="true"] .slideshow-holder { overflow: visible } } @media screen and (max-width: 575px) { .user-items-list-banner-slideshow[data-show-adjacent-slides="true"] .slideshow-holder { overflow: hidden } } .user-items-list-banner-slideshow[data-show-adjacent-slides="false"] .slideshow-holder { overflow: hidden } .user-items-list-banner-slideshow .slide-media-container { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden } .user-items-list-banner-slideshow .list-slideshow-image { display: block; width: 100%; height: 100%; object-fit: cover } .user-items-list-banner-slideshow .list-item-content__title { margin: 0px } .user-items-list-banner-slideshow .list-item-content__description { margin: 0px; letter-spacing: normal } @media screen and (max-width: 767px) and (orientation: portrait) { #siteWrapper .user-items-list-item-container.user-items-list-banner-slideshow[data-title-font-unit="rem"] .list-item-content__title { font-size: calc((var(--title-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { #siteWrapper .user-items-list-item-container.user-items-list-banner-slideshow[data-title-font-unit="rem"] .list-item-content__title { font-size: calc((var(--title-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { #siteWrapper .user-items-list-item-container.user-items-list-banner-slideshow[data-title-font-unit="rem"] .list-item-content__title { font-size: calc(var(--title-font-size-value) * 1rem) } } @media screen and (max-width: 767px) and (orientation: portrait) { #siteWrapper .user-items-list-item-container.user-items-list-banner-slideshow[data-description-font-unit="rem"] .list-item-content__description { font-size: calc((var(--body-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { #siteWrapper .user-items-list-item-container.user-items-list-banner-slideshow[data-description-font-unit="rem"] .list-item-content__description { font-size: calc((var(--body-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { #siteWrapper .user-items-list-item-container.user-items-list-banner-slideshow[data-description-font-unit="rem"] .list-item-content__description { font-size: calc(var(--body-font-size-value) * 1rem) } } @media screen and (max-width: 767px) and (orientation: portrait) { #siteWrapper .user-items-list-item-container.user-items-list-banner-slideshow[data-button-font-unit="rem"] .list-item-content__button { font-size: calc((var(--button-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { #siteWrapper .user-items-list-item-container.user-items-list-banner-slideshow[data-button-font-unit="rem"] .list-item-content__button { font-size: calc((var(--button-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { #siteWrapper .user-items-list-item-container.user-items-list-banner-slideshow[data-button-font-unit="rem"] .list-item-content__button { font-size: calc(var(--button-font-size-value) * 1rem) } } .user-items-list-banner-slideshow[data-title-alignment="left"] .list-item-content__title { text-align: left } .user-items-list-banner-slideshow[data-title-alignment="center"] .list-item-content__title { text-align: center } .user-items-list-banner-slideshow[data-title-alignment="right"] .list-item-content__title { text-align: right } .user-items-list-banner-slideshow[data-body-alignment="left"] .list-item-content__description { text-align: left } .user-items-list-banner-slideshow[data-body-alignment="center"] .list-item-content__description { text-align: center } .user-items-list-banner-slideshow[data-body-alignment="right"] .list-item-content__description { text-align: right } .user-items-list-banner-slideshow[data-button-alignment="left"] .list-item-content__button-container { text-align: left } .user-items-list-banner-slideshow[data-button-alignment="center"] .list-item-content__button-container { text-align: center } .user-items-list-banner-slideshow[data-button-alignment="right"] .list-item-content__button-container { text-align: right } .user-items-list-banner-slideshow .arrow-container { position: absolute; top: 0; height: 100%; display: flex; align-items: center; pointer-events: none } .user-items-list-banner-slideshow .user-items-list-banner-slideshow__arrow-button { pointer-events: auto; cursor: pointer; display: block; -moz-appearance: none; -webkit-appearance: none; border-radius: 50%; overflow: hidden; width: 60px; height: 60px; border: none; padding: 0; margin: 0; transition: opacity .3s; position: relative; background: transparent; z-index: 1 } .user-items-list-banner-slideshow .user-items-list-banner-slideshow__arrow-button:focus { outline: none } .user-items-list-banner-slideshow .user-items-list-banner-slideshow__arrow-button:focus::after { position: absolute; height: 80%; width: 80%; border-radius: 50%; border: 2px solid; content: ''; top: 0; left: 0; right: 0; bottom: 0; margin: auto } .user-items-list-banner-slideshow .user-items-list-banner-slideshow__arrow-button:focus:not(:focus-visible)::after { display: none } .user-items-list-banner-slideshow .arrow-button--hidden { opacity: 0; pointer-events: none } .user-items-list-banner-slideshow .user-items-list-banner-slideshow__arrow-icon-background-area { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: .7; transition: opacity .3s } .user-items-list-banner-slideshow .arrow-button:hover .user-items-list-banner-slideshow__arrow-icon-background-area { opacity: 1 } .user-items-list-banner-slideshow .user-items-list-banner-slideshow__arrow-icon { position: relative; display: block; margin: 0 auto; width: 36px; height: 36px } .user-items-list-banner-slideshow .user-items-list-banner-slideshow__arrow-icon-path { stroke-width: 2px; stroke-linejoin: round; stroke-linecap: round; fill: none } .user-items-list-banner-slideshow .arrows-bottom-outer { position: absolute; left: 0; bottom: 0; width: 100%; box-sizing: border-box } .user-items-list-banner-slideshow .arrows-bottom-wrapper { display: flex; box-sizing: border-box; margin: 0 auto } .user-items-list-banner-slideshow .arrows-bottom { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-gap: 20px } .user-items-list-banner-slideshow[data-navigation-alignment="left"] .arrows-bottom-wrapper { justify-content: flex-start } .user-items-list-banner-slideshow[data-navigation-alignment="center"] .arrows-bottom-wrapper { justify-content: center } .user-items-list-banner-slideshow[data-navigation-alignment="right"] .arrows-bottom-wrapper { justify-content: flex-end } .user-items-list-banner-slideshow .mobile-arrows { display: none; justify-content: center; margin-top: 20px; position: absolute; bottom: 20px; left: 0px; width: 100% } .user-items-list-banner-slideshow .mobile-arrow-button { pointer-events: auto; -webkit-appearance: none; cursor: pointer; display: block; border: none; border-radius: 50%; overflow: hidden; width: 48px; height: 48px; margin: 0; padding: 0; position: relative; background: transparent; z-index: 1 } .user-items-list-banner-slideshow .mobile-arrow-button--left { margin-right: 10px } .user-items-list-banner-slideshow .mobile-arrow-button--hidden { opacity: 0; pointer-events: none } .user-items-list-banner-slideshow .mobile-arrow-icon-background-area { position: absolute; width: 40px; height: 40px; left: 4px; top: 4px; transition: opacity .3s; border-radius: 50% } .user-items-list-banner-slideshow .mobile-arrow-icon { position: relative; display: block; margin: 0 auto; width: 20px; height: 20px } @media screen and (max-width: 575px) { .user-items-list-banner-slideshow .desktop-arrows { display: none } .user-items-list-banner-slideshow .mobile-arrows { display: flex } } .user-items-list-banner-slideshow .progress-indicators { width: 100%; text-align: center; color: #fff; padding: 20px 0px; display: flex; justify-content: center } .user-items-list-banner-slideshow .list-slideshow-bullet { -moz-appearance: none; -webkit-appearance: none; background: transparent; border: none; padding: 0; margin: 0; display: block; width: 12px; height: 12px; border-width: 1px; border-style: solid; border-radius: 50%; margin: 0px 6px } .user-items-list-banner-slideshow[data-progress-indicators-placement="inset"] .progress-indicators { position: absolute; bottom: 0px } .user-items-list-banner-slideshow[data-progress-indicators-placement="inset"] .list-slideshow-bullet { border-color: #fff } .user-items-list-banner-slideshow[data-progress-indicators-placement="outside"] .list-slideshow-bullet { border-color: #333 } .user-items-list-banner-slideshow .list-item-content--hidden { display: none } .user-items-list-banner-slideshow:not([data-has-multiple-slides]) .slideshow-gutter { cursor: auto !important } .user-items-list-banner-slideshow:not([data-has-multiple-slides]) .arrow-container, .user-items-list-banner-slideshow:not([data-has-multiple-slides]) .mobile-arrows { display: none } .user-items-list-banner-slideshow:not([data-has-multiple-slides]) .slide { pointer-events: auto; user-select: auto } .user-items-list-carousel__gutter { position: relative; overflow: hidden; cursor: grab } .user-items-list-carousel__gutter:focus { outline: none } .user-items-list-carousel__gutter:focus::after { display: block; box-sizing: border-box; border: 2px solid; content: ''; pointer-events: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .user-items-list-carousel__gutter:focus:not(:focus-visible)::after { display: none } .user-items-list-carousel__slideshow-holder { position: relative; margin: 0 auto } .user-items-list-carousel[data-layout-width="full-bleed"] .user-items-list-carousel__gutter, .user-items-list-carousel[data-layout-width="full-bleed"] .arrows-bottom-wrapper { padding-left: 0px; padding-right: 0px } .user-items-list-carousel[data-layout-width="full-bleed"][data-show-adjacent-slides="true"] .user-items-list-carousel__arrow-wrapper { width: calc(100% - 2 * 0px); max-width: calc(100% - 40px) } .user-items-list-carousel[data-layout-width="full-bleed"][data-show-adjacent-slides="false"] .user-items-list-carousel__arrow-wrapper { width: calc(100% - 2 * 0px); max-width: 100% } .user-items-list-carousel[data-layout-width="full"] .user-items-list-carousel__gutter, .user-items-list-carousel[data-layout-width="full"] .arrows-bottom-wrapper { padding-left: 4vw; padding-right: 4vw } .user-items-list-carousel[data-layout-width="full"][data-show-adjacent-slides="true"] .user-items-list-carousel__arrow-wrapper { width: calc(100% - 2 * 4vw); max-width: calc(100% - 40px) } .user-items-list-carousel[data-layout-width="full"][data-show-adjacent-slides="false"] .user-items-list-carousel__arrow-wrapper { width: calc(100% - 2 * 4vw); max-width: 100% } .user-items-list-carousel[data-layout-width="inset"] .user-items-list-carousel__gutter { padding-left: 4vw; padding-right: 4vw } .user-items-list-carousel[data-layout-width="inset"] .user-items-list-carousel__slideshow-holder { max-width: 1800px } .user-items-list-carousel[data-layout-width="inset"] .arrows-bottom-wrapper { padding-left: 4vw; padding-right: 4vw; box-sizing: content-box; max-width: 1800px; margin-left: auto; margin-right: auto } .user-items-list-carousel[data-layout-width="inset"][data-show-adjacent-slides="true"] .user-items-list-carousel__arrow-wrapper { width: calc(100% - 2 * 4vw); max-width: calc(1800px - 40px) } .user-items-list-carousel[data-layout-width="inset"][data-show-adjacent-slides="false"] .user-items-list-carousel__arrow-wrapper { width: calc(100% - 2 * 4vw); max-width: 1800px } @media screen and (min-width: 576px) { .user-items-list-carousel[data-show-adjacent-slides="true"] .user-items-list-carousel__slides-revealer { overflow: visible } .user-items-list-carousel[data-show-adjacent-slides="true"] .user-items-list-carousel__slides, .user-items-list-carousel[data-show-adjacent-slides="true"] .user-items-list-carousel__arrow-wrapper--left { padding-right: 40px } .user-items-list-carousel[data-show-adjacent-slides="true"] .user-items-list-carousel__arrow-wrapper--right { padding-left: 40px } } @media screen and (max-width: 575px) { .user-items-list-carousel[data-show-adjacent-slides="true"] .user-items-list-carousel__slides-revealer { overflow: hidden } } .user-items-list-carousel[data-show-adjacent-slides="false"] .user-items-list-carousel__slides-revealer { overflow: hidden } .user-items-list-carousel__slides { margin: 0px; padding: 0px; width: 100%; box-sizing: border-box; display: -ms-grid; display: grid; -ms-grid-rows: 1fr; grid-template-rows: 1fr; -ms-grid-columns: 1fr; grid-template-columns: 1fr; list-style-type: none; opacity: 0; transition: opacity .3s } @media screen and (max-width: 575px) { .user-items-list-carousel__slides { grid-gap: 20px !important } } .user-items-list-carousel__slides--initialized { opacity: 1 } .user-items-list-carousel__slide { box-sizing: border-box; -ms-grid-row: 1; grid-row-start: 1; grid-row-end: 2; -ms-grid-column: 1; grid-column-start: 1; grid-column-end: 2; width: 100%; min-width: 0; display: flex; flex-direction: column; transform: translatex(-9999px); pointer-events: none; user-select: none } .user-items-list-carousel__slide a, .user-items-list-carousel__slide button { pointer-events: auto } @media screen and (max-width: 767px) and (orientation: portrait) { #siteWrapper .user-items-list-item-container.user-items-list-carousel[data-title-font-unit="rem"] .list-item-content__title { font-size: calc((var(--title-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { #siteWrapper .user-items-list-item-container.user-items-list-carousel[data-title-font-unit="rem"] .list-item-content__title { font-size: calc((var(--title-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { #siteWrapper .user-items-list-item-container.user-items-list-carousel[data-title-font-unit="rem"] .list-item-content__title { font-size: calc(var(--title-font-size-value) * 1rem) } } @media screen and (max-width: 767px) and (orientation: portrait) { #siteWrapper .user-items-list-item-container.user-items-list-carousel[data-description-font-unit="rem"] .list-item-content__description { font-size: calc((var(--body-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { #siteWrapper .user-items-list-item-container.user-items-list-carousel[data-description-font-unit="rem"] .list-item-content__description { font-size: calc((var(--body-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { #siteWrapper .user-items-list-item-container.user-items-list-carousel[data-description-font-unit="rem"] .list-item-content__description { font-size: calc(var(--body-font-size-value) * 1rem) } } @media screen and (max-width: 767px) and (orientation: portrait) { #siteWrapper .user-items-list-item-container.user-items-list-carousel[data-button-font-unit="rem"] .list-item-content__button { font-size: calc((var(--button-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { #siteWrapper .user-items-list-item-container.user-items-list-carousel[data-button-font-unit="rem"] .list-item-content__button { font-size: calc((var(--button-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1944px) { #siteWrapper .user-items-list-item-container.user-items-list-carousel[data-button-font-unit="rem"] .list-item-content__button { font-size: calc(var(--button-font-size-value) * 1rem) } } .user-items-list-carousel .list-item-content__title { margin: 0px } .user-items-list-carousel .list-item-content__description { margin: 0px; letter-spacing: normal } .user-items-list-carousel .list-item-content__description p:first-of-type { margin-top: 0px } .user-items-list-carousel .list-item-content__description p:last-of-type { margin-bottom: 0px } .user-items-list-carousel[data-media-alignment="left"] .user-items-list-carousel__media-container { margin-left: 0; margin-right: auto } .user-items-list-carousel[data-media-alignment="center"] .user-items-list-carousel__media-container { margin-left: auto; margin-right: auto } .user-items-list-carousel[data-media-alignment="right"] .user-items-list-carousel__media-container { margin-left: auto; margin-right: 0 } .user-items-list-carousel[data-title-placement="left"] .list-item-content__title { margin-left: 0; margin-right: auto } .user-items-list-carousel[data-title-placement="center"] .list-item-content__title { margin-left: auto; margin-right: auto } .user-items-list-carousel[data-title-placement="right"] .list-item-content__title { margin-left: auto; margin-right: 0 } .user-items-list-carousel[data-body-placement="left"] .list-item-content__description { margin-left: 0; margin-right: auto } .user-items-list-carousel[data-body-placement="center"] .list-item-content__description { margin-left: auto; margin-right: auto } .user-items-list-carousel[data-body-placement="right"] .list-item-content__description { margin-left: auto; margin-right: 0 } .user-items-list-carousel[data-button-placement="left"] .list-item-content__button-container { margin-left: 0; margin-right: auto } .user-items-list-carousel[data-button-placement="center"] .list-item-content__button-container { margin-left: auto; margin-right: auto } .user-items-list-carousel[data-button-placement="right"] .list-item-content__button-container { margin-left: auto; margin-right: 0 } .user-items-list-carousel[data-title-alignment="left"] .list-item-content__title { text-align: left } .user-items-list-carousel[data-title-alignment="center"] .list-item-content__title { text-align: center } .user-items-list-carousel[data-title-alignment="right"] .list-item-content__title { text-align: right } .user-items-list-carousel[data-body-alignment="left"] .list-item-content__description { text-align: left } .user-items-list-carousel[data-body-alignment="center"] .list-item-content__description { text-align: center } .user-items-list-carousel[data-body-alignment="right"] .list-item-content__description { text-align: right } .user-items-list-carousel[data-button-alignment="left"] .list-item-content__button-container { text-align: left } .user-items-list-carousel[data-button-alignment="center"] .list-item-content__button-container { text-align: center } .user-items-list-carousel[data-button-alignment="right"] .list-item-content__button-container { text-align: right } .user-items-list-carousel[data-max-columns="1"] .user-items-list-carousel__slides, .user-items-list-carousel[data-max-columns="2"] .user-items-list-carousel__slides, .user-items-list-carousel[data-max-columns="3"] .user-items-list-carousel__slides, .user-items-list-carousel[data-max-columns="4"] .user-items-list-carousel__slides, .user-items-list-carousel[data-max-columns="5"] .user-items-list-carousel__slides, .user-items-list-carousel[data-max-columns="6"] .user-items-list-carousel__slides, .user-items-list-carousel[data-max-columns="1"] .user-items-list-carousel__arrow-wrapper, .user-items-list-carousel[data-max-columns="2"] .user-items-list-carousel__arrow-wrapper, .user-items-list-carousel[data-max-columns="3"] .user-items-list-carousel__arrow-wrapper, .user-items-list-carousel[data-max-columns="4"] .user-items-list-carousel__arrow-wrapper, .user-items-list-carousel[data-max-columns="5"] .user-items-list-carousel__arrow-wrapper, .user-items-list-carousel[data-max-columns="6"] .user-items-list-carousel__arrow-wrapper { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr) } @media screen and (min-width: 576px) { .user-items-list-carousel[data-max-columns="2"] .user-items-list-carousel__slides, .user-items-list-carousel[data-max-columns="3"] .user-items-list-carousel__slides, .user-items-list-carousel[data-max-columns="4"] .user-items-list-carousel__slides, .user-items-list-carousel[data-max-columns="5"] .user-items-list-carousel__slides, .user-items-list-carousel[data-max-columns="6"] .user-items-list-carousel__slides, .user-items-list-carousel[data-max-columns="2"] .user-items-list-carousel__arrow-wrapper, .user-items-list-carousel[data-max-columns="3"] .user-items-list-carousel__arrow-wrapper, .user-items-list-carousel[data-max-columns="4"] .user-items-list-carousel__arrow-wrapper, .user-items-list-carousel[data-max-columns="5"] .user-items-list-carousel__arrow-wrapper, .user-items-list-carousel[data-max-columns="6"] .user-items-list-carousel__arrow-wrapper { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr) } } @media screen and (min-width: 992px) { .user-items-list-carousel[data-max-columns="3"] .user-items-list-carousel__slides, .user-items-list-carousel[data-max-columns="4"] .user-items-list-carousel__slides, .user-items-list-carousel[data-max-columns="5"] .user-items-list-carousel__slides, .user-items-list-carousel[data-max-columns="6"] .user-items-list-carousel__slides, .user-items-list-carousel[data-max-columns="3"] .user-items-list-carousel__arrow-wrapper, .user-items-list-carousel[data-max-columns="4"] .user-items-list-carousel__arrow-wrapper, .user-items-list-carousel[data-max-columns="5"] .user-items-list-carousel__arrow-wrapper, .user-items-list-carousel[data-max-columns="6"] .user-items-list-carousel__arrow-wrapper { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr) } } @media screen and (min-width: 1100px) { .user-items-list-carousel[data-max-columns="4"] .user-items-list-carousel__slides, .user-items-list-carousel[data-max-columns="5"] .user-items-list-carousel__slides, .user-items-list-carousel[data-max-columns="6"] .user-items-list-carousel__slides, .user-items-list-carousel[data-max-columns="4"] .user-items-list-carousel__arrow-wrapper, .user-items-list-carousel[data-max-columns="5"] .user-items-list-carousel__arrow-wrapper, .user-items-list-carousel[data-max-columns="6"] .user-items-list-carousel__arrow-wrapper { -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr) } } @media screen and (min-width: 1200px) { .user-items-list-carousel[data-max-columns="5"] .user-items-list-carousel__slides, .user-items-list-carousel[data-max-columns="5"] .user-items-list-carousel__arrow-wrapper { -ms-grid-columns: (1fr)[5]; grid-template-columns: repeat(5, 1fr) } .user-items-list-carousel[data-max-columns="6"] .user-items-list-carousel__slides, .user-items-list-carousel[data-max-columns="6"] .user-items-list-carousel__arrow-wrapper { -ms-grid-columns: (1fr)[6]; grid-template-columns: repeat(6, 1fr) } } .user-items-list-carousel[data-alignment-vertical="top"] .user-items-list-carousel__slide { align-self: flex-start } .user-items-list-carousel[data-alignment-vertical="middle"] .user-items-list-carousel__slide { align-self: center } .user-items-list-carousel[data-alignment-vertical="bottom"] .user-items-list-carousel__slide { align-self: flex-end } .user-items-list-carousel[data-alignment-vertical="stretch"] .user-items-list-carousel__slide { align-self: stretch } .user-items-list-carousel[data-alignment-vertical="stretch"][data-content-order="media-first"] .list-item-content { flex: 1; display: flex; flex-direction: column; justify-content: space-between } .user-items-list-carousel__arrow-wrapper { pointer-events: none; position: absolute; top: 0px; height: 100%; box-sizing: border-box; display: -ms-grid; display: grid; -ms-grid-rows: 1fr; grid-template-rows: 1fr; -ms-grid-columns: 1fr; grid-template-columns: 1fr } .user-items-list-carousel__arrow-wrapper--left { left: 0px } .user-items-list-carousel__arrow-wrapper--right { right: 0px } .user-items-list-carousel__arrow-wrapper--right .user-items-list-carousel__arrow-container { justify-self: right } .user-items-list-carousel__arrow-wrapper--right .user-items-list-carousel__arrow-icon-holder { justify-content: flex-end } .user-items-list-carousel__arrow-container { position: absolute; top: 0; height: 100%; width: 100%; box-sizing: border-box; -ms-grid-column: 1; grid-column-start: 1; grid-column-end: 2 } .user-items-list-carousel__arrow-wrapper--left .user-items-list-carousel__arrow-container { -ms-grid-column: 1; grid-column-start: 1; grid-column-end: 2 } .user-items-list-carousel__arrow-wrapper--right .user-items-list-carousel__arrow-container { -ms-grid-column: -1; grid-column-start: -1; grid-column-end: -2 } .user-items-list-carousel__arrow-positioner { box-sizing: border-box; width: 100% } .user-items-list-carousel__arrow-icon-holder { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center } .user-items-list-carousel__arrow-button { pointer-events: auto; -webkit-appearance: none; cursor: pointer; display: block; border: none; border-radius: 50%; overflow: hidden; width: 60px; height: 60px; margin: 0; padding: 0; transition: opacity .3s; position: relative; background: transparent; z-index: 1 } .user-items-list-carousel__arrow-button:focus { outline: none } .user-items-list-carousel__arrow-button:focus::after { position: absolute; height: 80%; width: 80%; border-radius: 50%; border: 2px solid; content: ''; top: 0; left: 0; right: 0; bottom: 0; margin: auto } .user-items-list-carousel__arrow-button:focus:not(:focus-visible)::after { display: none } .user-items-list-carousel__arrow-button--hidden { opacity: 0; pointer-events: none } .user-items-list-carousel__arrow-icon-background-area { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: .7; transition: opacity .3s } .user-items-list-carousel__arrow-button:hover .user-items-list-carousel__arrow-icon-background-area { opacity: 1 } .user-items-list-carousel__arrow-icon { position: relative; display: block; margin: 0 auto; width: 36px; height: 36px } .user-items-list-carousel__arrow-icon-path { stroke-width: 2px; stroke-linejoin: round; stroke-linecap: round; fill: none } .arrows-bottom-wrapper { display: flex } .arrows-bottom { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-gap: 20px; grid-gap: 20px } .user-items-list-carousel[data-navigation-alignment="left"] .arrows-bottom-wrapper { justify-content: flex-start } .user-items-list-carousel[data-navigation-alignment="center"] .arrows-bottom-wrapper { justify-content: center } .user-items-list-carousel[data-navigation-alignment="right"] .arrows-bottom-wrapper { justify-content: flex-end } .user-items-list-carousel .mobile-arrows { display: none; justify-content: center; margin-top: 20px } .user-items-list-carousel .mobile-arrow-button { pointer-events: auto; -webkit-appearance: none; cursor: pointer; display: block; border: none; border-radius: 50%; overflow: hidden; width: 48px; height: 48px; margin: 0; padding: 0; position: relative; background: transparent; z-index: 1 } .user-items-list-carousel .mobile-arrow-button--left { margin-right: 10px } .user-items-list-carousel .mobile-arrow-button--hidden { opacity: 0; pointer-events: none } .user-items-list-carousel .mobile-arrow-icon-background-area { position: absolute; width: 40px; height: 40px; left: 4px; top: 4px; transition: opacity .3s; border-radius: 50% } .user-items-list-carousel .mobile-arrow-icon { position: relative; display: block; margin: 0 auto; width: 20px; height: 20px } @media screen and (max-width: 575px) { .user-items-list-carousel .desktop-arrows { display: none } .user-items-list-carousel .mobile-arrows { display: flex } } [data-is-media-enabled="true"] .user-items-list-carousel__media-inner, [data-is-media-enabled="true"] .user-items-list-carousel__arrow-positioner { position: relative } [data-is-media-enabled="true"] .user-items-list-carousel__media-inner:not([data-media-aspect-ratio="original"]), [data-is-media-enabled="true"] .user-items-list-carousel__arrow-positioner:not([data-media-aspect-ratio="original"]) { height: 0px } [data-is-media-enabled="true"] .user-items-list-carousel__media-inner[data-media-aspect-ratio="1:1"], [data-is-media-enabled="true"] .user-items-list-carousel__arrow-positioner[data-media-aspect-ratio="1:1"] { padding-bottom: 100% } [data-is-media-enabled="true"] .user-items-list-carousel__media-inner[data-media-aspect-ratio="3:2"], [data-is-media-enabled="true"] .user-items-list-carousel__arrow-positioner[data-media-aspect-ratio="3:2"] { padding-bottom: 66.67% } [data-is-media-enabled="true"] .user-items-list-carousel__media-inner[data-media-aspect-ratio="2:3"], [data-is-media-enabled="true"] .user-items-list-carousel__arrow-positioner[data-media-aspect-ratio="2:3"] { padding-bottom: 150% } [data-is-media-enabled="true"] .user-items-list-carousel__media-inner[data-media-aspect-ratio="4:3"], [data-is-media-enabled="true"] .user-items-list-carousel__arrow-positioner[data-media-aspect-ratio="4:3"] { padding-bottom: 75% } [data-is-media-enabled="true"] .user-items-list-carousel__media-inner[data-media-aspect-ratio="3:4"], [data-is-media-enabled="true"] .user-items-list-carousel__arrow-positioner[data-media-aspect-ratio="3:4"] { padding-bottom: 133.33% } [data-is-media-enabled="true"] .user-items-list-carousel__media-inner[data-media-aspect-ratio="16:9"], [data-is-media-enabled="true"] .user-items-list-carousel__arrow-positioner[data-media-aspect-ratio="16:9"] { padding-bottom: 56.25% } [data-is-media-enabled="true"] .user-items-list-carousel__media-inner[data-media-aspect-ratio="2.4:1"], [data-is-media-enabled="true"] .user-items-list-carousel__arrow-positioner[data-media-aspect-ratio="2.4:1"] { padding-bottom: 41.67% } [data-is-media-enabled="true"] .user-items-list-carousel__media-inner[data-media-aspect-ratio="circle"], [data-is-media-enabled="true"] .user-items-list-carousel__arrow-positioner[data-media-aspect-ratio="circle"] { padding-bottom: 100% } [data-is-media-enabled="true"] .user-items-list-carousel__media-inner:not([data-media-aspect-ratio="original"]) { overflow: hidden } [data-is-media-enabled="true"] .user-items-list-carousel__media-inner[data-media-aspect-ratio="circle"] { border-radius: 50% } .user-items-list-carousel__arrow-positioner[data-media-aspect-ratio="original"], .user-items-list-carousel[data-is-media-enabled="false"] .user-items-list-carousel__arrow-positioner, .user-items-list-carousel[data-is-card-enabled="true"] .user-items-list-carousel__arrow-positioner, .user-items-list-carousel:not([data-media-width-value="100"][data-media-width-unit="%"]) .user-items-list-carousel__arrow-positioner { height: 100%; padding-bottom: 0px } .user-items-list-carousel__media { display: block; width: 100% } .user-items-list-carousel__media-inner:not([data-media-aspect-ratio="original"]) .user-items-list-carousel__media { height: 100%; object-fit: cover; position: absolute; left: 0px; top: 0px } .list-item-content--hidden { display: none } .user-items-list .list-section-title { margin-left: auto; margin-right: auto; padding-left: 4vw; padding-right: 4vw } .user-items-list .list-section-title p { margin: 0 } .user-items-list .list-section-title[data-section-title-alignment="left"] { text-align: left } .user-items-list .list-section-title[data-section-title-alignment="center"] { text-align: center } .user-items-list .list-section-title[data-section-title-alignment="right"] { text-align: right } .user-items-list[data-layout-width="inset"] .list-section-title { max-width: 1800px } .user-items-list .list-section-button-container { margin-left: auto; margin-right: auto; padding-left: 4vw; padding-right: 4vw } .user-items-list .list-section-button-container[data-section-button-alignment="left"] { text-align: left } .user-items-list .list-section-button-container[data-section-button-alignment="center"] { text-align: center } .user-items-list .list-section-button-container[data-section-button-alignment="right"] { text-align: right } .user-items-list[data-layout-width="inset"] .list-section-button-container { max-width: 1800px } body.sqs-site-styles-active, body.sqs-edit-mode-active { --header-fixed-top-offset: 0px } body.header--menu-open { overflow: hidden } .hide-burger { display: none !important } body:not(.header--menu-open) [data-header-style="solid"].header .header-title-text a { color: var(--solidHeaderNavigationColor) } body:not(.header--menu-open) [data-header-style="solid"].header .header-nav-wrapper a { color: var(--solidHeaderNavigationColor) } body:not(.header--menu-open) [data-header-style="solid"].header .header-nav-wrapper .header-nav-item--active a { color: var(--solidHeaderNavigationColor) } body:not(.header--menu-open) [data-header-style="solid"].header .language-picker { color: var(--solidHeaderNavigationColor) } body:not(.header--menu-open) [data-header-style="solid"].header .user-accounts-text-link { color: var(--solidHeaderNavigationColor) } body:not(.header--menu-open) [data-header-style="solid"].header .sqs-custom-cart:not(.header-icon-border-style-solid).cart-style-text { color: var(--solidHeaderNavigationColor) } body:not(.header--menu-open) [data-header-style="solid"].header .sqs-custom-cart.header-icon-border-shape-none .icon-cart-quantity { color: var(--solidHeaderNavigationColor) } body:not(.header--menu-open) [data-header-style="solid"].header .burger-inner .top-bun, body:not(.header--menu-open) [data-header-style="solid"].header .burger-inner .patty, body:not(.header--menu-open) [data-header-style="solid"].header .burger-inner .bottom-bun { background-color: var(--solidHeaderNavigationColor) } body:not(.header--menu-open) [data-header-style="solid"].header .header-icon:not(.header-icon-border-shape-none).header-icon-border-style-outline { color: var(--solidHeaderNavigationColor); box-shadow: 0px 0px 0px 2px var(--solidHeaderNavigationColor) inset } body:not(.header--menu-open) [data-header-style="solid"].header .header-actions .icon--stroke svg { stroke: var(--solidHeaderNavigationColor) } body:not(.header--menu-open) [data-header-style="solid"].header .header-actions .icon--fill svg { fill: var(--solidHeaderNavigationColor) } body:not(.header--menu-open) [data-header-style="solid"].header .header-nav-folder-content, body:not(.header--menu-open) [data-header-style="solid"].header .language-picker-content { background-color: var(--solidHeaderBackgroundColor) } body:not(.header--menu-open) [data-header-style="gradient"].header .header-title-text a { color: var(--gradientHeaderNavigationColor) } body:not(.header--menu-open) [data-header-style="gradient"].header .header-nav-wrapper a { color: var(--gradientHeaderNavigationColor) } body:not(.header--menu-open) [data-header-style="gradient"].header .header-nav-wrapper .header-nav-item--active a { color: var(--gradientHeaderNavigationColor) } body:not(.header--menu-open) [data-header-style="gradient"].header .language-picker { color: var(--gradientHeaderNavigationColor) } body:not(.header--menu-open) [data-header-style="gradient"].header .user-accounts-text-link { color: var(--gradientHeaderNavigationColor) } body:not(.header--menu-open) [data-header-style="gradient"].header .sqs-custom-cart:not(.header-icon-border-style-solid).cart-style-text { color: var(--gradientHeaderNavigationColor) } body:not(.header--menu-open) [data-header-style="gradient"].header .sqs-custom-cart.header-icon-border-shape-none .icon-cart-quantity { color: var(--gradientHeaderNavigationColor) } body:not(.header--menu-open) [data-header-style="gradient"].header .burger-inner .top-bun, body:not(.header--menu-open) [data-header-style="gradient"].header .burger-inner .patty, body:not(.header--menu-open) [data-header-style="gradient"].header .burger-inner .bottom-bun { background-color: var(--gradientHeaderNavigationColor) } body:not(.header--menu-open) [data-header-style="gradient"].header .header-icon:not(.header-icon-border-shape-none).header-icon-border-style-outline { color: var(--gradientHeaderNavigationColor); box-shadow: 0px 0px 0px 2px var(--gradientHeaderNavigationColor) inset } body:not(.header--menu-open) [data-header-style="gradient"].header .header-actions .icon--stroke svg { stroke: var(--gradientHeaderNavigationColor) } body:not(.header--menu-open) [data-header-style="gradient"].header .header-actions .icon--fill svg { fill: var(--gradientHeaderNavigationColor) } body:not(.header--menu-open) [data-header-style="gradient"].header .header-nav-folder-content, body:not(.header--menu-open) [data-header-style="gradient"].header .language-picker-content { background-color: var(--gradientHeaderBackgroundColor) } .header { z-index: 10; position: absolute; top: 0; right: 0; left: 0; line-height: 1; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); pointer-events: none; transition: transform 140ms ease-in-out } .header .sqs-announcement-bar-dropzone { position: relative; z-index: 3; pointer-events: auto } .header .sqs-announcement-bar-close, .header .sqs-announcement-bar-url { outline-offset: -2px } .header .header-announcement-bar-wrapper { position: relative; z-index: 2; width: 100%; box-sizing: border-box; padding-top: 3vw; padding-bottom: 3vw; padding-left: 4vw; padding-right: 4vw; pointer-events: auto } .header .header-announcement-bar-wrapper .header-border, .header .header-announcement-bar-wrapper .header-dropshadow, .header .header-announcement-bar-wrapper .header-background-gradient, .header .header-announcement-bar-wrapper .header-background-solid, .header .header-announcement-bar-wrapper .header-blur-background { width: 100%; height: 100%; box-sizing: border-box; position: absolute; top: 0; left: 0; pointer-events: none } @supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) { .header-blur-background { background-color: rgba(255, 255, 255, .5) } } body:not(.header--menu-open) .header .header-announcement-bar-wrapper [data-header-style="solid"].header-background-solid { background-color: var(--solidHeaderBackgroundColor) } body:not(.header--menu-open) .header .header-announcement-bar-wrapper [data-header-style="gradient"][data-gradient-type="faded"].header-background-gradient { background: linear-gradient(var(--gradientHeaderBackgroundColor), transparent) } .header .header-announcement-bar-wrapper .header-border { z-index: 1 } .header .header-announcement-bar-wrapper .header-border[data-header-style="solid"]:not([data-header-usability-enabled="true"]) { border: solid var(--solidHeaderBorderColor) } .header .header-announcement-bar-wrapper .header-border[data-header-style="gradient"]:not([data-header-usability-enabled="true"]) { border: solid var(--gradientHeaderBorderColor) } .header .header-announcement-bar-wrapper .header-border[data-header-border="true"][data-header-usability-enabled="true"] { border: solid var(--headerBorderColor) } .header--menu-open .header .header-announcement-bar-wrapper .header-border { visibility: hidden } .header .header-announcement-bar-wrapper .header-dropshadow[data-header-style="solid"]:not([data-header-usability-enabled="true"]) { color: var(--solidHeaderDropShadowColor); opacity: .15 } .header .header-announcement-bar-wrapper .header-dropshadow[data-header-style="gradient"]:not([data-header-usability-enabled="true"]) { color: var(--gradientHeaderDropShadowColor); opacity: .15 } .header .header-announcement-bar-wrapper .header-dropshadow[data-header-dropshadow="true"][data-header-usability-enabled="true"] { color: var(--headerDropShadowColor); opacity: .15 } .header--menu-open .header .header-announcement-bar-wrapper .header-dropshadow { visibility: hidden } .header--menu-open .header .header-announcement-bar-wrapper .header-blur-background { visibility: hidden } @media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) { .header .header-announcement-bar-wrapper { padding: 6vw } } .tweak-fixed-header:not(.sqs-edit-mode-active):not(.sqs-site-styles-active) .header { position: fixed } .tweak-fixed-header:not(.sqs-edit-mode-active):not(.sqs-site-styles-active) .header.shrink .header-announcement-bar-wrapper { padding-top: 1.8vw; padding-bottom: 1.8vw } @media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) { .tweak-fixed-header:not(.sqs-edit-mode-active):not(.sqs-site-styles-active) .header.shrink .header-announcement-bar-wrapper { padding-top: 2vmax; padding-bottom: 2vmax } } body.tweak-transparent-header .header:not(.shrink):not(.transparent-header-theme--override) { transition: background 300ms ease-in-out 0s, padding 140ms ease-in-out, transform 140ms ease-in-out 140ms; background-color: transparent !important } .header .tweak-transparent-header .sections .page-section:first-child.background-width--full-bleed.has-background .section-background:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: .05 } .tweak-fixed-header .header { transition: background 140ms ease-in-out 140ms, transform 140ms ease-in-out } .tweak-fixed-header .header .header-announcement-bar-wrapper { transition: padding 140ms ease-in-out } .header .header-nav-wrapper a, .header .language-item a { text-decoration: none; backface-visibility: hidden; padding: .1em 0 } .header .Cart-inner { position: relative; display: flex } .header .header-skip-link { position: absolute; padding: 1em 1.5em; box-sizing: border-box; text-decoration: underline; z-index: 2; max-width: calc(100vw - 2.6em); top: 1.5em; left: -1000em } .header .header-skip-link:focus { left: 1.3em } .header-inner { position: relative; z-index: 1; display: flex; align-items: center; width: 100%; height: inherit } .header-width-inset .header-inner { max-width: 1800px; padding-left: 0; padding-right: 0; margin: 0 auto } .header-background, .header-background::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: opacity 400ms cubic-bezier(.4, 0, .2, 1); will-change: opacity } .header-background::after { content: ''; opacity: 0 } @media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) { .header-background::after { box-shadow: 0 0 10px rgba(0, 0, 0, .15); opacity: 0; transform: matrix(1, 0, 0, 1, 0, 0) } } .header--background .header-background::after { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0) } .header-display { position: relative; display: flex; width: 100%; box-sizing: border-box; justify-content: flex-start; align-items: center } .header-display-mobile { display: none; position: relative; width: 100%; box-sizing: border-box; justify-content: flex-start; align-items: center } @media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) { .header-display-mobile { display: flex } } .header-display-mobile .showOnDesktop { display: flex } @media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) { .header-display-mobile .showOnDesktop { display: none } } .header-display-desktop { position: relative; display: flex; width: 100%; box-sizing: border-box; justify-content: flex-start; align-items: center } @media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) { .header-display-desktop { display: none } } .header-display-desktop .showOnMobile { display: none } @media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) { .header-display-desktop .showOnMobile { display: flex } } .header-title-nav-wrapper { display: flex; flex-wrap: nowrap; flex: 1 0 67%; align-items: center } .header-title { flex-grow: 0; flex-shrink: 0; backface-visibility: hidden } @media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) { .header-title { flex-grow: 1 } } .header-title-logo { width: auto; font-size: 0 } .header-title-logo a { display: inline-block; max-width: 100%; max-height: 20px } .header-title-logo img { width: auto; max-width: 100%; max-height: 20px } @media screen and (max-width: 767px) { .header-title-logo a { max-height: 30px } .header-title-logo img { max-height: 30px } } .header-title-text { margin: 0 } .header-title-text a { opacity: 1 } .header-title .header-mobile-logo { display: none } .header-burger { display: none; align-items: center; justify-content: center } @media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) { .header-burger { display: flex } } .header-nav { flex-grow: 1; flex-shrink: 1 } @media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) { .header-nav { display: none } } .header-nav-list { display: inline-flex; flex-wrap: wrap } .header-nav-list>div { white-space: nowrap } .header-nav .header-nav-item--folder { position: relative } .header-nav .header-nav-item--folder .header-nav-folder-content { opacity: 0; pointer-events: none; position: absolute; top: auto; left: -1em; padding: .5em 1em; text-align: left; min-width: 200px; z-index: 10 } .header-nav .header-nav-item--folder .header-nav-folder-content .header-nav-folder-item { line-height: 1.3 } .header-nav .header-nav-item--folder:hover .header-nav-folder-content, .header-nav .header-nav-item--folder .header-nav-folder-content.focus-within { opacity: 1; pointer-events: auto } .header-nav .header-nav-item--folder .header-nav-folder-content:focus-within { opacity: 1; pointer-events: auto } .header-nav-item a { display: block } .header .header-layout-nav-right .header-nav .header-nav-item--folder .header-nav-folder-content { left: auto; right: -1em; text-align: right } .header .language-picker .icon { line-height: 0; flex-shrink: 0 } .header .language-picker .current-language { display: flex; align-items: center } .header .language-picker .current-language-name { margin-right: 8px } .header .language-picker img:not([src]) { visibility: hidden } .header .language-picker-content a { display: flex; align-items: center } .header .language-picker-mobile .icon, .header #multilingual-language-picker-mobile .icon, .header .language-picker-mobile .flag, .header #multilingual-language-picker-mobile .flag { margin: 0 16px 0 8px; display: inline-block } .header .language-picker-mobile .chevron { margin-top: 2px } .header-actions { flex-grow: 0; flex-shrink: 1; display: inline-flex; align-items: center } .header-actions .header-actions-action--cta { white-space: nowrap } .header-actions .header-actions-action--social { display: flex } .header-actions .language-picker-desktop { margin: 0 0 0 1.5vw; position: relative } .header-actions .language-picker-desktop .icon, .header-actions .language-picker-desktop .flag { margin-right: 8px } .header-actions .language-picker-desktop .icon { width: 20px; height: 20px } .header-actions .language-picker-desktop .flag { width: 20px; height: 20px } .header-actions .language-picker-desktop .chevron { margin-left: 2px; margin-bottom: 1px } .header-actions .language-picker-desktop .current-language { padding: .1em 0; cursor: pointer } .header-actions .language-picker-desktop .language-picker-content { opacity: 0; pointer-events: none; position: absolute; top: auto; left: -1em; padding: .5em 1em; text-align: left; min-width: 200px; z-index: 10; min-width: 110px } .header-actions .language-picker-desktop .language-picker-content .language-item { line-height: 1.3 } .header-actions .language-picker-desktop .language-picker-content .language-item .flag { margin-top: 3px; margin-bottom: 3px } .header-actions .language-picker-desktop .language-picker-content .language-item a * { pointer-events: none } .header-actions .language-picker-desktop:hover .language-picker-content, .header-actions .language-picker-desktop .language-picker-content.focus-within { opacity: 1; pointer-events: auto } .header-actions .language-picker-desktop .language-picker-content:focus-within { opacity: 1; pointer-events: auto } .header-actions--right { justify-content: flex-end } .header-actions--right .header-actions-action { margin: 0 0 0 1.5vw } @media screen and (max-width: 767px) { .header-actions--right .header-actions-action--cart { margin: 0 } } .header-actions--right .customerAccountLoginDesktop { margin: 0 0 0 1.5vw } .header-actions--right .header-actions-action--social { margin: 0 } .header-actions--right .header-actions-action--social .icon { width: 20px; height: 20px } .header-actions--right .header-actions-action--social .icon:not(:first-child) { margin-left: 1.3vw } .header-actions--right .header-actions-action--social .icon:not(:first-child).header-icon:not(.header-icon-border-shape-none) { margin-left: max(.5vw, calc(1.3vw - 10px)) } .header-actions--right .header-actions-action--social .icon:first-child { margin-left: 1.5vw } .header-actions--right .language-picker-desktop .language-picker-content { left: auto; right: -1em } .header-layout .header-nav-list { flex-wrap: wrap } @media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) { .header-layout-nav-right .header-title { flex-grow: 1 } } .header-layout-nav-right .header-nav { text-align: right; margin-left: auto; padding-left: 1.5vw } .header-layout-nav-right .header-nav-list { justify-content: flex-end } .header-layout-nav-right .header-nav-item:not(:first-child):not(.header-actions-action--cart) { margin-left: 1.3vw } .header-layout-nav-right .header-actions { margin-right: 0 } .header-layout-nav-left .header-title { margin-right: 1.5vw } @media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) { .header-layout-nav-left .header-title { flex-grow: 1 } } .header-layout-nav-left .header-nav { margin-right: auto } .header-layout-nav-left .header-nav-item:not(:last-child) { margin-right: 1.3vw } .header-layout-nav-center .header-title { width: 33%; flex: 1 1 33% } @media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) { .header-layout-nav-center .header-title { min-width: 0; flex-grow: 1 } } .header-layout-nav-center .header-nav { width: 34%; text-align: center; flex: 1 1 34% } .header-layout-nav-center .header-nav-list { justify-content: center } .header-layout-nav-center .header-nav .header-nav-item { margin-left: .65vw; margin-right: .65vw } .header-layout-nav-center .header-actions { width: 33% } @media screen and (min-width: 768px) { .header-layout-branding-center .header-display { flex-wrap: wrap } } .header-layout-branding-center .header-title { width: 34%; text-align: center; flex: 1 1 34% } .header-layout-branding-center .header-nav { width: 33%; flex: 1 1 33% } .header-layout-branding-center .header-nav .header-nav-item:not(:last-child) { margin-right: 1.3vw } .header-layout-branding-center .header-actions { width: 33% } @media screen and (min-width: 768px) { .header-layout-branding-center-nav-center .header-display { flex-wrap: wrap } } .header-layout-branding-center-nav-center .header-title-nav-wrapper { display: flex; flex-direction: row; flex-wrap: wrap; flex: 0 0 50%; justify-content: center; align-content: center; margin-left: auto } .header-layout-branding-center-nav-center .header-title-nav-wrapper .header-title { text-align: center; flex: 0 0 100% } .header-layout-branding-center-nav-center .header-title-nav-wrapper .header-nav { text-align: center; flex: 0 0 100%; margin: 1.5vw 0 0 } .header-layout-branding-center-nav-center .header-title-nav-wrapper .header-nav .header-nav-list { justify-content: center } .header-layout-branding-center-nav-center .header-title-nav-wrapper .header-nav .header-nav-item { margin-left: .65vw; margin-right: .65vw } .header-layout-branding-center-nav-center .header-actions--left { flex: 0 1 25%; max-width: 25%; justify-content: flex-start; align-content: center } .header-layout-branding-center-nav-center .header-actions--left .header-actions-action--social { margin: 0 } .header-layout-branding-center-nav-center .header-actions--left .header-actions-action--social .icon { width: 20px; height: 20px } .header-layout-branding-center-nav-center .header-actions--left .header-actions-action--social .icon:not(:last-child) { margin-right: 1.3vw } .header-layout-branding-center-nav-center .header-actions--left .header-actions-action--social .icon:last-child { margin-right: 1.5vw } .header-layout-branding-center-nav-center .header-actions--right { flex: 0 1 25%; max-width: 25% } .header-layout-hamburger-left .header-display-desktop .header-burger, .header-layout-hamburger-center .header-display-desktop .header-burger, .header-layout-hamburger-right .header-display-desktop .header-burger, .header-layout-hamburger-cta-right .header-display-desktop .header-burger { display: flex } .header-layout-hamburger-left .header-display-desktop .header-nav, .header-layout-hamburger-center .header-display-desktop .header-nav, .header-layout-hamburger-right .header-display-desktop .header-nav, .header-layout-hamburger-cta-right .header-display-desktop .header-nav, .header-layout-hamburger-left .header-display-desktop .user-accounts-link, .header-layout-hamburger-center .header-display-desktop .user-accounts-link, .header-layout-hamburger-right .header-display-desktop .user-accounts-link, .header-layout-hamburger-cta-right .header-display-desktop .user-accounts-link, .header-layout-hamburger-left .header-display-desktop .header-actions-action--social, .header-layout-hamburger-center .header-display-desktop .header-actions-action--social, .header-layout-hamburger-right .header-display-desktop .header-actions-action--social, .header-layout-hamburger-cta-right .header-display-desktop .header-actions-action--social, .header-layout-hamburger-left .header-display-desktop .header-actions-action--cta, .header-layout-hamburger-center .header-display-desktop .header-actions-action--cta, .header-layout-hamburger-right .header-display-desktop .header-actions-action--cta, .header-layout-hamburger-cta-right .header-display-desktop .header-actions-action--cta, .header-layout-hamburger-left .header-display-desktop .showOnDesktop, .header-layout-hamburger-center .header-display-desktop .showOnDesktop, .header-layout-hamburger-right .header-display-desktop .showOnDesktop, .header-layout-hamburger-cta-right .header-display-desktop .showOnDesktop { display: none } .header-layout-hamburger-left.desktop-promote-button .header-display-desktop .header-actions-action--cta, .header-layout-hamburger-center.desktop-promote-button .header-display-desktop .header-actions-action--cta, .header-layout-hamburger-right.desktop-promote-button .header-display-desktop .header-actions-action--cta, .header-layout-hamburger-cta-right.desktop-promote-button .header-display-desktop .header-actions-action--cta { display: block } .header-layout-hamburger-left.desktop-promote-cart .header-display-desktop .showOnDesktop, .header-layout-hamburger-center.desktop-promote-cart .header-display-desktop .showOnDesktop, .header-layout-hamburger-right.desktop-promote-cart .header-display-desktop .showOnDesktop, .header-layout-hamburger-cta-right.desktop-promote-cart .header-display-desktop .showOnDesktop { display: block } .header-layout-hamburger-left.desktop-promote-login .header-display-desktop .user-accounts-link, .header-layout-hamburger-center.desktop-promote-login .header-display-desktop .user-accounts-link, .header-layout-hamburger-right.desktop-promote-login .header-display-desktop .user-accounts-link, .header-layout-hamburger-cta-right.desktop-promote-login .header-display-desktop .user-accounts-link { display: block } .header-layout-hamburger-left.desktop-promote-social .header-display-desktop .header-actions-action--social, .header-layout-hamburger-center.desktop-promote-social .header-display-desktop .header-actions-action--social, .header-layout-hamburger-right.desktop-promote-social .header-display-desktop .header-actions-action--social, .header-layout-hamburger-cta-right.desktop-promote-social .header-display-desktop .header-actions-action--social { display: flex } .header-layout-hamburger-left .header-display-desktop .header-title-nav-wrapper { flex: 0 1 auto } .header-layout-hamburger-left .header-display-desktop .header-burger { flex: 1 1 0; justify-content: flex-start } .header-layout-hamburger-left .header-display-desktop .header-actions { flex: 1 1 0 } .header-layout-hamburger-center .header-display-desktop .header-title-nav-wrapper { flex: 1 1 0 } .header-layout-hamburger-center .header-display-desktop .header-burger { flex: 0 1 auto } .header-layout-hamburger-center .header-display-desktop .header-actions { flex: 1 1 0 } .header-layout-hamburger-right .header-display-desktop .header-title-nav-wrapper { flex: 0 1 auto } .header-layout-hamburger-right .header-display-desktop .header-burger { flex: 1 1 0; justify-content: flex-end } .header-layout-hamburger-right .header-display-desktop .header-actions { flex: 1 1 0; flex-direction: row-reverse; justify-content: flex-end } .header-layout-hamburger-right .header-display-desktop .header-actions .header-actions-action--cta { margin-left: 0px } .header-layout-hamburger-cta-right .header-display-desktop .header-title-nav-wrapper { flex: 1 0 auto } .header-layout-hamburger-cta-right .header-display-desktop .header-burger { flex: 0 1 auto; justify-content: flex-end } .header-layout-hamburger-cta-right .header-display-desktop .header-actions { flex: 0 1 auto; flex-direction: row-reverse; justify-content: flex-end; margin-right: 1.5vw } .header-layout-hamburger-cta-right .header-display-desktop .header-actions .header-actions-action--cta { margin-left: 0px } .header .cart-text-link { white-space: nowrap } .header .cart-quantity-zero:not(.show-empty-cart-state) .cart-quantity-container, .header .cart-quantity-zero:not(.show-empty-cart-state) .icon-cart-quantity { display: none } .header-actions-action, .header-menu-actions-action { text-align: center; line-height: 1 } .header-actions-action .sqs-custom-cart, .header-menu-actions-action .sqs-custom-cart { display: block } .header-actions-action .icon-cart-quantity:not(.legacy-cart), .header-menu-actions-action .icon-cart-quantity:not(.legacy-cart) { padding-left: calc(3px + 25px / 15) } .header-actions-action .cart-style-icon .icon-cart-quantity:not(.legacy-cart), .header-menu-actions-action .cart-style-icon .icon-cart-quantity:not(.legacy-cart) { line-height: 25px } .header-actions-action .header-icon:not(.header-icon-border-shape-none), .header-menu-actions-action .header-icon:not(.header-icon-border-shape-none) { padding: 10px } .header-actions-action .header-icon:not(.header-icon-border-shape-none).sqs-custom-cart, .header-menu-actions-action .header-icon:not(.header-icon-border-shape-none).sqs-custom-cart { padding: 10px 12px } .header-actions-action .header-icon:not(.header-icon-border-shape-none).sqs-custom-cart.header-icon-border-shape-circle, .header-menu-actions-action .header-icon:not(.header-icon-border-shape-none).sqs-custom-cart.header-icon-border-shape-circle { padding: 10px 14px } .header-actions-action .header-icon:not(.header-icon-border-shape-none).header-icon-border-shape-circle, .header-menu-actions-action .header-icon:not(.header-icon-border-shape-none).header-icon-border-shape-circle { border-radius: 3em } .header-actions-action .header-icon:not(.header-icon-border-shape-none).header-icon-border-shape-rounded, .header-menu-actions-action .header-icon:not(.header-icon-border-shape-none).header-icon-border-shape-rounded { border-radius: .4em } .header-actions-action .header-icon:not(.header-icon-border-shape-none).header-icon-border-style-outline, .header-menu-actions-action .header-icon:not(.header-icon-border-shape-none).header-icon-border-style-outline { transition: .1s background-color linear, .1s color linear, .1s box-shadow linear } .header-actions-action .header-icon:not(.header-icon-border-shape-none).header-icon-border-style-solid, .header-menu-actions-action .header-icon:not(.header-icon-border-shape-none).header-icon-border-style-solid { transition: .1s opacity linear } .header-actions-action .header-icon:not(.header-icon-border-shape-none).header-icon-border-style-solid:hover, .header-menu-actions-action .header-icon:not(.header-icon-border-shape-none).header-icon-border-style-solid:hover { opacity: .8 } .header-actions-action .header-icon:not(.header-icon-border-shape-none) .mobile-cart-parenthesis, .header-menu-actions-action .header-icon:not(.header-icon-border-shape-none) .mobile-cart-parenthesis { display: none } .header-actions-action .header-icon:not(.header-icon-border-shape-none).cart-style-icon.cart-quantity-zero:not(.show-empty-cart-state), .header-menu-actions-action .header-icon:not(.header-icon-border-shape-none).cart-style-icon.cart-quantity-zero:not(.show-empty-cart-state) { padding: 10px } @media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) { .header-actions-action .header-icon:not(.header-icon-border-shape-none).cart-style-icon .icon, .header-menu-actions-action .header-icon:not(.header-icon-border-shape-none).cart-style-icon .icon { max-height: 25px; max-width: 25px } .header-actions-action .header-icon:not(.header-icon-border-shape-none).cart-style-icon .icon-cart-quantity:not(.legacy-cart), .header-menu-actions-action .header-icon:not(.header-icon-border-shape-none).cart-style-icon .icon-cart-quantity:not(.legacy-cart) { font-size: 12px; padding-left: .2em; line-height: 25px } } @media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) { .header-actions-action .header-icon:not(.header-icon-border-shape-none).sqs-custom-cart, .header-menu-actions-action .header-icon:not(.header-icon-border-shape-none).sqs-custom-cart, .header-actions-action .header-icon:not(.header-icon-border-shape-none).sqs-custom-cart.header-icon-border-shape-circle, .header-menu-actions-action .header-icon:not(.header-icon-border-shape-none).sqs-custom-cart.header-icon-border-shape-circle { line-height: 25px; padding: 8px 10px; min-width: 25px } .header-actions-action .header-icon:not(.header-icon-border-shape-none).cart-style-icon.cart-quantity-zero:not(.show-empty-cart-state), .header-menu-actions-action .header-icon:not(.header-icon-border-shape-none).cart-style-icon.cart-quantity-zero:not(.show-empty-cart-state), .header-actions-action .header-icon:not(.header-icon-border-shape-none).cart-style-text, .header-menu-actions-action .header-icon:not(.header-icon-border-shape-none).cart-style-text { padding: 8px !important } } .header-actions-action .icon, .header-menu-actions-action .icon { flex-shrink: 0; height: 25px; width: 25px } @media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) { .header .header-burger { margin-right: 0; align-items: flex-end; justify-content: flex-end; flex: 0 0 50px; width: 50px } .header .header-burger.no-nav-links.no-actions { display: none } .header .header-actions--left { display: none } .header .header-title-nav-wrapper { flex: 1 0 calc(100% - 50px) } .header .header-title-nav-wrapper .header-title { margin-right: 0; flex: 1 0 100%; text-align: left } .header .header-title-nav-wrapper .header-nav { display: none } .header .header-actions, .header .header-actions-action--social, .header .header-actions-action--cta { display: none } .header .header-layout--with-commerce .header-burger, .header .header-layout--with-user-accounts .header-burger, .header .header-layout--with-button .header-burger { margin-left: 0; margin-right: 0; flex: 0 0 75px; align-items: flex-start; justify-content: flex-start } .header .header-layout--with-commerce .header-title-nav-wrapper, .header .header-layout--with-user-accounts .header-title-nav-wrapper, .header .header-layout--with-button .header-title-nav-wrapper { flex: 1 0 calc(100% - 75px * 2 - 1.5vw) } .header .header-layout--with-commerce .header-title-nav-wrapper .header-title, .header .header-layout--with-user-accounts .header-title-nav-wrapper .header-title, .header .header-layout--with-button .header-title-nav-wrapper .header-title { margin-right: 0; flex: 1 0 100%; text-align: center } .header .header-layout--with-commerce .header-actions, .header .header-layout--with-user-accounts .header-actions, .header .header-layout--with-button .header-actions { display: inline-flex; flex: 0 0 75px } .header .header-layout--with-commerce .header-actions--left, .header .header-layout--with-user-accounts .header-actions--left, .header .header-layout--with-button .header-actions--left { display: none } .header .header-display-mobile.with-button .header-title-nav-wrapper { flex: 1 1 80% } .header .header-display-mobile.with-button .header-actions { flex: 1 0 100px } .header .header-display-mobile .header-burger.no-nav-links.no-actions { display: none } .header .header-mobile-layout-logo-left-nav-right .header-display-mobile .header-burger { justify-content: flex-end; flex: 0 0 50px } .header .header-mobile-layout-logo-left-nav-right .header-display-mobile .header-actions { justify-content: center } .header .header-mobile-layout-logo-left-nav-right .header-display-mobile .header-title { text-align: left } .header .header-mobile-layout-logo-center-nav-right .header-display-mobile .header-burger { justify-content: flex-end } .header .header-mobile-layout-logo-center-nav-right .header-display-mobile .header-actions { justify-content: flex-start } .header .header-mobile-layout-logo-center-nav-right .header-display-mobile .header-title { text-align: center } .header .header-mobile-layout-logo-center-nav-right .header-display-mobile .header-title .header-title-text, .header .header-mobile-layout-logo-center-nav-right .header-display-mobile .header-title .header-title-logo, .header .header-mobile-layout-logo-center-nav-right .header-display-mobile .header-title .header-mobile-logo { padding-left: 50px } .header .header-mobile-layout-logo-right-nav-right .header-display-mobile .header-burger { justify-content: flex-end; flex: 0 0 50px } .header .header-mobile-layout-logo-right-nav-right .header-display-mobile .header-actions { justify-content: flex-start } .header .header-mobile-layout-logo-right-nav-right .header-display-mobile .header-title { text-align: right; padding-right: 10px; flex: 1 0 calc(100% - 50px) } .header .header-mobile-layout-logo-center-nav-left .header-display-mobile .header-burger { justify-content: flex-start } .header .header-mobile-layout-logo-center-nav-left .header-display-mobile .header-actions { justify-content: flex-end } .header .header-mobile-layout-logo-center-nav-left .header-display-mobile .header-title { text-align: center } .header .header-mobile-layout-logo-center-nav-left .header-display-mobile .header-title .header-title-text, .header .header-mobile-layout-logo-center-nav-left .header-display-mobile .header-title .header-title-logo, .header .header-mobile-layout-logo-center-nav-left .header-display-mobile .header-title .header-mobile-logo { padding-right: 50px } .header .header-mobile-layout-logo-right-nav-left .header-display-mobile .header-burger { flex: 0 0 50px; justify-content: flex-start } .header .header-mobile-layout-logo-right-nav-left .header-display-mobile .header-actions { justify-content: center } .header .header-mobile-layout-logo-right-nav-left .header-display-mobile .header-title { text-align: right } .header .header-layout--with-commerce.header-mobile-layout-logo-center-nav-left .header-display-mobile .header-title .header-title-text, .header .header-layout--with-commerce.header-mobile-layout-logo-center-nav-right .header-display-mobile .header-title .header-title-text, .header .header-layout--with-commerce.header-mobile-layout-logo-center-nav-left .header-display-mobile .header-title .header-title-logo, .header .header-layout--with-commerce.header-mobile-layout-logo-center-nav-right .header-display-mobile .header-title .header-title-logo, .header .header-layout--with-commerce.header-mobile-layout-logo-center-nav-left .header-display-mobile .header-title .header-mobile-logo, .header .header-layout--with-commerce.header-mobile-layout-logo-center-nav-right .header-display-mobile .header-title .header-mobile-logo { padding: 0px } .header .customerAccountLoginDesktop { display: none } .header .language-picker-desktop { display: none } .header .header-title--use-mobile-logo .header-title-logo { display: none } .header .header-title--use-mobile-logo .header-mobile-logo { display: block } .header .header-title--use-mobile-logo .header-mobile-logo a { display: inline-block; max-height: 30px } .header .header-title--use-mobile-logo .header-mobile-logo img { max-height: 30px } } @media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) and only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) { .header .header-title--use-mobile-logo .header-title-text { display: none } } .header[data-first-focusable-element]:focus { outline: none } .tweak-global-animations-animation-type-flex .header-nav-item:not(.header-nav-item--folder) a, .tweak-global-animations-animation-type-flex .header-nav-folder-item a { position: relative; display: inline-block; text-decoration: none } .tweak-global-animations-animation-type-flex .header-nav-item:not(.header-nav-item--folder) a::after, .tweak-global-animations-animation-type-flex .header-nav-folder-item a::after { content: ''; position: absolute; width: 100%; height: 1px; left: 0; bottom: .1em; background-color: currentColor; transform: scalex(0); transform-origin: right; transition: transform .6s cubic-bezier(.19, 1, .22, 1) } @media (hover:hover) { .tweak-global-animations-animation-type-flex .header-nav-item:not(.header-nav-item--folder) a:hover::after, .tweak-global-animations-animation-type-flex .header-nav-folder-item a:hover::after { transform: scalex(1); transform-origin: left } } .tweak-global-animations-animation-type-flex .header-nav-item--active:not(.header-nav-item--folder) a::after { transform: scalex(1) } main .sections:first-child .page-section:first-child { padding-top: 100px } @media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) { main .sections:first-child .page-section:first-child { padding-top: 80.175px } } .tweak-portfolio-index-background-width-full-bleed main .sections:first-child .page-section.collection-type-portfolio-index-background:first-child { padding-top: 0 } .announcement-bar-reserved-space .sqs-announcement-bar-dropzone { min-height: 2.3em } .announcement-bar-reserved-space main .sections:first-child .page-section:first-child { padding-top: calc(2.3em + 100px) } @media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) { .announcement-bar-reserved-space main .sections:first-child .page-section:first-child { padding-top: calc(2.3em + 80.175px) } } .announcement-bar-reserved-space.tweak-portfolio-index-background-width-full-bleed main .sections:first-child .page-section.collection-type-portfolio-index-background:first-child { padding-top: 2.3em } .header-menu { position: fixed; z-index: 1; display: flex; flex-direction: column; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; visibility: hidden; will-change: opacity, visibility; user-select: none; text-align: center; pointer-events: auto } .header-overlay-alignment-left .header-menu { text-align: left } .header-overlay-alignment-right .header-menu { text-align: right } @media screen and (min-width: 768px) { .header-menu.display-hamburger-on-desktop.desktop-promote-button .header-menu-cta { display: none } .header-menu.display-hamburger-on-desktop.desktop-promote-cart .showOnDesktop { display: none } .header-menu.display-hamburger-on-desktop.desktop-promote-login .user-accounts-link { display: none } .header-menu.display-hamburger-on-desktop.desktop-promote-social .header-menu-actions { display: none } } .header-menu.display-hamburger-on-desktop { transition: visibility 600ms cubic-bezier(.4, 0, .2, 1), opacity 400ms cubic-bezier(.4, 0, .2, 1) } .header--menu-open .header-menu.display-hamburger-on-desktop { opacity: 1; visibility: visible } .header-menu a { opacity: 1 } @media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) { .header-menu { transition: visibility 600ms cubic-bezier(.4, 0, .2, 1), opacity 400ms cubic-bezier(.4, 0, .2, 1) } } .header-menu-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .header-menu-nav { position: relative; display: flex; flex-direction: column; flex-grow: 1; flex-shrink: 0 } .header-menu-nav-list { position: relative; flex-grow: 1; width: 100%; transform: translatey(20px); transition: transform 600ms cubic-bezier(.4, 0, .2, 1) } .header-menu-nav-folder { position: absolute; display: flex; top: 0; left: 0; width: 100%; min-height: 100%; max-height: 100%; justify-content: flex-start; overflow-y: scroll; overflow-x: hidden; transform: translatex(100%); transition: transform 600ms cubic-bezier(.4, 0, .2, 1); -webkit-overflow-scrolling: touch; flex-direction: column } .header-menu-nav-folder[data-folder="root"] { transform: translatex(0%) } .header-menu-nav-folder-content { position: relative; display: flex; width: 100%; flex-grow: 1; flex-shrink: 0; justify-content: center; flex-direction: column } .header-menu-nav-folder .header-menu-nav-folder { display: none } .header-menu-nav-folder--active { transform: translatex(0); will-change: transform } .header-menu-nav-folder--open { transform: translatex(-100%) !important } .header-menu-nav-item { position: relative; width: 100%; box-sizing: border-box; padding-left: 4vw; padding-right: 4vw } .header-menu-nav-item a { position: relative; display: block; margin: 3vw 5vw; transition: opacity 250ms cubic-bezier(.4, 0, .2, 1) } @media (hover:hover) { .header-menu-nav-item:hover a { opacity: .9 } } .header-menu-nav-item-content { position: relative; display: inline-block; pointer-events: none } :is([aria-current="page"], [aria-current="true"]) .header-menu-nav-item-content { background-image: linear-gradient(currentColor, currentColor); background-repeat: repeat-x; background-size: 1px 1px; background-position: 0 100% } @media (forced-colors:active) { :is([aria-current="page"], [aria-current="true"]) .header-menu-nav-item-content { text-decoration: underline !important } } .header-menu-controls { padding-bottom: 10px; opacity: .5 } .header-menu-controls-control { position: relative; opacity: 0 !important; padding: 0 10px; transition: visibility 600ms cubic-bezier(.4, 0, .2, 1), opacity 600ms cubic-bezier(.4, 0, .2, 1) !important } .header-menu-controls-control span { position: relative; display: inline-block } .header-menu-controls-control--active { opacity: 1 !important } .header-menu-actions, .header-menu-cta { transform: translatey(100%); transition: transform 600ms cubic-bezier(.4, 0, .2, 1) } .header-overlay-alignment-left .header-menu-actions, .header-overlay-alignment-left .header-menu-cta { justify-content: flex-start } .header-overlay-alignment-right .header-menu-actions, .header-overlay-alignment-right .header-menu-cta { justify-content: flex-end } .header-menu-actions { display: flex; align-items: center; justify-content: center; margin: 0 20px; flex-grow: 0; flex-shrink: 1; margin-bottom: 6vw } .header-menu-actions:empty { display: none } .header-menu-actions-action { margin: 15px 7.5px } .header-menu-cta a { display: inline-block; text-align: center; box-sizing: border-box; margin: 4vw 6vw 6vw; min-width: 210px } .header-menu .language-picker-content a { justify-content: center } .header-overlay-alignment-left .header-menu .language-picker-content a { justify-content: flex-start } .header-overlay-alignment-right .header-menu .language-picker-content a { justify-content: flex-end } .header-menu .customerAccountLoginMobile { pointer-events: none; display: none } .header-menu[data-show-account-login="true"] .customerAccountLoginMobile { display: block } @media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) { .header--menu-open .header-menu { opacity: 1; visibility: visible } } .header--menu-open .header-menu .header-menu-nav-list { transform: translatey(0) } .header--menu-open .header-menu .header-menu-actions, .header--menu-open .header-menu .header-menu-cta { transform: translatey(0) } .header--menu-open .header-menu .customerAccountLoginMobile { pointer-events: auto } @media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) { .header--menu-open .sqs-mobile-info-bar-content { z-index: 10 } } body:not(.header--menu-open) .header-nav-item--active>a { background-image: linear-gradient(currentColor, currentColor); background-repeat: repeat-x; background-size: 1px 1px; background-position: 0 100%; background-position: 0 calc(100% - 0.1em) } @media (forced-colors:active) { body:not(.header--menu-open) .header-nav-item--active>a { text-decoration: underline !important } } body:not(.header--menu-open) .header-nav-folder-item--active .header-nav-folder-item-content { background-image: linear-gradient(currentColor, currentColor); background-repeat: repeat-x; background-size: 1px 1px; background-position: 0 100% } @media (forced-colors:active) { body:not(.header--menu-open) .header-nav-folder-item--active .header-nav-folder-item-content { text-decoration: underline !important } } @media screen and (max-width: 767px) and (orientation: portrait) { .Marquee h1, .Marquee p { font-size: calc((var(--marquee-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) !important } } @media screen and (min-width: 768px), screen and (max-width:calc(1944px - 1px)) and (orientation:landscape) { .Marquee h1, .Marquee p { font-size: calc((var(--marquee-font-size-value) - 1) * 1.2vw + 1rem) !important } } @media screen and (min-width:1944px) { .Marquee h1, .Marquee p { font-size: calc(var(--marquee-font-size-value) * 1rem) !important } } .sqs-video-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; pointer-events: none } .sqs-video-background iframe { border-width: 0 } .sqs-video-background iframe:not(.background-video) { visibility: hidden; opacity: 0; -webkit-transform: translatex(-1000%); -moz-transform: translatex(-1000%); -ms-transform: translatex(-1000%); transform: translatex(-1000%) } .sqs-video-background .background-video { position: absolute; min-width: 100%; min-height: 100%; opacity: 0; z-index: 0; -webkit-transition: opacity .2s ease-in; -moz-transition: opacity .2s ease-in; -ms-transition: opacity .2s ease-in; -o-transition: opacity .2s ease-in; transition: opacity .2s ease-in } .sqs-video-background .background-video.ready, .sqs-video-background .background-video.loaded { opacity: 1 } .sqs-video-background .background-video.buffering { opacity: 0; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none } .sqs-video-background .custom-fallback-image { display: block; min-width: 100%; min-height: 100%; opacity: 0; z-index: 0; -webkit-transition: opacity .2s ease-in; -moz-transition: opacity .2s ease-in; -ms-transition: opacity .2s ease-in; -o-transition: opacity .2s ease-in; transition: opacity .2s ease-in } .sqs-video-background .custom-fallback-image.loaded { opacity: 1 } .sqs-video-background-native { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; pointer-events: none } .sqs-video-background-native__fallback-image { display: block; min-width: 100%; min-height: 100%; opacity: 1; z-index: 1; transition: opacity .2s ease-in } .sqs-video-background-native__fallback-image--hidden { opacity: 0 } .sqs-video-background-native .video-player { position: absolute; top: 0; width: 100% } .sqs-video-background-native .video-player .plyr video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; width: auto; height: auto } @supports (object-fit: cover) { .sqs-video-background-native .video-player .plyr video { position: static; top: auto; left: auto; transform: none; min-width: auto; min-height: auto; width: 100%; height: 100%; object-fit: cover } } .transition-disabled { transition: none !important } .break-column { break-after: column } .visually-hidden { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden } body { background-color: var(--siteBackgroundColor); color: var(--paragraphMediumColor) } .page-section .section-border { background-color: var(--siteBackgroundColor) } p a { color: var(--paragraphLinkColor) } .section-background-overlay { opacity: 0 } .sqs-block-image .image-overlay, .sqs-block-image .sqs-image-content::after, .sqs-block-image .image-block-wrapper:after { opacity: .1 } div.sqs-block-opentable-v2 h1 { color: inherit } .page-section { color: var(--paragraphMediumColor) } .page-section .sqs-background-enabled { color: var(--tweak-paragraph-medium-color-on-background) } .page-section.background-width--inset .section-border { background-color: var(--section-inset-border-color) } :not(.has-background) .section-background { background-color: var(--siteBackgroundColor) } h1 { color: var(--headingExtraLargeColor) } h2 { color: var(--headingLargeColor) } h3 { color: var(--headingMediumColor) } h4 { color: var(--headingSmallColor) } .sqsrte-large { color: var(--paragraphLargeColor) } .sqsrte-small { color: var(--paragraphSmallColor) } .sqsrte-text-color--white { color: hsl(var(--white-hsl)) } .sqsrte-text-color--black { color: hsl(var(--black-hsl)) } .sqsrte-text-color--accent { color: hsl(var(--accent-hsl)) } .sqsrte-text-color--lightAccent { color: hsl(var(--lightAccent-hsl)) } .sqsrte-text-color--darkAccent { color: hsl(var(--darkAccent-hsl)) } .sqs-background-enabled.sqs-block-html, .sqs-background-enabled.sqs-block-accordion { background-color: var(--tweak-text-block-background-color) } .sqs-background-enabled.sqs-block-html p.sqsrte-large, .sqs-background-enabled.sqs-block-accordion p.sqsrte-large { color: var(--tweak-paragraph-large-color-on-background) } .sqs-background-enabled.sqs-block-html p, .sqs-background-enabled.sqs-block-accordion p, .sqs-background-enabled.sqs-block-html code, .sqs-background-enabled.sqs-block-accordion code { color: var(--tweak-paragraph-medium-color-on-background) } .sqs-background-enabled.sqs-block-html p.sqsrte-small, .sqs-background-enabled.sqs-block-accordion p.sqsrte-small { color: var(--tweak-paragraph-small-color-on-background) } .sqs-background-enabled.sqs-block-html h1, .sqs-background-enabled.sqs-block-accordion h1 { color: var(--tweak-heading-extra-large-color-on-background) } .sqs-background-enabled.sqs-block-html h2, .sqs-background-enabled.sqs-block-accordion h2 { color: var(--tweak-heading-large-color-on-background) } .sqs-background-enabled.sqs-block-html h3, .sqs-background-enabled.sqs-block-accordion h3 { color: var(--tweak-heading-medium-color-on-background) } .sqs-background-enabled.sqs-block-html h4, .sqs-background-enabled.sqs-block-accordion h4 { color: var(--tweak-heading-small-color-on-background) } .sqs-background-enabled.sqs-block-marquee { background-color: var(--tweak-marquee-block-background-color) } .sqs-background-enabled.sqs-block-marquee h1 { color: var(--tweak-marquee-block-heading-color-on-background) } .sqs-background-enabled.sqs-block-marquee p { color: var(--tweak-marquee-block-paragraph-color-on-background) } .sqs-background-enabled.sqs-block-accordion { background-color: var(--tweak-accordion-block-background-color) } .sqs-background-enabled.sqs-block-accordion .accordion-divider { color: var(--tweak-accordion-block-divider-color-on-background) } .sqs-background-enabled.sqs-block-accordion .accordion-icon-container { color: var(--tweak-accordion-block-icon-color-on-background) } .sqs-background-enabled.sqs-block-form { background-color: var(--tweak-form-block-background-color) } .sqs-background-enabled.sqs-block-form .field-list .title, .sqs-background-enabled.sqs-block-form .form-submission-text { color: var(--tweak-form-block-title-color-on-background) } .sqs-background-enabled.sqs-block-form .field-list .description { color: var(--tweak-form-block-description-color-on-background) } .sqs-background-enabled.sqs-block-form .field-list .caption-text { color: var(--tweak-form-block-caption-color-on-background) } .sqs-background-enabled.sqs-block-form .field-list .option { color: var(--tweak-form-block-option-color-on-background) } .sqs-background-enabled.sqs-block-form .field-list .question { color: var(--tweak-form-block-survey-title-color-on-background) } .sqs-background-enabled.sqs-block-form .sqs-editable-button { background: var(--tweak-form-block-button-background-color-on-background); color: var(--tweak-form-block-button-text-color-on-background) } .primary-button-style-solid.primary-button-shape-underline .sqs-background-enabled.sqs-block-form .sqs-editable-button.sqs-button-element--primary, .secondary-button-style-solid.secondary-button-shape-underline .sqs-background-enabled.sqs-block-form .sqs-editable-button.sqs-button-element--secondary, .tertiary-button-style-solid.tertiary-button-shape-underline .sqs-background-enabled.sqs-block-form .sqs-editable-button.sqs-button-element--tertiary { background: var(--tweak-form-block-button-text-color-on-background); color: var(--tweak-form-block-button-background-color-on-background); border-color: var(--tweak-form-block-button-background-color-on-background) } .primary-button-style-outline .sqs-background-enabled.sqs-block-form .sqs-editable-button.sqs-button-element--primary, .secondary-button-style-outline .sqs-background-enabled.sqs-block-form .sqs-editable-button.sqs-button-element--secondary, .tertiary-button-style-outline .sqs-background-enabled.sqs-block-form .sqs-editable-button.sqs-button-element--tertiary { color: var(--tweak-form-block-button-background-color-on-background); border-color: var(--tweak-form-block-button-background-color-on-background) } @media (hover:hover) { .primary-button-style-outline .sqs-background-enabled.sqs-block-form .sqs-editable-button.sqs-button-element--primary:hover, .secondary-button-style-outline .sqs-background-enabled.sqs-block-form .sqs-editable-button.sqs-button-element--secondary:hover, .tertiary-button-style-outline .sqs-background-enabled.sqs-block-form .sqs-editable-button.sqs-button-element--tertiary:hover { background: var(--tweak-form-block-button-background-color-on-background); color: var(--tweak-form-block-button-text-color-on-background) } } .primary-button-style-outline.primary-button-shape-underline .sqs-background-enabled.sqs-block-form .sqs-editable-button.sqs-button-element--primary:hover, .secondary-button-style-outline.secondary-button-shape-underline .sqs-background-enabled.sqs-block-form .sqs-editable-button.sqs-button-element--secondary:hover, .tertiary-button-style-outline.tertiary-button-shape-underline .sqs-background-enabled.sqs-block-form .sqs-editable-button.sqs-button-element--tertiary:hover { border-color: var(--tweak-form-block-button-text-color-on-background) } .primary-button-style-solid.primary-button-shape-underline .sqs-background-enabled.sqs-block-form .sqs-editable-button.sqs-button-element--primary, .secondary-button-style-solid.secondary-button-shape-underline .sqs-background-enabled.sqs-block-form .sqs-editable-button.sqs-button-element--secondary, .tertiary-button-style-solid.tertiary-button-shape-underline .sqs-background-enabled.sqs-block-form .sqs-editable-button.sqs-button-element--tertiary { background: var(--tweak-form-block-button-text-color-on-background); color: var(--tweak-form-block-button-background-color-on-background); border-color: var(--tweak-form-block-button-background-color-on-background) } .sqs-background-enabled.sqs-block-newsletter { background-color: var(--tweak-newsletter-block-background-color) } .sqs-background-enabled.sqs-block-newsletter .newsletter-form-header-title { color: var(--tweak-newsletter-block-title-color-on-background) } .sqs-background-enabled.sqs-block-newsletter .newsletter-form-header-description { color: var(--tweak-newsletter-block-description-color-on-background) } .sqs-background-enabled.sqs-block-newsletter .newsletter-form-button { background-color: var(--tweak-newsletter-block-button-background-color-on-background) !important; color: var(--tweak-newsletter-block-button-text-color-on-background) !important } .primary-button-style-outline .sqs-background-enabled.sqs-block-newsletter .newsletter-form-button.sqs-button-element--primary, .secondary-button-style-outline .sqs-background-enabled.sqs-block-newsletter .newsletter-form-button.sqs-button-element--secondary, .tertiary-button-style-outline .sqs-background-enabled.sqs-block-newsletter .newsletter-form-button.sqs-button-element--tertiary { color: var(--tweak-newsletter-block-button-background-color-on-background) !important; border-color: var(--tweak-newsletter-block-button-background-color-on-background) !important } @media (hover:hover) { .primary-button-style-outline .sqs-background-enabled.sqs-block-newsletter .newsletter-form-button.sqs-button-element--primary:hover, .secondary-button-style-outline .sqs-background-enabled.sqs-block-newsletter .newsletter-form-button.sqs-button-element--secondary:hover, .tertiary-button-style-outline .sqs-background-enabled.sqs-block-newsletter .newsletter-form-button.sqs-button-element--tertiary:hover { background-color: var(--tweak-newsletter-block-button-background-color-on-background) !important; color: var(--tweak-newsletter-block-button-text-color-on-background) !important } } .primary-button-style-outline.primary-button-shape-underline .sqs-background-enabled.sqs-block-newsletter .newsletter-form-button.sqs-button-element--primary:hover, .secondary-button-style-outline.secondary-button-shape-underline .sqs-background-enabled.sqs-block-newsletter .newsletter-form-button.sqs-button-element--secondary:hover, .tertiary-button-style-outline.tertiary-button-shape-underline .sqs-background-enabled.sqs-block-newsletter .newsletter-form-button.sqs-button-element--tertiary:hover { border-color: var(--tweak-newsletter-block-button-text-color-on-background) !important } .primary-button-style-solid.primary-button-shape-underline .sqs-background-enabled.sqs-block-newsletter .newsletter-form-button.sqs-button-element--primary, .secondary-button-style-solid.secondary-button-shape-underline .sqs-background-enabled.sqs-block-newsletter .newsletter-form-button.sqs-button-element--secondary, .tertiary-button-style-solid.tertiary-button-shape-underline .sqs-background-enabled.sqs-block-newsletter .newsletter-form-button.sqs-button-element--tertiary { background-color: var(--tweak-newsletter-block-button-text-color-on-background) !important; color: var(--tweak-newsletter-block-button-background-color-on-background) !important; border-color: var(--tweak-newsletter-block-button-background-color-on-background) } .tweak-global-animations-animation-type-flex.primary-button-style-solid .sqs-background-enabled.sqs-block-newsletter .newsletter-form-button.sqs-button-element--primary:hover { color: var(--tweak-newsletter-block-button-background-color-on-background) !important } .tweak-global-animations-animation-type-flex.primary-button-style-solid .sqs-background-enabled.sqs-block-newsletter .newsletter-form-button.sqs-button-element--primary::before { border-color: var(--tweak-newsletter-block-button-background-color-on-background) !important; background-color: var(--tweak-newsletter-block-button-text-color-on-background) !important } .tweak-global-animations-animation-type-flex.primary-button-style-outline .sqs-background-enabled.sqs-block-newsletter .newsletter-form-button.sqs-button-element--primary:hover { color: var(--tweak-newsletter-block-button-text-color-on-background) !important } .tweak-global-animations-animation-type-flex.primary-button-style-outline .sqs-background-enabled.sqs-block-newsletter .newsletter-form-button.sqs-button-element--primary::before { border-color: var(--tweak-newsletter-block-button-background-color-on-background) !important; background-color: var(--tweak-newsletter-block-button-background-color-on-background) !important } .sqs-background-enabled.sqs-block-newsletter .newsletter-form-footnote { color: var(--tweak-newsletter-block-footnote-color-on-background) !important } .sqs-background-enabled.sqs-block-summary-v2 { background-color: var(--tweak-summary-block-background-color) } .sqs-background-enabled.sqs-block-summary-v2 .summary-header-text { color: var(--tweak-summary-block-header-text-color-on-background) } .sqs-background-enabled.sqs-block-summary-v2 .summary-title { color: var(--tweak-summary-block-title-color-on-background) } .sqs-background-enabled.sqs-block-summary-v2 .summary-excerpt { color: var(--tweak-summary-block-excerpt-color-on-background) } .sqs-background-enabled.sqs-block-summary-v2 .summary-read-more-link { color: var(--tweak-summary-block-read-more-color-on-background) } .sqs-background-enabled.sqs-block-summary-v2 .summary-metadata--primary { color: var(--tweak-summary-block-primary-metadata-color-on-background) } .sqs-background-enabled.sqs-block-summary-v2 .summary-metadata--secondary { color: var(--tweak-summary-block-secondary-metadata-color-on-background) } .sqs-background-enabled.sqs-block-quote { background-color: var(--tweak-quote-block-background-color) } .sqs-background-enabled.sqs-block-quote blockquote { color: var(--tweak-quote-block-text-color-on-background) } .sqs-background-enabled.sqs-block-quote .source { color: var(--tweak-quote-block-source-color-on-background) } .sqs-background-enabled.sqs-block-html a, .sqs-background-enabled .read-more-link, .sqs-background-enabled .entry-excerpt a, .sqs-background-enabled .blog-excerpt a, .sqs-background-enabled .eventlist-excerpt a, .sqs-background-enabled.sqs-block-newsletter .newsletter-form-header a, .sqs-background-enabled.sqs-block-newsletter .newsletter-form-footnote a, .sqs-background-enabled.sqs-block-newsletter .form-submission-text a, .sqs-background-enabled.sqs-block-form .form-submission-text a, .sqs-background-enabled.sqs-block-accordion .accordion-item__description a { color: var(--tweak-paragraph-link-color-on-background) } .sqs-block-html { border-color: var(--tweak-text-block-stroke-color) } .sqs-block-marquee { border-color: var(--tweak-marquee-block-stroke-color) } .sqs-block-marquee h1 { color: var(--tweak-marquee-block-heading-color) } .sqs-block-marquee p { color: var(--tweak-marquee-block-paragraph-color) } .sqs-block-html a, .read-more-link, .entry-excerpt a, .blog-excerpt a, .eventlist-excerpt a, .sqs-block-newsletter .newsletter-form-header a, .sqs-block-newsletter .newsletter-form-footnote a, .sqs-block-newsletter .form-submission-text a, .sqs-block-form .form-submission-text a, .sqs-block-accordion .accordion-item__description a { color: var(--paragraphLinkColor) } .sqs-block-html h1 a, .sqs-block-html h2 a, .sqs-block-html h3 a, .sqs-block-html h4 a { color: var(--headingLinkColor) } :focus, a:focus { outline-color: var(--navigationLinkColor) } .sqs-search-page-input.focus-within { outline-color: var(--navigationLinkColor) } .sqs-search-page-input:focus-within { outline-color: var(--navigationLinkColor) } .ProductItem .variant-radiobtn:focus+label { outline-color: var(--navigationLinkColor) } .ProductItem .variant-radiobtn:focus:not(:focus-visible)+label { outline-color: transparent } #pdp .star { fill: var(--paragraphMediumColor) } #pdp .star path { fill: var(--paragraphMediumColor) } .product-item-gallery-carousel-control:focus { outline-color: var(--tweak-product-basic-item-gallery-controls-color) } .sqs-modal-lightbox :focus { outline-color: #000 } .sqs-modal-lightbox.sqs-product-quick-view-lightbox :focus { outline-color: var(--tweak-product-quick-view-lightbox-controls-color) } .sqs-modal-lightbox.sqs-product-quick-view-lightbox .sqs-product-quick-view-content :focus { outline-color: var(--navigationLinkColor) } .sqs-modal-lightbox.sqs-product-quick-view-lightbox .sqs-product-quick-view-content .product-item-gallery-carousel-control:focus { outline-color: var(--tweak-product-basic-item-gallery-controls-color) } .sqs-gallery-controls .previous:focus, .sqs-gallery-controls .next:focus { outline-color: var(--navigationLinkColor) !important } .primary-button-style-solid .sqs-button-element--primary, .primary-button-style-solid .comment-btn-wrapper .sqs-button-element--primary.comment-btn, .primary-button-style-solid div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--primary { color: var(--primaryButtonTextColor); background-color: var(--primaryButtonBackgroundColor); border-color: var(--primaryButtonBackgroundColor) } .primary-button-style-solid .sqs-button-element--primary, .primary-button-style-solid .comment-btn-wrapper .sqs-button-element--primary.comment-btn, .primary-button-style-solid div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--primary { color: var(--primaryButtonTextColor); background-color: var(--primaryButtonBackgroundColor); border-color: var(--primaryButtonTextColor) } .header-skip-link.sqs-button-element--primary { color: var(--primaryButtonTextColor) !important; background-color: var(--primaryButtonBackgroundColor) !important; border-color: var(--primaryButtonBackgroundColor) !important } .ma-pricing-toggle-wrapper .ma-pricing-options .ma-pricing-option-button.sqs-button-element--primary { color: var(--primaryButtonBackgroundColor); border: 1px solid var(--primaryButtonBackgroundColor) !important; background-color: transparent } @media (hover:hover) { .ma-pricing-toggle-wrapper .ma-pricing-options .ma-pricing-option-button.sqs-button-element--primary:hover { background-color: var(--primaryButtonBackgroundColor); color: var(--primaryButtonTextColor) } } .ma-pricing-toggle-wrapper .ma-pricing-options .ma-pricing-option-selected.sqs-button-element--primary { color: var(--primaryButtonTextColor); background-color: var(--primaryButtonBackgroundColor) } .ma-pricing-toggle-wrapper .ma-pricing-options .ma-pricing-option-button.sqs-button-element--secondary { color: var(--secondaryButtonBackgroundColor); border: 1px solid var(--secondaryButtonBackgroundColor) !important; background-color: transparent } @media (hover:hover) { .ma-pricing-toggle-wrapper .ma-pricing-options .ma-pricing-option-button.sqs-button-element--secondary:hover { background-color: var(--secondaryButtonBackgroundColor); color: var(--secondaryButtonTextColor) } } .ma-pricing-toggle-wrapper .ma-pricing-options .ma-pricing-option-selected.sqs-button-element--secondary { color: var(--secondaryButtonTextColor); background-color: var(--secondaryButtonBackgroundColor) } .ma-pricing-toggle-wrapper .ma-pricing-options .ma-pricing-option-button.sqs-button-element--tertiary { color: var(--tertiaryButtonBackgroundColor); border: 1px solid var(--tertiaryButtonBackgroundColor) !important; background-color: transparent } @media (hover:hover) { .ma-pricing-toggle-wrapper .ma-pricing-options .ma-pricing-option-button.sqs-button-element--tertiary:hover { background-color: var(--tertiaryButtonBackgroundColor); color: var(--tertiaryButtonTextColor) } } .ma-pricing-toggle-wrapper .ma-pricing-options .ma-pricing-option-selected.sqs-button-element--tertiary { color: var(--tertiaryButtonTextColor); background-color: var(--tertiaryButtonBackgroundColor) } .pricing-plan-pricing-toggle-wrapper .pricing-plan-pricing-options .pricing-plan-pricing-option-button.sqs-button-element--primary { color: var(--primaryButtonBackgroundColor); border: 1px solid var(--primaryButtonBackgroundColor) !important; background-color: transparent } @media (hover:hover) { .pricing-plan-pricing-toggle-wrapper .pricing-plan-pricing-options .pricing-plan-pricing-option-button.sqs-button-element--primary:hover { background-color: var(--primaryButtonBackgroundColor); color: var(--primaryButtonTextColor) } } .pricing-plan-pricing-toggle-wrapper .pricing-plan-pricing-options .pricing-plan-pricing-option-selected.sqs-button-element--primary { color: var(--primaryButtonTextColor); background-color: var(--primaryButtonBackgroundColor) } .pricing-plan-pricing-toggle-wrapper .pricing-plan-pricing-options .pricing-plan-pricing-option-button.sqs-button-element--secondary { color: var(--secondaryButtonBackgroundColor); border: 1px solid var(--secondaryButtonBackgroundColor) !important; background-color: transparent } @media (hover:hover) { .pricing-plan-pricing-toggle-wrapper .pricing-plan-pricing-options .pricing-plan-pricing-option-button.sqs-button-element--secondary:hover { background-color: var(--secondaryButtonBackgroundColor); color: var(--secondaryButtonTextColor) } } .pricing-plan-pricing-toggle-wrapper .pricing-plan-pricing-options .pricing-plan-pricing-option-selected.sqs-button-element--secondary { color: var(--secondaryButtonTextColor); background-color: var(--secondaryButtonBackgroundColor) } .pricing-plan-pricing-toggle-wrapper .pricing-plan-pricing-options .pricing-plan-pricing-option-button.sqs-button-element--tertiary { color: var(--tertiaryButtonBackgroundColor); border: 1px solid var(--tertiaryButtonBackgroundColor) !important; background-color: transparent } @media (hover:hover) { .pricing-plan-pricing-toggle-wrapper .pricing-plan-pricing-options .pricing-plan-pricing-option-button.sqs-button-element--tertiary:hover { background-color: var(--tertiaryButtonBackgroundColor); color: var(--tertiaryButtonTextColor) } } .pricing-plan-pricing-toggle-wrapper .pricing-plan-pricing-options .pricing-plan-pricing-option-selected.sqs-button-element--tertiary { color: var(--tertiaryButtonTextColor); background-color: var(--tertiaryButtonBackgroundColor) } .secondary-button-style-solid .sqs-button-element--secondary, .secondary-button-style-solid .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary { color: var(--secondaryButtonTextColor); background: var(--secondaryButtonBackgroundColor); border-color: var(--secondaryButtonTextColor) } .secondary-button-style-underline .sqs-button-element--secondary, .secondary-button-style-underline .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary { border-color: var(--secondaryButtonBackgroundColor) } .secondary-button-style-outline .sqs-button-element--secondary, .secondary-button-style-outline .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary { color: var(--secondaryButtonBackgroundColor); border-color: var(--secondaryButtonBackgroundColor) } @media (hover:hover) { .secondary-button-style-outline .sqs-button-element--secondary:hover, .secondary-button-style-outline .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary:hover { background: var(--secondaryButtonBackgroundColor); color: var(--secondaryButtonTextColor) } } .tertiary-button-style-solid .sqs-button-element--tertiary, .tertiary-button-style-solid .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary { color: var(--tertiaryButtonTextColor); background: var(--tertiaryButtonBackgroundColor); border-color: var(--tertiaryButtonTextColor) } .tertiary-button-style-underline .sqs-button-element--tertiary, .tertiary-button-style-underline .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary { border-color: var(--tertiaryButtonBackgroundColor) } .tertiary-button-style-outline .sqs-button-element--tertiary, .tertiary-button-style-outline .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary { color: var(--tertiaryButtonBackgroundColor); border-color: var(--tertiaryButtonBackgroundColor) } @media (hover:hover) { .tertiary-button-style-outline .sqs-button-element--tertiary:hover, .tertiary-button-style-outline .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary:hover { background: var(--tertiaryButtonBackgroundColor); color: var(--tertiaryButtonTextColor) } } .primary-button-style-outline .sqs-button-element--primary, .primary-button-style-outline .sqs-button-element--primary.comment-btn, .primary-button-style-outline .sqs-modal-lightbox .sqs-modal-lightbox-content .sqs-button-element--primary, .primary-button-style-outline div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--primary { color: var(--primaryButtonBackgroundColor); border-color: var(--primaryButtonBackgroundColor) } @media (hover:hover) { .primary-button-style-outline .sqs-button-element--primary:hover, .primary-button-style-outline .sqs-button-element--primary.comment-btn:hover, .primary-button-style-outline .sqs-modal-lightbox .sqs-modal-lightbox-content .sqs-button-element--primary:hover, .primary-button-style-outline div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--primary:hover { background: var(--primaryButtonBackgroundColor); color: var(--primaryButtonTextColor) } } .primary-button-style-outline.primary-button-shape-underline .sqs-button-element--primary, .primary-button-style-outline.primary-button-shape-underline div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--primary { border-color: var(--primaryButtonBackgroundColor) } @media (hover:hover) { .primary-button-style-outline.primary-button-shape-underline .sqs-button-element--primary:hover, .primary-button-style-outline.primary-button-shape-underline div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--primary:hover { border-color: var(--primaryButtonTextColor) } } .primary-button-style-solid.primary-button-shape-underline .sqs-button-element--primary, .primary-button-style-solid.primary-button-shape-underline .sqs-button-element--primary.comment-btn, .primary-button-style-solid.primary-button-shape-underline div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--primary { color: var(--primaryButtonBackgroundColor); background-color: var(--primaryButtonTextColor); border-color: var(--primaryButtonBackgroundColor) } .secondary-button-style-solid.secondary-button-shape-underline .sqs-button-element--secondary, .secondary-button-style-solid.secondary-button-shape-underline div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary { color: var(--secondaryButtonBackgroundColor); background-color: var(--secondaryButtonTextColor); border-color: var(--secondaryButtonBackgroundColor) } .secondary-button-style-outline.secondary-button-shape-underline .sqs-button-element--secondary, .secondary-button-style-outline.secondary-button-shape-underline div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary { border-color: var(--secondaryButtonBackgroundColor) } @media (hover:hover) { .secondary-button-style-outline.secondary-button-shape-underline .sqs-button-element--secondary:hover, .secondary-button-style-outline.secondary-button-shape-underline div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary:hover { border-color: var(--secondaryButtonTextColor) } } .tertiary-button-style-solid.tertiary-button-shape-underline .sqs-button-element--tertiary, .tertiary-button-style-solid.tertiary-button-shape-underline div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary { color: var(--tertiaryButtonBackgroundColor); background-color: var(--tertiaryButtonTextColor); border-color: var(--tertiaryButtonBackgroundColor) } .tertiary-button-style-outline.tertiary-button-shape-underline .sqs-button-element--tertiary, .tertiary-button-style-outline.tertiary-button-shape-underline div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary { border-color: var(--tertiaryButtonBackgroundColor) } @media (hover:hover) { .tertiary-button-style-outline.tertiary-button-shape-underline .sqs-button-element--tertiary:hover, .tertiary-button-style-outline.tertiary-button-shape-underline div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary:hover { border-color: var(--tertiaryButtonTextColor) } } .sqs-toggle:has(input:focus-visible) { outline-color: var(--navigationLinkColor) } .sqs-toggle--off { background-color: var(--toggle-off-color) } .sqs-toggle--on { background-color: var(--toggle-on-color) } .sqs-block-horizontalrule hr { background-color: var(--tweak-line-block-line-color) } .section-background-overlay { background-color: var(--backgroundOverlayColor) } .floating-cart { background-color: var(--primaryButtonBackgroundColor); color: var(--primaryButtonTextColor) } .floating-cart :focus { outline-color: var(--primaryButtonTextColor) } .floating-cart .icon--stroke svg { stroke: var(--primaryButtonTextColor) } .tweak-transparent-header .sections.page-section:first-child.background-width--full-bleed.has-background .section-background:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(var(--backgroundOverlayColor), 150px, transparent); opacity: .05 } [data-header-style="theme"].header, [data-header-style="dynamic"].header { background-color: var(--siteBackgroundColor) } :not(.header--menu-open) .header-title-text a { color: var(--siteTitleColor) } :not(.header--menu-open) .header-nav-folder-content, :not(.header--menu-open) .language-picker-content { background-color: var(--siteBackgroundColor) } :not(.header--menu-open) .header-nav-wrapper a { color: var(--navigationLinkColor) } :not(.header--menu-open) .header-nav-wrapper .header-nav-item--active a { color: var(--navigationLinkColor) } :not(.header--menu-open) .header-border[data-header-style="dynamic"]:not([data-header-usability-enabled="true"]) { border: solid var(--navigationLinkColor) } :not(.header--menu-open) .burger-inner .top-bun, :not(.header--menu-open) .burger-inner .patty, :not(.header--menu-open) .burger-inner .bottom-bun { background-color: var(--navigationLinkColor) } @media (forced-colors:active) { :not(.header--menu-open) .burger-inner .top-bun, :not(.header--menu-open) .burger-inner .patty, :not(.header--menu-open) .burger-inner .bottom-bun { background-color: ButtonText } } :not(.header--menu-open) .header-actions { color: var(--navigationLinkColor) } :not(.header--menu-open) .header-actions .icon--stroke svg { stroke: currentColor } :not(.header--menu-open) .header-actions .icon--fill svg { fill: currentColor } :not(.header--menu-open) .header-actions .header-icon:not(.header-icon-border-shape-none).header-icon-border-style-solid, :not(.header--menu-open) .header-actions .header-icon:not(.header-icon-border-shape-none).header-icon-border-style-outline:hover { color: var(--primaryButtonTextColor) !important; background-color: var(--primaryButtonBackgroundColor); box-shadow: none !important } :not(.header--menu-open) .header-actions .header-icon:not(.header-icon-border-shape-none).header-icon-border-style-solid.icon--stroke svg, :not(.header--menu-open) .header-actions .header-icon:not(.header-icon-border-shape-none).header-icon-border-style-outline:hover.icon--stroke svg { stroke: currentColor } :not(.header--menu-open) .header-actions .header-icon:not(.header-icon-border-shape-none).header-icon-border-style-solid.icon--fill svg, :not(.header--menu-open) .header-actions .header-icon:not(.header-icon-border-shape-none).header-icon-border-style-outline:hover.icon--fill svg { fill: currentColor } .header--menu-open .header .header-title-text a { color: var(--menuOverlayNavigationLinkColor) } .header--menu-open .header .header-burger .top-bun, .header--menu-open .header .header-burger .patty, .header--menu-open .header .header-burger .bottom-bun { background-color: var(--menuOverlayNavigationLinkColor) } @media (forced-colors:active) { .header--menu-open .header .header-burger .top-bun, .header--menu-open .header .header-burger .patty, .header--menu-open .header .header-burger .bottom-bun { background-color: ButtonText } } .header--menu-open .header .header-nav-folder-content, .header--menu-open .header .language-picker-content { background-color: var(--menuOverlayBackgroundColor) } .header--menu-open .header .header-nav-wrapper a { color: var(--menuOverlayNavigationLinkColor) } .header--menu-open .header .header-nav-wrapper .header-menu-nav-item--active a, .header--menu-open .header .header-nav-wrapper .header-nav-item--active a { color: var(--menuOverlayNavigationLinkColor) } .header--menu-open .header .user-accounts-text-link { color: var(--menuOverlayNavigationLinkColor) } .header--menu-open .header .header-icon:not(.header-icon-border-style-solid) { color: var(--menuOverlayNavigationLinkColor) } .header--menu-open .header .header-actions { color: var(--menuOverlayNavigationLinkColor) } .header--menu-open .header .header-actions .icon--stroke svg { stroke: currentColor } .header--menu-open .header .header-actions .icon--fill svg { fill: currentColor } .header--menu-open .header .header-actions .header-icon:not(.header-icon-border-shape-none).header-icon-border-style-solid, .header--menu-open .header .header-actions .header-icon:not(.header-icon-border-shape-none).header-icon-border-style-outline:hover { color: var(--menuOverlayButtonTextColor) !important; background-color: var(--menuOverlayButtonBackgroundColor); box-shadow: none !important } .header--menu-open .header .header-actions .header-icon:not(.header-icon-border-shape-none).header-icon-border-style-solid.icon--stroke svg, .header--menu-open .header .header-actions .header-icon:not(.header-icon-border-shape-none).header-icon-border-style-outline:hover.icon--stroke svg { stroke: currentColor } .header--menu-open .header .header-actions .header-icon:not(.header-icon-border-shape-none).header-icon-border-style-solid.icon--fill svg, .header--menu-open .header .header-actions .header-icon:not(.header-icon-border-shape-none).header-icon-border-style-outline:hover.icon--fill svg { fill: currentColor } .site-wrapper .header-menu .header-menu-bg { background-color: var(--menuOverlayBackgroundColor) } .site-wrapper .header-menu .header-menu-nav a:not(.btn) { color: var(--menuOverlayNavigationLinkColor) } .site-wrapper .header-menu .header-menu-nav .header-menu-nav-item--active a, .site-wrapper .header-menu .header-menu-nav .header-nav-item--active a { color: var(--menuOverlayNavigationLinkColor) } .site-wrapper .header-menu .header-menu-nav .header-icon:not(.header-icon-border-shape-none).header-icon-border-style-solid, .site-wrapper .header-menu .header-menu-nav .header-icon:not(.header-icon-border-shape-none).header-icon-border-style-outline:hover { color: var(--menuOverlayButtonTextColor) !important; background-color: var(--menuOverlayButtonBackgroundColor); box-shadow: none !important } .site-wrapper .header-menu .header-menu-nav .header-icon:not(.header-icon-border-shape-none).header-icon-border-style-solid.icon--stroke svg, .site-wrapper .header-menu .header-menu-nav .header-icon:not(.header-icon-border-shape-none).header-icon-border-style-outline:hover.icon--stroke svg { stroke: currentColor } .site-wrapper .header-menu .header-menu-nav .header-icon:not(.header-icon-border-shape-none).header-icon-border-style-solid.icon--fill svg, .site-wrapper .header-menu .header-menu-nav .header-icon:not(.header-icon-border-shape-none).header-icon-border-style-outline:hover.icon--fill svg { fill: currentColor } .site-wrapper .header-menu .header-menu-cta a { color: var(--menuOverlayButtonTextColor); background-color: var(--menuOverlayButtonBackgroundColor); border-color: var(--menuOverlayButtonBackgroundColor) } .primary-button-style-solid.primary-button-shape-underline .header-menu .header-menu-cta .sqs-button-element--primary, .secondary-button-style-solid.secondary-button-shape-underline .header-menu .header-menu-cta .sqs-button-element--secondary, .tertiary-button-style-solid.tertiary-button-shape-underline .header-menu .header-menu-cta .sqs-button-element--tertiary { color: var(--menuOverlayButtonBackgroundColor); background-color: var(--menuOverlayButtonTextColor); border-color: var(--menuOverlayButtonBackgroundColor) } .primary-button-style-outline .header-menu .header-menu-cta a.sqs-button-element--primary, .secondary-button-style-outline .header-menu .header-menu-cta a.sqs-button-element--secondary, .tertiary-button-style-outline .header-menu .header-menu-cta a.sqs-button-element--tertiary { color: var(--menuOverlayButtonBackgroundColor); border-color: var(--menuOverlayButtonBackgroundColor) } @media (hover:hover) { .primary-button-style-outline .header-menu .header-menu-cta a.sqs-button-element--primary:hover, .secondary-button-style-outline .header-menu .header-menu-cta a.sqs-button-element--secondary:hover, .tertiary-button-style-outline .header-menu .header-menu-cta a.sqs-button-element--tertiary:hover { background: var(--menuOverlayButtonBackgroundColor); color: var(--menuOverlayButtonTextColor) } } .primary-button-style-outline.primary-button-shape-underline .header-menu .header-menu-cta a.sqs-button-element--primary:hover, .secondary-button-style-outline.secondary-button-shape-underline .header-menu .header-menu-cta a.sqs-button-element--secondary:hover, .tertiary-button-style-outline.tertiary-button-shape-underline .header-menu .header-menu-cta a.sqs-button-element--tertiary:hover { border-color: var(--menuOverlayButtonTextColor) } .sqs-announcement-bar { background: var(--announcement-bar-background-color) } .sqs-announcement-bar :focus, .sqs-announcement-bar a:focus { outline-color: var(--announcement-bar-text-color) } .sqs-announcement-bar-text p, .sqs-announcement-bar-text a { color: var(--announcement-bar-text-color) } .sqs-announcement-bar-close { color: var(--announcement-bar-text-color) } .gallery-fullscreen-slideshow-control-btn::before, .gallery-slideshow-control-btn::before { background: var(--tweak-gallery-icon-background-color) } .gallery-fullscreen-slideshow-control-btn svg, .gallery-slideshow-control-btn svg { stroke: var(--tweak-gallery-icon-color) } .gallery-fullscreen-slideshow-bullet { border-color: var(--tweak-gallery-icon-background-color) } .gallery-fullscreen-slideshow-bullet.active { background-color: var(--tweak-gallery-icon-background-color) } .gallery-lightbox-background { background-color: var(--tweak-gallery-lightbox-background-color); opacity: .9 } .gallery-lightbox-control-btn { color: var(--tweak-gallery-lightbox-icon-color) } .gallery-lightbox-control-btn .gallery-lightbox-control-btn-icon svg * { stroke: currentColor } .gallery-lightbox-close-btn { color: var(--tweak-gallery-lightbox-icon-color) } .gallery-lightbox-close-btn .gallery-lightbox-close-btn-icon svg * { stroke: currentColor } .user-items-list .list-section-title { color: var(--list-section-title-color) } .user-items-list .list-section-title a { color: var(--list-section-title-color) } .primary-button-style-outline .site-wrapper .user-items-list-simple .list-item[data-is-card-enabled="false"] .list-item-content__button.sqs-button-element--primary.sqs-block-button-element { color: var(--list-section-simple-button-background-color); border-color: var(--list-section-simple-button-background-color) } @media (hover:hover) { .primary-button-style-outline .site-wrapper .user-items-list-simple .list-item[data-is-card-enabled="false"] .list-item-content__button.sqs-button-element--primary.sqs-block-button-element:hover { background-color: var(--list-section-simple-button-background-color); color: var(--list-section-simple-button-text-color) } .primary-button-shape-underline.primary-button-style-outline .site-wrapper .user-items-list-simple .list-item[data-is-card-enabled="false"] .list-item-content__button.sqs-button-element--primary.sqs-block-button-element:hover { border-color: var(--list-section-simple-button-text-color) } } .primary-button-style-outline .site-wrapper .user-items-list-simple .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--primary.sqs-block-button-element { color: var(--list-section-simple-card-button-background-color); border-color: var(--list-section-simple-card-button-background-color) } @media (hover:hover) { .primary-button-style-outline .site-wrapper .user-items-list-simple .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--primary.sqs-block-button-element:hover { background-color: var(--list-section-simple-card-button-background-color); color: var(--list-section-simple-card-button-text-color) } .primary-button-shape-underline.primary-button-style-outline .site-wrapper .user-items-list-simple .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--primary.sqs-block-button-element:hover { border-color: var(--list-section-simple-card-button-text-color) } } .primary-button-style-outline .site-wrapper .user-items-list-carousel .list-item[data-is-card-enabled="false"] .list-item-content__button.sqs-button-element--primary.sqs-block-button-element { color: var(--list-section-carousel-button-background-color); border-color: var(--list-section-carousel-button-background-color) } @media (hover:hover) { .primary-button-style-outline .site-wrapper .user-items-list-carousel .list-item[data-is-card-enabled="false"] .list-item-content__button.sqs-button-element--primary.sqs-block-button-element:hover { background-color: var(--list-section-carousel-button-background-color); color: var(--list-section-carousel-button-text-color) } .primary-button-shape-underline.primary-button-style-outline .site-wrapper .user-items-list-carousel .list-item[data-is-card-enabled="false"] .list-item-content__button.sqs-button-element--primary.sqs-block-button-element:hover { border-color: var(--list-section-carousel-button-text-color) } } .primary-button-style-outline .site-wrapper .user-items-list-carousel .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--primary.sqs-block-button-element { color: var(--list-section-carousel-card-button-background-color); border-color: var(--list-section-carousel-card-button-background-color) } @media (hover:hover) { .primary-button-style-outline .site-wrapper .user-items-list-carousel .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--primary.sqs-block-button-element:hover { background-color: var(--list-section-carousel-card-button-background-color); color: var(--list-section-carousel-card-button-text-color) } .primary-button-shape-underline.primary-button-style-outline .site-wrapper .user-items-list-carousel .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--primary.sqs-block-button-element:hover { border-color: var(--list-section-carousel-card-button-text-color) } } .primary-button-style-outline .site-wrapper .user-items-list-banner-slideshow .list-item[data-is-card-enabled="false"] .list-item-content__button.sqs-button-element--primary.sqs-block-button-element { color: var(--list-section-banner-slideshow-button-background-color); border-color: var(--list-section-banner-slideshow-button-background-color) } @media (hover:hover) { .primary-button-style-outline .site-wrapper .user-items-list-banner-slideshow .list-item[data-is-card-enabled="false"] .list-item-content__button.sqs-button-element--primary.sqs-block-button-element:hover { background-color: var(--list-section-banner-slideshow-button-background-color); color: var(--list-section-banner-slideshow-button-text-color) } .primary-button-shape-underline.primary-button-style-outline .site-wrapper .user-items-list-banner-slideshow .list-item[data-is-card-enabled="false"] .list-item-content__button.sqs-button-element--primary.sqs-block-button-element:hover { border-color: var(--list-section-banner-slideshow-button-text-color) } } .primary-button-style-outline .site-wrapper .user-items-list-banner-slideshow .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--primary.sqs-block-button-element { color: var(--list-section-banner-slideshow-card-button-background-color); border-color: var(--list-section-banner-slideshow-card-button-background-color) } @media (hover:hover) { .primary-button-style-outline .site-wrapper .user-items-list-banner-slideshow .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--primary.sqs-block-button-element:hover { background-color: var(--list-section-banner-slideshow-card-button-background-color); color: var(--list-section-banner-slideshow-card-button-text-color) } .primary-button-shape-underline.primary-button-style-outline .site-wrapper .user-items-list-banner-slideshow .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--primary.sqs-block-button-element:hover { border-color: var(--list-section-banner-slideshow-card-button-text-color) } } .secondary-button-style-outline .site-wrapper .user-items-list-simple .list-item[data-is-card-enabled="false"] .list-item-content__button.sqs-button-element--secondary.sqs-block-button-element { color: var(--list-section-simple-button-background-color); border-color: var(--list-section-simple-button-background-color) } @media (hover:hover) { .secondary-button-style-outline .site-wrapper .user-items-list-simple .list-item[data-is-card-enabled="false"] .list-item-content__button.sqs-button-element--secondary.sqs-block-button-element:hover { background-color: var(--list-section-simple-button-background-color); color: var(--list-section-simple-button-text-color) } .secondary-button-shape-underline.secondary-button-style-outline .site-wrapper .user-items-list-simple .list-item[data-is-card-enabled="false"] .list-item-content__button.sqs-button-element--secondary.sqs-block-button-element:hover { border-color: var(--list-section-simple-button-text-color) } } .secondary-button-style-outline .site-wrapper .user-items-list-simple .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--secondary.sqs-block-button-element { color: var(--list-section-simple-card-button-background-color); border-color: var(--list-section-simple-card-button-background-color) } @media (hover:hover) { .secondary-button-style-outline .site-wrapper .user-items-list-simple .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--secondary.sqs-block-button-element:hover { background-color: var(--list-section-simple-card-button-background-color); color: var(--list-section-simple-card-button-text-color) } .secondary-button-shape-underline.secondary-button-style-outline .site-wrapper .user-items-list-simple .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--secondary.sqs-block-button-element:hover { border-color: var(--list-section-simple-card-button-text-color) } } .secondary-button-style-outline .site-wrapper .user-items-list-carousel .list-item[data-is-card-enabled="false"] .list-item-content__button.sqs-button-element--secondary.sqs-block-button-element { color: var(--list-section-carousel-button-background-color); border-color: var(--list-section-carousel-button-background-color) } @media (hover:hover) { .secondary-button-style-outline .site-wrapper .user-items-list-carousel .list-item[data-is-card-enabled="false"] .list-item-content__button.sqs-button-element--secondary.sqs-block-button-element:hover { background-color: var(--list-section-carousel-button-background-color); color: var(--list-section-carousel-button-text-color) } .secondary-button-shape-underline.secondary-button-style-outline .site-wrapper .user-items-list-carousel .list-item[data-is-card-enabled="false"] .list-item-content__button.sqs-button-element--secondary.sqs-block-button-element:hover { border-color: var(--list-section-carousel-button-text-color) } } .secondary-button-style-outline .site-wrapper .user-items-list-carousel .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--secondary.sqs-block-button-element { color: var(--list-section-carousel-card-button-background-color); border-color: var(--list-section-carousel-card-button-background-color) } @media (hover:hover) { .secondary-button-style-outline .site-wrapper .user-items-list-carousel .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--secondary.sqs-block-button-element:hover { background-color: var(--list-section-carousel-card-button-background-color); color: var(--list-section-carousel-card-button-text-color) } .secondary-button-shape-underline.secondary-button-style-outline .site-wrapper .user-items-list-carousel .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--secondary.sqs-block-button-element:hover { border-color: var(--list-section-carousel-card-button-text-color) } } .secondary-button-style-outline .site-wrapper .user-items-list-banner-slideshow .list-item[data-is-card-enabled="false"] .list-item-content__button.sqs-button-element--secondary.sqs-block-button-element { color: var(--list-section-banner-slideshow-button-background-color); border-color: var(--list-section-banner-slideshow-button-background-color) } @media (hover:hover) { .secondary-button-style-outline .site-wrapper .user-items-list-banner-slideshow .list-item[data-is-card-enabled="false"] .list-item-content__button.sqs-button-element--secondary.sqs-block-button-element:hover { background-color: var(--list-section-banner-slideshow-button-background-color); color: var(--list-section-banner-slideshow-button-text-color) } .secondary-button-shape-underline.secondary-button-style-outline .site-wrapper .user-items-list-banner-slideshow .list-item[data-is-card-enabled="false"] .list-item-content__button.sqs-button-element--secondary.sqs-block-button-element:hover { border-color: var(--list-section-banner-slideshow-button-text-color) } } .secondary-button-style-outline .site-wrapper .user-items-list-banner-slideshow .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--secondary.sqs-block-button-element { color: var(--list-section-banner-slideshow-card-button-background-color); border-color: var(--list-section-banner-slideshow-card-button-background-color) } @media (hover:hover) { .secondary-button-style-outline .site-wrapper .user-items-list-banner-slideshow .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--secondary.sqs-block-button-element:hover { background-color: var(--list-section-banner-slideshow-card-button-background-color); color: var(--list-section-banner-slideshow-card-button-text-color) } .secondary-button-shape-underline.secondary-button-style-outline .site-wrapper .user-items-list-banner-slideshow .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--secondary.sqs-block-button-element:hover { border-color: var(--list-section-banner-slideshow-card-button-text-color) } } .tertiary-button-style-outline .site-wrapper .user-items-list-simple .list-item[data-is-card-enabled="false"] .list-item-content__button.sqs-button-element--tertiary.sqs-block-button-element { color: var(--list-section-simple-button-background-color); border-color: var(--list-section-simple-button-background-color) } @media (hover:hover) { .tertiary-button-style-outline .site-wrapper .user-items-list-simple .list-item[data-is-card-enabled="false"] .list-item-content__button.sqs-button-element--tertiary.sqs-block-button-element:hover { background-color: var(--list-section-simple-button-background-color); color: var(--list-section-simple-button-text-color) } .tertiary-button-shape-underline.tertiary-button-style-outline .site-wrapper .user-items-list-simple .list-item[data-is-card-enabled="false"] .list-item-content__button.sqs-button-element--tertiary.sqs-block-button-element:hover { border-color: var(--list-section-simple-button-text-color) } } .tertiary-button-style-outline .site-wrapper .user-items-list-simple .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--tertiary.sqs-block-button-element { color: var(--list-section-simple-card-button-background-color); border-color: var(--list-section-simple-card-button-background-color) } @media (hover:hover) { .tertiary-button-style-outline .site-wrapper .user-items-list-simple .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--tertiary.sqs-block-button-element:hover { background-color: var(--list-section-simple-card-button-background-color); color: var(--list-section-simple-card-button-text-color) } .tertiary-button-shape-underline.tertiary-button-style-outline .site-wrapper .user-items-list-simple .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--tertiary.sqs-block-button-element:hover { border-color: var(--list-section-simple-card-button-text-color) } } .tertiary-button-style-outline .site-wrapper .user-items-list-carousel .list-item[data-is-card-enabled="false"] .list-item-content__button.sqs-button-element--tertiary.sqs-block-button-element { color: var(--list-section-carousel-button-background-color); border-color: var(--list-section-carousel-button-background-color) } @media (hover:hover) { .tertiary-button-style-outline .site-wrapper .user-items-list-carousel .list-item[data-is-card-enabled="false"] .list-item-content__button.sqs-button-element--tertiary.sqs-block-button-element:hover { background-color: var(--list-section-carousel-button-background-color); color: var(--list-section-carousel-button-text-color) } .tertiary-button-shape-underline.tertiary-button-style-outline .site-wrapper .user-items-list-carousel .list-item[data-is-card-enabled="false"] .list-item-content__button.sqs-button-element--tertiary.sqs-block-button-element:hover { border-color: var(--list-section-carousel-button-text-color) } } .tertiary-button-style-outline .site-wrapper .user-items-list-carousel .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--tertiary.sqs-block-button-element { color: var(--list-section-carousel-card-button-background-color); border-color: var(--list-section-carousel-card-button-background-color) } @media (hover:hover) { .tertiary-button-style-outline .site-wrapper .user-items-list-carousel .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--tertiary.sqs-block-button-element:hover { background-color: var(--list-section-carousel-card-button-background-color); color: var(--list-section-carousel-card-button-text-color) } .tertiary-button-shape-underline.tertiary-button-style-outline .site-wrapper .user-items-list-carousel .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--tertiary.sqs-block-button-element:hover { border-color: var(--list-section-carousel-card-button-text-color) } } .tertiary-button-style-outline .site-wrapper .user-items-list-banner-slideshow .list-item[data-is-card-enabled="false"] .list-item-content__button.sqs-button-element--tertiary.sqs-block-button-element { color: var(--list-section-banner-slideshow-button-background-color); border-color: var(--list-section-banner-slideshow-button-background-color) } @media (hover:hover) { .tertiary-button-style-outline .site-wrapper .user-items-list-banner-slideshow .list-item[data-is-card-enabled="false"] .list-item-content__button.sqs-button-element--tertiary.sqs-block-button-element:hover { background-color: var(--list-section-banner-slideshow-button-background-color); color: var(--list-section-banner-slideshow-button-text-color) } .tertiary-button-shape-underline.tertiary-button-style-outline .site-wrapper .user-items-list-banner-slideshow .list-item[data-is-card-enabled="false"] .list-item-content__button.sqs-button-element--tertiary.sqs-block-button-element:hover { border-color: var(--list-section-banner-slideshow-button-text-color) } } .tertiary-button-style-outline .site-wrapper .user-items-list-banner-slideshow .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--tertiary.sqs-block-button-element { color: var(--list-section-banner-slideshow-card-button-background-color); border-color: var(--list-section-banner-slideshow-card-button-background-color) } @media (hover:hover) { .tertiary-button-style-outline .site-wrapper .user-items-list-banner-slideshow .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--tertiary.sqs-block-button-element:hover { background-color: var(--list-section-banner-slideshow-card-button-background-color); color: var(--list-section-banner-slideshow-card-button-text-color) } .tertiary-button-shape-underline.tertiary-button-style-outline .site-wrapper .user-items-list-banner-slideshow .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--tertiary.sqs-block-button-element:hover { border-color: var(--list-section-banner-slideshow-card-button-text-color) } } .user-items-list-simple .list-item-content__title { color: var(--list-section-simple-title-color) } .user-items-list-simple .list-item-content__description { color: var(--list-section-simple-description-color) } .user-items-list-simple .list-item-content__description a { color: var(--list-section-simple-description-color) } .user-items-list-simple .list-item-content__button.sqs-button-element--primary { color: var(--list-section-simple-button-text-color); background-color: var(--list-section-simple-button-background-color) } .primary-button-style-solid.primary-button-shape-underline .site-wrapper .user-items-list-simple .list-item-content__button.sqs-button-element--primary { color: var(--list-section-simple-button-background-color); background-color: var(--list-section-simple-button-text-color); border-color: var(--list-section-simple-button-background-color) } .user-items-list-simple .list-item-content__button.sqs-button-element--secondary { color: var(--list-section-simple-button-text-color); background-color: var(--list-section-simple-button-background-color) } .secondary-button-style-solid.secondary-button-shape-underline .site-wrapper .user-items-list-simple .list-item-content__button.sqs-button-element--secondary { color: var(--list-section-simple-button-background-color); background-color: var(--list-section-simple-button-text-color); border-color: var(--list-section-simple-button-background-color) } .user-items-list-simple .list-item-content__button.sqs-button-element--tertiary { color: var(--list-section-simple-button-text-color); background-color: var(--list-section-simple-button-background-color) } .tertiary-button-style-solid.tertiary-button-shape-underline .site-wrapper .user-items-list-simple .list-item-content__button.sqs-button-element--tertiary { color: var(--list-section-simple-button-background-color); background-color: var(--list-section-simple-button-text-color); border-color: var(--list-section-simple-button-background-color) } .user-items-list-simple .list-item[data-is-card-enabled="true"] { background-color: var(--list-section-simple-card-color) } .user-items-list-simple .list-item[data-is-card-enabled="true"] .list-item-content__title { color: var(--list-section-simple-card-title-color) } .user-items-list-simple .list-item[data-is-card-enabled="true"] .list-item-content__description { color: var(--list-section-simple-card-description-color) } .user-items-list-simple .list-item[data-is-card-enabled="true"] .list-item-content__description a { color: var(--list-section-simple-card-description-link-color) } .user-items-list-simple .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--primary { color: var(--list-section-simple-card-button-text-color); background-color: var(--list-section-simple-card-button-background-color) } .primary-button-style-solid.primary-button-shape-underline .site-wrapper .user-items-list-simple .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--primary { color: var(--list-section-simple-card-button-background-color); background-color: var(--list-section-simple-card-button-text-color); border-color: var(--list-section-simple-card-button-background-color) } .user-items-list-simple .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--secondary { color: var(--list-section-simple-card-button-text-color); background-color: var(--list-section-simple-card-button-background-color) } .secondary-button-style-solid.secondary-button-shape-underline .site-wrapper .user-items-list-simple .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--secondary { color: var(--list-section-simple-card-button-background-color); background-color: var(--list-section-simple-card-button-text-color); border-color: var(--list-section-simple-card-button-background-color) } .user-items-list-simple .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--tertiary { color: var(--list-section-simple-card-button-text-color); background-color: var(--list-section-simple-card-button-background-color) } .tertiary-button-style-solid.tertiary-button-shape-underline .site-wrapper .user-items-list-simple .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--tertiary { color: var(--list-section-simple-card-button-background-color); background-color: var(--list-section-simple-card-button-text-color); border-color: var(--list-section-simple-card-button-background-color) } .user-items-list-carousel .list-item-content__title { color: var(--list-section-carousel-title-color) } .user-items-list-carousel .list-item-content__description { color: var(--list-section-carousel-description-color) } .user-items-list-carousel .list-item-content__description a { color: var(--list-section-carousel-description-color) } .user-items-list-carousel .list-item-content__button.sqs-button-element--primary { color: var(--list-section-carousel-button-text-color); background-color: var(--list-section-carousel-button-background-color) } .primary-button-style-solid.primary-button-shape-underline .site-wrapper .user-items-list-carousel .list-item-content__button.sqs-button-element--primary { color: var(--list-section-carousel-button-background-color); background-color: var(--list-section-carousel-button-text-color); border-color: var(--list-section-carousel-button-background-color) } .user-items-list-carousel .list-item-content__button.sqs-button-element--secondary { color: var(--list-section-carousel-button-text-color); background-color: var(--list-section-carousel-button-background-color) } .secondary-button-style-solid.secondary-button-shape-underline .site-wrapper .user-items-list-carousel .list-item-content__button.sqs-button-element--secondary { color: var(--list-section-carousel-button-background-color); background-color: var(--list-section-carousel-button-text-color); border-color: var(--list-section-carousel-button-background-color) } .user-items-list-carousel .list-item-content__button.sqs-button-element--tertiary { color: var(--list-section-carousel-button-text-color); background-color: var(--list-section-carousel-button-background-color) } .tertiary-button-style-solid.tertiary-button-shape-underline .site-wrapper .user-items-list-carousel .list-item-content__button.sqs-button-element--tertiary { color: var(--list-section-carousel-button-background-color); background-color: var(--list-section-carousel-button-text-color); border-color: var(--list-section-carousel-button-background-color) } .user-items-list-carousel .user-items-list-carousel__arrow-icon-foreground { stroke: var(--list-section-carousel-arrow-color) } .user-items-list-carousel .user-items-list-carousel__arrow-icon-background { background-color: var(--list-section-carousel-arrow-background-color) } .user-items-list-carousel .user-items-list-carousel__arrow-button::after { border-color: var(--list-section-carousel-arrow-color) } .user-items-list-carousel .user-items-list-carousel__gutter::after { border-color: var(--navigationLinkColor) } .user-items-list-carousel[data-layout-width="full"] .user-items-list-carousel__gutter::after { border-color: var(--list-section-carousel-arrow-background-color) } .user-items-list-carousel .list-item[data-is-card-enabled="true"] { background-color: var(--list-section-carousel-card-color) } .user-items-list-carousel .list-item[data-is-card-enabled="true"] .list-item-content__title { color: var(--list-section-carousel-card-title-color) } .user-items-list-carousel .list-item[data-is-card-enabled="true"] .list-item-content__description { color: var(--list-section-carousel-card-description-color) } .user-items-list-carousel .list-item[data-is-card-enabled="true"] .list-item-content__description a { color: var(--list-section-carousel-card-description-link-color) } .user-items-list-carousel .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--primary { color: var(--list-section-carousel-card-button-text-color); background-color: var(--list-section-carousel-card-button-background-color) } .primary-button-style-solid.primary-button-shape-underline .site-wrapper .user-items-list-carousel .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--primary { color: var(--list-section-carousel-card-button-background-color); background-color: var(--list-section-carousel-card-button-text-color); border-color: var(--list-section-carousel-card-button-background-color) } .user-items-list-carousel .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--secondary { color: var(--list-section-carousel-card-button-text-color); background-color: var(--list-section-carousel-card-button-background-color) } .secondary-button-style-solid.secondary-button-shape-underline .site-wrapper .user-items-list-carousel .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--secondary { color: var(--list-section-carousel-card-button-background-color); background-color: var(--list-section-carousel-card-button-text-color); border-color: var(--list-section-carousel-card-button-background-color) } .user-items-list-carousel .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--tertiary { color: var(--list-section-carousel-card-button-text-color); background-color: var(--list-section-carousel-card-button-background-color) } .tertiary-button-style-solid.tertiary-button-shape-underline .site-wrapper .user-items-list-carousel .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--tertiary { color: var(--list-section-carousel-card-button-background-color); background-color: var(--list-section-carousel-card-button-text-color); border-color: var(--list-section-carousel-card-button-background-color) } .user-items-list-banner-slideshow .list-item-content__title { color: var(--list-section-banner-slideshow-title-color) } .user-items-list-banner-slideshow .list-item-content__description { color: var(--list-section-banner-slideshow-description-color) } .user-items-list-banner-slideshow .list-item-content__description a { color: var(--list-section-banner-slideshow-description-color) } .user-items-list-banner-slideshow .list-item-content__button.sqs-button-element--primary { color: var(--list-section-banner-slideshow-button-text-color); background-color: var(--list-section-banner-slideshow-button-background-color) } .primary-button-style-solid.primary-button-shape-underline .site-wrapper .user-items-list-banner-slideshow .list-item-content__button.sqs-button-element--primary { color: var(--list-section-banner-slideshow-button-background-color); background-color: var(--list-section-banner-slideshow-button-text-color); border-color: var(--list-section-banner-slideshow-button-background-color) } .user-items-list-banner-slideshow .list-item-content__button.sqs-button-element--secondary { color: var(--list-section-banner-slideshow-button-text-color); background-color: var(--list-section-banner-slideshow-button-background-color) } .secondary-button-style-solid.secondary-button-shape-underline .site-wrapper .user-items-list-banner-slideshow .list-item-content__button.sqs-button-element--secondary { color: var(--list-section-banner-slideshow-button-background-color); background-color: var(--list-section-banner-slideshow-button-text-color); border-color: var(--list-section-banner-slideshow-button-background-color) } .user-items-list-banner-slideshow .list-item-content__button.sqs-button-element--tertiary { color: var(--list-section-banner-slideshow-button-text-color); background-color: var(--list-section-banner-slideshow-button-background-color) } .tertiary-button-style-solid.tertiary-button-shape-underline .site-wrapper .user-items-list-banner-slideshow .list-item-content__button.sqs-button-element--tertiary { color: var(--list-section-banner-slideshow-button-background-color); background-color: var(--list-section-banner-slideshow-button-text-color); border-color: var(--list-section-banner-slideshow-button-background-color) } .user-items-list-banner-slideshow .user-items-list-banner-slideshow__arrow-icon-foreground { stroke: var(--list-section-banner-slideshow-arrow-color) } .user-items-list-banner-slideshow .user-items-list-banner-slideshow__arrow-icon-background { background-color: var(--list-section-banner-slideshow-arrow-background-color) } .user-items-list-banner-slideshow .user-items-list-banner-slideshow__arrow-button::after { border-color: var(--list-section-banner-slideshow-arrow-color) } .user-items-list-banner-slideshow .slideshow-gutter::after { border-color: var(--navigationLinkColor) } .user-items-list-banner-slideshow[data-layout-width="full-bleed"] .slideshow-gutter::after { border-color: var(--list-section-banner-slideshow-arrow-background-color) } .user-items-list-banner-slideshow .list-item[data-is-card-enabled="true"] .list-item-card-background { background-color: var(--list-section-banner-slideshow-card-color) } .user-items-list-banner-slideshow .list-item[data-is-card-enabled="true"] .list-item-content__title { color: var(--list-section-banner-slideshow-card-title-color) } .user-items-list-banner-slideshow .list-item[data-is-card-enabled="true"] .list-item-content__description { color: var(--list-section-banner-slideshow-card-description-color) } .user-items-list-banner-slideshow .list-item[data-is-card-enabled="true"] .list-item-content__description a { color: var(--list-section-banner-slideshow-card-description-link-color) } .user-items-list-banner-slideshow .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--primary { color: var(--list-section-banner-slideshow-card-button-text-color); background-color: var(--list-section-banner-slideshow-card-button-background-color) } .primary-button-style-solid.primary-button-shape-underline .site-wrapper .user-items-list-banner-slideshow .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--primary { color: var(--list-section-banner-slideshow-card-button-background-color); background-color: var(--list-section-banner-slideshow-card-button-text-color); border-color: var(--list-section-banner-slideshow-card-button-background-color) } .user-items-list-banner-slideshow .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--secondary { color: var(--list-section-banner-slideshow-card-button-text-color); background-color: var(--list-section-banner-slideshow-card-button-background-color) } .secondary-button-style-solid.secondary-button-shape-underline .site-wrapper .user-items-list-banner-slideshow .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--secondary { color: var(--list-section-banner-slideshow-card-button-background-color); background-color: var(--list-section-banner-slideshow-card-button-text-color); border-color: var(--list-section-banner-slideshow-card-button-background-color) } .user-items-list-banner-slideshow .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--tertiary { color: var(--list-section-banner-slideshow-card-button-text-color); background-color: var(--list-section-banner-slideshow-card-button-background-color) } .tertiary-button-style-solid.tertiary-button-shape-underline .site-wrapper .user-items-list-banner-slideshow .list-item[data-is-card-enabled="true"] .list-item-content__button.sqs-button-element--tertiary { color: var(--list-section-banner-slideshow-card-button-background-color); background-color: var(--list-section-banner-slideshow-card-button-text-color); border-color: var(--list-section-banner-slideshow-card-button-background-color) } @media (hover:hover) { .tweak-global-animations-animation-type-flex.primary-button-style-solid:not(.primary-button-shape-underline) .sqs-button-element--primary:not(input):hover, .tweak-global-animations-animation-type-flex.primary-button-style-solid:not(.primary-button-shape-underline) .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--primary:hover { color: var(--primaryButtonBackgroundColor) } .tweak-global-animations-animation-type-flex.primary-button-style-solid:not(.primary-button-shape-underline) .sqs-button-element--primary:not(input)::before, .tweak-global-animations-animation-type-flex.primary-button-style-solid:not(.primary-button-shape-underline) .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--primary::before { border-color: var(--primaryButtonBackgroundColor); background-color: var(--primaryButtonTextColor) } .tweak-global-animations-animation-type-flex.primary-button-style-solid:not(.primary-button-shape-underline) .user-items-list-simple .list-item[data-is-card-enabled="false"] .list-item-content__button::before { border-color: var(--list-section-simple-button-background-color); background-color: var(--list-section-simple-button-text-color) } .tweak-global-animations-animation-type-flex.primary-button-style-solid:not(.primary-button-shape-underline) .user-items-list-simple .list-item[data-is-card-enabled="true"] .list-item-content__button::before { border-color: var(--list-section-simple-card-button-background-color); background-color: var(--list-section-simple-card-button-text-color) } .tweak-global-animations-animation-type-flex.primary-button-style-solid:not(.primary-button-shape-underline) .user-items-list-carousel .list-item[data-is-card-enabled="false"] .list-item-content__button::before { border-color: var(--list-section-carousel-button-background-color); background-color: var(--list-section-carousel-button-text-color) } .tweak-global-animations-animation-type-flex.primary-button-style-solid:not(.primary-button-shape-underline) .user-items-list-carousel .list-item[data-is-card-enabled="true"] .list-item-content__button::before { border-color: var(--list-section-carousel-card-button-background-color); background-color: var(--list-section-carousel-card-button-text-color) } .tweak-global-animations-animation-type-flex.primary-button-style-solid:not(.primary-button-shape-underline) .user-items-list-banner-slideshow .list-item[data-is-card-enabled="false"] .list-item-content__button::before { border-color: var(--list-section-banner-slideshow-button-background-color); background-color: var(--list-section-banner-slideshow-button-text-color) } .tweak-global-animations-animation-type-flex.primary-button-style-solid:not(.primary-button-shape-underline) .user-items-list-banner-slideshow .list-item[data-is-card-enabled="true"] .list-item-content__button::before { border-color: var(--list-section-banner-slideshow-card-button-background-color); background-color: var(--list-section-banner-slideshow-card-button-text-color) } } @media (hover:hover) and (hover:hover) { .tweak-global-animations-animation-type-flex.primary-button-style-solid:not(.primary-button-shape-underline) .user-items-list-simple .list-item[data-is-card-enabled="false"] .list-item-content__button:hover { color: var(--list-section-simple-button-background-color) } } @media (hover:hover) and (hover:hover) { .tweak-global-animations-animation-type-flex.primary-button-style-solid:not(.primary-button-shape-underline) .user-items-list-simple .list-item[data-is-card-enabled="true"] .list-item-content__button:hover { color: var(--list-section-simple-card-button-background-color) } } @media (hover:hover) and (hover:hover) { .tweak-global-animations-animation-type-flex.primary-button-style-solid:not(.primary-button-shape-underline) .user-items-list-carousel .list-item[data-is-card-enabled="false"] .list-item-content__button:hover { color: var(--list-section-carousel-button-background-color) } } @media (hover:hover) and (hover:hover) { .tweak-global-animations-animation-type-flex.primary-button-style-solid:not(.primary-button-shape-underline) .user-items-list-carousel .list-item[data-is-card-enabled="true"] .list-item-content__button:hover { color: var(--list-section-carousel-card-button-background-color) } } @media (hover:hover) and (hover:hover) { .tweak-global-animations-animation-type-flex.primary-button-style-solid:not(.primary-button-shape-underline) .user-items-list-banner-slideshow .list-item[data-is-card-enabled="false"] .list-item-content__button:hover { color: var(--list-section-banner-slideshow-button-background-color) } } @media (hover:hover) and (hover:hover) { .tweak-global-animations-animation-type-flex.primary-button-style-solid:not(.primary-button-shape-underline) .user-items-list-banner-slideshow .list-item[data-is-card-enabled="true"] .list-item-content__button:hover { color: var(--list-section-banner-slideshow-card-button-background-color) } } .tweak-global-animations-animation-type-flex.secondary-button-style-solid .sqs-button-element--secondary:not(input):hover { color: var(--secondaryButtonBackgroundColor) } .tweak-global-animations-animation-type-flex.secondary-button-style-solid .sqs-button-element--secondary:not(input)::before { border-color: var(--secondaryButtonBackgroundColor); background-color: var(--secondaryButtonTextColor) } .tweak-global-animations-animation-type-flex.tertiary-button-style-solid .sqs-button-element--tertiary:not(input):hover { color: var(--tertiaryButtonBackgroundColor) } .tweak-global-animations-animation-type-flex.tertiary-button-style-solid .sqs-button-element--tertiary:not(input)::before { border-color: var(--tertiaryButtonBackgroundColor); background-color: var(--tertiaryButtonTextColor) } @media (hover:hover) { .tweak-global-animations-animation-type-flex.primary-button-style-outline .sqs-button-element--primary:not(input):hover { color: var(--primaryButtonTextColor); background-color: transparent } .tweak-global-animations-animation-type-flex.primary-button-style-outline .sqs-button-element--primary:not(input)::before { border-color: var(--primaryButtonBackgroundColor); background-color: var(--primaryButtonBackgroundColor) } .tweak-global-animations-animation-type-flex.primary-button-style-outline .user-items-list-simple .list-item[data-is-card-enabled="false"] .list-item-content__button { color: var(--list-section-simple-button-background-color); border-color: var(--list-section-simple-button-background-color) } .tweak-global-animations-animation-type-flex.primary-button-style-outline .user-items-list-simple .list-item[data-is-card-enabled="false"] .list-item-content__button::before { border-color: var(--list-section-simple-button-background-color); background-color: var(--list-section-simple-button-background-color) } .tweak-global-animations-animation-type-flex.primary-button-style-outline .user-items-list-simple .list-item[data-is-card-enabled="true"] .list-item-content__button { color: var(--list-section-simple-card-button-background-color); border-color: var(--list-section-simple-card-button-background-color) } .tweak-global-animations-animation-type-flex.primary-button-style-outline .user-items-list-simple .list-item[data-is-card-enabled="true"] .list-item-content__button::before { border-color: var(--list-section-simple-card-button-background-color); background-color: var(--list-section-simple-card-button-background-color) } .tweak-global-animations-animation-type-flex.primary-button-style-outline .user-items-list-carousel .list-item[data-is-card-enabled="false"] .list-item-content__button { color: var(--list-section-carousel-button-background-color); border-color: var(--list-section-carousel-button-background-color) } .tweak-global-animations-animation-type-flex.primary-button-style-outline .user-items-list-carousel .list-item[data-is-card-enabled="false"] .list-item-content__button::before { border-color: var(--list-section-carousel-button-background-color); background-color: var(--list-section-carousel-button-background-color) } .tweak-global-animations-animation-type-flex.primary-button-style-outline .user-items-list-carousel .list-item[data-is-card-enabled="true"] .list-item-content__button { color: var(--list-section-carousel-card-button-background-color); border-color: var(--list-section-carousel-card-button-background-color) } .tweak-global-animations-animation-type-flex.primary-button-style-outline .user-items-list-carousel .list-item[data-is-card-enabled="true"] .list-item-content__button::before { border-color: var(--list-section-carousel-card-button-background-color); background-color: var(--list-section-carousel-card-button-background-color) } .tweak-global-animations-animation-type-flex.primary-button-style-outline .user-items-list-banner-slideshow .list-item[data-is-card-enabled="false"] .list-item-content__button { color: var(--list-section-banner-slideshow-button-background-color); border-color: var(--list-section-banner-slideshow-button-background-color) } .tweak-global-animations-animation-type-flex.primary-button-style-outline .user-items-list-banner-slideshow .list-item[data-is-card-enabled="false"] .list-item-content__button::before { border-color: var(--list-section-banner-slideshow-button-background-color); background-color: var(--list-section-banner-slideshow-button-background-color) } .tweak-global-animations-animation-type-flex.primary-button-style-outline .user-items-list-banner-slideshow .list-item[data-is-card-enabled="true"] .list-item-content__button { color: var(--list-section-banner-slideshow-card-button-background-color); border-color: var(--list-section-banner-slideshow-card-button-background-color) } .tweak-global-animations-animation-type-flex.primary-button-style-outline .user-items-list-banner-slideshow .list-item[data-is-card-enabled="true"] .list-item-content__button::before { border-color: var(--list-section-banner-slideshow-card-button-background-color); background-color: var(--list-section-banner-slideshow-card-button-background-color) } } @media (hover:hover) and (hover:hover) { .tweak-global-animations-animation-type-flex.primary-button-style-outline .user-items-list-simple .list-item[data-is-card-enabled="false"] .list-item-content__button:hover { color: var(--list-section-simple-button-text-color) } } @media (hover:hover) and (hover:hover) { .tweak-global-animations-animation-type-flex.primary-button-style-outline .user-items-list-simple .list-item[data-is-card-enabled="true"] .list-item-content__button:hover { color: var(--list-section-simple-card-button-text-color) } } @media (hover:hover) and (hover:hover) { .tweak-global-animations-animation-type-flex.primary-button-style-outline .user-items-list-carousel .list-item[data-is-card-enabled="false"] .list-item-content__button:hover { color: var(--list-section-carousel-button-text-color) } } @media (hover:hover) and (hover:hover) { .tweak-global-animations-animation-type-flex.primary-button-style-outline .user-items-list-carousel .list-item[data-is-card-enabled="true"] .list-item-content__button:hover { color: var(--list-section-carousel-card-button-text-color) } } @media (hover:hover) and (hover:hover) { .tweak-global-animations-animation-type-flex.primary-button-style-outline .user-items-list-banner-slideshow .list-item[data-is-card-enabled="false"] .list-item-content__button:hover { color: var(--list-section-banner-slideshow-button-text-color) } } @media (hover:hover) and (hover:hover) { .tweak-global-animations-animation-type-flex.primary-button-style-outline .user-items-list-banner-slideshow .list-item[data-is-card-enabled="true"] .list-item-content__button:hover { color: var(--list-section-banner-slideshow-card-button-text-color) } } @media (hover:hover) { .tweak-global-animations-animation-type-flex.secondary-button-style-outline .sqs-button-element--secondary:not(input):hover { color: var(--secondaryButtonTextColor); background-color: transparent } .tweak-global-animations-animation-type-flex.secondary-button-style-outline .sqs-button-element--secondary:not(input)::before { border-color: var(--secondaryButtonBackgroundColor); background-color: var(--secondaryButtonBackgroundColor) } } @media (hover:hover) { .tweak-global-animations-animation-type-flex.tertiary-button-style-outline .sqs-button-element--tertiary:not(input):hover { color: var(--tertiaryButtonTextColor); background-color: transparent } .tweak-global-animations-animation-type-flex.tertiary-button-style-outline .sqs-button-element--tertiary:not(input)::before { border-color: var(--tertiaryButtonBackgroundColor); background-color: var(--tertiaryButtonBackgroundColor) } } .portfolio-grid-overlay .portfolio-title { color: var(--portfolio-grid-overlay-title-color) } .portfolio-grid-overlay .portfolio-overlay { background-color: var(--portfolio-grid-overlay-overlay-color) } .portfolio-grid-basic .portfolio-title { color: var(--portfolio-grid-basic-title-color) } .portfolio-hover[data-variant-hover-cover] .portfolio-hover-item-title { color: var(--portfolio-index-background-title-color) } .collection-type-portfolio-index-background .portfolio-index-background-link h1 { color: var(--portfolio-index-background-title-color) } .portfolio-hover[data-variant-hover-follow] .portfolio-hover-item-title { color: var(--portfolio-hover-follow-title-color) } .portfolio-hover[data-variant-hover-static] .portfolio-hover-item-title { color: var(--portfolio-hover-static-title-color) } .item-pagination[data-collection-type^="portfolio"] { background-color: var(--siteBackgroundColor) } .item-pagination[data-collection-type^="portfolio"] .item-pagination-icon svg { stroke: var(--tweak-portfolio-item-pagination-icon-color) } .item-pagination[data-collection-type^="portfolio"] .item-pagination-prev-next { color: var(--tweak-portfolio-item-pagination-meta-color) } .item-pagination[data-collection-type^="portfolio"] .item-pagination-title { color: var(--tweak-portfolio-item-pagination-title-color) } .lesson-title { color: var(--video-grid-basic-title-color) } .lessons-grid-meta-container { color: var(--video-grid-basic-meta-color) } .lessons-list .grid-desc { color: var(--video-grid-basic-description-color) } .lessons-list .nested-category-children, .lessons-list .nested-category-tree-wrapper { color: var(--video-grid-category-nav-color) } .lesson-details-title { color: var(--tweak-video-item-title-color) } .lesson-grid-meta-container { color: var(--tweak-video-item-meta-color) } .lesson-details-description { color: var(--tweak-video-item-description-color) } .lesson-item-pagination-title { color: var(--tweak-video-item-pagination-title-color) } .lesson-item-pagination-icon svg { stroke: var(--tweak-video-item-pagination-icon-color) } .blog-alternating-side-by-side .blog-more-link { color: var(--tweak-blog-alternating-side-by-side-list-read-more-color) } .blog-alternating-side-by-side .blog-more-link::after { background: var(--tweak-blog-alternating-side-by-side-list-read-more-color) } .blog-alternating-side-by-side .blog-title { color: var(--tweak-blog-alternating-side-by-side-list-title-color) } .blog-alternating-side-by-side .blog-categories-list a, .blog-alternating-side-by-side .blog-author, .blog-alternating-side-by-side .blog-date, .blog-alternating-side-by-side .blog-meta-delimiter { color: var(--tweak-blog-alternating-side-by-side-list-meta-color) } .blog-alternating-side-by-side .blog-excerpt { color: var(--tweak-blog-alternating-side-by-side-list-excerpt-color) } .blog-alternating-side-by-side .blog-list-pagination { color: var(--tweak-blog-alternating-side-by-side-list-meta-color) } .blog-alternating-side-by-side .blog-list-pagination .blog-list-pagination-icon { stroke: var(--tweak-blog-alternating-side-by-side-list-meta-color) } .blog-basic-grid .blog-more-link { color: var(--tweak-blog-basic-grid-list-read-more-color) } .blog-basic-grid .blog-more-link::after { background: var(--tweak-blog-basic-grid-list-read-more-color) } .blog-basic-grid .blog-title { color: var(--tweak-blog-basic-grid-list-title-color) } .blog-basic-grid .blog-categories-list a, .blog-basic-grid .blog-author, .blog-basic-grid .blog-date, .blog-basic-grid .blog-meta-delimiter { color: var(--tweak-blog-basic-grid-list-meta-color) } .blog-basic-grid .blog-excerpt { color: var(--tweak-blog-basic-grid-list-excerpt-color) } .blog-basic-grid .blog-list-pagination { color: var(--tweak-blog-basic-grid-list-meta-color) } .blog-basic-grid .blog-list-pagination .blog-list-pagination-icon { stroke: var(--tweak-blog-basic-grid-list-meta-color) } .blog-masonry .blog-more-link { color: var(--tweak-blog-masonry-list-read-more-color) } .blog-masonry .blog-more-link::after { background: var(--tweak-blog-masonry-list-read-more-color) } .blog-masonry .blog-title { color: var(--tweak-blog-masonry-list-title-color) } .blog-masonry .blog-categories-list a, .blog-masonry .blog-author, .blog-masonry .blog-date, .blog-masonry .blog-meta-delimiter { color: var(--tweak-blog-masonry-list-meta-color) } .blog-masonry .blog-excerpt { color: var(--tweak-blog-masonry-list-excerpt-color) } .blog-masonry .blog-list-pagination { color: var(--tweak-blog-masonry-list-meta-color) } .blog-masonry .blog-list-pagination .blog-list-pagination-icon { stroke: var(--tweak-blog-masonry-list-meta-color) } .blog-side-by-side .blog-more-link { color: var(--tweak-blog-side-by-side-list-read-more-color) } .blog-side-by-side .blog-more-link::after { background: var(--tweak-blog-side-by-side-list-read-more-color) } .blog-side-by-side .blog-title { color: var(--tweak-blog-side-by-side-list-title-color) } .blog-side-by-side .blog-categories-list a, .blog-side-by-side .blog-author, .blog-side-by-side .blog-date, .blog-side-by-side .blog-meta-delimiter { color: var(--tweak-blog-side-by-side-list-meta-color) } .blog-side-by-side .blog-excerpt { color: var(--tweak-blog-side-by-side-list-excerpt-color) } .blog-side-by-side .blog-list-pagination { color: var(--tweak-blog-side-by-side-list-meta-color) } .blog-side-by-side .blog-list-pagination .blog-list-pagination-icon { stroke: var(--tweak-blog-side-by-side-list-meta-color) } .blog-single-column .blog-more-link { color: var(--tweak-blog-single-column-list-read-more-color) } .blog-single-column .blog-more-link::after { background: var(--tweak-blog-single-column-list-read-more-color) } .blog-single-column .blog-title { color: var(--tweak-blog-single-column-list-title-color) } .blog-single-column .blog-categories-list a, .blog-single-column .blog-author, .blog-single-column .blog-date, .blog-single-column .blog-meta-delimiter { color: var(--tweak-blog-single-column-list-meta-color) } .blog-single-column .blog-excerpt { color: var(--tweak-blog-single-column-list-excerpt-color) } .blog-single-column .blog-list-pagination { color: var(--tweak-blog-single-column-list-meta-color) } .blog-single-column .blog-list-pagination .blog-list-pagination-icon { stroke: var(--tweak-blog-single-column-list-meta-color) } .blog-item-wrapper .blog-item-title h1.entry-title { color: var(--tweak-blog-item-title-color) } .blog-item-wrapper .blog-meta-item, .blog-item-wrapper .blog-meta-item a, .blog-item-wrapper .blog-meta-item span { color: var(--tweak-blog-item-meta-color) } .blog-item-wrapper .author-name, .blog-item-wrapper .author-website, .blog-item-wrapper .author-bio { color: var(--tweak-blog-item-author-profile-color) } .blog-item-wrapper #comments .header-controls, .blog-item-wrapper #comments .header-controls .comment-count, .blog-item-wrapper .comment-header .user-info, .blog-item-wrapper .comment-header .controls { color: var(--tweak-blog-item-comment-meta-color) } .blog-item-wrapper .comment-body * { color: var(--tweak-blog-item-comment-text-color) } .item-pagination[data-collection-type^="blog"] { background-color: var(--siteBackgroundColor) } .item-pagination[data-collection-type^="blog"] .item-pagination-icon svg { stroke: var(--tweak-blog-item-pagination-icon-color) } .item-pagination[data-collection-type^="blog"] .item-pagination-prev-next { color: var(--tweak-blog-item-pagination-meta-color) } .item-pagination[data-collection-type^="blog"] .item-pagination-title { color: var(--tweak-blog-item-pagination-title-color) } .products.collection-content-wrapper .nested-category-breadcrumb-link { color: var(--tweak-product-grid-text-below-list-category-nav-color) } .products.collection-content-wrapper .ProductItem-nav-breadcrumb-link { color: var(--tweak-product-basic-item-breadcumb-nav-color) } .products.collection-content-wrapper .grid-item.on-sale .sqs-money-native { color: var(--tweak-product-grid-text-below-list-sale-price-color) } .products.collection-content-wrapper .grid-item.on-sale .original-price .sqs-money-native { color: var(--tweak-product-grid-text-below-list-price-color) } .products.collection-content-wrapper .product-mark.sale { color: var(--tweak-product-grid-text-below-list-sale-price-color) } .products.collection-content-wrapper .list-pagination .product-list-pagination-icon svg { stroke: var(--tweak-product-grid-text-below-list-pagination-color) } .products.collection-content-wrapper .category-filter-delimiter { color: var(--tweak-product-grid-text-below-list-category-nav-color) } .products.collection-content-wrapper .category-filter-link::after { background: var(--tweak-product-grid-text-below-list-category-nav-color) } @media (hover:hover) { .products.collection-content-wrapper .category-filter-link:hover { color: var(--tweak-product-grid-text-below-list-category-nav-color) } } .products.collection-content-wrapper .category-filter-link.category-filter-link-all, .products.collection-content-wrapper .category-filter-link.active { color: var(--tweak-product-grid-text-below-list-category-nav-color) } .products.collection-content-wrapper .category-filter-list.other-active .category-filter-link { color: var(--tweak-product-grid-text-below-list-category-nav-color) } @media (hover:hover) { .products.collection-content-wrapper .category-filter-list.other-active .category-filter-link:hover { color: var(--tweak-product-grid-text-below-list-category-nav-color) } } .products.collection-content-wrapper .category-filter-list.other-active .category-filter-link.active { color: var(--tweak-product-grid-text-below-list-category-nav-color) } .products.collection-content-wrapper .grid-main-meta .grid-title { color: var(--tweak-product-grid-text-below-list-title-color) } .products.collection-content-wrapper .grid-main-meta .grid-prices { color: var(--tweak-product-grid-text-below-list-price-color) } .products.collection-content-wrapper .grid-meta-status { color: var(--tweak-product-grid-text-below-list-status-color) } .products.collection-content-wrapper .product-scarcity { color: var(--tweak-product-grid-text-below-list-scarcity-color) } .products.collection-content-wrapper .plp-grid-add-to-cart .variant-option select { color: var(--tweak-product-grid-text-below-list-price-color); border-color: var(--tweak-product-grid-text-below-list-price-color) } .on-sale .product-details .sqs-money-native { color: var(--tweak-product-basic-item-sale-price-color) } .on-sale .product-details .original-price .sqs-money-native { color: var(--tweak-product-grid-text-below-list-price-color) } .ProductItem.on-sale .ProductItem-details .product-price .sqs-money-native { color: var(--tweak-product-basic-item-sale-price-color) } .ProductItem .ProductItem-details { color: var(--tweak-product-basic-item-description-color) } .ProductItem .ProductItem-details h1.ProductItem-details-title { color: var(--tweak-product-basic-item-title-color) } .ProductItem .ProductItem-details .product-price { color: var(--tweak-product-basic-item-price-color) } .ProductItem .ProductItem-details .product-price, .ProductItem .ProductItem-details .product-price .original-price .sqs-money-native { color: var(--tweak-product-basic-item-price-color) } .ProductItem .ProductItem-details .product-scarcity { color: var(--tweak-product-basic-item-scarcity-color) } .ProductItem .ProductItem-details .variant-option, .ProductItem .ProductItem-details .product-quantity-input, .ProductItem .ProductItem-details .product-quantity-input input { color: var(--tweak-product-basic-item-variant-fields-color) } .ProductItem .ProductItem-details .variant-select-wrapper:after { border-bottom-color: var(--tweak-product-basic-item-variant-fields-color); border-right-color: var(--tweak-product-basic-item-variant-fields-color) } .ProductItem .ProductItem-nav-breadcrumb span, .ProductItem .ProductItem-nav-pagination span, .ProductItem .ProductItem-nav-breadcrumb a, .ProductItem .ProductItem-nav-pagination a { color: var(--tweak-product-basic-item-breadcumb-nav-color) } .ProductItem .product-item-gallery-carousel-control::after { border-color: var(--tweak-product-basic-item-gallery-controls-color) } .ProductItem .ProductItem-gallery-current-slide-indicator { color: var(--tweak-product-basic-item-gallery-controls-color) } .ProductItem .ProductItem-gallery-scroll::after { background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, var(--siteBackgroundColor) 100%) } .sqs-product-quick-view-content { background-color: var(--siteBackgroundColor) } .product-block .product-quantity-input input { color: var(--tweak-product-basic-item-variant-fields-color) !important } .item-pagination[data-collection-type^="events"] { background-color: var(--siteBackgroundColor) } .item-pagination[data-collection-type^="events"] .item-pagination-icon svg { stroke: var(--tweak-events-item-pagination-icon-color) } .item-pagination[data-collection-type^="events"] .events-item-pagination-date { color: var(--tweak-events-item-pagination-date-color) } .item-pagination[data-collection-type^="events"] .item-pagination-title { color: var(--tweak-events-item-pagination-title-color) } .sqs-block-collectionlink .collectionlink-title { color: var(--tweak-content-link-block-title-color) } .fluidImageOverlay { background-color: var(--image-block-overlay-color) } .image-overlay, .sqs-image-content::after { background-color: var(--backgroundOverlayColor) } .sqs-block-image .design-layout-poster .sqs-image-content::after, .sqs-block-image .design-layout-poster .image-overlay { background-color: var(--image-block-poster-image-overlay-color) } .sqs-block-image .design-layout-poster .image-title * { color: var(--image-block-poster-image-title-color) } .sqs-block-image .design-layout-poster .image-subtitle * { color: var(--image-block-poster-image-subtitle-color) } .sqs-block-image .design-layout-poster .image-title a, .sqs-block-image .design-layout-poster .image-subtitle a { color: var(--image-block-poster-inline-link-color) } @media (hover:hover) { .sqs-block-image .design-layout-poster .image-title a:hover, .sqs-block-image .design-layout-poster .image-subtitle a:hover { opacity: .8 } } .sqs-block-image .design-layout-poster .image-title * { background-color: var(--image-block-poster-image-title-bg-color-v2); box-shadow: .2em 0 0 var(--image-block-poster-image-title-bg-color-v2), -.2em 0 0 var(--image-block-poster-image-title-bg-color-v2) } .primary-button-style-solid .sqs-block-image .design-layout-poster .image-button .sqs-button-element--primary, .secondary-button-style-solid .sqs-block-image .design-layout-poster .image-button .sqs-button-element--secondary, .tertiary-button-style-solid .sqs-block-image .design-layout-poster .image-button .sqs-button-element--tertiary { background: var(--image-block-poster-image-button-bg-color); color: var(--image-block-poster-image-button-text-color) } .primary-button-style-solid.primary-button-shape-underline .sqs-block-image .design-layout-poster .image-button .sqs-button-element--primary, .secondary-button-style-solid.secondary-button-shape-underline .sqs-block-image .design-layout-poster .image-button .sqs-button-element--secondary, .tertiary-button-style-solid.tertiary-button-shape-underline .sqs-block-image .design-layout-poster .image-button .sqs-button-element--tertiary { background: var(--image-block-poster-image-button-text-color); color: var(--image-block-poster-image-button-bg-color); border-color: var(--image-block-poster-image-button-bg-color) } .tweak-global-animations-animation-type-flex.primary-button-style-solid:not(.primary-button-shape-underline) .sqs-block-image .design-layout-poster .image-button .sqs-button-element--primary:hover { color: var(--image-block-poster-image-button-bg-color) } .tweak-global-animations-animation-type-flex.primary-button-style-solid:not(.primary-button-shape-underline) .sqs-block-image .design-layout-poster .image-button .sqs-button-element--primary::before { border-color: var(--image-block-poster-image-button-bg-color); background-color: var(--image-block-poster-image-button-text-color) } .primary-button-style-outline .sqs-block-image .design-layout-poster .image-button .sqs-button-element--primary, .secondary-button-style-outline .sqs-block-image .design-layout-poster .image-button .sqs-button-element--secondary, .tertiary-button-style-outline .sqs-block-image .design-layout-poster .image-button .sqs-button-element--tertiary { background: transparent; color: var(--image-block-poster-image-button-bg-color); border: 2px solid var(--image-block-poster-image-button-bg-color) } @media (hover:hover) { .primary-button-style-outline .sqs-block-image .design-layout-poster .image-button .sqs-button-element--primary:hover, .secondary-button-style-outline .sqs-block-image .design-layout-poster .image-button .sqs-button-element--secondary:hover, .tertiary-button-style-outline .sqs-block-image .design-layout-poster .image-button .sqs-button-element--tertiary:hover { background: var(--image-block-poster-image-button-bg-color); color: var(--image-block-poster-image-button-text-color) } } @media (hover:hover) { .primary-button-style-outline.primary-button-shape-underline .sqs-block-image .design-layout-poster .image-button .sqs-button-element--primary:hover, .secondary-button-style-outline.secondary-button-shape-underline .sqs-block-image .design-layout-poster .image-button .sqs-button-element--secondary:hover, .tertiary-button-style-outline.tertiary-button-shape-underline .sqs-block-image .design-layout-poster .image-button .sqs-button-element--tertiary:hover { border-color: var(--image-block-poster-image-button-text-color) } } .tweak-global-animations-animation-type-flex.primary-button-style-outline .sqs-block-image .design-layout-poster .image-button .sqs-button-element--primary:hover { color: var(--image-block-poster-image-button-text-color) } .tweak-global-animations-animation-type-flex.primary-button-style-outline .sqs-block-image .design-layout-poster .image-button .sqs-button-element--primary::before { border-color: var(--image-block-poster-image-button-bg-color); background-color: var(--image-block-poster-image-button-bg-color) } .sqs-block-image .design-layout-card .sqs-image-content::after, .sqs-block-image .design-layout-card .image-overlay { background-color: var(--image-block-card-image-overlay-color) } .sqs-block-image .design-layout-card .image-title * { color: var(--image-block-card-image-title-color) } .sqs-block-image .design-layout-card .image-subtitle * { color: var(--image-block-card-image-subtitle-color) } .sqs-block-image .design-layout-card .image-title a, .sqs-block-image .design-layout-card .image-subtitle a { color: var(--image-block-card-inline-link-color) } @media (hover:hover) { .sqs-block-image .design-layout-card .image-title a:hover, .sqs-block-image .design-layout-card .image-subtitle a:hover { opacity: .8 } } .sqs-block-image .design-layout-card .image-title * { background-color: var(--image-block-card-image-title-bg-color); box-shadow: .2em 0 0 var(--image-block-card-image-title-bg-color), -.2em 0 0 var(--image-block-card-image-title-bg-color) } .primary-button-style-solid .sqs-block-image .design-layout-card .image-button .sqs-button-element--primary, .secondary-button-style-solid .sqs-block-image .design-layout-card .image-button .sqs-button-element--secondary, .tertiary-button-style-solid .sqs-block-image .design-layout-card .image-button .sqs-button-element--tertiary { background: var(--image-block-card-image-button-bg-color); color: var(--image-block-card-image-button-text-color) } .primary-button-style-solid.primary-button-shape-underline .sqs-block-image .design-layout-card .image-button .sqs-button-element--primary, .secondary-button-style-solid.secondary-button-shape-underline .sqs-block-image .design-layout-card .image-button .sqs-button-element--secondary, .tertiary-button-style-solid.tertiary-button-shape-underline .sqs-block-image .design-layout-card .image-button .sqs-button-element--tertiary { background: var(--image-block-card-image-button-text-color); color: var(--image-block-card-image-button-bg-color); border-color: var(--image-block-card-image-button-bg-color) } .tweak-global-animations-animation-type-flex.primary-button-style-solid:not(.primary-button-shape-underline) .sqs-block-image .design-layout-card .image-button .sqs-button-element--primary:hover { color: var(--image-block-card-image-button-bg-color) } .tweak-global-animations-animation-type-flex.primary-button-style-solid:not(.primary-button-shape-underline) .sqs-block-image .design-layout-card .image-button .sqs-button-element--primary::before { border-color: var(--image-block-card-image-button-bg-color); background-color: var(--image-block-card-image-button-text-color) } .primary-button-style-outline .sqs-block-image .design-layout-card .image-button .sqs-button-element--primary, .secondary-button-style-outline .sqs-block-image .design-layout-card .image-button .sqs-button-element--secondary, .tertiary-button-style-outline .sqs-block-image .design-layout-card .image-button .sqs-button-element--tertiary { background: transparent; color: var(--image-block-card-image-button-bg-color); border: 2px solid var(--image-block-card-image-button-bg-color) } @media (hover:hover) { .primary-button-style-outline .sqs-block-image .design-layout-card .image-button .sqs-button-element--primary:hover, .secondary-button-style-outline .sqs-block-image .design-layout-card .image-button .sqs-button-element--secondary:hover, .tertiary-button-style-outline .sqs-block-image .design-layout-card .image-button .sqs-button-element--tertiary:hover { background: var(--image-block-card-image-button-bg-color); color: var(--image-block-card-image-button-text-color) } } @media (hover:hover) { .primary-button-style-outline.primary-button-shape-underline .sqs-block-image .design-layout-card .image-button .sqs-button-element--primary:hover, .secondary-button-style-outline.secondary-button-shape-underline .sqs-block-image .design-layout-card .image-button .sqs-button-element--secondary:hover, .tertiary-button-style-outline.tertiary-button-shape-underline .sqs-block-image .design-layout-card .image-button .sqs-button-element--tertiary:hover { border-color: var(--image-block-card-image-button-text-color) } } .tweak-global-animations-animation-type-flex.primary-button-style-outline .sqs-block-image .design-layout-card .image-button .sqs-button-element--primary:hover { color: var(--image-block-card-image-button-text-color) } .tweak-global-animations-animation-type-flex.primary-button-style-outline .sqs-block-image .design-layout-card .image-button .sqs-button-element--primary::before { border-color: var(--image-block-card-image-button-bg-color); background-color: var(--image-block-card-image-button-bg-color) } .sqs-block-image .design-layout-overlap .sqs-image-content::after, .sqs-block-image .design-layout-overlap .image-overlay { background-color: var(--image-block-overlap-image-overlay-color) } .sqs-block-image .design-layout-overlap .image-title * { color: var(--image-block-overlap-image-title-color) } .sqs-block-image .design-layout-overlap .image-subtitle * { color: var(--image-block-overlap-image-subtitle-color) } .sqs-block-image .design-layout-overlap .image-title a, .sqs-block-image .design-layout-overlap .image-subtitle a { color: var(--image-block-overlap-inline-link-color) } @media (hover:hover) { .sqs-block-image .design-layout-overlap .image-title a:hover, .sqs-block-image .design-layout-overlap .image-subtitle a:hover { opacity: .8 } } .sqs-block-image .design-layout-overlap .image-title * { background-color: var(--image-block-overlap-image-title-bg-color); box-shadow: .2em 0 0 var(--image-block-overlap-image-title-bg-color), -.2em 0 0 var(--image-block-overlap-image-title-bg-color) } .primary-button-style-solid .sqs-block-image .design-layout-overlap .image-button .sqs-button-element--primary, .secondary-button-style-solid .sqs-block-image .design-layout-overlap .image-button .sqs-button-element--secondary, .tertiary-button-style-solid .sqs-block-image .design-layout-overlap .image-button .sqs-button-element--tertiary { background: var(--image-block-overlap-image-button-bg-color); color: var(--image-block-overlap-image-button-text-color) } .primary-button-style-solid.primary-button-shape-underline .sqs-block-image .design-layout-overlap .image-button .sqs-button-element--primary, .secondary-button-style-solid.secondary-button-shape-underline .sqs-block-image .design-layout-overlap .image-button .sqs-button-element--secondary, .tertiary-button-style-solid.tertiary-button-shape-underline .sqs-block-image .design-layout-overlap .image-button .sqs-button-element--tertiary { background: var(--image-block-overlap-image-button-text-color); color: var(--image-block-overlap-image-button-bg-color); border-color: var(--image-block-overlap-image-button-bg-color) } .tweak-global-animations-animation-type-flex.primary-button-style-solid:not(.primary-button-shape-underline) .sqs-block-image .design-layout-overlap .image-button .sqs-button-element--primary:hover { color: var(--image-block-overlap-image-button-bg-color) } .tweak-global-animations-animation-type-flex.primary-button-style-solid:not(.primary-button-shape-underline) .sqs-block-image .design-layout-overlap .image-button .sqs-button-element--primary::before { border-color: var(--image-block-overlap-image-button-bg-color); background-color: var(--image-block-overlap-image-button-text-color) } .primary-button-style-outline .sqs-block-image .design-layout-overlap .image-button .sqs-button-element--primary, .secondary-button-style-outline .sqs-block-image .design-layout-overlap .image-button .sqs-button-element--secondary, .tertiary-button-style-outline .sqs-block-image .design-layout-overlap .image-button .sqs-button-element--tertiary { background: transparent; color: var(--image-block-overlap-image-button-bg-color); border: 2px solid var(--image-block-overlap-image-button-bg-color) } @media (hover:hover) { .primary-button-style-outline .sqs-block-image .design-layout-overlap .image-button .sqs-button-element--primary:hover, .secondary-button-style-outline .sqs-block-image .design-layout-overlap .image-button .sqs-button-element--secondary:hover, .tertiary-button-style-outline .sqs-block-image .design-layout-overlap .image-button .sqs-button-element--tertiary:hover { background: var(--image-block-overlap-image-button-bg-color); color: var(--image-block-overlap-image-button-text-color) } } @media (hover:hover) { .primary-button-style-outline.primary-button-shape-underline .sqs-block-image .design-layout-overlap .image-button .sqs-button-element--primary:hover, .secondary-button-style-outline.secondary-button-shape-underline .sqs-block-image .design-layout-overlap .image-button .sqs-button-element--secondary:hover, .tertiary-button-style-outline.tertiary-button-shape-underline .sqs-block-image .design-layout-overlap .image-button .sqs-button-element--tertiary:hover { border-color: var(--image-block-overlap-image-button-text-color) } } .tweak-global-animations-animation-type-flex.primary-button-style-outline .sqs-block-image .design-layout-overlap .image-button .sqs-button-element--primary:hover { color: var(--image-block-overlap-image-button-text-color) } .tweak-global-animations-animation-type-flex.primary-button-style-outline .sqs-block-image .design-layout-overlap .image-button .sqs-button-element--primary::before { border-color: var(--image-block-overlap-image-button-bg-color); background-color: var(--image-block-overlap-image-button-bg-color) } .sqs-block-image .design-layout-collage .sqs-image-content::after, .sqs-block-image .design-layout-collage .image-overlay { background-color: var(--image-block-collage-image-overlay-color) } .sqs-block-image .design-layout-collage .image-card { background-color: var(--image-block-collage-background-color) } .sqs-block-image .design-layout-collage .image-title * { color: var(--image-block-collage-image-title-color) } .sqs-block-image .design-layout-collage .image-subtitle * { color: var(--image-block-collage-image-subtitle-color) } .sqs-block-image .design-layout-collage .image-title a, .sqs-block-image .design-layout-collage .image-subtitle a { color: var(--image-block-collage-inline-link-color) } @media (hover:hover) { .sqs-block-image .design-layout-collage .image-title a:hover, .sqs-block-image .design-layout-collage .image-subtitle a:hover { opacity: .8 } } .sqs-block-image .design-layout-collage .image-title * { background-color: var(--image-block-collage-image-title-bg-color); box-shadow: .2em 0 0 var(--image-block-collage-image-title-bg-color), -.2em 0 0 var(--image-block-collage-image-title-bg-color) } .primary-button-style-solid .sqs-block-image .design-layout-collage .image-button .sqs-button-element--primary, .secondary-button-style-solid .sqs-block-image .design-layout-collage .image-button .sqs-button-element--secondary, .tertiary-button-style-solid .sqs-block-image .design-layout-collage .image-button .sqs-button-element--tertiary { background: var(--image-block-collage-image-button-bg-color); color: var(--image-block-collage-image-button-text-color) } .primary-button-style-solid.primary-button-shape-underline .sqs-block-image .design-layout-collage .image-button .sqs-button-element--primary, .secondary-button-style-solid.secondary-button-shape-underline .sqs-block-image .design-layout-collage .image-button .sqs-button-element--secondary, .tertiary-button-style-solid.tertiary-button-shape-underline .sqs-block-image .design-layout-collage .image-button .sqs-button-element--tertiary { background: var(--image-block-collage-image-button-text-color); color: var(--image-block-collage-image-button-bg-color); border-color: var(--image-block-collage-image-button-bg-color) } .tweak-global-animations-animation-type-flex.primary-button-style-solid:not(.primary-button-shape-underline) .sqs-block-image .design-layout-collage .image-button .sqs-button-element--primary:hover { color: var(--image-block-collage-image-button-bg-color) } .tweak-global-animations-animation-type-flex.primary-button-style-solid:not(.primary-button-shape-underline) .sqs-block-image .design-layout-collage .image-button .sqs-button-element--primary::before { border-color: var(--image-block-collage-image-button-bg-color); background-color: var(--image-block-collage-image-button-text-color) } .primary-button-style-outline .sqs-block-image .design-layout-collage .image-button .sqs-button-element--primary, .secondary-button-style-outline .sqs-block-image .design-layout-collage .image-button .sqs-button-element--secondary, .tertiary-button-style-outline .sqs-block-image .design-layout-collage .image-button .sqs-button-element--tertiary { background: transparent; color: var(--image-block-collage-image-button-bg-color); border: 2px solid var(--image-block-collage-image-button-bg-color) } @media (hover:hover) { .primary-button-style-outline .sqs-block-image .design-layout-collage .image-button .sqs-button-element--primary:hover, .secondary-button-style-outline .sqs-block-image .design-layout-collage .image-button .sqs-button-element--secondary:hover, .tertiary-button-style-outline .sqs-block-image .design-layout-collage .image-button .sqs-button-element--tertiary:hover { background: var(--image-block-collage-image-button-bg-color); color: var(--image-block-collage-image-button-text-color) } } @media (hover:hover) { .primary-button-style-outline.primary-button-shape-underline .sqs-block-image .design-layout-collage .image-button .sqs-button-element--primary:hover, .secondary-button-style-outline.secondary-button-shape-underline .sqs-block-image .design-layout-collage .image-button .sqs-button-element--secondary:hover, .tertiary-button-style-outline.tertiary-button-shape-underline .sqs-block-image .design-layout-collage .image-button .sqs-button-element--tertiary:hover { border-color: var(--image-block-collage-image-button-text-color) } } .tweak-global-animations-animation-type-flex.primary-button-style-outline .sqs-block-image .design-layout-collage .image-button .sqs-button-element--primary:hover { color: var(--image-block-collage-image-button-text-color) } .tweak-global-animations-animation-type-flex.primary-button-style-outline .sqs-block-image .design-layout-collage .image-button .sqs-button-element--primary::before { border-color: var(--image-block-collage-image-button-bg-color); background-color: var(--image-block-collage-image-button-bg-color) } .sqs-block-image .design-layout-stack .sqs-image-content::after, .sqs-block-image .design-layout-stack .image-overlay { background-color: var(--image-block-stack-image-overlay-color) } .sqs-block-image .design-layout-stack .image-title * { color: var(--image-block-stack-image-title-color) } .sqs-block-image .design-layout-stack .image-subtitle * { color: var(--image-block-stack-image-subtitle-color) } .sqs-block-image .design-layout-stack .image-title a, .sqs-block-image .design-layout-stack .image-subtitle a { color: var(--image-block-stack-inline-link-color) } @media (hover:hover) { .sqs-block-image .design-layout-stack .image-title a:hover, .sqs-block-image .design-layout-stack .image-subtitle a:hover { opacity: .8 } } .sqs-block-image .design-layout-stack .image-title * { background-color: var(--image-block-stack-image-title-bg-color); box-shadow: .2em 0 0 var(--image-block-stack-image-title-bg-color), -.2em 0 0 var(--image-block-stack-image-title-bg-color) } .primary-button-style-solid .sqs-block-image .design-layout-stack .image-button .sqs-button-element--primary, .secondary-button-style-solid .sqs-block-image .design-layout-stack .image-button .sqs-button-element--secondary, .tertiary-button-style-solid .sqs-block-image .design-layout-stack .image-button .sqs-button-element--tertiary { background: var(--image-block-stack-image-button-bg-color); color: var(--image-block-stack-image-button-text-color) } .primary-button-style-solid.primary-button-shape-underline .sqs-block-image .design-layout-stack .image-button .sqs-button-element--primary, .secondary-button-style-solid.secondary-button-shape-underline .sqs-block-image .design-layout-stack .image-button .sqs-button-element--secondary, .tertiary-button-style-solid.tertiary-button-shape-underline .sqs-block-image .design-layout-stack .image-button .sqs-button-element--tertiary { background: var(--image-block-stack-image-button-text-color); color: var(--image-block-stack-image-button-bg-color); border-color: var(--image-block-stack-image-button-bg-color) } .tweak-global-animations-animation-type-flex.primary-button-style-solid:not(.primary-button-shape-underline) .sqs-block-image .design-layout-stack .image-button .sqs-button-element--primary:hover { color: var(--image-block-stack-image-button-bg-color) } .tweak-global-animations-animation-type-flex.primary-button-style-solid:not(.primary-button-shape-underline) .sqs-block-image .design-layout-stack .image-button .sqs-button-element--primary::before { border-color: var(--image-block-stack-image-button-bg-color); background-color: var(--image-block-stack-image-button-text-color) } .primary-button-style-outline .sqs-block-image .design-layout-stack .image-button .sqs-button-element--primary, .secondary-button-style-outline .sqs-block-image .design-layout-stack .image-button .sqs-button-element--secondary, .tertiary-button-style-outline .sqs-block-image .design-layout-stack .image-button .sqs-button-element--tertiary { background: transparent; color: var(--image-block-stack-image-button-bg-color); border: 2px solid var(--image-block-stack-image-button-bg-color) } @media (hover:hover) { .primary-button-style-outline .sqs-block-image .design-layout-stack .image-button .sqs-button-element--primary:hover, .secondary-button-style-outline .sqs-block-image .design-layout-stack .image-button .sqs-button-element--secondary:hover, .tertiary-button-style-outline .sqs-block-image .design-layout-stack .image-button .sqs-button-element--tertiary:hover { background: var(--image-block-stack-image-button-bg-color); color: var(--image-block-stack-image-button-text-color) } } @media (hover:hover) { .primary-button-style-outline.primary-button-shape-underline .sqs-block-image .design-layout-stack .image-button .sqs-button-element--primary:hover, .secondary-button-style-outline.secondary-button-shape-underline .sqs-block-image .design-layout-stack .image-button .sqs-button-element--secondary:hover, .tertiary-button-style-outline.tertiary-button-shape-underline .sqs-block-image .design-layout-stack .image-button .sqs-button-element--tertiary:hover { border-color: var(--image-block-stack-image-button-text-color) } } .tweak-global-animations-animation-type-flex.primary-button-style-outline .sqs-block-image .design-layout-stack .image-button .sqs-button-element--primary:hover { color: var(--image-block-stack-image-button-text-color) } .tweak-global-animations-animation-type-flex.primary-button-style-outline .sqs-block-image .design-layout-stack .image-button .sqs-button-element--primary::before { border-color: var(--image-block-stack-image-button-bg-color); background-color: var(--image-block-stack-image-button-bg-color) } .sqs-block-accordion { border-color: var(--tweak-accordion-block-stroke-color) } .sqs-block-accordion .accordion-divider { color: var(--tweak-accordion-block-divider-color) } .sqs-block-accordion .accordion-icon-container { color: var(--tweak-accordion-block-icon-color) } .menu-block .menu-select-labels { color: var(--tweak-menu-block-nav-color) } .menu-block .menu-section-title { color: var(--tweak-menu-block-title-color) } .menu-block .menu-item-title { color: var(--tweak-menu-block-item-title-color) } .menu-block .menu-item-description { color: var(--tweak-menu-block-item-description-color) } .menu-block .menu-item-price-bottom { color: var(--tweak-menu-block-item-price-color) } .sqs-block-form { border-color: var(--tweak-form-block-stroke-color) } .sqs-block-form .field-list .title, .sqs-block-form .form-submission-text { color: var(--tweak-form-block-title-color) } .sqs-block-form .field-list .description { color: var(--tweak-form-block-description-color) } .sqs-block-form .field-list .caption-text { color: var(--tweak-form-block-caption-color) } .sqs-block-form .field-list ::placeholder { color: #737373; opacity: 1 } .sqs-block-form .field-list :-ms-input-placeholder { color: #737373 } .sqs-block-form .field-list ::-ms-input-placeholder { color: #737373 } .sqs-block-form .field-list .option { color: var(--tweak-form-block-option-color) } .sqs-block-form .field-list .question { color: var(--tweak-form-block-survey-title-color) } .sqs-block-form .sqs-editable-button { background: var(--tweak-form-block-button-background-color); color: var(--tweak-form-block-button-text-color) } .primary-button-style-solid.primary-button-shape-underline .sqs-block-form .sqs-editable-button.sqs-button-element--primary, .secondary-button-style-solid.secondary-button-shape-underline .sqs-block-form .sqs-editable-button.sqs-button-element--secondary, .tertiary-button-style-solid.tertiary-button-shape-underline .sqs-block-form .sqs-editable-button.sqs-button-element--tertiary { background: var(--tweak-form-block-button-text-color); color: var(--tweak-form-block-button-background-color); border-color: var(--tweak-form-block-button-background-color) } .primary-button-style-outline .sqs-block-form .sqs-editable-button.sqs-button-element--primary, .secondary-button-style-outline .sqs-block-form .sqs-editable-button.sqs-button-element--secondary, .tertiary-button-style-outline .sqs-block-form .sqs-editable-button.sqs-button-element--tertiary { color: var(--tweak-form-block-button-background-color); border-color: var(--tweak-form-block-button-background-color) } @media (hover:hover) { .primary-button-style-outline .sqs-block-form .sqs-editable-button.sqs-button-element--primary:hover, .secondary-button-style-outline .sqs-block-form .sqs-editable-button.sqs-button-element--secondary:hover, .tertiary-button-style-outline .sqs-block-form .sqs-editable-button.sqs-button-element--tertiary:hover { background: var(--tweak-form-block-button-background-color); color: var(--tweak-form-block-button-text-color) } } .primary-button-style-outline.primary-button-shape-underline .sqs-block-form .sqs-editable-button.sqs-button-element--primary:hover, .secondary-button-style-outline.secondary-button-shape-underline .sqs-block-form .sqs-editable-button.sqs-button-element--secondary:hover, .tertiary-button-style-outline.tertiary-button-shape-underline .sqs-block-form .sqs-editable-button.sqs-button-element--tertiary:hover { border-color: var(--tweak-form-block-button-text-color) } .primary-button-style-solid.primary-button-shape-underline .sqs-block-form .sqs-editable-button.sqs-button-element--primary, .secondary-button-style-solid.secondary-button-shape-underline .sqs-block-form .sqs-editable-button.sqs-button-element--secondary, .tertiary-button-style-solid.tertiary-button-shape-underline .sqs-block-form .sqs-editable-button.sqs-button-element--tertiary { background: var(--tweak-form-block-button-text-color); color: var(--tweak-form-block-button-background-color); border-color: var(--tweak-form-block-button-background-color) } .sqs-block-quote { border-color: var(--tweak-quote-block-stroke-color) } .sqs-block-quote blockquote { color: var(--tweak-quote-block-text-color) } .sqs-block-quote .source { color: var(--tweak-quote-block-source-color) } .sqs-block-newsletter { border-color: var(--tweak-newsletter-block-stroke-color) } .sqs-block-newsletter .newsletter-form-header-title { color: var(--tweak-newsletter-block-title-color) } .sqs-block-newsletter .newsletter-form-header-description { color: var(--tweak-newsletter-block-description-color) } .sqs-block-newsletter .newsletter-form-button { background-color: var(--tweak-newsletter-block-button-background-color) !important; color: var(--tweak-newsletter-block-button-text-color) !important } .primary-button-style-outline .sqs-block-newsletter .newsletter-form-button.sqs-button-element--primary, .secondary-button-style-outline .sqs-block-newsletter .newsletter-form-button.sqs-button-element--secondary, .tertiary-button-style-outline .sqs-block-newsletter .newsletter-form-button.sqs-button-element--tertiary { color: var(--tweak-newsletter-block-button-background-color) !important; border-color: var(--tweak-newsletter-block-button-background-color) !important } @media (hover:hover) { .primary-button-style-outline .sqs-block-newsletter .newsletter-form-button.sqs-button-element--primary:hover, .secondary-button-style-outline .sqs-block-newsletter .newsletter-form-button.sqs-button-element--secondary:hover, .tertiary-button-style-outline .sqs-block-newsletter .newsletter-form-button.sqs-button-element--tertiary:hover { background-color: var(--tweak-newsletter-block-button-background-color) !important; color: var(--tweak-newsletter-block-button-text-color) !important } } .primary-button-style-outline.primary-button-shape-underline .sqs-block-newsletter .newsletter-form-button.sqs-button-element--primary:hover, .secondary-button-style-outline.secondary-button-shape-underline .sqs-block-newsletter .newsletter-form-button.sqs-button-element--secondary:hover, .tertiary-button-style-outline.tertiary-button-shape-underline .sqs-block-newsletter .newsletter-form-button.sqs-button-element--tertiary:hover { border-color: var(--tweak-newsletter-block-button-text-color) !important } .primary-button-style-solid.primary-button-shape-underline .sqs-block-newsletter .newsletter-form-button.sqs-button-element--primary, .secondary-button-style-solid.secondary-button-shape-underline .sqs-block-newsletter .newsletter-form-button.sqs-button-element--secondary, .tertiary-button-style-solid.tertiary-button-shape-underline .sqs-block-newsletter .newsletter-form-button.sqs-button-element--tertiary { background-color: var(--tweak-newsletter-block-button-text-color) !important; color: var(--tweak-newsletter-block-button-background-color) !important; border-color: var(--tweak-newsletter-block-button-background-color) } .tweak-global-animations-animation-type-flex.primary-button-style-solid .sqs-block-newsletter .newsletter-form-button.sqs-button-element--primary:hover { color: var(--tweak-newsletter-block-button-background-color) !important } .tweak-global-animations-animation-type-flex.primary-button-style-solid .sqs-block-newsletter .newsletter-form-button.sqs-button-element--primary::before { border-color: var(--tweak-newsletter-block-button-background-color) !important; background-color: var(--tweak-newsletter-block-button-text-color) !important } .tweak-global-animations-animation-type-flex.primary-button-style-outline .sqs-block-newsletter .newsletter-form-button.sqs-button-element--primary:hover { color: var(--tweak-newsletter-block-button-text-color) !important } .tweak-global-animations-animation-type-flex.primary-button-style-outline .sqs-block-newsletter .newsletter-form-button.sqs-button-element--primary::before { border-color: var(--tweak-newsletter-block-button-background-color) !important; background-color: var(--tweak-newsletter-block-button-background-color) !important } .sqs-block-newsletter .newsletter-form-footnote { color: var(--tweak-newsletter-block-footnote-color) !important } .sqs-block-summary-v2 { border-color: var(--tweak-summary-block-stroke-color) } .sqs-block-summary-v2 .summary-header-text { color: var(--tweak-summary-block-header-text-color) } .sqs-block-summary-v2 .summary-title { color: var(--tweak-summary-block-title-color) } .sqs-block-summary-v2 .summary-excerpt { color: var(--tweak-summary-block-excerpt-color) } .sqs-block-summary-v2 .summary-read-more-link { color: var(--tweak-summary-block-read-more-color) } .sqs-block-summary-v2 .summary-metadata--primary { color: var(--tweak-summary-block-primary-metadata-color) } .sqs-block-summary-v2 .summary-metadata--secondary { color: var(--tweak-summary-block-secondary-metadata-color) } .product-scarcity { color: var(--summary-block-limited-availability-label-color) } .socialaccountlinks-v2-block .social-icons-style-regular .sqs-use--icon, .social-account-links-v2-block .social-icons-style-regular .sqs-use--icon { fill: var(--social-links-block-main-icon-color) } .socialaccountlinks-v2-block .social-icons-style-knockout .sqs-use--mask, .social-account-links-v2-block .social-icons-style-knockout .sqs-use--mask { fill: var(--social-links-block-main-icon-color) } .socialaccountlinks-v2-block .social-icons-style-solid .sqs-svg-icon--wrapper, .social-account-links-v2-block .social-icons-style-solid .sqs-svg-icon--wrapper { background-color: var(--social-links-block-main-icon-color) } .socialaccountlinks-v2-block .social-icons-style-solid .sqs-use--icon, .social-account-links-v2-block .social-icons-style-solid .sqs-use--icon { fill: var(--social-links-block-secondary-icon-color) } .socialaccountlinks-v2-block .social-icons-style-border .sqs-svg-icon--wrapper, .social-account-links-v2-block .social-icons-style-border .sqs-svg-icon--wrapper { border-color: var(--social-links-block-main-icon-color) } .socialaccountlinks-v2-block .social-icons-style-border .sqs-use--icon, .social-account-links-v2-block .social-icons-style-border .sqs-use--icon { fill: var(--social-links-block-main-icon-color) } .sqs-block-shape { color: var(--shape-block-dropshadow-color) } .sqs-block-shape svg.sqs-shape { fill: var(--shape-block-background-color); stroke: var(--shape-block-stroke-color) } .sqs-block-shape .sqs-shape-rectangle { background: var(--shape-block-background-color); border-color: var(--shape-block-stroke-color) } @media screen and (max-width: 767px) { .sqs-layout [class*=sqs-col] { float: none !important; width: auto !important } .sqs-layout .spacer-block { display: none } .sqs-layout .sqs-row .sqs-block:first-child { padding-top: 17px !important } .sqs-layout .sqs-row .sqs-block:last-child { padding-bottom: 17px !important } .sqs-layout .sqs-row+.sqs-row, .sqs-layout .sqs-row+.sqs-block { margin-top: 0 !important } .sqs-layout .sqs-gallery-design-grid-slide { width: 50% !important; clear: none !important } .sqs-block-html>.sqs-block-content>h1[style*="margin-left"], .sqs-block-html>.sqs-block-content>h2[style*="margin-left"], .sqs-block-html>.sqs-block-content>h3[style*="margin-left"], .sqs-block-html>.sqs-block-content>h4[style*="margin-left"], .sqs-block-html>.sqs-block-content>h5[style*="margin-left"], .sqs-block-html>.sqs-block-content>h6[style*="margin-left"], .sqs-block-html>.sqs-block-content>p[style*="margin-left"] { margin-left: 0 !important } } .blog-meta-section { display: flex; gap: 6px; flex-wrap: wrap; align-items: center } .blog-meta-section .blog-meta-primary, .blog-meta-section .blog-meta-secondary { display: contents } .blog-item-preview-chip-container { background: var(--video-preview-badge-background-color); border: 1px solid transparent; border-radius: var(--video-preview-badge-font-font-size); display: block; min-height: 22px; min-width: 22px; padding: 2px 8px; box-sizing: border-box; align-items: center } body:not(.sqs-edit-mode) .blog-item-preview-chip-container.visitor-hidden { display: none } .blog-item-preview-chip-label { color: var(--video-preview-badge-font-color); box-sizing: border-box; font-family: var(--video-preview-badge-font-font-family); font-size: var(--video-preview-badge-font-font-size); font-style: var(--video-preview-badge-font-font-style); font-weight: var(--video-preview-badge-font-font-weight); line-height: var(--video-preview-badge-font-line-height); text-transform: var(--video-preview-badge-font-text-transform); letter-spacing: var(--video-preview-badge-font-letter-spacing); white-space: nowrap } .passthrough-link:after { content: " \2192"; font-size: .9em } .blog-more-link { text-decoration: none; align-self: flex-start } .blog-more-link:after { content: ''; display: block; width: 100%; height: 1px; transform: translatey(-3px) } .blog-list-pagination { display: flex; flex-direction: row; justify-content: center; align-content: center; margin: 6vw 0 3vw } .blog-list-pagination .newer, .blog-list-pagination .older { flex: 1 0 50%; box-sizing: border-box } .blog-list-pagination .newer a, .blog-list-pagination .older a { display: flex; flex-direction: row; justify-content: flex-start; align-items: center } .blog-list-pagination .newer a .icon, .blog-list-pagination .older a .icon { width: 9px; height: 16px; padding-right: 12px } .blog-list-pagination .older { text-align: right; align-self: flex-end; margin-left: auto } .blog-list-pagination .older a { justify-content: flex-end } .blog-list-pagination .older a .icon { padding-right: 0; padding-left: 12px } @keyframes no-image-fade-in { from { opacity: 0; transform: translatey(-15px) } to { opacity: 1; transform: translatey(0) } } .lazy-load { opacity: 0; transform: translatey(-15px); transition: opacity 1s ease, transform 1s ease } .lazy-load.is-loaded { opacity: 1; transform: translatey(0) } .lazy-load.no-image-fade-in { animation: no-image-fade-in 1s ease forwards } .tweak-global-animations-animation-type-flex .blog-more-link { display: inline; text-decoration: none; background-image: linear-gradient(currentColor, currentColor); background-repeat: no-repeat; background-size: 100% 1px; background-position: left bottom; transition: color .6s cubic-bezier(.19, 1, .22, 1), background-size calc(.3s) cubic-bezier(.19, 1, .22, 1) } .tweak-global-animations-animation-type-flex .blog-more-link::after { display: none } @media (hover:hover) { .tweak-global-animations-animation-type-flex .blog-more-link:hover { color: inherit; background-size: 100% calc(2px) } } .tweak-global-animations-animation-type-flex .blog-list-pagination .newer .caret-left-icon--small, .tweak-global-animations-animation-type-flex .blog-list-pagination .older .caret-left-icon--small, .tweak-global-animations-animation-type-flex .blog-list-pagination .newer .caret-right-icon--small, .tweak-global-animations-animation-type-flex .blog-list-pagination .older .caret-right-icon--small { transform: translatex(0) scaley(1); transition: transform .6s cubic-bezier(.19, 1, .22, 1) } .tweak-global-animations-animation-type-flex .blog-list-pagination .newer .prev-label, .tweak-global-animations-animation-type-flex .blog-list-pagination .older .prev-label { position: relative } .tweak-global-animations-animation-type-flex .blog-list-pagination .newer .prev-label::after, .tweak-global-animations-animation-type-flex .blog-list-pagination .older .prev-label::after { content: ''; position: absolute; width: 100%; height: 1px; right: 0; bottom: 0px; background-color: currentColor; transform: scalex(0); transition: transform .6s cubic-bezier(.19, 1, .22, 1) } .tweak-global-animations-animation-type-flex .blog-list-pagination .newer .prev-label::after, .tweak-global-animations-animation-type-flex .blog-list-pagination .older .prev-label::after { transform-origin: right } .tweak-global-animations-animation-type-flex .blog-list-pagination .newer .next-label, .tweak-global-animations-animation-type-flex .blog-list-pagination .older .next-label { position: relative } .tweak-global-animations-animation-type-flex .blog-list-pagination .newer .next-label::after, .tweak-global-animations-animation-type-flex .blog-list-pagination .older .next-label::after { content: ''; position: absolute; width: 100%; height: 1px; right: 0; bottom: 0px; background-color: currentColor; transform: scalex(0); transition: transform .6s cubic-bezier(.19, 1, .22, 1) } .tweak-global-animations-animation-type-flex .blog-list-pagination .newer .next-label::after, .tweak-global-animations-animation-type-flex .blog-list-pagination .older .next-label::after { transform-origin: left } @media (hover:hover) { .tweak-global-animations-animation-type-flex .blog-list-pagination .newer:hover .caret-left-icon--small, .tweak-global-animations-animation-type-flex .blog-list-pagination .older:hover .caret-left-icon--small { transform: translatex(-30%) scaley(.8) } } @media (hover:hover) { .tweak-global-animations-animation-type-flex .blog-list-pagination .newer:hover .caret-right-icon--small, .tweak-global-animations-animation-type-flex .blog-list-pagination .older:hover .caret-right-icon--small { transform: translatex(30%) scaley(.8) } } @media (hover:hover) { .tweak-global-animations-animation-type-flex .blog-list-pagination .newer:hover .prev-label::after, .tweak-global-animations-animation-type-flex .blog-list-pagination .older:hover .prev-label::after, .tweak-global-animations-animation-type-flex .blog-list-pagination .newer:hover .next-label::after, .tweak-global-animations-animation-type-flex .blog-list-pagination .older:hover .next-label::after { transform: scalex(1) } } .blog-item-wrapper { width: 100%; box-sizing: border-box; margin: 0 auto; position: relative } .blog-item-wrapper .blog-item-inner-wrapper { max-width: 1800px; box-sizing: border-box; margin: 0 auto; position: relative } .blog-item-wrapper .blog-item-content-paywall { position: relative; display: flex; justify-content: center } .blog-item-wrapper .blog-item-content-paywall .blog-item-content-paywall-background { position: relative; filter: blur(6px); pointer-events: none } .blog-item-wrapper .blog-item-content-paywall .blog-item-content-paywall-notice { position: absolute; top: 100px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px } .blog-item-wrapper .blog-item-content-paywall .blog-item-content-paywall-notice .blog-item-content-paywall-notice-text { font-weight: 600; font-size: 22px } .blog-item-wrapper .blog-item-content-paywall .blog-item-content-paywall-notice .blog-item-content-paywall-notice-link { display: block; text-transform: capitalize } .blog-item-wrapper article.entry { width: 100%; box-sizing: border-box; margin: 0 auto; padding-right: 4vw; padding-left: 4vw; padding-top: 4vw; padding-bottom: 4vw } @media screen and (max-width: 767px) { .blog-item-wrapper article.entry { padding-top: 6vw; padding-left: 6vw; padding-right: 6vw; padding-bottom: 6vw } } @media screen and (min-width: 768px) { .tweak-blog-item-width-narrow .blog-item-wrapper .blog-item-inner-wrapper { width: 50% } .tweak-blog-item-width-medium .blog-item-wrapper .blog-item-inner-wrapper { width: 75% } .tweak-blog-item-width-custom .blog-item-wrapper .blog-item-inner-wrapper { width: 50% } } @media screen and (max-width: 767px) { .blog-item-wrapper .blog-item-inner-wrapper { width: 100% !important } } .blog-item-wrapper .blog-meta-item, .blog-item-wrapper .blog-meta-item a, .blog-item-wrapper .blog-meta-item span { text-decoration: none } .blog-item-wrapper .blog-item-meta-wrapper { display: flex; align-items: center; gap: 11px; flex-wrap: wrap } .blog-item-wrapper .blog-item-meta-wrapper .blog-item-preview-chip-container { margin-left: 0 } .tweak-blog-item-text-alignment-center .blog-item-wrapper .blog-item-top-wrapper { text-align: center } .tweak-blog-item-text-alignment-center .blog-item-wrapper .blog-item-top-wrapper .blog-item-author-date-wrapper { justify-content: center } .tweak-blog-item-text-alignment-center .blog-item-wrapper .blog-item-top-wrapper .blog-item-meta-wrapper { justify-content: center } .blog-item-wrapper .blog-item-top-wrapper { margin-bottom: 50px; display: flex; flex-direction: column } .tweak-blog-item-meta-position-above-title .blog-item-wrapper .blog-item-meta-wrapper { order: 1 } .tweak-blog-item-meta-position-above-title .blog-item-wrapper .blog-item-title { order: 2 } .tweak-blog-item-meta-position-below-title .blog-item-wrapper .blog-item-meta-wrapper { order: 2 } .tweak-blog-item-meta-position-below-title .blog-item-wrapper .blog-item-title { order: 1 } @media screen and (max-width: 767px) { .tweak-blog-item-meta-position-above-title.tweak-blog-item-show-categories .blog-item-wrapper .blog-item-meta-wrapper, .tweak-blog-item-meta-position-above-title.tweak-blog-item-show-date .blog-item-wrapper .blog-item-meta-wrapper, .tweak-blog-item-meta-position-above-title.tweak-blog-item-show-author-name .blog-item-wrapper .blog-item-meta-wrapper { margin-bottom: 1.2rem } } @media screen and (min-width: 768px) { .tweak-blog-item-meta-position-above-title.tweak-blog-item-show-categories .blog-item-wrapper .blog-item-meta-wrapper, .tweak-blog-item-meta-position-above-title.tweak-blog-item-show-date .blog-item-wrapper .blog-item-meta-wrapper, .tweak-blog-item-meta-position-above-title.tweak-blog-item-show-author-name .blog-item-wrapper .blog-item-meta-wrapper { margin-bottom: 2rem } } @media screen and (max-width: 767px) { .tweak-blog-item-meta-position-below-title.tweak-blog-item-show-categories .blog-item-wrapper .blog-item-title, .tweak-blog-item-meta-position-below-title.tweak-blog-item-show-date .blog-item-wrapper .blog-item-title, .tweak-blog-item-meta-position-below-title.tweak-blog-item-show-author-name .blog-item-wrapper .blog-item-title { margin-bottom: 1.2rem } } @media screen and (min-width: 768px) { .tweak-blog-item-meta-position-below-title.tweak-blog-item-show-categories .blog-item-wrapper .blog-item-title, .tweak-blog-item-meta-position-below-title.tweak-blog-item-show-date .blog-item-wrapper .blog-item-title, .tweak-blog-item-meta-position-below-title.tweak-blog-item-show-author-name .blog-item-wrapper .blog-item-title { margin-bottom: 2rem } } .blog-item-wrapper .blog-item-title h1 { margin: 0 } .blog-item-wrapper .blog-item-content { margin: 0 0 3vw 0 } .blog-item-wrapper .blog-item-category-wrapper:not(:last-child)::after, .blog-item-wrapper .blog-item-tag-wrapper:not(:last-child)::after { padding: 0 .5em } .tweak-blog-item-delimiter-bullet .blog-item-wrapper .blog-item-category-wrapper:not(:last-child)::after, .tweak-blog-item-delimiter-bullet .blog-item-wrapper .blog-item-tag-wrapper:not(:last-child)::after { content: "•" } .tweak-blog-item-delimiter-pipe .blog-item-wrapper .blog-item-category-wrapper:not(:last-child)::after, .tweak-blog-item-delimiter-pipe .blog-item-wrapper .blog-item-tag-wrapper:not(:last-child)::after { content: "|" } .tweak-blog-item-delimiter-dash .blog-item-wrapper .blog-item-category-wrapper:not(:last-child)::after, .tweak-blog-item-delimiter-dash .blog-item-wrapper .blog-item-tag-wrapper:not(:last-child)::after { content: "-" } .tweak-blog-item-delimiter-space .blog-item-wrapper .blog-item-category-wrapper:not(:last-child)::after, .tweak-blog-item-delimiter-space .blog-item-wrapper .blog-item-tag-wrapper:not(:last-child)::after { content: " " } .blog-item-wrapper .blog-item-category, .blog-item-wrapper .blog-item-tag { text-decoration: none } .blog-item-wrapper .blog-meta-item--categories { display: none } .tweak-blog-item-show-categories .blog-item-wrapper .blog-meta-item--categories { display: block } .blog-item-wrapper .blog-item-author-date-wrapper { display: none } .tweak-blog-item-show-date .blog-item-wrapper .blog-item-author-date-wrapper, .tweak-blog-item-show-author-name .blog-item-wrapper .blog-item-author-date-wrapper { display: flex } .blog-item-wrapper .blog-meta-item--date { display: none } .tweak-blog-item-show-date .blog-item-wrapper .blog-meta-item--date { display: block } .tweak-blog-item-show-date.tweak-blog-item-show-author-name .blog-item-wrapper .blog-meta-item--date::after { padding: 0 .5em } .tweak-blog-item-show-date.tweak-blog-item-show-author-name.tweak-blog-item-delimiter-bullet .blog-item-wrapper .blog-meta-item--date::after { content: "•" } .tweak-blog-item-show-date.tweak-blog-item-show-author-name.tweak-blog-item-delimiter-pipe .blog-item-wrapper .blog-meta-item--date::after { content: "|" } .tweak-blog-item-show-date.tweak-blog-item-show-author-name.tweak-blog-item-delimiter-dash .blog-item-wrapper .blog-meta-item--date::after { content: "-" } .tweak-blog-item-show-date.tweak-blog-item-show-author-name.tweak-blog-item-delimiter-space .blog-item-wrapper .blog-meta-item--date::after { content: " " } .blog-item-wrapper .blog-meta-item--author { display: none } .tweak-blog-item-show-author-name .blog-item-wrapper .blog-meta-item--author { display: block } .blog-item-wrapper .author-avatar, .blog-item-wrapper .author-name, .blog-item-wrapper .author-bio, .blog-item-wrapper .author-website { margin: 1rem 0 0 } .blog-item-wrapper .author-name { display: block } .blog-item-wrapper .author-bio p:first-child { margin-top: 0 } .blog-item-wrapper .author-bio p:last-child { margin-bottom: 0 } .blog-item-wrapper .author-avatar { width: 50px; height: 50px; border-radius: 50%; display: block } .blog-item-wrapper .blog-item-author-profile-wrapper { display: none; margin: 3vw 0 } .blog-item-wrapper .blog-item-comments { margin-top: 3vw } .blog-item-wrapper .blog-meta-item--tags { margin: 10px 0 20px 0 } @media screen and (min-width: 768px) { .blog-item-wrapper .blog-meta-item--tags { margin: 30px 0 } } .tweak-blog-item-show-author-profile .blog-item-wrapper .blog-item-author-profile-wrapper { display: flex; flex-direction: column; justify-content: center; align-content: center } .tweak-blog-item-show-author-profile.tweak-blog-item-text-alignment-left .blog-item-wrapper .blog-item-author-profile-wrapper { align-items: start } .tweak-blog-item-show-author-profile.tweak-blog-item-text-alignment-center .blog-item-wrapper .blog-item-author-profile-wrapper { align-items: center } .tweak-blog-item-show-author-profile.tweak-blog-item-text-alignment-center .blog-item-wrapper .blog-item-author-profile-wrapper .author-bio { text-align: center } .tweak-blog-item-show-author-profile.tweak-blog-item-text-alignment-center .blog-item-wrapper .blog-item-author-profile-wrapper .author-avatar { margin-left: auto; margin-right: auto } /*! WARNING: Stylesheet from template.conf missing: blog-list-image.less */ /*! WARNING: Stylesheet from template.conf missing: blog-list-text.less */ .blog-basic-grid { padding-top: 4vw; padding-bottom: 4vw } .tweak-blog-basic-grid-width-full .blog-basic-grid { width: 100%; padding-left: 4vw; padding-right: 4vw } .tweak-blog-basic-grid-width-inset .blog-basic-grid { max-width: 1800px; padding-left: 4vw; padding-right: 4vw; margin: 0 auto } @media screen and (max-width: 767px) { .tweak-blog-basic-grid-width-full .blog-basic-grid { padding-left: 6vw; padding-right: 6vw } .tweak-blog-basic-grid-width-inset .blog-basic-grid { padding-left: 6vw; padding-right: 6vw } } @media screen and (min-width: 768px) { .blog-basic-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-column-gap: 30px; grid-row-gap: 50px; grid-auto-rows: min-content } .blog-basic-grid .grid-item .grid-image { width: 100%; position: relative; overflow: hidden; margin: 0; line-height: 0 } .blog-basic-grid .grid-item .grid-image .grid-image-inner-wrapper { position: absolute; top: 0; left: 0; bottom: 0; right: 0 } .blog-basic-grid .blog-list-pagination { grid-column-start: 1; grid-column-end: 3 } } @media screen and (min-width: 768px) and screen and (max-width: 767px) { .blog-basic-grid { grid-template-columns: repeat(1, minmax(0, 1fr)) } } .blog-basic-grid .blog-basic-grid--container { box-sizing: border-box; position: relative; display: flex; flex-direction: column; opacity: 0; transform: translatey(-15px); transition: opacity 1s ease, transform 1s ease } .tweak-blog-basic-grid-text-alignment-left .blog-basic-grid .blog-basic-grid--container { text-align: left } .tweak-blog-basic-grid-text-alignment-left .blog-basic-grid .blog-basic-grid--container .blog-more-link { align-self: flex-start } .tweak-blog-basic-grid-text-alignment-left .blog-basic-grid .blog-basic-grid--container .blog-meta-section { justify-content: start } .tweak-blog-basic-grid-text-alignment-center .blog-basic-grid .blog-basic-grid--container { text-align: center } .tweak-blog-basic-grid-text-alignment-center .blog-basic-grid .blog-basic-grid--container .blog-more-link { align-self: center } .tweak-blog-basic-grid-text-alignment-center .blog-basic-grid .blog-basic-grid--container .blog-meta-section { justify-content: center } .tweak-blog-basic-grid-text-alignment-right .blog-basic-grid .blog-basic-grid--container { text-align: right } .tweak-blog-basic-grid-text-alignment-right .blog-basic-grid .blog-basic-grid--container .blog-meta-section { justify-content: end } .blog-basic-grid .blog-basic-grid--container .blog-more-link { align-self: flex-end } .blog-basic-grid .blog-basic-grid--container.is-loaded { opacity: 1; transform: translatey(0) } .blog-basic-grid .blog-basic-grid--container.no-image-fade-in { animation: no-image-fade-in 1s ease forwards } .tweak-blog-basic-grid-image-placement-below .blog-basic-grid .blog-basic-grid--container { flex-direction: column-reverse } @media screen and (max-width: 767px) { .blog-basic-grid .blog-basic-grid--container { margin-bottom: 30px } } .blog-basic-grid .blog-basic-grid--text { width: 100%; margin-left: auto; margin-right: auto } .tweak-blog-basic-grid-text-alignment-right .blog-basic-grid .blog-basic-grid--text { margin-left: auto; margin-right: 0 } .tweak-blog-basic-grid-text-alignment-left .blog-basic-grid .blog-basic-grid--text { margin-left: 0; margin-right: auto } .tweak-blog-basic-grid-image-placement-below .blog-basic-grid .blog-basic-grid--text { height: 100% } .blog-basic-grid .blog-article-spacer { height: 5vw } @media screen and (min-width: 768px) { .blog-basic-grid .blog-article-spacer { height: 50px } } .blog-basic-grid .blog-meta-section { margin-bottom: 2vw } @media screen and (min-width: 768px) { .blog-basic-grid .blog-meta-section { margin-bottom: 37px } } .blog-basic-grid .blog-title { margin: 0; margin-bottom: 30px } .blog-basic-grid .blog-excerpt { display: none } .tweak-blog-basic-grid-excerpt-show .blog-basic-grid .blog-excerpt { display: block } .blog-basic-grid .blog-excerpt p { margin: 0 } .blog-basic-grid .blog-more-link { display: inline-block; padding-top: 2vw } @media screen and (min-width: 768px) { .blog-basic-grid .blog-more-link { padding-top: 37px } } .tweak-blog-basic-grid-delimiter-bullet .blog-basic-grid .blog-meta-delimiter:after { content: "•" } .tweak-blog-basic-grid-delimiter-pipe .blog-basic-grid .blog-meta-delimiter:after { content: "|" } .tweak-blog-basic-grid-delimiter-dash .blog-basic-grid .blog-meta-delimiter:after { content: "-" } .tweak-blog-basic-grid-delimiter-space .blog-basic-grid .blog-meta-delimiter:after { content: " " } .tweak-blog-basic-grid-read-more-style-hide .blog-basic-grid .blog-more-link { display: none } .blog-basic-grid .image-wrapper { margin: 0; height: 0; overflow: hidden; position: relative; display: flex } .tweak-blog-basic-grid-image-aspect-ratio-11-square .blog-basic-grid .image-wrapper { padding-bottom: 100% } .tweak-blog-basic-grid-image-aspect-ratio-32-standard .blog-basic-grid .image-wrapper { padding-bottom: 66.666% } .tweak-blog-basic-grid-image-aspect-ratio-23-standard-vertical .blog-basic-grid .image-wrapper { padding-bottom: 150% } .tweak-blog-basic-grid-image-aspect-ratio-43-four-three .blog-basic-grid .image-wrapper { padding-bottom: 75% } .tweak-blog-basic-grid-image-aspect-ratio-34-three-four-vertical .blog-basic-grid .image-wrapper { padding-bottom: 133.333% } .tweak-blog-basic-grid-image-aspect-ratio-169-widescreen .blog-basic-grid .image-wrapper { padding-bottom: 56.25% } .tweak-blog-basic-grid-image-aspect-ratio-240-anamorphic-widescreen .blog-basic-grid .image-wrapper { padding-bottom: 41.666% } .tweak-blog-basic-grid-image-aspect-ratio-ultra-widescreen .blog-basic-grid .image-wrapper { padding-bottom: 41.666% } .blog-basic-grid .image-wrapper img { transform: scale(1.01) } .blog-basic-grid .blog-meta-delimiter.blog-category-delimiter, .blog-basic-grid .blog-categories-list, .blog-basic-grid .blog-author, .blog-basic-grid .blog-date { display: none } .tweak-blog-basic-grid-primary-meta-categories .blog-basic-grid .blog-meta-primary .blog-categories-list, .tweak-blog-basic-grid-secondary-meta-categories .blog-basic-grid .blog-meta-secondary .blog-categories-list { display: inline } .tweak-blog-basic-grid-primary-meta-author .blog-basic-grid .blog-meta-primary .blog-author, .tweak-blog-basic-grid-secondary-meta-author .blog-basic-grid .blog-meta-secondary .blog-author { display: inline } .tweak-blog-basic-grid-primary-meta-date .blog-basic-grid .blog-meta-primary .blog-date, .tweak-blog-basic-grid-secondary-meta-date .blog-basic-grid .blog-meta-secondary .blog-date { display: inline } .tweak-blog-basic-grid-primary-meta-none .blog-basic-grid .blog-meta-delimiter, .tweak-blog-basic-grid-secondary-meta-none .blog-basic-grid .blog-meta-delimiter { display: none } .tweak-blog-basic-grid-primary-meta-categories:not(.tweak-blog-basic-grid-secondary-meta-none) .blog-basic-grid .blog-meta-delimiter.blog-category-delimiter, .tweak-blog-basic-grid-secondary-meta-categories:not(.tweak-blog-basic-grid-primary-meta-none) .blog-basic-grid .blog-meta-delimiter.blog-category-delimiter { display: inline } .tweak-blog-basic-grid-primary-meta-categories:not(.tweak-blog-basic-grid-secondary-meta-none) .blog-basic-grid .blog-meta-delimiter:not(.blog-category-delimiter), .tweak-blog-basic-grid-secondary-meta-categories:not(.tweak-blog-basic-grid-primary-meta-none) .blog-basic-grid .blog-meta-delimiter:not(.blog-category-delimiter) { display: none } .blog-single-column { flex: 1; padding-top: 4vw; padding-bottom: 4vw } .tweak-blog-single-column-width-full .blog-single-column { width: 100%; padding-left: 4vw; padding-right: 4vw } .tweak-blog-single-column-width-inset .blog-single-column { max-width: 1800px; padding-left: 4vw; padding-right: 4vw; margin: 0 auto } @media screen and (max-width: 767px) { .tweak-blog-single-column-width-full .blog-single-column { padding-left: 6vw; padding-right: 6vw } .tweak-blog-single-column-width-inset .blog-single-column { padding-left: 6vw; padding-right: 6vw } } .blog-single-column .blog-single-column--container { display: flex; flex-direction: column; padding-bottom: 70px; position: relative; opacity: 0; transform: translatey(-15px); transition: opacity 1s ease, transform 1s ease } .blog-single-column .blog-single-column--container.is-loaded { opacity: 1; transform: translatey(0) } .blog-single-column .blog-single-column--container.no-image-fade-in { animation: no-image-fade-in 1s ease forwards } .tweak-blog-single-column-image-placement-below .blog-single-column .blog-single-column--container { flex-direction: column-reverse } .blog-single-column .blog-article-spacer { height: 5vw } @media screen and (min-width: 768px) { .blog-single-column .blog-article-spacer { height: 50px } } .blog-single-column .image-wrapper { margin: 0; height: 0; overflow: hidden; position: relative; display: flex; padding-bottom: 56.25% } .blog-single-column .blog-single-column--text { display: flex; flex-flow: column; width: 100%; margin-left: auto; margin-right: auto } .tweak-blog-single-column-text-alignment-left .blog-single-column .blog-single-column--text { text-align: left } .tweak-blog-single-column-text-alignment-left .blog-single-column .blog-single-column--text .blog-more-link { align-self: flex-start } .tweak-blog-single-column-text-alignment-left .blog-single-column .blog-single-column--text .blog-meta-section { justify-content: start } .tweak-blog-single-column-text-alignment-center .blog-single-column .blog-single-column--text { text-align: center } .tweak-blog-single-column-text-alignment-center .blog-single-column .blog-single-column--text .blog-more-link { align-self: center } .tweak-blog-single-column-text-alignment-center .blog-single-column .blog-single-column--text .blog-meta-section { justify-content: center } .tweak-blog-single-column-text-alignment-right .blog-single-column .blog-single-column--text { text-align: right } .tweak-blog-single-column-text-alignment-right .blog-single-column .blog-single-column--text .blog-meta-section { justify-content: end } .blog-single-column .blog-single-column--text .blog-more-link { align-self: flex-end } .tweak-blog-single-column-text-alignment-right .blog-single-column .blog-single-column--text { margin-left: auto; margin-right: 0 } .tweak-blog-single-column-text-alignment-left .blog-single-column .blog-single-column--text { margin-left: 0; margin-right: auto } @media screen and (max-width: 575px) { .blog-single-column .blog-single-column--text { width: 100% } } .blog-single-column .blog-single-column-item-link { text-decoration: underline } .tweak-blog-single-column-delimiter-bullet .blog-single-column .blog-meta-delimiter:after { content: "•" } .tweak-blog-single-column-delimiter-pipe .blog-single-column .blog-meta-delimiter:after { content: "|" } .tweak-blog-single-column-delimiter-dash .blog-single-column .blog-meta-delimiter:after { content: "-" } .tweak-blog-single-column-delimiter-space .blog-single-column .blog-meta-delimiter:after { content: " " } .tweak-blog-single-column-read-more-style-hide .blog-single-column .blog-more-link { display: none } .blog-single-column .blog-meta-section { margin-bottom: 2vw } @media screen and (min-width: 768px) { .blog-single-column .blog-meta-section { margin-bottom: 30px } } .blog-single-column .blog-title { margin: 0; order: 1; margin-bottom: 30px } .blog-single-column .blog-excerpt { order: 2 } .blog-single-column .blog-excerpt p { margin: 0 } .blog-single-column .blog-excerpt-wrapper { display: block } .tweak-blog-single-column-content-full-post .blog-single-column .blog-excerpt-wrapper { display: none } .tweak-blog-single-column-content-title-only .blog-single-column .blog-excerpt-wrapper { display: none } .blog-single-column .blog-body-wrapper { display: none } .tweak-blog-single-column-content-full-post .blog-single-column .blog-body-wrapper { display: block } .blog-single-column .blog-more-link { display: inline-block; padding-top: 2vw; order: 4 } @media screen and (min-width: 768px) { .blog-single-column .blog-more-link { padding-top: 30px } } .blog-single-column .blog-single-column--categories { text-transform: uppercase; font-size: 16px; font-weight: 400; line-height: 19px } .blog-single-column .blog-meta-section { order: 0 } .tweak-blog-single-column-meta-position-below-excerpt .blog-single-column .blog-meta-section { order: 3; margin-bottom: 0; margin-top: 2vw } @media screen and (min-width: 768px) { .tweak-blog-single-column-meta-position-below-excerpt .blog-single-column .blog-meta-section { margin-bottom: 0; margin-top: 30px } } .blog-single-column .blog-meta-delimiter.blog-category-delimiter, .blog-single-column .blog-categories-list, .blog-single-column .blog-author, .blog-single-column .blog-date { display: none } .tweak-blog-single-column-primary-meta-categories .blog-single-column .blog-meta-primary .blog-categories-list, .tweak-blog-single-column-secondary-meta-categories .blog-single-column .blog-meta-secondary .blog-categories-list { display: inline } .tweak-blog-single-column-primary-meta-author .blog-single-column .blog-meta-primary .blog-author, .tweak-blog-single-column-secondary-meta-author .blog-single-column .blog-meta-secondary .blog-author { display: inline } .tweak-blog-single-column-primary-meta-date .blog-single-column .blog-meta-primary .blog-date, .tweak-blog-single-column-secondary-meta-date .blog-single-column .blog-meta-secondary .blog-date { display: inline } .tweak-blog-single-column-primary-meta-none .blog-single-column .blog-meta-delimiter, .tweak-blog-single-column-secondary-meta-none .blog-single-column .blog-meta-delimiter { display: none } .tweak-blog-single-column-primary-meta-categories:not(.tweak-blog-single-column-secondary-meta-none) .blog-single-column .blog-meta-delimiter.blog-category-delimiter, .tweak-blog-single-column-secondary-meta-categories:not(.tweak-blog-single-column-primary-meta-none) .blog-single-column .blog-meta-delimiter.blog-category-delimiter { display: inline } .tweak-blog-single-column-primary-meta-categories:not(.tweak-blog-single-column-secondary-meta-none) .blog-single-column .blog-meta-delimiter:not(.blog-category-delimiter), .tweak-blog-single-column-secondary-meta-categories:not(.tweak-blog-single-column-primary-meta-none) .blog-single-column .blog-meta-delimiter:not(.blog-category-delimiter) { display: none } .blog-side-by-side { padding-top: 4vw; padding-bottom: 4vw } .tweak-blog-side-by-side-width-full .blog-side-by-side { width: 100%; padding-left: 4vw; padding-right: 4vw } .tweak-blog-side-by-side-width-inset .blog-side-by-side { max-width: 1800px; padding-left: 4vw; padding-right: 4vw; margin: 0 auto } @media screen and (max-width: 767px) { .tweak-blog-side-by-side-width-full .blog-side-by-side { padding-left: 6vw; padding-right: 6vw } .tweak-blog-side-by-side-width-inset .blog-side-by-side { padding-left: 6vw; padding-right: 6vw } } .tweak-blog-side-by-side-text-alignment-left .blog-side-by-side { text-align: left } .tweak-blog-side-by-side-text-alignment-left .blog-side-by-side .blog-more-link { align-self: flex-start } .tweak-blog-side-by-side-text-alignment-left .blog-side-by-side .blog-meta-section { justify-content: start } .tweak-blog-side-by-side-text-alignment-center .blog-side-by-side { text-align: center } .tweak-blog-side-by-side-text-alignment-center .blog-side-by-side .blog-more-link { align-self: center } .tweak-blog-side-by-side-text-alignment-center .blog-side-by-side .blog-meta-section { justify-content: center } .tweak-blog-side-by-side-text-alignment-right .blog-side-by-side { text-align: right } .tweak-blog-side-by-side-text-alignment-right .blog-side-by-side .blog-meta-section { justify-content: end } .blog-side-by-side .blog-more-link { align-self: flex-end } .blog-side-by-side .blog-item { width: 100%; position: relative; display: block; margin-bottom: 30px; opacity: 0; transform: translatey(-15px); transition: opacity 1s ease, transform 1s ease } .blog-side-by-side .blog-item.is-loaded { opacity: 1; transform: translatey(0) } .blog-side-by-side .blog-item.no-image-fade-in { animation: no-image-fade-in 1s ease forwards } @media screen and (min-width: 768px) { .blog-side-by-side .blog-item { display: flex; align-items: center } } .blog-side-by-side .image-wrapper { margin: 0; height: 0; overflow: hidden; position: relative; display: flex } .tweak-blog-side-by-side-image-aspect-ratio-11-square .blog-side-by-side .image-wrapper { padding-bottom: 100% } .tweak-blog-side-by-side-image-aspect-ratio-32-standard .blog-side-by-side .image-wrapper { padding-bottom: 66.666% } .tweak-blog-side-by-side-image-aspect-ratio-23-standard-vertical .blog-side-by-side .image-wrapper { padding-bottom: 150% } .tweak-blog-side-by-side-image-aspect-ratio-43-four-three .blog-side-by-side .image-wrapper { padding-bottom: 75% } .tweak-blog-side-by-side-image-aspect-ratio-34-three-four-vertical .blog-side-by-side .image-wrapper { padding-bottom: 133.333% } .tweak-blog-side-by-side-image-aspect-ratio-169-widescreen .blog-side-by-side .image-wrapper { padding-bottom: 56.25% } .tweak-blog-side-by-side-image-aspect-ratio-240-anamorphic-widescreen .blog-side-by-side .image-wrapper { padding-bottom: 41.666% } .tweak-blog-side-by-side-image-aspect-ratio-ultra-widescreen .blog-side-by-side .image-wrapper { padding-bottom: 41.666% } .blog-side-by-side .blog-image-wrapper { margin-right: 0; width: 100%; margin-bottom: 5vw } @media screen and (min-width: 768px) { .blog-side-by-side .blog-image-wrapper { width: 40%; margin-right: 6%; margin-bottom: 0 } } @media screen and (min-width: 768px) { .blog-side-by-side .blog-item-summary { width: calc(100% - 40% - 6%) } } .blog-side-by-side .blog-item-text { display: flex; flex-direction: column; width: 100%; margin-left: auto; margin-right: auto } .tweak-blog-side-by-side-text-alignment-right .blog-side-by-side .blog-item-text { margin-left: auto; margin-right: 0 } .tweak-blog-side-by-side-text-alignment-left .blog-side-by-side .blog-item-text { margin-left: 0; margin-right: auto } .blog-side-by-side .blog-single-column-item-link { text-decoration: underline } .blog-side-by-side .blog-more-link { display: inline-block; margin-top: 2vw; order: 4 } @media screen and (min-width: 768px) { .blog-side-by-side .blog-more-link { margin-top: 20px } } .tweak-blog-side-by-side-delimiter-bullet .blog-side-by-side .blog-meta-delimiter:after { content: "•" } .tweak-blog-side-by-side-delimiter-pipe .blog-side-by-side .blog-meta-delimiter:after { content: "|" } .tweak-blog-side-by-side-delimiter-dash .blog-side-by-side .blog-meta-delimiter:after { content: "-" } .tweak-blog-side-by-side-delimiter-space .blog-side-by-side .blog-meta-delimiter:after { content: " " } .blog-side-by-side .blog-title { margin: 0; order: 1; margin-bottom: 30px } .blog-side-by-side .blog-meta-section { margin-bottom: 2vw; order: 0 } @media screen and (min-width: 768px) { .blog-side-by-side .blog-meta-section { margin-bottom: 20px } } .blog-side-by-side .blog-excerpt { order: 2; display: none } .tweak-blog-side-by-side-excerpt-show .blog-side-by-side .blog-excerpt { display: block } .blog-side-by-side .blog-meta-delimiter.blog-category-delimiter, .blog-side-by-side .blog-categories-list, .blog-side-by-side .blog-author, .blog-side-by-side .blog-date { display: none } .tweak-blog-side-by-side-primary-meta-categories .blog-side-by-side .blog-meta-primary .blog-categories-list, .tweak-blog-side-by-side-secondary-meta-categories .blog-side-by-side .blog-meta-secondary .blog-categories-list { display: inline } .tweak-blog-side-by-side-primary-meta-author .blog-side-by-side .blog-meta-primary .blog-author, .tweak-blog-side-by-side-secondary-meta-author .blog-side-by-side .blog-meta-secondary .blog-author { display: inline } .tweak-blog-side-by-side-primary-meta-date .blog-side-by-side .blog-meta-primary .blog-date, .tweak-blog-side-by-side-secondary-meta-date .blog-side-by-side .blog-meta-secondary .blog-date { display: inline } .tweak-blog-side-by-side-primary-meta-none .blog-side-by-side .blog-meta-delimiter, .tweak-blog-side-by-side-secondary-meta-none .blog-side-by-side .blog-meta-delimiter { display: none } .tweak-blog-side-by-side-primary-meta-categories:not(.tweak-blog-side-by-side-secondary-meta-none) .blog-side-by-side .blog-meta-delimiter.blog-category-delimiter, .tweak-blog-side-by-side-secondary-meta-categories:not(.tweak-blog-side-by-side-primary-meta-none) .blog-side-by-side .blog-meta-delimiter.blog-category-delimiter { display: inline } .tweak-blog-side-by-side-primary-meta-categories:not(.tweak-blog-side-by-side-secondary-meta-none) .blog-side-by-side .blog-meta-delimiter:not(.blog-category-delimiter), .tweak-blog-side-by-side-secondary-meta-categories:not(.tweak-blog-side-by-side-primary-meta-none) .blog-side-by-side .blog-meta-delimiter:not(.blog-category-delimiter) { display: none } .tweak-blog-side-by-side-image-placement-right .blog-side-by-side .blog-image-wrapper { order: 1; margin-right: 0 } @media screen and (min-width: 768px) { .tweak-blog-side-by-side-image-placement-right .blog-side-by-side .blog-image-wrapper { margin-left: 6% } } .tweak-blog-side-by-side-read-more-style-hide .blog-side-by-side .blog-more-link { display: none } .tweak-blog-side-by-side-image-text-alignment-top .blog-side-by-side .blog-item { align-items: flex-start } .tweak-blog-side-by-side-image-text-alignment-bottom .blog-side-by-side .blog-item { align-items: flex-end } .tweak-blog-side-by-side-meta-position-below-excerpt .blog-side-by-side .blog-meta-section { order: 3 } @media screen and (min-width: 768px) { .tweak-blog-side-by-side-meta-position-below-excerpt .blog-side-by-side .blog-meta-section { margin-top: 20px; margin-bottom: 0 } } .blog-alternating-side-by-side .blog-alternating-side-by-side-wrapper { position: relative; padding-top: 4vw; padding-bottom: 4vw } .tweak-blog-alternating-side-by-side-width-full .blog-alternating-side-by-side { padding-left: 4vw; padding-right: 4vw } .tweak-blog-alternating-side-by-side-width-inset .blog-alternating-side-by-side { max-width: 1800px; padding-left: 4vw; padding-right: 4vw; margin: 0 auto } @media screen and (max-width: 767px) { .tweak-blog-alternating-side-by-side-width-full .blog-alternating-side-by-side { padding-left: 6vw; padding-right: 6vw } .tweak-blog-alternating-side-by-side-width-inset .blog-alternating-side-by-side { padding-left: 6vw; padding-right: 6vw } } .blog-alternating-side-by-side .blog-item { width: 100%; position: relative; margin-bottom: 30px; display: block; opacity: 0; transform: translatey(-15px); transition: opacity 1s ease, transform 1s ease } .tweak-blog-alternating-side-by-side-text-alignment-left .blog-alternating-side-by-side .blog-item { text-align: left } .tweak-blog-alternating-side-by-side-text-alignment-left .blog-alternating-side-by-side .blog-item .blog-more-link { align-self: flex-start } .tweak-blog-alternating-side-by-side-text-alignment-left .blog-alternating-side-by-side .blog-item .blog-meta-section { justify-content: start } .tweak-blog-alternating-side-by-side-text-alignment-center .blog-alternating-side-by-side .blog-item { text-align: center } .tweak-blog-alternating-side-by-side-text-alignment-center .blog-alternating-side-by-side .blog-item .blog-more-link { align-self: center } .tweak-blog-alternating-side-by-side-text-alignment-center .blog-alternating-side-by-side .blog-item .blog-meta-section { justify-content: center } .tweak-blog-alternating-side-by-side-text-alignment-right .blog-alternating-side-by-side .blog-item { text-align: right } .tweak-blog-alternating-side-by-side-text-alignment-right .blog-alternating-side-by-side .blog-item .blog-meta-section { justify-content: end } .blog-alternating-side-by-side .blog-item .blog-more-link { align-self: flex-end } .blog-alternating-side-by-side .blog-item.is-loaded { opacity: 1; transform: translatey(0) } .blog-alternating-side-by-side .blog-item.no-image-fade-in { animation: no-image-fade-in 1s ease forwards } @media screen and (min-width: 768px) { .blog-alternating-side-by-side .blog-item { display: flex; align-items: center } } .blog-alternating-side-by-side .image-wrapper { margin: 0; height: 0; overflow: hidden; position: relative; display: flex } .tweak-blog-alternating-side-by-side-image-aspect-ratio-11-square .blog-alternating-side-by-side .image-wrapper { padding-bottom: 100% } .tweak-blog-alternating-side-by-side-image-aspect-ratio-32-standard .blog-alternating-side-by-side .image-wrapper { padding-bottom: 66.666% } .tweak-blog-alternating-side-by-side-image-aspect-ratio-23-standard-vertical .blog-alternating-side-by-side .image-wrapper { padding-bottom: 150% } .tweak-blog-alternating-side-by-side-image-aspect-ratio-43-four-three .blog-alternating-side-by-side .image-wrapper { padding-bottom: 75% } .tweak-blog-alternating-side-by-side-image-aspect-ratio-34-three-four-vertical .blog-alternating-side-by-side .image-wrapper { padding-bottom: 133.333% } .tweak-blog-alternating-side-by-side-image-aspect-ratio-169-widescreen .blog-alternating-side-by-side .image-wrapper { padding-bottom: 56.25% } .tweak-blog-alternating-side-by-side-image-aspect-ratio-240-anamorphic-widescreen .blog-alternating-side-by-side .image-wrapper { padding-bottom: 41.666% } .tweak-blog-alternating-side-by-side-image-aspect-ratio-ultra-widescreen .blog-alternating-side-by-side .image-wrapper { padding-bottom: 41.666% } .blog-alternating-side-by-side .blog-item-text { display: flex; flex-direction: column; width: 100%; margin-left: auto; margin-right: auto } .tweak-blog-alternating-side-by-side-text-alignment-right .blog-alternating-side-by-side .blog-item-text { margin-left: auto; margin-right: 0 } .tweak-blog-alternating-side-by-side-text-alignment-left .blog-alternating-side-by-side .blog-item-text { margin-left: 0; margin-right: auto } .blog-alternating-side-by-side .blog-image-wrapper { margin-bottom: 5vw } @media screen and (min-width: 768px) { .blog-alternating-side-by-side .blog-image-wrapper { width: 40%; margin-right: 6%; margin-bottom: 0 } } .blog-alternating-side-by-side .blog-item-summary { flex-grow: 1 } .blog-alternating-side-by-side .blog-item:nth-child(even) { flex-direction: row-reverse } @media screen and (min-width: 768px) { .blog-alternating-side-by-side .blog-item:nth-child(even) .blog-image-wrapper { margin-right: 0; margin-left: 6% } .blog-alternating-side-by-side .blog-item:nth-child(even) .blog-item-summary { max-width: calc(54%) } } @media screen and (min-width: 768px) { .blog-alternating-side-by-side .blog-item:nth-child(odd) .blog-item-summary { padding-left: 0; padding-right: 0; width: calc(100% - 40% - 6%) } } .blog-alternating-side-by-side .blog-single-column-item-link { text-decoration: underline } .blog-alternating-side-by-side .blog-more-link { display: inline-block; margin-top: 2vw; order: 4 } @media screen and (min-width: 768px) { .blog-alternating-side-by-side .blog-more-link { margin-top: 20px } } .tweak-blog-alternating-side-by-side-delimiter-bullet .blog-alternating-side-by-side .blog-meta-delimiter:after { content: "•" } .tweak-blog-alternating-side-by-side-delimiter-pipe .blog-alternating-side-by-side .blog-meta-delimiter:after { content: "|" } .tweak-blog-alternating-side-by-side-delimiter-dash .blog-alternating-side-by-side .blog-meta-delimiter:after { content: "-" } .tweak-blog-alternating-side-by-side-delimiter-space .blog-alternating-side-by-side .blog-meta-delimiter:after { content: " " } .blog-alternating-side-by-side .blog-title { margin: 0; order: 1; margin-bottom: 30px } .blog-alternating-side-by-side .blog-meta-section { margin-bottom: 2vw; order: 0 } @media screen and (min-width: 768px) { .blog-alternating-side-by-side .blog-meta-section { margin-bottom: 20px } } .blog-alternating-side-by-side .blog-excerpt { order: 2; display: none } .tweak-blog-alternating-side-by-side-excerpt-show .blog-alternating-side-by-side .blog-excerpt { display: block } .blog-alternating-side-by-side .blog-meta-delimiter.blog-category-delimiter, .blog-alternating-side-by-side .blog-categories-list, .blog-alternating-side-by-side .blog-author, .blog-alternating-side-by-side .blog-date { display: none } .tweak-blog-alternating-side-by-side-primary-meta-categories .blog-alternating-side-by-side .blog-meta-primary .blog-categories-list, .tweak-blog-alternating-side-by-side-secondary-meta-categories .blog-alternating-side-by-side .blog-meta-secondary .blog-categories-list { display: inline } .tweak-blog-alternating-side-by-side-primary-meta-author .blog-alternating-side-by-side .blog-meta-primary .blog-author, .tweak-blog-alternating-side-by-side-secondary-meta-author .blog-alternating-side-by-side .blog-meta-secondary .blog-author { display: inline } .tweak-blog-alternating-side-by-side-primary-meta-date .blog-alternating-side-by-side .blog-meta-primary .blog-date, .tweak-blog-alternating-side-by-side-secondary-meta-date .blog-alternating-side-by-side .blog-meta-secondary .blog-date { display: inline } .tweak-blog-alternating-side-by-side-primary-meta-none .blog-alternating-side-by-side .blog-meta-delimiter, .tweak-blog-alternating-side-by-side-secondary-meta-none .blog-alternating-side-by-side .blog-meta-delimiter { display: none } .tweak-blog-alternating-side-by-side-primary-meta-categories:not(.tweak-blog-alternating-side-by-side-secondary-meta-none) .blog-alternating-side-by-side .blog-meta-delimiter.blog-category-delimiter, .tweak-blog-alternating-side-by-side-secondary-meta-categories:not(.tweak-blog-alternating-side-by-side-primary-meta-none) .blog-alternating-side-by-side .blog-meta-delimiter.blog-category-delimiter { display: inline } .tweak-blog-alternating-side-by-side-primary-meta-categories:not(.tweak-blog-alternating-side-by-side-secondary-meta-none) .blog-alternating-side-by-side .blog-meta-delimiter:not(.blog-category-delimiter), .tweak-blog-alternating-side-by-side-secondary-meta-categories:not(.tweak-blog-alternating-side-by-side-primary-meta-none) .blog-alternating-side-by-side .blog-meta-delimiter:not(.blog-category-delimiter) { display: none } .tweak-blog-alternating-side-by-side-read-more-style-hide .blog-alternating-side-by-side .blog-more-link { display: none } .tweak-blog-alternating-side-by-side-image-text-alignment-top .blog-alternating-side-by-side .blog-item { align-items: flex-start } .tweak-blog-alternating-side-by-side-image-text-alignment-bottom .blog-alternating-side-by-side .blog-item { align-items: flex-end } .tweak-blog-alternating-side-by-side-meta-position-below-excerpt .blog-alternating-side-by-side .blog-meta-section { order: 3 } @media screen and (min-width: 768px) { .tweak-blog-alternating-side-by-side-meta-position-below-excerpt .blog-alternating-side-by-side .blog-meta-section { margin-top: 20px; margin-bottom: 0 } } .blog-masonry { position: relative; padding-top: 4vw; padding-bottom: 4vw } .tweak-blog-masonry-width-full .blog-masonry { width: 100%; padding-left: 4vw; padding-right: 4vw } .tweak-blog-masonry-width-inset .blog-masonry { max-width: 1800px; padding-left: 4vw; padding-right: 4vw; margin: 0 auto } @media screen and (max-width: 767px) { .tweak-blog-masonry-width-full .blog-masonry { padding-left: 6vw; padding-right: 6vw } .tweak-blog-masonry-width-inset .blog-masonry { padding-left: 6vw; padding-right: 6vw } } .tweak-blog-masonry-text-alignment-left .blog-masonry { text-align: left } .tweak-blog-masonry-text-alignment-left .blog-masonry .blog-more-link { align-self: flex-start } .tweak-blog-masonry-text-alignment-left .blog-masonry .blog-meta-section { justify-content: start } .tweak-blog-masonry-text-alignment-center .blog-masonry { text-align: center } .tweak-blog-masonry-text-alignment-center .blog-masonry .blog-more-link { align-self: center } .tweak-blog-masonry-text-alignment-center .blog-masonry .blog-meta-section { justify-content: center } .tweak-blog-masonry-text-alignment-right .blog-masonry { text-align: right } .tweak-blog-masonry-text-alignment-right .blog-masonry .blog-meta-section { justify-content: end } .blog-masonry .blog-more-link { align-self: flex-end } .blog-masonry .entry { position: absolute; display: flex; flex-direction: column; opacity: 0 } .tweak-blog-masonry-image-placement-below .blog-masonry .entry { flex-flow: column-reverse } .blog-masonry .masonry-ready .entry { transition: transform 400ms cubic-bezier(.4, 0, .2, 1), opacity 1s ease } .blog-masonry .masonry-ready .entry.is-loaded { opacity: 1 } .blog-masonry .masonry-ready .entry.no-image-fade-in { opacity: 1 } .blog-masonry .blog-image-wrapper { width: 100%; margin-bottom: 5vw } @media screen and (min-width: 768px) { .blog-masonry .blog-image-wrapper { margin-bottom: 20px } .tweak-blog-masonry-image-placement-below .blog-masonry .blog-image-wrapper { margin-bottom: 0; margin-top: 20px } } .blog-masonry .image-wrapper { display: block; margin: 0; height: 0; overflow: hidden; position: relative; display: flex } .blog-masonry .blog-item-summary { display: flex; flex-flow: column; width: 100%; margin-left: auto; margin-right: auto } .tweak-blog-masonry-text-alignment-right .blog-masonry .blog-item-summary { margin-left: auto; margin-right: 0 } .tweak-blog-masonry-text-alignment-left .blog-masonry .blog-item-summary { margin-left: 0; margin-right: auto } .blog-masonry .blog-more-link { display: inline-block; margin-top: 2vw; order: 4 } @media screen and (min-width: 768px) { .blog-masonry .blog-more-link { margin-top: 20px } } .tweak-blog-masonry-delimiter-bullet .blog-masonry .blog-meta-delimiter:after { content: "•" } .tweak-blog-masonry-delimiter-pipe .blog-masonry .blog-meta-delimiter:after { content: "|" } .tweak-blog-masonry-delimiter-dash .blog-masonry .blog-meta-delimiter:after { content: "-" } .tweak-blog-masonry-delimiter-space .blog-masonry .blog-meta-delimiter:after { content: " " } .blog-masonry .blog-title { margin: 0; order: 1; margin-bottom: 30px } .blog-masonry .blog-meta-section { margin-bottom: 2vw; order: 0 } .tweak-blog-masonry-meta-position-below-excerpt .blog-masonry .blog-meta-section { order: 3 } @media screen and (min-width: 768px) { .blog-masonry .blog-meta-section { margin-bottom: 20px } .tweak-blog-masonry-meta-position-below-excerpt .blog-masonry .blog-meta-section { margin-bottom: 0; margin-top: 20px } } .blog-masonry .blog-excerpt { order: 2; display: none } .tweak-blog-masonry-excerpt-show .blog-masonry .blog-excerpt { display: block } .blog-masonry .blog-meta-delimiter.blog-category-delimiter, .blog-masonry .blog-categories-list, .blog-masonry .blog-author, .blog-masonry .blog-date { display: none } .tweak-blog-masonry-primary-meta-categories .blog-masonry .blog-meta-primary .blog-categories-list, .tweak-blog-masonry-secondary-meta-categories .blog-masonry .blog-meta-secondary .blog-categories-list { display: inline } .tweak-blog-masonry-primary-meta-author .blog-masonry .blog-meta-primary .blog-author, .tweak-blog-masonry-secondary-meta-author .blog-masonry .blog-meta-secondary .blog-author { display: inline } .tweak-blog-masonry-primary-meta-date .blog-masonry .blog-meta-primary .blog-date, .tweak-blog-masonry-secondary-meta-date .blog-masonry .blog-meta-secondary .blog-date { display: inline } .tweak-blog-masonry-primary-meta-none .blog-masonry .blog-meta-delimiter, .tweak-blog-masonry-secondary-meta-none .blog-masonry .blog-meta-delimiter { display: none } .tweak-blog-masonry-primary-meta-categories:not(.tweak-blog-masonry-secondary-meta-none) .blog-masonry .blog-meta-delimiter.blog-category-delimiter, .tweak-blog-masonry-secondary-meta-categories:not(.tweak-blog-masonry-primary-meta-none) .blog-masonry .blog-meta-delimiter.blog-category-delimiter { display: inline } .tweak-blog-masonry-primary-meta-categories:not(.tweak-blog-masonry-secondary-meta-none) .blog-masonry .blog-meta-delimiter:not(.blog-category-delimiter), .tweak-blog-masonry-secondary-meta-categories:not(.tweak-blog-masonry-primary-meta-none) .blog-masonry .blog-meta-delimiter:not(.blog-category-delimiter) { display: none } .tweak-blog-masonry-read-more-style-hide .blog-masonry .blog-more-link { display: none } /*! WARNING: Stylesheet from template.conf missing: product-grid-text-below.less */ .item-pagination--prev-next { display: flex; padding: 3vw 4vw 3vw } @media screen and (max-width: 767px) { .item-pagination--prev-next { padding: 3vw 6vw 3vw } } .item-pagination-link { text-align: left; display: flex; align-items: center; max-width: 50%; width: auto } .item-pagination-link .item-pagination-prev-next { display: none } .item-pagination-link .item-pagination-title { margin: 0; padding: 0; line-height: 1 } .item-pagination-link .item-pagination-icon { width: 18px; height: 32px; padding-right: 25px } .item-pagination-link .item-pagination-icon svg { width: 18px; height: 32px } .item-pagination-link--prev { margin-left: 0; margin-right: auto } .item-pagination-link--next { text-align: right; margin-left: auto; margin-right: 0 } .item-pagination-link--next .item-pagination-icon { padding-right: 0; padding-left: 25px } .tweak-global-animations-animation-type-flex .item-pagination-link--next .item-pagination-title { position: relative } .tweak-global-animations-animation-type-flex .item-pagination-link--next .item-pagination-title::after { content: ''; position: absolute; width: 100%; height: 1px; right: 0; bottom: -.1em; background-color: currentColor; transform: scalex(0); transition: transform .6s cubic-bezier(.19, 1, .22, 1) } .tweak-global-animations-animation-type-flex .item-pagination-link--next .item-pagination-title::after { transform-origin: left } .tweak-global-animations-animation-type-flex .item-pagination-link--prev .item-pagination-title { position: relative } .tweak-global-animations-animation-type-flex .item-pagination-link--prev .item-pagination-title::after { content: ''; position: absolute; width: 100%; height: 1px; right: 0; bottom: -.1em; background-color: currentColor; transform: scalex(0); transition: transform .6s cubic-bezier(.19, 1, .22, 1) } .tweak-global-animations-animation-type-flex .item-pagination-link--prev .item-pagination-title::after { transform-origin: right } .tweak-global-animations-animation-type-flex .item-pagination-link .caret-left-icon--small, .tweak-global-animations-animation-type-flex .item-pagination-link .caret-right-icon--small { transform: translatex(0) scaley(1); transition: transform .6s cubic-bezier(.19, 1, .22, 1) } @media (hover:hover) { .tweak-global-animations-animation-type-flex .item-pagination-link:hover .caret-left-icon--small { transform: translatex(-30%) scaley(.8) } } @media (hover:hover) { .tweak-global-animations-animation-type-flex .item-pagination-link:hover .caret-right-icon--small { transform: translatex(30%) scaley(.8) } } @media (hover:hover) { .tweak-global-animations-animation-type-flex .item-pagination-link:hover .item-pagination-title::after { transform: scalex(1) } } @keyframes lightbox-open { from { opacity: 0 } to { opacity: 1 } } .gallery-lightbox-outer-wrapper[data-lightbox="false"] .gallery-lightbox-controls { display: none } .gallery-lightbox { display: none; position: fixed; flex-direction: column; box-sizing: border-box; user-select: none; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; padding: calc(3vw + 20px) 3vw } @media screen and (max-width: 575px) { .gallery-lightbox { padding: calc(6vw + 20px) 6vw } } .gallery-lightbox-body-hide-overflow { overflow: hidden } .gallery-lightbox-background { position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .gallery-lightbox-header { position: absolute; top: 0; right: 0; left: 0; z-index: 2; display: flex; justify-content: flex-end; padding: 1.5vw 1.5vw 0 } @media screen and (max-width: 575px) { .gallery-lightbox-header { padding: 3vw 3vw 0 } } .gallery-lightbox-wrapper { position: relative; display: flex; flex-direction: column; flex-grow: 1; flex-shrink: 1; width: 100% } .gallery-lightbox-list { position: relative; flex-grow: 1; flex-shrink: 1; z-index: 0; box-sizing: border-box; margin: 0 calc(3vw + 13px); cursor: grab } @media screen and (max-width: 575px) { .gallery-lightbox-list { margin: 0 } } .gallery-lightbox-controls { position: absolute; display: flex; justify-content: space-between; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; box-sizing: border-box } @media screen and (max-width: 575px) { .gallery-lightbox-controls { display: none } } .gallery-lightbox-control { display: flex; flex-grow: 1; flex-shrink: 0; align-items: center; justify-content: flex-start; z-index: 1; pointer-events: auto } .gallery-lightbox-control[data-next] { justify-content: flex-end } .gallery-lightbox-control-btn { position: relative; width: 13px; height: 24px; box-sizing: border-box; pointer-events: auto; opacity: .75; transition: opacity 600ms cubic-bezier(.4, 0, .2, 1); border: none; margin: 0; background: transparent } .gallery-lightbox-control-btn:hover { opacity: 1 } .gallery-lightbox-control-btn-icon { position: relative } .gallery-lightbox-control-btn-icon .caret-right-icon--small, .gallery-lightbox-control-btn-icon .caret-left-icon--small { width: 13px; height: 24px; position: relative; display: block; box-sizing: content-box; line-height: 1 } .gallery-lightbox-control-btn-icon .caret-right-icon--small svg *, .gallery-lightbox-control-btn-icon .caret-left-icon--small svg * { stroke-width: 4px } .gallery-lightbox.video-slide .gallery-lightbox-control { flex-grow: 0; width: calc(3vw + 13px) } .gallery-lightbox-close-btn { border-radius: .15em; box-sizing: border-box; pointer-events: auto; opacity: .75; transition: opacity 600ms cubic-bezier(.4, 0, .2, 1); border: none; margin: 0; background: transparent } .gallery-lightbox-close-btn:hover { opacity: 1 } .gallery-lightbox-close-btn-icon { width: 20px; height: 20px; position: relative } .gallery-lightbox-close-btn-icon svg { width: 20px; height: 20px; position: relative } .gallery-lightbox-close-btn-icon svg * { stroke-width: 4px } .gallery-lightbox-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; pointer-events: none; opacity: 0 } .gallery-lightbox-item[data-video="true"] { pointer-events: all } .gallery-lightbox-item[data-video="true"] .gallery-lightbox-item-img { display: flex; align-items: center; justify-content: center } .gallery-lightbox-item[data-video="true"] .gallery-lightbox-item-img .sqs-video-wrapper { width: 100% } .gallery-lightbox-item[data-active="true"] { opacity: 1 } .gallery-lightbox-item-wrapper { display: flex; align-items: center; justify-content: center; flex-grow: 1; flex-shrink: 1; width: 100%; height: 100% } .gallery-lightbox-item-src { position: relative; overflow: hidden; width: 100%; height: 100% } .gallery-lightbox-item-img { position: relative; opacity: 0; transition: opacity 600ms cubic-bezier(.4, 0, .2, 1); will-change: opacity; height: 100% } .gallery-lightbox-item-img[data-loaded] { opacity: 1 } .gallery-lightbox-item img { position: relative } .gallery-lightbox-item[data-static='true'] .lightbox-item-src { transition: none !important } .gallery-lightbox-item[data-active='true'] { visibility: visible } .gallery-lightbox[data-open='true'] { display: flex; animation-name: lightbox-open; animation-duration: 400ms; animation-fill-mode: both; animation-iteration-count: 1 } .gallery-lightbox .gallery-lightbox-item[data-active='true'] .gallery-lightbox-item-src { transition: opacity 400ms cubic-bezier(.2, .6, .3, 1) } .gallery-lightbox .gallery-lightbox-item[data-next='true'] .gallery-lightbox-item-src { opacity: 0 } .gallery-lightbox .gallery-lightbox-item[data-next='false'] .gallery-lightbox-item-src { opacity: 0 } .gallery-lightbox .gallery-lightbox-item[data-active='true'][data-in='true'] .gallery-lightbox-item-src { opacity: 1 } @media screen and (max-width: 575px) { .gallery-lightbox .gallery-lightbox-item-wrapper { overflow: hidden } .gallery-lightbox .gallery-lightbox-item[data-active='true'] .gallery-lightbox-item-src { transition: transform 250ms cubic-bezier(.2, .6, .3, 1), opacity 250ms cubic-bezier(.2, .6, .3, 1) } .gallery-lightbox .gallery-lightbox-item[data-next='true'] .gallery-lightbox-item-src { transform: translatex(10%); opacity: 0 } .gallery-lightbox .gallery-lightbox-item[data-next='false'] .gallery-lightbox-item-src { transform: translatex(-10%); opacity: 0 } .gallery-lightbox .gallery-lightbox-item[data-active='true'][data-in='true'] .gallery-lightbox-item-src { transform: translatex(0%); opacity: 1 } .gallery-lightbox .gallery-lightbox-item[data-active='true'][data-in='false'] .gallery-lightbox-item-src { transition: transform 250ms cubic-bezier(0, 0, .2, 1), opacity 250ms cubic-bezier(0, 0, .2, 1); transform: translatex(0%) } } .sqs-search-page-input.focus-within { outline-width: 2px; outline-style: solid; outline-offset: 4px } .sqs-search-page-input:focus-within { outline-width: 2px; outline-style: solid; outline-offset: 4px } .sqs-search-page-input input:focus { outline: none } .sqs-search-container-list { overflow: visible !important } .pdp-layout-wrap-around .pdp-gallery-images { position: relative; flex-grow: 1; max-width: 100% } .pdp-layout-wrap-around .pdp-gallery-slides { width: 100%; order: 2 } .pdp-layout-wrap-around .pdp-gallery-slides.selected { order: 0 } @media screen and (min-width: 576px) { .pdp-layout-wrap-around .pdp-gallery { margin: -10px } .pdp-layout-wrap-around .pdp-gallery-images { display: inline-flex; flex-direction: row; width: 100%; flex-wrap: wrap; overflow: hidden; padding: 0 4vw } .pdp-layout-wrap-around .pdp-form-wrapper { width: 50%; order: 1; display: flex; flex: 1 0 auto; flex-direction: column; padding: 1rem } .pdp-layout-wrap-around .pdp-gallery-slides { position: relative; overflow: hidden; width: 50%; order: 2; border: solid 10px rgba(0, 0, 0, 0) } .pdp-layout-wrap-around .pdp-gallery-slides:not(.loaded) .pdp-layout-wrap-around .pdp-gallery-slides-image { opacity: 0 } .pdp-layout-wrap-around .pdp-gallery-slides[data-landscape="true"]:not(.selected) { width: 100% } } .pdp-layout-full-bleed .pdp-gallery { width: 100vw } .pdp-layout-full-bleed .pdp-gallery-slides { position: absolute; left: 0; top: 0; right: 0; visibility: hidden } .pdp-layout-full-bleed .pdp-gallery-slides.going-prev.next-slide { display: block; visibility: visible } .pdp-layout-full-bleed .pdp-gallery-slides.going-prev.next-slide.prev-loaded { animation: ProductItem-gallery-exit-to-right .5s ease-in-out both; z-index: 1 } .pdp-layout-full-bleed .pdp-gallery-slides.going-prev.selected { display: block; visibility: visible } .pdp-layout-full-bleed .pdp-gallery-slides.going-prev.selected.loaded { animation: ProductItem-gallery-enter-from-left .5s ease-in-out both } .pdp-layout-full-bleed .pdp-gallery-slides.going-next.prev-slide { display: block; visibility: visible } .pdp-layout-full-bleed .pdp-gallery-slides.going-next.prev-slide.next-loaded { animation: ProductItem-gallery-exit-to-left .5s ease-in-out both; z-index: 1 } .pdp-layout-full-bleed .pdp-gallery-slides.going-next.selected { display: block; visibility: visible } .pdp-layout-full-bleed .pdp-gallery-slides.going-next.selected.loaded { animation: ProductItem-gallery-enter-from-right .5s ease-in-out both } .pdp-layout-full-bleed .pdp-gallery-slides[data-landscape="true"] { height: 100% } .pdp-layout-full-bleed .pdp-gallery-images::before { content: ''; display: block; padding-bottom: 100% } @media screen and (min-width: 576px) { .pdp-layout-full-bleed .pdp-gallery { display: flex } .pdp-layout-full-bleed .pdp-gallery-images { position: relative; overflow: hidden; width: 50% } .pdp-layout-full-bleed .pdp-gallery-slides { display: flex; align-items: center; justify-content: center; height: 100% } } .pdp-layout-full-bleed .pdp-form-wrapper { width: 50%; padding: 0 2rem } .pdp-layout-full-width-carousel .pdp-gallery-wrapper { position: relative; overflow: hidden } .pdp-layout-full-width-carousel .pdp-gallery-images { display: flex; flex-direction: row; transition: all .45s cubic-bezier(.25, .1, .25, 1); max-height: 80vh } .pdp-layout-full-width-carousel .pdp-gallery-slides { flex: 0 0 auto; order: 1; width: 50%; align-items: center } @media screen and (min-width: 576px) { .pdp-layout-full-width-carousel .pdp-gallery-slides { display: flex } } .pdp-layout-full-width-carousel .pdp-gallery-slides[data-landscape] { width: 100% } @media screen and (max-width: 575px) { .pdp-layout-full-width-carousel .pdp-gallery { position: relative } .pdp-layout-full-width-carousel .pdp-gallery-wrapper { overflow: hidden } .pdp-layout-full-width-carousel .pdp-gallery-wrapper::before { content: ''; display: block; padding-bottom: 100% } .pdp-layout-full-width-carousel .pdp-gallery-images { width: 100%; height: 100%; position: absolute; top: 0; max-height: 100% } } .pdp-layout-full-width-carousel .pdp-details { display: flex; flex-direction: row; justify-content: space-between; padding: 4rem 6rem } @media screen and (max-width: 767px) { .pdp-layout-full-width-carousel .pdp-details { flex-direction: column; padding: 4rem } } @media screen and (max-width: 575px) { .pdp-layout-full-width-carousel .pdp-details { padding: 4rem 6vw 0 } } .pdp-layout-full-width-carousel .pdp-details .pdp-desc { display: flex; flex-direction: column; text-align: left; width: 50% } @media screen and (max-width: 767px) { .pdp-layout-full-width-carousel .pdp-details .pdp-desc { width: 100% } } .pdp-layout-full-width-carousel .pdp-details .pdp-desc .pdp-details-title { margin: 0 0 2rem 0; order: initial } .pdp-layout-full-width-carousel .pdp-details .pdp-desc .pdp-details-price { order: 0 } @media screen and (max-width: 767px) { .pdp-layout-full-width-carousel .pdp-details .pdp-desc .pdp-details-price { margin-bottom: 2rem } } .pdp-layout-full-width-carousel .pdp-details .pdp-selection { padding-left: 2rem } @media screen and (min-width: 992px) { .pdp-layout-full-width-carousel .pdp-details .pdp-selection { min-width: 450px } } @media screen and (max-width: 767px) { .pdp-layout-full-width-carousel .pdp-details .pdp-selection { width: 100%; padding: 0 } } .pdp-layout-full-width-carousel .pdp-details .pdp-selection .product-variants { display: flex; flex-direction: column; width: auto; margin: 0 } .pdp-layout-full-width-carousel .pdp-details .hidden-md-up .ProductItem-nav { padding: 0 } .pdp-layout-full-width-carousel .pdp-details .hidden-md-up .pdp-details-excerpt { margin-bottom: 0 } .pdp-layout-full-width-carousel .pdp-details .hidden-md-up .pdp-details-excerpt p { margin-bottom: 0 } .pdp-layout-full-width-carousel .pdp-details .hidden-md-up .pdp-product-add-ons .add-on-card:first-of-type { margin-top: 40px } .show-pdp-subs-otp .pdp-layout-full-width-carousel .pdp-details .pdp-subscriptions-and-otp .subscription-frequency-select-wrapper { min-width: 250px } .show-pdp-subs-otp .pdp-layout-full-width-carousel .pdp-details .pdp-subscriptions-and-otp .subscription-frequency-select-wrapper:before { width: 88%; text-align: right } @media screen and (max-width: 575px) { .show-pdp-subs-otp .pdp-layout-full-width-carousel .pdp-details .pdp-subscriptions-and-otp .subscription-frequency-select-wrapper { min-width: unset } .show-pdp-subs-otp .pdp-layout-full-width-carousel .pdp-details .pdp-subscriptions-and-otp .subscription-frequency-select-wrapper:before { width: unset; text-align: unset } } .pdp-layout * { box-sizing: border-box } .pdp-layout .pdp-gallery { overflow: hidden; position: relative } .pdp-layout .selected { z-index: 2; visibility: visible } @media screen and (max-width: 575px) { .pdp-layout .pdp-gallery { width: 100% } .pdp-layout .pdp-gallery-slides { height: 100%; width: 100%; position: absolute; left: 0; top: 0; right: 0; visibility: hidden } .pdp-layout .pdp-gallery-slides.going-prev.next-slide { display: block; visibility: visible } .pdp-layout .pdp-gallery-slides.going-prev.next-slide.prev-loaded { animation: ProductItem-gallery-exit-to-right .5s ease-in-out both; z-index: 1 } .pdp-layout .pdp-gallery-slides.going-prev.selected { display: block; visibility: visible } .pdp-layout .pdp-gallery-slides.going-prev.selected.loaded { animation: ProductItem-gallery-enter-from-left .5s ease-in-out both } .pdp-layout .pdp-gallery-slides.going-next.prev-slide { display: block; visibility: visible } .pdp-layout .pdp-gallery-slides.going-next.prev-slide.next-loaded { animation: ProductItem-gallery-exit-to-left .5s ease-in-out both; z-index: 1 } .pdp-layout .pdp-gallery-slides.going-next.selected { display: block; visibility: visible } .pdp-layout .pdp-gallery-slides.going-next.selected.loaded { animation: ProductItem-gallery-enter-from-right .5s ease-in-out both } .pdp-layout .pdp-gallery-images::before { content: ''; display: block; padding-bottom: 100% } } .pdp-layout .invisible { display: none } @media screen and (min-width: 576px) { .hidden-sm-up { display: none !important } } @media screen and (max-width: 575px) { .hidden-sm-down { display: none !important } } @media screen and (max-width: 767px) { .hidden-md-down { display: none !important } } @media screen and (min-width: 768px) { .hidden-md-up { display: none !important } } .pdp-form-wrapper { text-align: left } .pdp-form-wrapper .ProductItem-nav { padding: 0 0 2rem 0; text-align: left } .pdp-form-wrapper .ProductItem-nav-breadcrumb { text-align: left; padding: 2rem 0 } @media screen and (max-width: 575px) { .pdp-layout .pdp-details { margin-bottom: 2rem } } .pdp-layout .pdp-details .pdp-details-title { text-align: left; margin: 0 0 1rem 0 } .pdp-layout .pdp-details .variant-option, .pdp-layout .pdp-details .product-price, .pdp-layout .pdp-details .product-scarcity { margin-bottom: 1rem } .pdp-layout .pdp-details .product-scarcity { font-size: .85rem } .pdp-layout .pdp-details .product-quantity-input { margin-right: .25rem } .pdp-layout .pdp-details .product-quantity-input, .pdp-layout .pdp-details .sqs-add-to-cart-button-wrapper { display: inline-block } .pdp-layout .pdp-details .variant-option-title, .pdp-layout .pdp-details .quantity-label, .pdp-layout .pdp-details .sqs-add-to-cart-button-wrapper::before { text-align: left; font-size: .75rem; line-height: 1; margin-bottom: .75rem } .pdp-layout .pdp-details .sqs-add-to-cart-button-wrapper::before { content: '\00A0'; visibility: hidden; display: block } .pdp-layout .pdp-details .pdp-details-excerpt { margin: 2rem 0; text-align: left } .pdp-layout .pdp-details .pdp-details-excerpt a { text-decoration: underline } .pdp-layout .pdp-details .product-variants { width: 100%; margin: 0 } .pdp-layout .pdp-details .sqs-add-to-cart-button-wrapper { width: auto; margin: 0; vertical-align: bottom } .pdp-layout .pdp-details .sqs-add-to-cart-button { font-size: 1rem; line-height: 1; width: auto; min-height: 50px; display: flex !important; align-items: center; justify-content: center; padding: .75rem; border: 1px solid var(--primaryButtonBackgroundColor) } .pdp-layout .pdp-details .sqs-add-to-cart-button-inner { height: 1.25rem; display: flex; align-items: center; justify-content: center } .pdp-layout .pdp-details .product-quantity-input input, .pdp-layout .pdp-details .variant-select-wrapper { font-size: 1rem; color: inherit; border: 1px solid; min-height: 50px; display: flex; align-items: center; position: relative } .pdp-layout .pdp-details .variant-option select, .pdp-layout .pdp-details .product-quantity-input input { background: transparent; color: inherit; padding: .75rem } .pdp-layout .pdp-details .variant-option select { border: 0; padding-right: 3.5rem; position: static } .pdp-layout .pdp-details .variant-select-wrapper:before { content: '' } .pdp-layout .pdp-details .variant-radiobtn-wrapper { display: none } .pdp-layout .pdp-details .product-restock-notification:not([hidden]) .product-restock-form input { font-size: 1rem; min-height: 50px; border: 1px solid; padding: .75rem } .pdp-layout .pdp-details .variant-out-of-stock, .pdp-layout .pdp-details .product-mark.sold-out { margin: 1rem 0 } .pdp-layout .pdp-details .pdp-product-add-ons .add-on-card:first-of-type { margin-top: 40px } .show-pdp-subs-otp .pdp-layout .pdp-details .pdp-subscriptions-and-otp .one-time-purchase-product-price .product-price { margin-bottom: 0 } .pdp-carousel-controls { display: flex; align-items: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 3 } .pdp-carousel-controls .chevron { display: block; width: 1rem; height: 1rem; margin: 0 } .pdp-carousel-controls .chevron-prev, .pdp-carousel-controls .chevron-next { border: none; position: absolute; padding: 1.5rem; min-height: 44px; min-width: 44px; color: var(--paragraphMediumColor); background: var(--siteBackgroundColor) } .pdp-carousel-controls .chevron-prev:disabled, .pdp-carousel-controls .chevron-next:disabled { color: var(--paragraphMediumColor) } .pdp-carousel-controls .chevron-prev:disabled span, .pdp-carousel-controls .chevron-next:disabled span { opacity: .25 } .pdp-carousel-controls .chevron-prev { left: 0 } .pdp-carousel-controls .chevron-next { right: 0 } .pdp-carousel-controls .chevron--left { transform: translatex(.25rem) rotate(225deg) } .pdp-carousel-controls .chevron--right { transform: translatex(-.25rem) rotate(45deg) } .pdp-gallery-slide-indicator { position: absolute; top: 1rem; right: 1rem; z-index: 3; font-size: .75rem } .ProductItem-nav { padding-bottom: 30px; overflow: hidden; display: flex; justify-content: space-between; text-align: left } @media screen and (min-width: 768px) { .ProductItem-nav { padding-bottom: 60px } } .ProductItem-nav .ProductItem-nav-breadcrumb, .ProductItem-nav .ProductItem-nav-pagination { display: none } .tweak-product-basic-item-navigation-prevnext .ProductItem-nav { justify-content: flex-end } @media screen and (min-width: 768px) { .tweak-product-basic-item-navigation-breadcrumbs .ProductItem-nav .ProductItem-nav-breadcrumb, .tweak-product-basic-item-navigation-both .ProductItem-nav .ProductItem-nav-breadcrumb { display: block; z-index: 1 } } .tweak-product-basic-item-navigation-prevnext .ProductItem-nav .ProductItem-nav-pagination, .tweak-product-basic-item-navigation-both .ProductItem-nav .ProductItem-nav-pagination { display: flex } .ProductItem-nav .ProductItem-nav-pagination { position: relative; width: 100% } @media screen and (min-width: 768px) { .ProductItem-nav .ProductItem-nav-pagination { width: auto } } .ProductItem-nav .ProductItem-nav-pagination .pagination-link { display: flex; align-items: center; justify-content: center; flex-grow: 1; opacity: .2; cursor: default; pointer-events: none } .ProductItem-nav .ProductItem-nav-pagination .pagination-link.enabled { opacity: 1; cursor: pointer; pointer-events: all } .ProductItem-nav .ProductItem-nav-pagination .pagination-separator { padding: 0 1em } .ProductItem-nav .ProductItem-nav-pagination .pagination-chevron { height: 5px; width: 5px; position: relative; margin: 0 5px; transform: rotate(45deg); display: none } @media screen and (min-width: 768px) { .ProductItem-nav .ProductItem-nav-pagination .pagination-chevron { display: block } } .ProductItem-nav .ProductItem-nav-pagination .pagination-chevron.next { right: 0 } .ProductItem-nav-breadcrumb-separator { margin: 0 5px } .ProductItem-nav-breadcrumb-separator:after { content: '\203A' } .product-details .mixin-sold-out { cursor: default; opacity: .4 } .no-touch .product-details .mixin-sold-out:hover { opacity: .4 } .product-details .variant-option select, .product-details .product-quantity-input input { background: transparent; color: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none } .product-details .variant-option select::-ms-expand, .product-details .product-quantity-input input::-ms-expand { display: none } .product-details .variant-select-wrapper { position: relative; opacity: 0; transition: opacity .1s ease-out } .product-details .variant-select-wrapper[data-text] { opacity: 1 } .product-details .variant-select-wrapper:before { content: attr(data-text); display: inline-block } .product-details .variant-select-wrapper:after { content: ''; position: absolute; right: 1rem; transform: rotate(45deg); border-bottom: 1px solid; border-right: 1px solid; height: 1rem; width: 1rem; transform-origin: top; pointer-events: none; font-size: 1rem } .product-details .variant-option select { position: absolute; top: 0; right: 0; width: 100%; height: 100%; font-size: 1rem; color: rgba(0, 0, 0, 0); padding-right: 3.5rem } .product-details .variant-option select:focus option { color: #000 } .sold-out .product-details .variant-out-of-stock { display: none } .product-details [data-selected-variant]:not([data-variant-in-stock])~.product-quantity-input { display: none } .sold-out .product-details .product-mark.sold-out { display: block; text-transform: capitalize; font-weight: normal } .sold-out .product-details .variant-option { opacity: .4 } .product-details [data-selected-variant]:not([data-variant-in-stock])~.sqs-add-to-cart-button-wrapper .sqs-add-to-cart-button, .product-details [data-unselected-options='[]']:not([data-selected-variant])~.sqs-add-to-cart-button-wrapper .sqs-add-to-cart-button { cursor: default; opacity: .4 } .no-touch .product-details [data-selected-variant]:not([data-variant-in-stock])~.sqs-add-to-cart-button-wrapper .sqs-add-to-cart-button:hover, .no-touch .product-details [data-unselected-options='[]']:not([data-selected-variant])~.sqs-add-to-cart-button-wrapper .sqs-add-to-cart-button:hover { opacity: .4 } .product-details .sold-out .sqs-add-to-cart-button-wrapper .sqs-add-to-cart-button { cursor: default; opacity: .4 } .no-touch .product-details .sold-out .sqs-add-to-cart-button-wrapper .sqs-add-to-cart-button:hover { opacity: .4 } .product-details .original-price { opacity: 1; text-decoration: line-through } .product-details .product-mark.sale { display: none; color: var(--tweak-product-grid-text-below-list-sale-price-color) } .product-details .product-restock-notification:not([hidden]) { display: flex; flex-direction: column; margin-bottom: 2rem } .product-details .product-restock-notification:not([hidden])~.sqs-add-to-cart-button-wrapper { display: none } .product-details .product-restock-notification:not([hidden]) .product-restock-cta { line-height: 1; font-size: 1rem } .product-details .product-restock-notification:not([hidden]) .product-restock-form { display: flex; align-items: center; margin-top: 1rem } @media screen and (max-width: 575px) { .product-details .product-restock-notification:not([hidden]) .product-restock-form { display: block } } .product-details .product-restock-notification:not([hidden]) .product-restock-form>input[type='text'] { font-size: 1rem; margin-right: .5rem; min-width: 250px; width: 100% } .product-details .product-restock-notification:not([hidden]) .product-restock-form>input[type='text']::placeholder { color: rgba(0, 0, 0, .3) } .product-details .product-restock-notification:not([hidden]) .product-restock-form>input[type='submit'] { font-size: 1rem; line-height: 1.25 } @media screen and (max-width: 575px) { .product-details .product-restock-notification:not([hidden]) .product-restock-form>input[type='submit'] { margin-top: 1rem } } .product-details .product-restock-notification:not([hidden]) .product-restock-mailing-list { margin-top: 1rem; font-size: .75rem; line-height: 1 } .product-details .product-restock-notification:not([hidden]) .product-restock-mailing-list>input[type='checkbox'] { margin-right: .5rem } .product-details .product-restock-notification:not([hidden]) .product-restock-success-message { margin-top: 1rem; font-size: 1rem; word-wrap: break-word } .product-details .product-restock-notification:not([hidden]) .product-restock-error-message { font-size: 1rem; margin-top: 1rem; color: #f0523d } .product-details .pdp-product-add-ons .add-on-card { display: flex; align-items: center; border: 1px solid grey; padding: 16px; margin-top: 22px; flex-wrap: wrap } .product-details .pdp-product-add-ons .add-on-card:first-of-type { margin-top: 40px } .product-details .pdp-product-add-ons .product-variants, .pdp-layout-full-width-carousel .product-details .pdp-product-add-ons .product-variants { flex: 1; margin-right: 11px } .product-details .pdp-product-add-ons .product-variants .variant-option, .pdp-layout-full-width-carousel .product-details .pdp-product-add-ons .product-variants .variant-option { margin-bottom: 0 } .product-details .pdp-product-add-ons .product-variants .variant-option select, .pdp-layout-full-width-carousel .product-details .pdp-product-add-ons .product-variants .variant-option select { font-size: 15px; position: relative; color: var(--tweak-product-basic-item-description-color); padding: 13px; text-wrap: wrap; line-height: normal } .product-details .pdp-product-add-ons .product-variants .variant-option-title, .pdp-layout-full-width-carousel .product-details .pdp-product-add-ons .product-variants .variant-option-title, .product-details .pdp-product-add-ons .product-variants .variant-out-of-stock, .pdp-layout-full-width-carousel .product-details .pdp-product-add-ons .product-variants .variant-out-of-stock { display: none } .product-details .pdp-product-add-ons .product-variants .variant-select-wrapper, .pdp-layout-full-width-carousel .product-details .pdp-product-add-ons .product-variants .variant-select-wrapper { display: flex; align-items: center; padding: 0 } .product-details .pdp-product-add-ons .product-variants .variant-select-wrapper:before, .pdp-layout-full-width-carousel .product-details .pdp-product-add-ons .product-variants .variant-select-wrapper:before { display: none } .product-details .pdp-product-add-ons .product-variants .variant-select-wrapper:after, .pdp-layout-full-width-carousel .product-details .pdp-product-add-ons .product-variants .variant-select-wrapper:after { height: .7rem; width: .7rem } .product-details .pdp-product-add-ons .product-variants .variant-radiobtn-wrapper, .pdp-layout-full-width-carousel .product-details .pdp-product-add-ons .product-variants .variant-radiobtn-wrapper { display: none } @media screen and (max-width: 767px) { .product-details .pdp-product-add-ons .product-variants, .pdp-layout-full-width-carousel .product-details .pdp-product-add-ons .product-variants { flex-basis: 100%; order: 5; margin-top: 11px; margin-right: 0 } } @media screen and (max-width: 767px) { .product-details .pdp-product-add-ons { order: 6; margin-bottom: 40px } } .product-details .pdp-product-add-ons .add-on-details { flex: 1; text-align: start } .product-details .pdp-product-add-ons .add-on-details .add-on-title { font-size: 18px; margin-bottom: 6px; color: var(--tweak-product-basic-item-description-color) } .product-details .pdp-product-add-ons .add-on-details .add-on-title-link { display: block } .product-details .pdp-product-add-ons .add-on-details .add-on-title, .product-details .pdp-product-add-ons .add-on-details .add-on-title-link { width: fit-content } .product-details .pdp-product-add-ons .add-on-details .product-price { font-size: 15px; color: var(--tweak-product-basic-item-description-color); margin-bottom: 0 } .product-details .pdp-product-add-ons .add-on-thumbnail { width: 66px; height: 66px; margin-right: 11px; object-fit: cover } .product-details .pdp-product-add-ons .sqs-add-to-cart-button-wrapper { margin: auto; width: auto } .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button { border-radius: 50%; padding: 0 !important; height: 43px; width: 43px; display: flex; align-items: center; justify-content: center; min-height: 0 } .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button .add-on-add-to-cart-loading { display: none } .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button .add-on-add-to-cart-loading .loading-dot, .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button .add-on-add-to-cart-loading .dot { background: var(--primaryButtonTextColor); width: 5px; height: 5px; border-radius: 50%; position: relative; display: inline-block; margin-right: 4px } .primary-button-style-outline .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button .add-on-add-to-cart-loading .loading-dot, .primary-button-style-outline .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button .add-on-add-to-cart-loading .dot, .primary-button-style-solid.primary-button-shape-underline .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button .add-on-add-to-cart-loading .loading-dot, .primary-button-style-solid.primary-button-shape-underline .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button .add-on-add-to-cart-loading .dot { background: var(--primaryButtonBackgroundColor) } .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button .add-on-add-to-cart-loading .loading-dot:last-of-type { margin-right: 0 } @keyframes dots-1 { from { opacity: 0 } 25% { opacity: 1 } } @keyframes dots-2 { from { opacity: 0 } 50% { opacity: 1 } } @-webkit-keyframes dots-1 { from { opacity: 0 } 25% { opacity: 1 } } @-webkit-keyframes dots-2 { from { opacity: 0 } 50% { opacity: 1 } } .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button .add-on-add-to-cart-loading .loading-dot { animation: dots-1 2.1s infinite steps(1); -webkit-animation: dots-1 2.1s infinite steps(1) } .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button .add-on-add-to-cart-loading .loading-dot+.loading-dot { animation-name: dots-2; -webkit-animation-name: dots-2 } .primary-button-style-outline .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button:hover .loading-dot, .primary-button-style-outline .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button:hover .dot { background: var(--primaryButtonTextColor) } .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button.adding-to-cart { opacity: .7 } .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button.adding-to-cart .icons-container.show-plus-icon .plus-icon { display: none } .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button.adding-to-cart .icons-container.show-checkmark-icon .checkmark-icon { display: none } .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button.adding-to-cart .add-on-add-to-cart-loading { display: flex; justify-content: center; align-items: center } .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button svg { border-radius: 100%; width: 15px; height: 15px; fill: var(--primaryButtonTextColor) } .primary-button-style-outline .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button svg, .primary-button-style-solid.primary-button-shape-underline .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button svg { fill: var(--primaryButtonBackgroundColor) } .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button svg.plus-icon { stroke: var(--primaryButtonTextColor); stroke-width: 2px } .primary-button-style-outline .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button svg.plus-icon, .primary-button-style-solid.primary-button-shape-underline .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button svg.plus-icon { stroke: var(--primaryButtonBackgroundColor) } .primary-button-style-outline .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button:hover svg { fill: var(--primaryButtonTextColor) } .primary-button-style-outline .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button:hover .plus-icon { stroke: var(--primaryButtonTextColor) } .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button .plus-icon { display: none } .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button .checkmark-icon { display: none; margin-left: 2px } .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button .icons-container.show-plus-icon .plus-icon { display: block } .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper .sqs-add-to-cart-button .icons-container.show-checkmark-icon .checkmark-icon { display: block } .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper.hidden { display: none } .product-details .pdp-product-add-ons .add-on-add-to-cart-wrapper::before { display: none } .product-details .pdp-subscriptions-and-otp { display: none } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp { display: block; margin-bottom: 33px } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .frequency-label { margin-bottom: 11px; color: var(--tweak-product-basic-item-variant-fields-color) } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-radio-wrapper { border: 1px solid grey } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-radio-wrapper .subscription-option { border-top: 1px solid grey } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-and-otp-option { display: flex; align-items: center; justify-content: space-between; padding: 1.5rem } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-and-otp-option .subs-and-otp-label { display: flex; flex: 1; align-items: center; color: var(--product-detail-subscriptions-title-color) } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-and-otp-option .radio-wrapper { display: flex; align-items: center } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-and-otp-option .radio-wrapper input[name="otp-subs-radio"] { appearance: none; display: flex; justify-content: center; align-items: center; width: 22px; height: 22px; border-radius: 50%; background-clip: content-box; background-color: #fff; border: 1px solid #9b9b9b } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-and-otp-option .radio-wrapper input[name="otp-subs-radio"]:checked { background-color: #d6d6d6; border: none } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-and-otp-option .radio-wrapper input[name="otp-subs-radio"]:checked:after { content: ""; width: 8px; height: 8px; border-radius: 50%; background-color: #000 } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-and-otp-option .radio-wrapper label { padding-left: 11px } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-and-otp-option .product-price, .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-and-otp-option .subscription-price { text-align: end } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-and-otp-option .original-price { display: none } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-and-otp-option .one-time-purchase-product-price .product-price { color: var(--product-detail-one-time-purchase-price-text-color) } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-and-otp-option .one-time-purchase-product-price.no-percentage { display: none } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-and-otp-option .subscription-product-price { margin-bottom: 6px } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-and-otp-option .subscription-product-price .subscription-price { color: var(--product-detail-subscription-price-text-color) } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-and-otp-option .subscription-product-price.no-percentage { display: none } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-and-otp-option .sale-percentage, .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-and-otp-option select { margin-top: 6px } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-and-otp-option select { background: transparent } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-and-otp-option .sale-percentage { color: var(--product-detail-subscriptions-description-text-color) } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-and-otp-option .sale-percentage.no-percentage { display: none } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subscription-option { padding-top: 1rem; padding-bottom: 1rem } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subscription-option select { border: none; color: var(--product-detail-subscriptions-frequency-text-color) } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subscription-option select { position: absolute; top: 0; right: 0; width: 100%; height: 100%; font-size: 1rem; color: rgba(0, 0, 0, 0); appearance: none } @media screen and (max-width: 767px) { .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subscription-option select { overflow-x: hidden } } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subscription-option select:focus option { color: #000 } @media screen and (max-width: 767px) { .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp { order: 3 } } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subscription-frequency { margin-top: 6px; color: var(--product-detail-subscriptions-frequency-text-color) } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subscription-frequency.no-percentage { margin-top: 0 } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subscription-frequency-select-wrapper { display: flex; position: relative; opacity: 0; transition: opacity .1s ease-out; color: var(--product-detail-subscriptions-frequency-text-color) } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subscription-frequency-select-wrapper select { margin-top: 0 } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subscription-frequency-select-wrapper[data-text] { opacity: 1 } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subscription-frequency-select-wrapper:before { content: attr(data-text); display: inline-block; text-align: right } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subscription-frequency-select-wrapper .dropdown-icon { display: flex; align-items: center; width: 20px; margin-left: 10px } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subscription-frequency-select-wrapper .dropdown-icon:after { content: ''; position: absolute; right: 0; transform: rotate(45deg); border-bottom: 1px solid; border-right: 1px solid; height: 10px; width: 10px; transform-origin: top; pointer-events: none; font-size: 1rem; color: var(--product-detail-subscriptions-frequency-text-color); margin-bottom: 4px } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper { display: none } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .subscription-frequency-select-wrapper { color: var(--product-detail-subscriptions-button-text-color) } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .subscription-frequency-select-wrapper .subscription-frequency { color: transparent } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .subscription-frequency-select-wrapper .dropdown-icon:after { color: var(--product-detail-subscriptions-button-text-color) } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .sale-percentage { color: var(--product-detail-subscriptions-button-text-color) } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .subscription-product-price { margin-bottom: 6px } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .subscription-product-price .subscription-price { color: var(--product-detail-subscriptions-button-text-color) } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .subs-and-otp-label { color: var(--product-detail-subscriptions-button-text-color) } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .subscription-frequency { color: var(--product-detail-subscriptions-button-text-color) } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .otp-button-wrapper, .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .subs-button-wrapper { padding: 0 } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .otp-button-wrapper .one-time-purchase-product-price .product-price, .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .subs-button-wrapper .one-time-purchase-product-price .product-price { color: var(--product-detail-subscriptions-button-text-color) } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .otp-button-wrapper .subs-otp-button-label, .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .subs-button-wrapper .subs-otp-button-label { border-style: solid; border-color: grey; color: var(--product-detail-subscriptions-button-text-color) } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .otp-button-wrapper .subs-otp-button-label, .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .subs-button-wrapper .subs-otp-button-label { background-color: var(--product-detail-subscriptions-button-background-color); border-color: var(--product-detail-subscriptions-button-text-color) } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .otp-button-wrapper input[name="subs-otp-button"], .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .subs-button-wrapper input[name="subs-otp-button"] { display: none } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .otp-button-wrapper input[name="subs-otp-button"]:checked+.subs-otp-button-label, .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .subs-button-wrapper input[name="subs-otp-button"]:checked+.subs-otp-button-label { background-color: var(--product-detail-subscriptions-button-text-color); border-color: var(--product-detail-subscriptions-button-background-color) } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .otp-button-wrapper input[name="subs-otp-button"]:checked+.subs-otp-button-label .subscription-frequency-select-wrapper, .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .subs-button-wrapper input[name="subs-otp-button"]:checked+.subs-otp-button-label .subscription-frequency-select-wrapper { color: var(--product-detail-subscriptions-button-background-color) } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .otp-button-wrapper input[name="subs-otp-button"]:checked+.subs-otp-button-label .subscription-frequency-select-wrapper .subscription-frequency, .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .subs-button-wrapper input[name="subs-otp-button"]:checked+.subs-otp-button-label .subscription-frequency-select-wrapper .subscription-frequency { color: transparent } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .otp-button-wrapper input[name="subs-otp-button"]:checked+.subs-otp-button-label .subscription-frequency-select-wrapper .dropdown-icon:after, .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .subs-button-wrapper input[name="subs-otp-button"]:checked+.subs-otp-button-label .subscription-frequency-select-wrapper .dropdown-icon:after { color: var(--product-detail-subscriptions-button-background-color) } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .otp-button-wrapper input[name="subs-otp-button"]:checked+.subs-otp-button-label .sale-percentage, .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .subs-button-wrapper input[name="subs-otp-button"]:checked+.subs-otp-button-label .sale-percentage { color: var(--product-detail-subscriptions-button-background-color) } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .otp-button-wrapper input[name="subs-otp-button"]:checked+.subs-otp-button-label .one-time-purchase-product-price .product-price, .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .subs-button-wrapper input[name="subs-otp-button"]:checked+.subs-otp-button-label .one-time-purchase-product-price .product-price { color: var(--product-detail-subscriptions-button-background-color) } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .otp-button-wrapper input[name="subs-otp-button"]:checked+.subs-otp-button-label .subscription-product-price, .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .subs-button-wrapper input[name="subs-otp-button"]:checked+.subs-otp-button-label .subscription-product-price { margin-bottom: 6px } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .otp-button-wrapper input[name="subs-otp-button"]:checked+.subs-otp-button-label .subscription-product-price .subscription-price, .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .subs-button-wrapper input[name="subs-otp-button"]:checked+.subs-otp-button-label .subscription-product-price .subscription-price { color: var(--product-detail-subscriptions-button-background-color) } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .otp-button-wrapper input[name="subs-otp-button"]:checked+.subs-otp-button-label .subs-and-otp-label, .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .subs-button-wrapper input[name="subs-otp-button"]:checked+.subs-otp-button-label .subs-and-otp-label { color: var(--product-detail-subscriptions-button-background-color) } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .otp-button-wrapper input[name="subs-otp-button"]:checked+.subs-otp-button-label .subscription-frequency, .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .subs-button-wrapper input[name="subs-otp-button"]:checked+.subs-otp-button-label .subscription-frequency { color: var(--product-detail-subscriptions-button-background-color) } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .otp-button-wrapper .subs-otp-button-label, .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .subs-button-wrapper .subs-otp-button-label { width: 100%; padding: 1.5rem; cursor: pointer; display: flex; justify-content: space-between } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .otp-button-wrapper .subs-otp-button-label .subs-and-otp-label, .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .subs-button-wrapper .subs-otp-button-label .subs-and-otp-label { padding-left: 0 } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-otp-button-wrapper .subs-button-wrapper { margin-top: 11px } @media screen and (max-width: 767px) { .product-details .pdp-product-add-ons .add-on-card { margin-top: 22px } .product-details .pdp-product-add-ons .add-on-card:first-of-type { margin-top: 15px } .product-details .ProductItem-details-excerpt-below-add-to-cart { display: none !important } .tweak-product-basic-item-description-position-mobile-below-add-to-cart-button .product-details .ProductItem-details-excerpt-below-price { margin-top: 0; margin-bottom: 40px; display: block; order: 5 } .tweak-product-basic-item-description-position-mobile-below-add-to-cart-button .product-details .ProductItem-details-excerpt-below-price a { text-decoration: underline } .tweak-product-basic-item-description-position-mobile-below-add-to-cart-button .product-details .ProductItem-details-excerpt-below-price~.pdp-product-add-ons .add-on-card:first-of-type { margin-top: -1rem } .tweak-product-basic-item-description-position-mobile-below-add-to-cart-button .product-details .ProductItem-details-excerpt-below-add-ons { display: none } .tweak-product-basic-item-description-position-mobile-below-add-ons .product-details .ProductItem-details-excerpt-below-add-ons { margin-top: 0; margin-bottom: 40px; display: block; order: 6 } .tweak-product-basic-item-description-position-mobile-below-add-ons .product-details .ProductItem-details-excerpt-below-add-ons a { text-decoration: underline } .tweak-product-basic-item-description-position-mobile-below-add-ons .product-details .pdp-product-add-ons~.ProductItem-details-excerpt-below-add-ons p { margin-top: 0 } .tweak-product-basic-item-description-position-mobile-below-add-ons .product-details .ProductItem-details-excerpt-below-price { display: none } } .has-section-divider .section-border { transform: translatez(0) } .section-divider-display { position: absolute; top: calc(-1 * var(--previous-section-divider-offset, 0px)); right: 0; bottom: 0; left: 0; pointer-events: none; z-index: 999 } .section-divider-block { position: absolute; bottom: 0; left: 0; width: 100%; visibility: hidden } .section-divider-display svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: visible } .section-divider-stroke { stroke: var(--section-divider-stroke-color); stroke-width: var(--stroke-thickness); stroke-dasharray: var(--stroke-dasharray); stroke-linecap: var(--stroke-linecap); fill: transparent } .course-item-section { z-index: 1000 !important } .course-item { display: flex; overflow-x: hidden } .sqs-site-styles-active .course-item a { pointer-events: none !important } .course-item.nav-transition .course-item__content { transition: margin-left ease 300ms } @media (prefers-reduced-motion:reduce) { .course-item.nav-transition .course-item__content { transition: none } } .course-item.nav-transition .course-item__side-nav { transition: transform ease 300ms } @media (prefers-reduced-motion:reduce) { .course-item.nav-transition .course-item__side-nav { transition: none } } .course-item.nav-transition.nav-align-right:not(.mobile-layout) .course-item__content { transition: margin-right ease 300ms } @media (prefers-reduced-motion:reduce) { .course-item.nav-transition.nav-align-right:not(.mobile-layout) .course-item__content { transition: none } } .course-item.nav-align-right:not(.mobile-layout) { flex-direction: row-reverse } .course-item.nav-align-right:not(.mobile-layout) .course-item__side-nav-header .course-item__side-nav-toggle-button-desktop { right: unset; left: 0px; transform: translate(-40px, -50%) rotate(180deg) } .course-item.nav-closed .course-item__side-nav-mobile-backdrop { opacity: 0; pointer-events: none } .course-item.nav-closed .course-item__side-nav-toggle-button-mobile svg.course-item__side-nav-expanded-svg { display: none !important } .course-item.nav-closed .course-item__side-nav-toggle-button-mobile svg.course-item__side-nav-collapsed-svg { display: block !important } .course-item.nav-closed .course-item__side-nav { transform: translatex(-100%) } .course-item.nav-closed .course-item__side-nav .course-item__side-nav-content { opacity: 0 } .course-item.nav-closed.nav-align-right:not(.mobile-layout) .course-item__side-nav { transform: translatex(100%) } .course-item.mobile-layout .mobile-layout-hidden { display: none } .course-item.mobile-layout .course-item__side-nav { position: fixed; top: 50px; bottom: 0; left: 0; right: 0; width: 100%; height: calc(var(--vh) - 50px) } .course-item.mobile-layout.nav-closed .course-item__side-nav { transform: translateY(calc(100% - (var(--mobile-nav-header-height) * 1px))) } .course-item.mobile-layout.nav-closed .course-item__side-nav-mobile-header .course-item__side-nav-mobile-course-title { display: none } .course-item.mobile-layout.nav-closed .course-item__side-nav-mobile-header div:last-child { flex: 1; text-align: right } .course-item.mobile-layout:not(.nav-closed) .course-item__side-nav-mobile-header .course-item__side-nav-mobile-course-title { padding-left: 10px; white-space: unset } .course-item.mobile-layout:not(.nav-closed) .course-item__side-nav-mobile-header div:last-child { flex-basis: 100% } .course-item.mobile-layout:not(.nav-closed) .course-item__side-nav-mobile-header div:last-child .course-item__next-lesson-button { width: 100%; box-sizing: border-box; text-align: center } .course-item:not(.mobile-layout) .desktop-layout-hidden { display: none } .course-item:not(.mobile-layout).nav-align-right .course-item__header { padding-right: max(4vw, 55px) } .course-item:not(.mobile-layout):not(.nav-align-right) .course-item__header { padding-left: max(4vw, 55px) } .course-item.nav-loading .desktop-layout-hidden { display: none } .course-item.nav-loading .mobile-layout-hidden { display: none } .course-item .course-item__content { flex: 1 } .course-item .course-item__header { padding: 10px 4vw; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--course-item-nav-border-color) } .course-item .course-item__description { max-width: 700px } .course-item .course-item__side-nav-mobile-backdrop { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, .25); opacity: 1; transition: opacity ease 300ms } .course-item .course-item__side-nav { position: fixed; top: 0; z-index: 1000; display: flex; flex-flow: column; height: 100vh; width: 400px; background: var(--course-item-nav-background-color); color: var(--course-item-nav-text-color) } .course-item .course-item__side-nav-segment { display: flex; justify-content: space-between; align-items: center; gap: 10px } .course-item .course-item__side-nav-header { position: relative; padding: 0px 22px; background: inherit; border-bottom: 1px solid var(--course-item-nav-border-color) } .course-item .course-item__side-nav-header .course-item__side-nav-progress-bar-container { position: relative; margin: 20px 0px; width: 100%; box-sizing: border-box; border-radius: 500px; border: 1px solid var(--course-item-nav-border-color); background-color: var(--siteBackgroundColor); font-size: 12px; overflow: hidden; display: flex; justify-content: space-between; align-items: center; padding: 6px } .course-item .course-item__side-nav-header .course-item__side-nav-progress-bar-container .course-item__side-nav-progress-bar { width: calc(var(--course-item-progress) * 1%); height: 100%; border-radius: 500px; background-color: var(--course-item-nav-active-lesson-background-color); transition: width ease 500ms; position: absolute; left: 0; top: 0 } @media (prefers-reduced-motion:reduce) { .course-item .course-item__side-nav-header .course-item__side-nav-progress-bar-container .course-item__side-nav-progress-bar { transition: none } } .course-item .course-item__side-nav-header .course-item__side-nav-progress-bar-container .course-item__progress-bar-text { position: relative; background-color: var(--siteBackgroundColor); color: var(--paragraphMediumColor); border-radius: 500px; padding: 2px 6px } .course-item .course-item__side-nav-header .course-item__side-nav-toggle-button-desktop { position: absolute; z-index: -1; top: 50%; right: 0px; transform: translate(40px, -50%); width: 60px; height: 38px; border: none; padding: 0px; border-radius: 41px; background: var(--course-item-nav-background-color) } .course-item .course-item__side-nav-header .course-item__side-nav-toggle-button-desktop svg { position: absolute; top: 50%; right: 13px; transform: translatey(-50%); width: 17px; height: 100%; fill: var(--course-item-nav-text-color) } .course-item .course-item__side-nav-mobile-header { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 11px; background: inherit; border-bottom: 1px solid var(--course-item-nav-border-color) } .course-item .course-item__side-nav-mobile-header .course-item__side-nav-toggle-button-mobile { background: none; border: 1.5px solid var(--course-item-nav-text-color); border-radius: 50px; padding: 11px; width: 43px; height: 43px } .course-item .course-item__side-nav-mobile-header .course-item__side-nav-toggle-button-mobile svg { stroke: var(--course-item-nav-text-color); vertical-align: middle; width: 100%; height: 100% } .course-item .course-item__side-nav-mobile-header .course-item__side-nav-toggle-button-mobile svg.course-item__side-nav-expanded-svg { display: block; stroke-width: 2px; transform: rotate(90deg); margin-top: 1px } .course-item .course-item__side-nav-mobile-header .course-item__side-nav-toggle-button-mobile svg.course-item__side-nav-collapsed-svg { display: none; stroke-width: .1px } .course-item .course-item__side-nav-mobile-header .course-item__side-nav-mobile-course-title { flex: 1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: right } .course-item .course-item__side-nav-content { overflow-y: auto; flex: 1; transition: opacity ease 300ms } .course-item .course-item__overlay { position: fixed; inset: 0; z-index: 999; display: none } .course-item .course-item__side-nav-chapter-header { padding: 10px 22px; border-bottom: 1px solid var(--course-item-nav-border-color) } .course-item .course-item__side-nav-chapter-header .course-item__side-nav-chapter-title { word-break: break-word } .course-item .course-item__side-nav-chapter-header .course-item__side-nav-chapter-metadata>span { white-space: nowrap } .course-item .course-item__side-nav-lesson { display: flex; gap: 10px; border-bottom: 1px solid var(--course-item-nav-border-color); align-items: stretch } .course-item .course-item__side-nav-lesson.active, .course-item .course-item__side-nav-lesson:hover { background-color: var(--course-item-nav-active-lesson-background-color); color: var(--course-item-nav-active-lesson-text-color) } .course-item .course-item__side-nav-lesson.active .course-item__side-nav-link.course-item__side-nav-interactive:focus-visible { outline: solid var(--course-item-nav-active-lesson-text-color) 2px; outline-offset: 3px } .course-item .course-item__side-nav-chapter-lessons .course-item__side-nav-lesson:not(:last-child) { border-bottom: none } .course-item .course-item__side-nav-chapter-lessons .course-item__side-nav-link { padding-left: 33px } .course-item .course-item__side-nav-link { flex: 1; display: flex; align-items: center; gap: 10px; padding: 10px 0px 10px 22px } .course-item .course-item__side-nav-link .course-item__side-nav-link-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word; margin-bottom: 2px } .course-item .course-item__side-nav-link .course-item__side-nav-lesson-time { white-space: nowrap } .course-item .course-item__side-nav-link .course-item__side-nav-thumbnail-container { position: relative; display: flex; align-items: center; background-color: #e9e9e9; width: 40px; height: 40px; overflow: hidden } .course-item .course-item__side-nav-link .course-item__side-nav-thumbnail-container[data-private-mode="true"]::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; backdrop-filter: blur(1px) brightness(.3); z-index: 999 } .course-item .course-item__side-nav-link .course-item__side-nav-thumbnail-container[data-private-mode="true"] .course-item__side-nav-lock-icon-overlay { color: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scale(.5); z-index: 1000 } .course-item .course-item__side-nav-link .course-item__side-nav-thumbnail-container[data-private-mode="true"] .course-item__side-nav-placeholder-svg { display: none } .course-item .course-item__side-nav-link .course-item__side-nav-thumbnail-container .course-item__side-nav-placeholder-svg { transform: scale(.6); fill: #c4c4c4 } .course-item .course-item__side-nav-link .course-item__side-nav-thumbnail-container .course-item__video-player-icon-container { position: absolute; top: 0; bottom: 0; left: 0; right: 0; transform: scale(.4); background: rgba(0, 0, 0, .54); border-radius: 50% } .course-item .course-item__side-nav-link .course-item__side-nav-thumbnail-container .course-item__video-player-icon-container svg { width: 100%; height: 100% } .course-item .course-item__side-nav-link .course-item__side-nav-thumbnail-container .course-item__video-player-icon-container .course-item__video-player-icon { fill: #fff } .course-item .course-item__side-nav-link .course-item__side-nav-thumbnail-container .course-item__side-nav-thumbnail { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-size: cover; background-position: 50% 50% } .course-item .course-item__side-nav-link.course-item__side-nav-interactive:focus-visible { outline: solid var(--course-item-nav-text-color) 2px; outline-offset: 3px } .course-item .course-item__side-nav-lock-icon-container { display: flex; align-items: center; gap: 10px; padding-right: 22px } .course-item .course-item__side-nav-checkbox-container { display: flex; align-items: center; gap: 10px; padding-right: 22px; cursor: pointer } .course-item .course-item__side-nav-checkbox-container .course-item__side-nav-checkbox { position: absolute; opacity: 0; z-index: -1 } .course-item .course-item__side-nav-checkbox-container .course-item__side-nav-checkbox:checked+.course-item__side-nav-checkbox-target .course-item__checkbox-svg-checkmark { stroke-dashoffset: 0 } .course-item .course-item__side-nav-checkbox-container .course-item__side-nav-checkbox:checked+.course-item__side-nav-checkbox-target .course-item__checkbox-svg-outline { stroke-dashoffset: 2; stroke-dasharray: 8 0; stroke-opacity: 1 } .course-item .course-item__side-nav-checkbox-container .course-item__side-nav-checkbox:focus-visible+.course-item__side-nav-checkbox-target { outline: solid currentColor 2px; outline-offset: 3px } .course-item .course-item__side-nav-checkbox-container .course-item__side-nav-checkbox:focus-visible+.course-item__side-nav-checkbox-target .course-item__checkbox-svg-outline { stroke-opacity: 1 } .course-item .course-item__side-nav-checkbox-container .course-item__side-nav-checkbox-target { cursor: pointer; display: block; width: 22px; height: 22px; border-radius: 500px } .course-item .course-item__side-nav-checkbox-container .course-item__side-nav-checkbox-target svg { display: block; height: 100%; width: 100% } .course-item .course-item__side-nav-checkbox-container .course-item__side-nav-checkbox-target:hover .course-item__checkbox-svg-outline { stroke-opacity: 1 } .course-item .course-item__side-nav-checkbox-container .course-item__checkbox-svg-checkmark, .course-item .course-item__side-nav-checkbox-container .course-item__checkbox-svg-outline { transition-duration: 300ms; transition-timing-function: ease-in-out } @media (prefers-reduced-motion:reduce) { .course-item .course-item__side-nav-checkbox-container .course-item__checkbox-svg-checkmark, .course-item .course-item__side-nav-checkbox-container .course-item__checkbox-svg-outline { transition: none } } .course-item .course-item__side-nav-checkbox-container .course-item__checkbox-svg-checkmark { transition-property: stroke-dashoffset } .course-item .course-item__side-nav-checkbox-container .course-item__checkbox-svg-outline { transition-property: stroke-dashoffset, stroke-dasharray, stroke-opacity } .course-item .course-item__side-nav-placeholder { padding: 10px 22px } .course-item__footer-container { color: var(--paragraphMediumColor); position: relative } @media (max-width:800px) { .course-item__footer-container { display: none } } .course-item__footer-background { background-color: var(--siteBackgroundColor); position: absolute; top: calc(-1 * var(--previous-section-divider-offset, 0px)); bottom: 0; left: 0; right: 0 } .course-item__footer-content { position: relative; padding: 20px 4vw; max-width: 1800px; margin: 0px auto; display: flex; justify-content: flex-end; opacity: 0; transition: opacity ease 300ms } .course-item__footer-content--visible { opacity: 1 } .course-item__next-lesson-button { display: inline-block; opacity: 0; transition: opacity .2s } .course-item__next-lesson-button.active { opacity: 1 } .course-item__next-lesson-button .course-item__next-lesson-text { display: none } .course-item__next-lesson-button[data-is-paywall-link] .course-item__next-lesson-text--paywall-link { display: inline } .course-item__next-lesson-button:not([data-is-paywall-link]):not([data-is-complete]) .course-item__next-lesson-text--incomplete { display: inline } .course-item__next-lesson-button:not([data-is-paywall-link])[data-is-complete] .course-item__next-lesson-text--complete { display: inline } .course-list { max-width: 1080px; padding-left: 4vw; padding-right: 4vw; margin: 0 auto } .sqs-site-styles-active .course-list a { pointer-events: none !important } .course-list.course-list__initialized .course-item__course-action-button { transition: none } .course-list .course-list__header-content { max-width: 100% } .course-list .course-list__header-content[data-alignment="left"] { text-align: left } .course-list .course-list__header-content[data-alignment="center"] { text-align: center } .course-list .course-list__header-content[data-alignment="right"] { text-align: right } .course-list .course-list__header-content[data-placement="left"] { margin-right: auto } .course-list .course-list__header-content[data-placement="center"] { margin-left: auto; margin-right: auto } .course-list .course-list__header-content[data-placement="right"] { margin-left: auto } .course-list .course-list__course-name, .course-list .course-list__course-description { margin: 0 } .course-list .course-item__course-action-button { opacity: 0; transition: opacity ease 300ms; display: inline-block } .course-list .course-item__course-action-button--ready { opacity: 1 } .course-list .course-item__course-action-button-text { display: none } .course-list .course-item__course-action-button-text--active { display: inline } .course-list .course-list__progress-bar-container { position: relative; width: 100%; box-sizing: border-box; border-radius: 500px; border: 2px solid var(--course-list-course-item-background); background-color: var(--siteBackgroundColor); font-size: 12px; font-weight: 500; overflow: hidden; display: flex; justify-content: space-between; align-items: center; padding: 6px } .course-list .course-list__progress-bar-container .course-list__progress-bar { width: calc(var(--course-list-progress) * 1%); height: 100%; border-radius: 500px; background: var(--course-list-course-progress-bar-color); transition: width ease 1000ms; position: absolute; left: 0; top: 0 } @media (prefers-reduced-motion:reduce) { .course-list .course-list__progress-bar-container .course-list__progress-bar { transition: none } } .course-list .course-list__progress-bar-container .course-list__progress-bar-text { position: relative; background-color: var(--siteBackgroundColor); color: var(--paragraphMediumColor); border-radius: 500px; padding: 2px 6px } .course-list .course-item__checkbox-svg-checkmark, .course-list .course-item__checkbox-svg-outline { transition-duration: 300ms; transition-timing-function: ease-in-out } @media (prefers-reduced-motion:reduce) { .course-list .course-item__checkbox-svg-checkmark, .course-list .course-item__checkbox-svg-outline { transition: none } } .course-list .course-item__checkbox-svg-checkmark { transition-property: stroke-dashoffset } .course-list .course-item__checkbox-svg-outline { transition-property: stroke-dashoffset, stroke-dasharray, stroke-opacity } .course-list .course-list__checkbox { position: absolute; opacity: 0; z-index: -1 } .course-list .course-list__checkbox:checked+.course-list__checkbox-target .course-item__checkbox-svg-checkmark { stroke-dashoffset: 0 } .course-list .course-list__checkbox:checked+.course-list__checkbox-target .course-item__checkbox-svg-outline { stroke-dashoffset: 2; stroke-dasharray: 8 0; stroke-opacity: 1 } .course-list .course-list__checkbox:focus-visible+.course-list__checkbox-target { outline: solid currentColor 2px; outline-offset: 3px } .course-list .course-list__checkbox:focus-visible+.course-list__checkbox-target .course-item__checkbox-svg-outline { stroke-opacity: 1 } .course-list .course-list__checkbox-target { cursor: pointer; display: block; width: 22px; height: 22px; border-radius: 50% } .course-list .course-list__checkbox-target svg { width: 100%; height: 100%; display: block } .course-list .course-list__checkbox-target:hover .course-item__checkbox-svg-outline { stroke-opacity: 1 } .course-retake-dialog-wrapper { position: fixed; inset: 0; display: flex; justify-content: center; align-items: center; z-index: 100; padding: 20px; opacity: 0; visibility: hidden; transition: opacity .3s, visibility .3s } .course-retake-dialog-wrapper--visible { opacity: 1; visibility: visible } .course-retake-dialog-scrim { position: absolute; inset: 0; background-color: rgba(0, 0, 0, .53) } .course-retake-dialog { position: relative; box-sizing: border-box; max-width: 400px; padding: 27px 33px; background-color: #fff; color: #0e0e0e } .course-retake-dialog__title { font-weight: 500; font-size: 18px; line-height: 1 } .course-retake-dialog__body { font-weight: 500; font-size: 14px; padding: 16px 0px } .course-retake-dialog__cta-container { display: flex; align-items: center; gap: 10px } .course-retake-dialog__cta { border: none; background-color: transparent; font-weight: 500; font-size: 14px; font-family: inherit; line-height: 1 } .course-retake-dialog__cta--primary { padding: 20px 28px; background-color: #0e0e0e; color: #fff; transition: background-color .3s } .course-retake-dialog__cta--primary:hover { background-color: rgba(0, 0, 0, .6) } .course-retake-dialog__cta--secondary { padding: 12px 28px; background-color: #fff; color: #0e0e0e } .course-retake-dialog__cta--secondary .course-retake-dialog__cta-content { position: relative } .course-retake-dialog__cta--secondary .course-retake-dialog__cta-content::after { content: ''; position: absolute; left: 0px; bottom: -2px; width: 100%; height: 2px; display: block; background-color: #000; transform: scalex(0); transition: transform .3s; transform-origin: left center } .course-retake-dialog__cta--secondary:hover .course-retake-dialog__cta-content::after { transform: scalex(1) } .lesson-item .lessons-item-wrapper { display: flex; flex-direction: column } .lesson-item .lesson-grid-meta-container { margin-bottom: 10px } .lesson-item .lesson-grid-meta-container .grid-categories { padding: 0; display: inline; margin: 0 } .lesson-item .lesson-grid-meta-container .grid-categories li { display: inline-block } .lesson-item .lesson-grid-meta-container .grid-categories li:last-child span { display: none } .lesson-item .lesson-grid-meta-container .grid-categories li a:hover { text-decoration: underline } .lesson-item .lesson-detail-text-wrapper { margin: 80px 18% 0 18% } @media screen and (max-width: 767px) { .lesson-item .lesson-detail-text-wrapper { margin: 40px 1rem 0 1rem } } .lesson-item .lesson-details { display: flex; flex-direction: column; justify-content: space-between; margin: 0 0 10vw 0 } @media screen and (max-width: 767px) { .lesson-item .lesson-details { flex-direction: column } } .lesson-item .lesson-details .lesson-desc { width: 100%; display: flex; flex-direction: column; text-align: left } @media screen and (max-width: 767px) { .lesson-item .lesson-details .lesson-desc { width: 100% } } .lesson-item .lesson-details .lesson-desc .lesson-details-title { margin: 0 0 0 0; order: initial } .lesson-item .lesson-details .lesson-details-description { margin-top: 20px } .lesson-item .lesson-details .lesson-details-description p { margin: 0 } .lesson-item .lesson-details .lesson-video-wrapper { width: auto; height: 100% } @media screen and (max-width: 767px) { .lesson-item .lesson-details .lesson-video-wrapper { margin: 0 } } .lesson-item .lesson-details .lesson-video-inner-wrapper { background: #000; position: relative; max-width: 100%; height: 0; padding-bottom: 56.25% } .lesson-item .lesson-details .lesson-video-inner-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .lesson-item .lesson-item-video-thumbnail-placeholder { position: relative; height: auto; padding-bottom: 56.3%; background-color: #f6f6f6 } @media screen and (max-width: 767px) { .lesson-item .lesson-item-video-thumbnail-placeholder { margin: 0 -6vw } } .lesson-item .lesson-item-video-thumbnail-placeholder-play { position: absolute; top: calc(50% - 10px); left: 50%; transform: translate(-50%, -50%) } .lesson-item .lesson-item-video-thumbnail-placeholder-timeline { position: absolute; left: 0; bottom: 0; height: 50px; width: 100%; border-width: 23px; border-style: solid; border-color: #e7e7e7; background: #c4c4c4; box-sizing: border-box } .lesson-item .lesson-item-video-thumbnail-placeholder-timeline:before, .lesson-item .lesson-item-video-thumbnail-placeholder-timeline:after { content: ''; position: absolute; background: #fff } .lesson-item .lesson-item-video-thumbnail-placeholder-timeline:before { top: 0; left: 0; width: 50px; height: 100% } .lesson-item .lesson-item-video-thumbnail-placeholder-timeline:after { top: 50%; left: 48px; margin-top: -6px; height: 12px; width: 12px; border-radius: 100% } .lesson-item .lesson-video-ipp-wrapper { display: flex; justify-content: center; align-items: center; text-align: center } .lesson-item .lesson-video-ipp-wrapper .lesson-video-paywall-description { color: var(--Lightest-Base, var(--Gray-Base, #fff)); font-weight: 600; font-size: 22px; line-height: 28px } .lesson-item .lesson-video-ipp-wrapper .lesson-video-paywall-button { background-color: #fff; color: #0e0e0e; min-height: 44px; width: auto; height: auto; outline: none; border: 0 none transparent; box-sizing: border-box; cursor: pointer; justify-content: center; text-decoration: none; overflow: hidden; transform: translate3d(0, 0, 0) scale(1, 1); transition: transform 50ms ease 0s } .lesson-item .lesson-video-ipp-wrapper .lesson-video-paywall-button:hover, .lesson-item .lesson-video-ipp-wrapper .lesson-video-paywall-button:active { background-color: #e7e7e7 } .lesson-item .lesson-video-ipp-wrapper .lesson-video-paywall-button:focus { border: 1px solid #e7e7e7; box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0e0e0e } .lesson-item .lesson-video-ipp-wrapper .paywall-lock-icon { height: 26px; width: 21px } .lesson-item .lesson-video-ipp-wrapper .ipp-video-thumbnail { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; position: relative } .lesson-item .lesson-video-ipp-wrapper .ipp-video-thumbnail .ipp-signup-container { position: absolute; z-index: 10; width: inherit; height: inherit; display: flex; flex-direction: column; justify-content: center; align-items: center; backdrop-filter: blur(4px) brightness(.3); -webkit-backdrop-filter: blur(4px) brightness(.3) } .lesson-item .lesson-video-ipp-wrapper .ipp-video-thumbnail img { width: inherit; height: inherit } .lesson-item .lesson-video-ipp-wrapper .ipp-video-thumbnail .placeholder-background { width: inherit; height: 767px; background-color: rgba(0, 0, 0, .6) } .lessons.collection-content-wrapper { padding-top: 4vw; padding-bottom: 4vw; padding-left: 0; padding-right: 0; width: 100% } @media screen and (max-width: 575px) { .lessons.collection-content-wrapper { padding-left: 6vw; padding-right: 6vw } } .lessons.collection-content-wrapper .list-grid { position: relative; list-style: none; margin: 0; padding: 0 } @media screen and (min-width: 768px) { .lessons.collection-content-wrapper .list-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-column-gap: 4vw; grid-row-gap: 3vw } .lessons.collection-content-wrapper .list-grid .grid-item .grid-image { width: 100%; position: relative; overflow: hidden; margin: 0; line-height: 0 } .lessons.collection-content-wrapper .list-grid .grid-item .grid-image .grid-image-inner-wrapper { position: absolute; top: 0; left: 0; bottom: 0; right: 0 } } .lessons.collection-content-wrapper .lessons-grid-meta-container { margin-bottom: 10px } .lessons.collection-content-wrapper .lessons-grid-meta-container .grid-categories { padding: 0; display: inline; margin: 0 } .lessons.collection-content-wrapper .lessons-grid-meta-container .grid-categories li { display: inline-block } .lessons.collection-content-wrapper .lessons-grid-meta-container .grid-categories li:last-child span { display: none } .lessons.collection-content-wrapper .lessons-grid-meta-container .grid-categories li a:hover { text-decoration: underline } .lessons.collection-content-wrapper .grid-item-link { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .lessons.collection-content-wrapper .lessons-image-container { display: flex; align-items: stretch; flex-direction: column } .lessons.collection-content-wrapper .grid-item { position: relative; display: flex; flex-direction: column; transform: translatey(-15px); transition: opacity 1s ease, transform 1s ease } .lessons.collection-content-wrapper .grid-item .lessons-image { display: block; position: relative } .lessons.collection-content-wrapper .grid-item.is-loaded { opacity: 1; transform: translatey(0) } @media screen and (max-width: 575px) { .lessons.collection-content-wrapper .grid-item { margin-bottom: 30px } } .lessons.collection-content-wrapper .grid-item .lessons-image__lock-icon-container { width: 100%; height: 100%; position: absolute; right: 0; top: 0; display: flex; align-items: center; justify-content: center; backdrop-filter: blur(4px) brightness(.3); -webkit-backdrop-filter: blur(4px) brightness(.3) } .lessons.collection-content-wrapper .grid-item .lessons-image__lock-icon { width: 34px; height: 34px; color: #fff } .lessons.collection-content-wrapper .grid-item .lessons-image_preview-chip-container { background: linear-gradient(180deg, rgba(0, 0, 0, .15) 0%, rgba(0, 0, 0, 0) 100%); position: absolute; z-index: 1; height: 20%; width: 100% } .lessons.collection-content-wrapper .grid-item .lessons-image_preview-chip-container.site-editor-hidden { opacity: 0 } .lessons.collection-content-wrapper .grid-item .lessons-image_preview-chip { position: absolute; z-index: 1; right: 0; border-radius: 14px; background: var(--video-preview-badge-background-color); margin: 11px 11px 0 0; padding: 6px 11px; color: var(--video-preview-badge-font-color); font-family: var(--video-preview-badge-font-font-family); font-size: var(--video-preview-badge-font-font-size); font-style: var(--video-preview-badge-font-font-style); font-weight: var(--video-preview-badge-font-font-weight); line-height: var(--video-preview-badge-font-line-height); text-transform: var(--video-preview-badge-font-text-transform); letter-spacing: var(--video-preview-badge-font-letter-spacing) } .lessons.collection-content-wrapper .grid-item .grid-item-image { height: 100%; width: 100%; object-fit: cover; position: absolute; top: 0; left: 0; transition: opacity 1s ease, transform 1s ease } .lessons.collection-content-wrapper .grid-item .grid-image-cover { opacity: 1 } .lessons.collection-content-wrapper .grid-item:hover .has-hover-img .grid-image-cover { opacity: 0 } .lessons.collection-content-wrapper .grid-item:hover .grid-image-hover { opacity: 1 } .lessons.collection-content-wrapper .grid-item .grid-image { pointer-events: none } .lessons.collection-content-wrapper .lesson-item-video-thumbnail-placeholder { position: absolute; width: 100%; height: 100%; background-color: #f6f6f6 } .lessons.collection-content-wrapper .lesson-item-video-thumbnail-placeholder-play { position: absolute; top: calc(50% - 10px); left: 50%; transform: translate(-50%, -50%) } .lessons.collection-content-wrapper .lesson-item-video-thumbnail-placeholder-play[data-private-mode="true"] { display: none } .lessons.collection-content-wrapper .lesson-item-video-thumbnail-placeholder-timeline { position: absolute; left: 0; bottom: 0; height: 50px; width: 100%; border-width: 23px; border-style: solid; border-color: #e7e7e7; background: #c4c4c4; box-sizing: border-box } .lessons.collection-content-wrapper .lesson-item-video-thumbnail-placeholder-timeline:before, .lessons.collection-content-wrapper .lesson-item-video-thumbnail-placeholder-timeline:after { content: ''; position: absolute; background: #fff } .lessons.collection-content-wrapper .lesson-item-video-thumbnail-placeholder-timeline:before { top: 0; left: 0; width: 50px; height: 100% } .lessons.collection-content-wrapper .lesson-item-video-thumbnail-placeholder-timeline:after { top: 50%; left: 48px; margin-top: -6px; height: 12px; width: 12px; border-radius: 100% } .lessons.collection-content-wrapper .grid-image-wrapper { position: relative; padding-bottom: 66.666% } .lessons.collection-content-wrapper .grid-meta-status { text-align: right } .lessons.collection-content-wrapper .grid-desc p { margin: 0 0 } .lessons.collection-content-wrapper .grid-desc.description { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden } .lessons.collection-content-wrapper .grid-meta-wrapper { margin-top: 0; display: flex; width: 100%; justify-content: space-between } @media screen and (min-width: 768px) { .lessons.collection-content-wrapper .grid-meta-wrapper { margin-top: 0 } } .lessons.collection-content-wrapper .grid-meta-wrapper .lesson-title { margin: 0; padding: 0 } .lessons.collection-content-wrapper .list-pagination { padding-top: 6vw; width: 100%; display: flex; justify-content: space-between } .lessons.collection-content-wrapper .list-pagination a { display: flex; flex: 1 0 50% } .lessons.collection-content-wrapper .list-pagination a.list-pagination-next { justify-content: flex-end } .lessons.collection-content-wrapper .list-pagination .lesson-list-pagination-icon svg { stroke: #000 } .lessons.collection-content-wrapper .list-pagination-nested-categories { text-transform: uppercase } .lessons.collection-content-wrapper .list-pagination-nested-categories .lesson-list-pagination-icon { height: 15px; width: 15px } .lessons.collection-content-wrapper .list-pagination-nested-categories .list-pagination-next { text-align: right; align-items: center } .lessons.collection-content-wrapper .list-pagination-nested-categories .list-pagination-prev { align-items: center } .lessons.collection-content-wrapper .lessons-flex-container { display: flex; flex-direction: column } .lessons.collection-content-wrapper .nested-category-breadcrumb-list-item { display: flex } .lessons.collection-content-wrapper .nested-category-breadcrumb-list-item:first-child .nested-category-breadcrumb-link { margin-left: 0 } .lessons.collection-content-wrapper .nested-category-breadcrumb-list-item .nested-category-breadcrumb-link { margin: 0 1.5vw } .lessons.collection-content-wrapper .nested-category-breadcrumb-list-item:last-child .breadcrumb-separator { display: none } @media screen and (max-width: 575px) { .lessons.collection-content-wrapper .nested-category-breadcrumb-list-item { flex: 0 0 auto } .lessons.collection-content-wrapper .nested-category-breadcrumb-list-item:last-child { padding-right: calc(12vw) } } .lessons.collection-content-wrapper .category-skip-link { float: right; position: absolute; text-decoration: underline; z-index: 2; top: 2.7em; left: -1000em } .lessons.collection-content-wrapper .category-skip-link:focus { float: none; left: auto } .lessons.collection-content-wrapper .nested-category-children { padding-bottom: 54px; padding-top: 54px; padding-left: 0; margin-top: 0; text-align: center; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; position: relative } .lessons.collection-content-wrapper .nested-category-children .active { font-weight: 700 } @media screen and (max-width: 575px) { .lessons.collection-content-wrapper .nested-category-children { padding-top: 44px; margin-bottom: 0; margin-right: calc(-12vw); flex-wrap: nowrap; overflow-x: auto; justify-content: start; scrollbar-width: none; -ms-overflow-style: none } .lessons.collection-content-wrapper .nested-category-children::-webkit-scrollbar { display: none } .lessons.collection-content-wrapper .nested-category-children .nested-category-breadcrumb-link { margin: 0 2.5vw } } .lessons.collection-content-wrapper .nested-category-tree-wrapper { float: left; min-width: 220px; max-width: 300px; margin-right: 40px } .lessons.collection-content-wrapper .nested-category-tree-wrapper ul { padding-inline-start: 20px; margin-top: 0 } .lessons.collection-content-wrapper .nested-category-tree-wrapper>ul { padding-left: 0 } .lessons.collection-content-wrapper .nested-category-tree-wrapper>ul>li:first-child a { padding-top: 0 } .lessons.collection-content-wrapper .nested-category-tree-wrapper li { list-style: none } .lessons.collection-content-wrapper .nested-category-tree-wrapper .category-link { position: relative; display: block; padding: 10px 0 } .lessons.collection-content-wrapper .nested-category-tree-wrapper .category-link.active { font-weight: 700 } .lessons.collection-content-wrapper .nested-category-tree-wrapper .category-link.activeParent { font-weight: 700 } .lessons.collection-content-wrapper .nested-category-tree-wrapper .breadcrumb-separator { display: none } .lessons.collection-content-wrapper .nested-category-tree-wrapper .category-skip-link:focus { float: none; left: 0; top: -.3em } @media screen and (max-width: 575px) { .lessons.collection-content-wrapper .nested-category-tree-wrapper { float: none; margin: 0 } .lessons.collection-content-wrapper .nested-category-tree-wrapper ul { padding-top: 44px; padding-bottom: 54px; padding-left: 0; margin-top: 0; margin-bottom: 0; margin-right: calc(-12vw); flex-wrap: nowrap; overflow-x: auto; justify-content: start; text-align: center; display: flex; flex-direction: row; align-content: center; position: relative; scrollbar-width: none; -ms-overflow-style: none } .lessons.collection-content-wrapper .nested-category-tree-wrapper ul::-webkit-scrollbar { display: none } .lessons.collection-content-wrapper .nested-category-tree-wrapper ul .category-link { display: inline; margin: 0 2.5vw; padding: 0 } .lessons.collection-content-wrapper .nested-category-tree-wrapper ul .category-item { display: flex; flex: 0 0 auto } .lessons.collection-content-wrapper .nested-category-tree-wrapper ul .category-item:first-child .category-link { margin-left: 0 } .lessons.collection-content-wrapper .nested-category-tree-wrapper ul .category-item:last-child .breadcrumb-separator { display: none } .lessons.collection-content-wrapper .nested-category-tree-wrapper ul .category-item:last-child { padding-right: calc(12vw) } .lessons.collection-content-wrapper .nested-category-tree-wrapper .breadcrumb-separator { display: inline } } .gallery-reel { display: block; box-sizing: border-box; user-select: none; z-index: 0; min-height: 10vh } .gallery-reel[data-width="full-bleed"] { max-width: 100% } .gallery-reel[data-width="full"] { max-width: 100%; padding: 4vw } @media screen and (max-width: 767px) { .gallery-reel[data-width="full"] { padding: 0 } } .gallery-reel[data-width="inset"] { max-width: 1800px; padding: 4vw; margin-left: auto; margin-right: auto } @media screen and (max-width: 767px) { .gallery-reel[data-width="inset"] { max-width: 100%; padding: 0 } } .gallery-reel-wrapper { position: relative; display: flex; flex-direction: column; width: 100%; height: 100% } .gallery-reel-list { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; cursor: grab } .gallery-reel .gallery-reel-image-link { position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; outline-offset: -2px } .gallery-reel-lightbox-link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; z-index: 1 } .gallery-reel-lightbox-link { cursor: zoom-in } .gallery-reel-item { position: absolute; top: 0; left: 0; margin: 0; user-select: none } .gallery-reel-item-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: -1 } .gallery-reel-item-src { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background-size: cover; display: none; opacity: 0 } .gallery-reel-item-src[data-visible] { display: block } .gallery-reel-item-src[data-visible="true"] { animation: image-fade-in 600ms cubic-bezier(.4, 0, .2, 1) forwards } @keyframes image-fade-in { 0% { opacity: 0 } 100% { opacity: 1 } } .gallery-reel-item img { position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover } .gallery-reel-item[data-active="true"] .gallery-caption-reel { opacity: 1; visibility: visible } .gallery-reel-controls { position: absolute; display: flex; justify-content: space-between; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none } .gallery-reel-control { display: flex; flex-grow: 0; flex-shrink: 0; align-items: center; justify-content: center; z-index: 1 } .gallery-reel-control-btn { background: initial; border: initial; position: relative; color: #000; padding: 8px; box-sizing: border-box; pointer-events: all; opacity: .75; transition: opacity 600ms cubic-bezier(.4, 0, .2, 1) } .gallery-reel-control-btn::before { position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; opacity: 1; border-radius: .15em } .gallery-reel-control-btn:focus { opacity: 1 } @media (hover:none) { .gallery-reel-control-btn:focus:not(:focus-visible) { opacity: .75 } } @media (hover:hover) { .gallery-reel-control-btn:hover { opacity: 1 } .gallery-reel-control-btn:not(:hover):focus:not(:focus-visible) { opacity: .75 } } .gallery-reel-control-btn-icon { position: relative; width: 28px; height: 28px } .gallery-reel-control-btn-icon svg { width: 100%; height: 100% } .gallery-reel-control-btn-icon svg * { stroke: currentColor; stroke-width: 4px } .gallery-reel .gallery-caption-reel { display: none } .gallery-reel[data-controls-location="below"] .gallery-reel-list, .gallery-reel[data-controls-location="below-left"] .gallery-reel-list, .gallery-reel[data-controls-location="below-right"] .gallery-reel-list, .gallery-reel[data-controls-location="below-center"] .gallery-reel-list { position: relative; margin: 0 0 15px } .gallery-reel[data-controls-location="below"] .gallery-reel-controls, .gallery-reel[data-controls-location="below-left"] .gallery-reel-controls, .gallery-reel[data-controls-location="below-right"] .gallery-reel-controls, .gallery-reel[data-controls-location="below-center"] .gallery-reel-controls { position: relative; height: auto } .gallery-reel[data-show-captions="true"] .gallery-caption-reel { display: block } .gallery-reel[data-show-captions="true"][data-controls-location="below"] .gallery-reel-list, .gallery-reel[data-show-captions="true"][data-controls-location="below-left"] .gallery-reel-list, .gallery-reel[data-show-captions="true"][data-controls-location="below-right"] .gallery-reel-list, .gallery-reel[data-show-captions="true"][data-controls-location="below-center"] .gallery-reel-list { position: relative; margin: 0 } .gallery-reel[data-show-captions="true"][data-controls-location="below"] .gallery-reel-controls, .gallery-reel[data-show-captions="true"][data-controls-location="below-left"] .gallery-reel-controls, .gallery-reel[data-show-captions="true"][data-controls-location="below-right"] .gallery-reel-controls, .gallery-reel[data-show-captions="true"][data-controls-location="below-center"] .gallery-reel-controls { position: relative; height: auto } .gallery-reel[data-show-captions="true"][data-controls-location="side"][data-width="full-bleed"], .gallery-reel[data-show-captions="true"][data-controls-location="overflow-side"][data-width="full-bleed"] { padding-bottom: 4vw } @media screen and (max-width: 575px) { .gallery-reel[data-show-captions="true"][data-controls-location="side"][data-width="full-bleed"], .gallery-reel[data-show-captions="true"][data-controls-location="overflow-side"][data-width="full-bleed"] { padding-bottom: 0 } } .gallery-reel[data-show-captions="true"][data-controls-location="side"] .gallery-reel-control-btn, .gallery-reel[data-show-captions="true"][data-controls-location="overflow-side"] .gallery-reel-control-btn { bottom: 70px } .gallery-reel[data-show-captions="true"][data-controls-location="below"][data-width="full-bleed"], .gallery-reel[data-show-captions="true"][data-controls-location="below-left"][data-width="full-bleed"], .gallery-reel[data-show-captions="true"][data-controls-location="below-right"][data-width="full-bleed"] { margin-bottom: 25px } .gallery-reel[data-show-captions="true"][data-controls-location="below"] .gallery-reel-controls, .gallery-reel[data-show-captions="true"][data-controls-location="below-left"] .gallery-reel-controls, .gallery-reel[data-show-captions="true"][data-controls-location="below-right"] .gallery-reel-controls { bottom: 0px; top: auto } .gallery-reel[data-show-captions="true"][data-controls-location="below-center"][data-width="full-bleed"] { margin-bottom: 100px } .gallery-reel[data-show-captions="true"][data-controls-location="below-center"][data-width="full"], .gallery-reel[data-show-captions="true"][data-controls-location="below-center"][data-width="inset"] { margin-bottom: 50px } .gallery-reel[data-show-captions="true"][data-controls-location="below-center"] .gallery-reel-controls { position: relative; top: 25px; margin: 0 } @media screen and (max-width: 575px) { .gallery-reel[data-show-captions="true"][data-controls-location="below-center"][data-width="full"], .gallery-reel[data-show-captions="true"][data-controls-location="below-center"][data-width="inset"], .gallery-reel[data-show-captions="true"][data-controls-location="below-center"][data-width="full-bleed"] { margin-bottom: 20px } .gallery-reel[data-show-captions="true"][data-controls-location="below-center"] .gallery-reel-controls { bottom: 0; top: auto; margin: 0 } } @media screen and (max-width: 575px) { .gallery-reel[data-show-captions="true"] .gallery-reel-list { position: relative; margin: 0 } .gallery-reel[data-show-captions="true"] .gallery-reel-controls { position: relative; bottom: 50px; top: auto; height: auto; margin: 0; justify-content: space-between } .gallery-reel[data-show-captions="true"] .gallery-reel-control-btn { margin: 0 } } .gallery-reel[data-controls-location="side"] .gallery-reel-list { left: 59px; right: 59px; width: auto } @media screen and (max-width: 575px) { .gallery-reel[data-controls-location="side"] .gallery-reel-list { position: relative; left: 0; right: 0; margin: 0 0 15px } .gallery-reel[data-controls-location="side"] .gallery-reel-controls { position: relative; height: auto } } .gallery-reel[data-controls-location="none"] .gallery-reel-controls { display: none } .gallery-reel[data-controls-location="overflow-side"] .gallery-reel-control:first-child { margin-left: 15px } .gallery-reel[data-controls-location="overflow-side"] .gallery-reel-control:last-child { margin-right: 15px } .gallery-reel[data-controls-location="below"][data-width="full-bleed"] .gallery-reel-control:first-child { margin-left: 25px } .gallery-reel[data-controls-location="below"][data-width="full-bleed"] .gallery-reel-control:first-child+.gallery-reel-control { margin-right: 25px } .gallery-reel[data-controls-location="below-left"] .gallery-reel-controls { justify-content: flex-start } .gallery-reel[data-controls-location="below-left"][data-width="full-bleed"] .gallery-reel-control:first-child { margin-left: 25px } .gallery-reel[data-controls-location="below-left"] .gallery-reel-control:first-child { padding-right: 10px } .gallery-reel[data-controls-location="below-right"] .gallery-reel-controls { justify-content: flex-end } .gallery-reel[data-controls-location="below-right"] .gallery-reel-control:first-child { padding-right: 10px } .gallery-reel[data-controls-location="below-right"][data-width="full-bleed"] .gallery-reel-control:first-child+.gallery-reel-control { margin-right: 25px } .gallery-reel[data-controls-location="below-center"] .gallery-reel-controls { justify-content: center } .gallery-reel[data-controls-location="below-center"] .gallery-reel-control { padding: 0 5px } .video-player { position: relative; height: 100%; font-family: Clarkson, Arial, sans-serif } @keyframes plyr-progress { to { background-position: 25px 0 } } @keyframes plyr-popup { 0% { opacity: .5; transform: translatey(10px) } 100% { opacity: 1; transform: translatey(0) } } @keyframes plyr-fade-in { from { opacity: 0 } to { opacity: 1 } } .video-player .plyr { align-items: center; direction: ltr; display: flex; flex-direction: column; font-family: inherit; font-variant-numeric: tabular-nums; font-weight: 400; line-height: 1.7; max-width: 100%; min-width: 200px; position: relative; text-shadow: none; transition: box-shadow .3s ease; z-index: 0 } .video-player .plyr video, .video-player .plyr audio, .video-player .plyr iframe { display: block; height: 100%; width: 100% } .video-player .plyr button { font: inherit; line-height: inherit; width: auto } .video-player .plyr:focus { outline: 0 } .video-player .plyr--full-ui { box-sizing: border-box } .video-player .plyr--full-ui *, .video-player .plyr--full-ui *::after, .video-player .plyr--full-ui *::before { box-sizing: inherit } .video-player .plyr--full-ui a, .video-player .plyr--full-ui button, .video-player .plyr--full-ui input, .video-player .plyr--full-ui label { touch-action: manipulation } .video-player .plyr__badge { background: #4a5464; border-radius: 2px; color: #fff; font-size: 9px; line-height: 1; padding: 3px 4px } .video-player .plyr--full-ui ::-webkit-media-text-track-container { display: none } .video-player .plyr__captions { animation: plyr-fade-in .3s ease; bottom: 0; display: none; font-size: 13px; left: 0; padding: 10px; position: absolute; text-align: center; transition: transform .4s ease-in-out; width: 100% } .video-player .plyr__captions span:empty { display: none } @media (min-width:480px) { .video-player .plyr__captions { font-size: 15px; padding: calc(10px * 2) } } @media (min-width:768px) { .video-player .plyr__captions { font-size: 18px } } .video-player .plyr--captions-active .plyr__captions { display: block } .video-player .plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions { transform: translatey(calc(10px * -4)) } .video-player .plyr__caption { background: rgba(0, 0, 0, .8); border-radius: 2px; box-decoration-break: clone; color: #fff; line-height: 185%; padding: .2em .5em; white-space: pre-wrap } .video-player .plyr__caption div { display: inline } .video-player .plyr__control { background: transparent; border: 0; border-radius: 3px; color: inherit; cursor: pointer; flex-shrink: 0; overflow: visible; padding: calc(10px * 0.7); position: relative; transition: all .3s ease } .video-player .plyr__control svg { display: block; fill: currentColor; height: 18px; pointer-events: none; width: 18px } .video-player .plyr__control:focus { outline: 0 } .video-player .plyr__control.plyr__tab-focus { outline: #00b2ff dotted 3px; outline-offset: 2px } .video-player a.plyr__control { text-decoration: none } .video-player a.plyr__control::after, .video-player a.plyr__control::before { display: none } .video-player .plyr__control:not(.plyr__control--pressed) .icon--pressed, .video-player .plyr__control.plyr__control--pressed .icon--not-pressed, .video-player .plyr__control:not(.plyr__control--pressed) .label--pressed, .video-player .plyr__control.plyr__control--pressed .label--not-pressed { display: none } .video-player .plyr--full-ui ::-webkit-media-controls { display: none } .video-player .plyr__controls { align-items: center; display: flex; justify-content: flex-end; text-align: center } .video-player .plyr__controls .plyr__progress__container { flex: 1; min-width: 0 } .video-player .plyr__controls .plyr__controls__item { margin-left: calc(10px / 4) } .video-player .plyr__controls .plyr__controls__item:first-child { margin-left: 0; margin-right: auto } .video-player .plyr__controls .plyr__controls__item.plyr__progress__container { padding-left: calc(10px / 4) } .video-player .plyr__controls .plyr__controls__item.plyr__time { padding: 0 calc(10px / 2) } .video-player .plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .video-player .plyr__controls .plyr__controls__item.plyr__time:first-child, .video-player .plyr__controls .plyr__controls__item.plyr__time+.plyr__time { padding-left: 0 } .video-player .plyr__controls:empty { display: none } .video-player .plyr [data-plyr="captions"], .video-player .plyr [data-plyr="pip"], .video-player .plyr [data-plyr="airplay"], .video-player .plyr [data-plyr="fullscreen"] { display: none } .video-player .plyr--captions-enabled [data-plyr="captions"], .video-player .plyr--pip-supported [data-plyr="pip"], .video-player .plyr--airplay-supported [data-plyr="airplay"], .video-player .plyr--fullscreen-enabled [data-plyr="fullscreen"] { display: inline-block } .video-player .plyr__menu { display: flex; position: relative } .video-player .plyr__menu .plyr__control svg { transition: transform .3s ease } .video-player .plyr__menu .plyr__control[aria-expanded="true"] svg { transform: rotate(90deg) } .video-player .plyr__menu .plyr__control[aria-expanded="true"] .plyr__tooltip { display: none } .video-player .plyr__menu__container { animation: plyr-popup .2s ease; background: rgba(255, 255, 255, .9); border-radius: 4px; bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, .15); color: #4a5464; font-size: 15px; margin-bottom: 10px; position: absolute; right: -3px; text-align: left; white-space: nowrap; z-index: 3 } .video-player .plyr__menu__container>div { overflow: hidden; transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1) } .video-player .plyr__menu__container::after { border: 4px solid transparent; border-top-color: rgba(255, 255, 255, .9); content: ""; height: 0; position: absolute; right: calc(((18px / 2) + (10px * 0.7)) - (4px / 2)); top: 100%; width: 0 } .video-player .plyr__menu__container [role="menu"] { padding: calc(10px * 0.7) } .video-player .plyr__menu__container [role="menuitem"], .video-player .plyr__menu__container [role="menuitemradio"] { margin-top: 2px } .video-player .plyr__menu__container [role="menuitem"]:first-child, .video-player .plyr__menu__container [role="menuitemradio"]:first-child { margin-top: 0 } .video-player .plyr__menu__container .plyr__control { align-items: center; color: #4a5464; display: flex; font-size: 13px; padding: calc((10px * 0.7) / 1.5) calc((10px * 0.7) * 1.5); user-select: none; width: 100% } .video-player .plyr__menu__container .plyr__control>span { align-items: inherit; display: flex; width: 100% } .video-player .plyr__menu__container .plyr__control::after { border: 4px solid transparent; content: ""; position: absolute; top: 50%; transform: translatey(-50%) } .video-player .plyr__menu__container .plyr__control--forward { padding-right: calc((10px * 0.7) * 4) } .video-player .plyr__menu__container .plyr__control--forward::after { border-left-color: #728197; right: calc(((10px * 0.7) * 1.5) - 4px) } .video-player .plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .video-player .plyr__menu__container .plyr__control--forward:hover::after { border-left-color: currentColor } .video-player .plyr__menu__container .plyr__control--back { font-weight: 400; margin: calc(10px * 0.7); margin-bottom: calc((10px * 0.7) / 2); padding-left: calc((10px * 0.7) * 4); position: relative; width: calc(100% - ((10px * 0.7) * 2)) } .video-player .plyr__menu__container .plyr__control--back::after { border-right-color: #728197; left: calc(((10px * 0.7) * 1.5) - 4px) } .video-player .plyr__menu__container .plyr__control--back::before { background: #dcdfe5; box-shadow: 0 1px 0 #fff; content: ""; height: 1px; left: 0; margin-top: calc((10px * 0.7) / 2); overflow: hidden; position: absolute; right: 0; top: 100% } .video-player .plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .video-player .plyr__menu__container .plyr__control--back:hover::after { border-right-color: currentColor } .video-player .plyr__menu__container .plyr__control[role="menuitemradio"] { padding-left: calc(10px * 0.7) } .video-player .plyr__menu__container .plyr__control[role="menuitemradio"]::before, .video-player .plyr__menu__container .plyr__control[role="menuitemradio"]::after { border-radius: 100% } .video-player .plyr__menu__container .plyr__control[role="menuitemradio"]::before { background: rgba(0, 0, 0, .1); content: ""; display: block; flex-shrink: 0; height: 16px; margin-right: 10px; transition: all .3s ease; width: 16px } .video-player .plyr__menu__container .plyr__control[role="menuitemradio"]::after { background: #fff; border: 0; height: 6px; left: 12px; opacity: 0; top: 50%; transform: translatey(-50%) scale(0); transition: transform .3s ease, opacity .3s ease; width: 6px } .video-player .plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]::before { background: #00b2ff } .video-player .plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]::after { opacity: 1; transform: translatey(-50%) scale(1) } .video-player .plyr__menu__container .plyr__control[role="menuitemradio"].plyr__tab-focus::before, .video-player .plyr__menu__container .plyr__control[role="menuitemradio"]:hover::before { background: rgba(35, 40, 47, .1) } .video-player .plyr__menu__container .plyr__menu__value { align-items: center; display: flex; margin-left: auto; margin-right: calc(((10px * 0.7) - 2) * -1); overflow: hidden; padding-left: calc((10px * 0.7) * 3.5); pointer-events: none } .video-player .plyr--full-ui input[type="range"] { appearance: none; background: transparent; border: 0; border-radius: calc(13px * 2); color: #00b2ff; display: block; height: calc((3px * 2) + 13px); margin: 0; min-width: 0; padding: 0; transition: box-shadow .3s ease; width: 100% } .video-player .plyr--full-ui input[type="range"]::-webkit-slider-runnable-track { background: transparent; border: 0; border-radius: calc(5px / 2); height: 5px; transition: box-shadow .3s ease; user-select: none; background-image: linear-gradient(to right, currentColor 0%, transparent 0%) } .video-player .plyr--full-ui input[type="range"]::-webkit-slider-thumb { background: #fff; border: 0; border-radius: 100%; height: 13px; position: relative; transition: all .2s ease; width: 13px; appearance: none; margin-top: calc((13px - 5px) / 2 * -1) } .video-player .plyr--full-ui input[type="range"]::-moz-range-track { background: transparent; border: 0; border-radius: calc(5px / 2); height: 5px; transition: box-shadow .3s ease; user-select: none } .video-player .plyr--full-ui input[type="range"]::-moz-range-thumb { background: #fff; border: 0; border-radius: 100%; height: 13px; position: relative; transition: all .2s ease; width: 13px } .video-player .plyr--full-ui input[type="range"]::-moz-range-progress { background: currentColor; border-radius: calc(5px / 2); height: 5px } .video-player .plyr--full-ui input[type="range"]::-ms-track { background: transparent; border: 0; border-radius: calc(5px / 2); height: 5px; transition: box-shadow .3s ease; user-select: none; color: transparent } .video-player .plyr--full-ui input[type="range"]::-ms-fill-upper { background: transparent; border: 0; border-radius: calc(5px / 2); height: 5px; transition: box-shadow .3s ease; user-select: none } .video-player .plyr--full-ui input[type="range"]::-ms-fill-lower { border: 0; border-radius: calc(5px / 2); height: 5px; transition: box-shadow .3s ease; user-select: none; background: currentColor } .video-player .plyr--full-ui input[type="range"]::-ms-thumb { background: #fff; border: 0; border-radius: 100%; height: 13px; position: relative; transition: all .2s ease; width: 13px; margin-top: 0 } .video-player .plyr--full-ui input[type="range"]::-ms-tooltip { display: none } .video-player .plyr--full-ui input[type="range"]::-moz-focus-outer { border: 0 } .video-player .plyr--full-ui input[type="range"]:focus { outline: 0 } .video-player .plyr--full-ui input[type="range"].plyr__tab-focus::-webkit-slider-runnable-track { outline: #00b2ff dotted 3px; outline-offset: 2px } .video-player .plyr--full-ui input[type="range"].plyr__tab-focus::-moz-range-track { outline: #00b2ff dotted 3px; outline-offset: 2px } .video-player .plyr--full-ui input[type="range"].plyr__tab-focus::-ms-track { outline: #00b2ff dotted 3px; outline-offset: 2px } .video-player .plyr__poster { background-color: #000; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: opacity .2s ease; width: 100%; z-index: 1 } .video-player .plyr--stopped.plyr__poster-enabled .plyr__poster { opacity: 1 } .video-player .plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster { display: none } .video-player .plyr__time { font-size: 13px } .video-player .plyr__time+.plyr__time::before { content: "⁄"; margin-right: 10px } @media (max-width:767px) { .video-player .plyr__time+.plyr__time { display: none } } .video-player .plyr__tooltip { background: rgba(255, 255, 255, .9); border-radius: 5px; bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, .15); color: #4a5464; font-size: 13px; font-weight: 400; left: 50%; line-height: 1.3; margin-bottom: calc((10px / 2) * 2); opacity: 0; padding: calc(10px / 2) calc((10px / 2) * 1.5); pointer-events: none; position: absolute; transform: translate(-50%, 10px) scale(.8); transform-origin: 50% 100%; transition: transform .2s .1s ease, opacity .2s .1s ease; white-space: nowrap; z-index: 2 } .video-player .plyr__tooltip::before { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(255, 255, 255, .9); bottom: calc(4px * -1); content: ""; height: 0; left: 50%; position: absolute; transform: translatex(-50%); width: 0; z-index: 2 } .video-player .plyr .plyr__control:hover .plyr__tooltip, .video-player .plyr .plyr__control.plyr__tab-focus .plyr__tooltip, .video-player .plyr__tooltip--visible { opacity: 1; transform: translate(-50%, 0) scale(1) } .video-player .plyr .plyr__control:hover .plyr__tooltip { z-index: 3 } .video-player .plyr__controls>.plyr__control:first-child .plyr__tooltip, .video-player .plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip { left: 0; transform: translate(0, 10px) scale(.8); transform-origin: 0 100% } .video-player .plyr__controls>.plyr__control:first-child .plyr__tooltip::before, .video-player .plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before { left: calc((18px / 2) + (10px * 0.7)) } .video-player .plyr__controls>.plyr__control:last-child .plyr__tooltip { left: auto; right: 0; transform: translate(0, 10px) scale(.8); transform-origin: 100% 100% } .video-player .plyr__controls>.plyr__control:last-child .plyr__tooltip::before { left: auto; right: calc((18px / 2) + (10px * 0.7)); transform: translatex(50%) } .video-player .plyr__controls>.plyr__control:first-child:hover .plyr__tooltip, .video-player .plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip, .video-player .plyr__controls>.plyr__control:first-child .plyr__tooltip--visible, .video-player .plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip, .video-player .plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip, .video-player .plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible, .video-player .plyr__controls>.plyr__control:last-child:hover .plyr__tooltip, .video-player .plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip, .video-player .plyr__controls>.plyr__control:last-child .plyr__tooltip--visible { transform: translate(0, 0) scale(1) } .video-player .plyr__progress { left: calc(13px * 0.5); margin-right: 13px; position: relative } .video-player .plyr__progress input[type="range"], .video-player .plyr__progress__buffer { margin-left: calc(13px * -0.5); margin-right: calc(13px * -0.5); width: calc(100% + 13px) } .video-player .plyr__progress input[type="range"] { position: relative; z-index: 2 } .video-player .plyr__progress .plyr__tooltip { left: 0; max-width: 120px; overflow-wrap: break-word; white-space: normal } .video-player .plyr__progress__buffer { appearance: none; background: transparent; border: 0; border-radius: 100px; height: 5px; left: 0; margin-top: calc((5px / 2) * -1); padding: 0; position: absolute; top: 50% } .video-player .plyr__progress__buffer::-webkit-progress-bar { background: transparent } .video-player .plyr__progress__buffer::-webkit-progress-value { background: currentColor; border-radius: 100px; min-width: 5px; transition: width .2s ease } .video-player .plyr__progress__buffer::-moz-progress-bar { background: currentColor; border-radius: 100px; min-width: 5px; transition: width .2s ease } .video-player .plyr__progress__buffer::-ms-fill { border-radius: 100px; transition: width .2s ease } .video-player .plyr--loading .plyr__progress__buffer { animation: plyr-progress 1s linear infinite; background-image: linear-gradient(-45deg, rgba(35, 40, 47, .6) 25%, transparent 25%, transparent 50%, rgba(35, 40, 47, .6) 50%, rgba(35, 40, 47, .6) 75%, transparent 75%, transparent); background-repeat: repeat-x; background-size: 25px 25px; color: transparent } .video-player .plyr--video.plyr--loading .plyr__progress__buffer { background-color: rgba(255, 255, 255, .25) } .video-player .plyr--audio.plyr--loading .plyr__progress__buffer { background-color: rgba(193, 200, 209, .6) } .video-player .plyr__progress__marker { background-color: #fff; border-radius: 1px; height: 5px; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 3px; z-index: 3 } .video-player .plyr__volume { align-items: center; display: flex; max-width: 110px; min-width: 80px; position: relative; width: 20% } .video-player .plyr__volume input[type="range"] { margin-left: calc(10px / 2); margin-right: calc(10px / 2); position: relative; z-index: 2 } .video-player .plyr--is-ios .plyr__volume { min-width: 0; width: auto } .video-player .plyr--audio { display: block } .video-player .plyr--audio .plyr__controls { background: #fff; border-radius: inherit; color: #4a5464; padding: 10px } .video-player .plyr--audio .plyr__control.plyr__tab-focus, .video-player .plyr--audio .plyr__control:hover, .video-player .plyr--audio .plyr__control[aria-expanded="true"] { background: #00b2ff; color: #fff } .video-player .plyr--full-ui.plyr--audio input[type="range"]::-webkit-slider-runnable-track { background-color: rgba(193, 200, 209, .6) } .video-player .plyr--full-ui.plyr--audio input[type="range"]::-moz-range-track { background-color: rgba(193, 200, 209, .6) } .video-player .plyr--full-ui.plyr--audio input[type="range"]::-ms-track { background-color: rgba(193, 200, 209, .6) } .video-player .plyr--full-ui.plyr--audio input[type="range"]:active::-webkit-slider-thumb { box-shadow: 0 0 0 3px rgba(35, 40, 47, .1) } .video-player .plyr--full-ui.plyr--audio input[type="range"]:active::-moz-range-thumb { box-shadow: 0 0 0 3px rgba(35, 40, 47, .1) } .video-player .plyr--full-ui.plyr--audio input[type="range"]:active::-ms-thumb { box-shadow: 0 0 0 3px rgba(35, 40, 47, .1) } .video-player .plyr--audio .plyr__progress__buffer { color: rgba(193, 200, 209, .6) } .video-player .plyr--video { background: #000; overflow: hidden } .video-player .plyr--video.plyr--menu-open { overflow: visible } .video-player .plyr__video-wrapper { background: #000; height: 100%; margin: auto; overflow: hidden; position: relative; width: 100% } .video-player .plyr__video-embed, .video-player .plyr__video-wrapper--fixed-ratio { aspect-ratio: 1.77777778 } @supports not (aspect-ratio: 16/9) { .video-player .plyr__video-embed, .video-player .plyr__video-wrapper--fixed-ratio { height: 0; padding-bottom: 56.25%; position: relative } } .video-player .plyr__video-embed iframe, .video-player .plyr__video-wrapper--fixed-ratio video { border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100% } .video-player .plyr--full-ui .plyr__video-embed>.plyr__video-embed__container { padding-bottom: 240%; position: relative; transform: translatey(-38.28125%) } .video-player .plyr--video .plyr__controls { background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .75)); border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; bottom: 0; color: #fff; left: 0; padding: calc(10px / 2); padding-top: calc(10px * 2); position: absolute; right: 0; transition: opacity .4s ease-in-out, transform .4s ease-in-out; z-index: 3 } @media (min-width:480px) { .video-player .plyr--video .plyr__controls { padding: 10px; padding-top: calc(10px * 3.5) } } .video-player .plyr--video.plyr--hide-controls .plyr__controls { opacity: 0; pointer-events: none; transform: translatey(100%) } .video-player .plyr--video .plyr__control.plyr__tab-focus, .video-player .plyr--video .plyr__control:hover, .video-player .plyr--video .plyr__control[aria-expanded="true"] { background: #00b2ff; color: #fff } .video-player .plyr__control--overlaid { background: #00b2ff; border: 0; border-radius: 100%; color: #fff; display: none; left: 50%; opacity: .9; padding: calc(10px * 1.5); position: absolute; top: 50%; transform: translate(-50%, -50%); transition: .3s; z-index: 2 } .video-player .plyr__control--overlaid svg { left: 2px; position: relative } .video-player .plyr__control--overlaid:hover, .video-player .plyr__control--overlaid:focus { opacity: 1 } .video-player .plyr--playing .plyr__control--overlaid { opacity: 0; visibility: hidden } .video-player .plyr--full-ui.plyr--video .plyr__control--overlaid { display: block } .video-player .plyr--full-ui.plyr--video input[type="range"]::-webkit-slider-runnable-track { background-color: rgba(255, 255, 255, .25) } .video-player .plyr--full-ui.plyr--video input[type="range"]::-moz-range-track { background-color: rgba(255, 255, 255, .25) } .video-player .plyr--full-ui.plyr--video input[type="range"]::-ms-track { background-color: rgba(255, 255, 255, .25) } .video-player .plyr--full-ui.plyr--video input[type="range"]:active::-webkit-slider-thumb { box-shadow: 0 0 0 3px rgba(255, 255, 255, .5) } .video-player .plyr--full-ui.plyr--video input[type="range"]:active::-moz-range-thumb { box-shadow: 0 0 0 3px rgba(255, 255, 255, .5) } .video-player .plyr--full-ui.plyr--video input[type="range"]:active::-ms-thumb { box-shadow: 0 0 0 3px rgba(255, 255, 255, .5) } .video-player .plyr--video .plyr__progress__buffer { color: rgba(255, 255, 255, .25) } .video-player .plyr:fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100% } .video-player .plyr:fullscreen video { height: 100% } .video-player .plyr:fullscreen .plyr__control .icon--exit-fullscreen { display: block } .video-player .plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg { display: none } .video-player .plyr:fullscreen.plyr--hide-controls { cursor: none } @media (min-width:1024px) { .video-player .plyr:fullscreen .plyr__captions { font-size: 21px } } .video-player .plyr--fullscreen-fallback { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; bottom: 0; display: block; left: 0; position: fixed; right: 0; top: 0; z-index: 10000000 } .video-player .plyr--fullscreen-fallback video { height: 100% } .video-player .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen { display: block } .video-player .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg { display: none } .video-player .plyr--fullscreen-fallback.plyr--hide-controls { cursor: none } @media (min-width:1024px) { .video-player .plyr--fullscreen-fallback .plyr__captions { font-size: 21px } } .video-player .plyr__ads { border-radius: inherit; bottom: 0; cursor: pointer; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: -1 } .video-player .plyr__ads>div, .video-player .plyr__ads>div iframe { height: 100%; position: absolute; width: 100% } .video-player .plyr__ads::after { background: #23282f; border-radius: 2px; bottom: 10px; color: #fff; content: attr(data-badge-text); font-size: 11px; padding: 2px 6px; pointer-events: none; position: absolute; right: 10px; z-index: 3 } .video-player .plyr__ads:empty::after { display: none } .video-player .plyr__cues { background: currentColor; display: block; height: 5px; left: 0; opacity: .8; position: absolute; top: 50%; transform: translatey(-50%); width: 3px; z-index: 3 } .video-player .plyr__preview-thumb { background-color: rgba(255, 255, 255, .9); border-radius: 5px; bottom: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, .15); margin-bottom: calc((10px / 2) * 2); opacity: 0; padding: 3px; pointer-events: none; position: absolute; transform: translate(0, 10px) scale(.8); transform-origin: 50% 100%; transition: transform .2s .1s ease, opacity .2s .1s ease; z-index: 2 } .video-player .plyr__preview-thumb--is-shown { opacity: 1; transform: translate(0, 0) scale(1) } .video-player .plyr__preview-thumb::before { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(255, 255, 255, .9); bottom: calc(4px * -1); content: ""; height: 0; left: 50%; position: absolute; transform: translatex(-50%); width: 0; z-index: 2 } .video-player .plyr__preview-thumb__image-container { background: #c1c8d1; border-radius: calc(5px - 1px); overflow: hidden; position: relative; z-index: 0 } .video-player .plyr__preview-thumb__image-container img, .video-player .plyr__preview-thumb__image-container::after { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .video-player .plyr__preview-thumb__image-container::after { border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15); content: ""; pointer-events: none } .video-player .plyr__preview-thumb__image-container img { max-height: none; max-width: none } .video-player .plyr__preview-thumb__time-container { background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .75)); border-bottom-left-radius: calc(5px - 1px); border-bottom-right-radius: calc(5px - 1px); bottom: 0; left: 0; line-height: 1.1; padding: 20px 6px 6px; position: absolute; right: 0; z-index: 3 } .video-player .plyr__preview-thumb__time-container span { color: #fff; font-size: 13px } .video-player .plyr__preview-scrubbing { bottom: 0; filter: blur(1px); height: 100%; left: 0; margin: auto; opacity: 0; overflow: hidden; pointer-events: none; position: absolute; right: 0; top: 0; transition: opacity .3s ease; width: 100%; z-index: 1 } .video-player .plyr__preview-scrubbing--is-shown { opacity: 1 } .video-player .plyr__preview-scrubbing img { height: 100%; left: 0; max-height: none; max-width: none; object-fit: contain; position: absolute; top: 0; width: 100% } .video-player .plyr--no-transition { transition: none !important } .video-player .plyr__sr-only { clip: rect(1px, 1px, 1px, 1px); overflow: hidden; border: 0 !important; height: 1px !important; padding: 0 !important; position: absolute !important; width: 1px !important } .video-player .plyr [hidden] { display: none !important } .video-player .plyr { position: absolute; top: 0; right: 0; bottom: 0; left: 0; min-width: auto } .video-player .plyr:focus-visible, .video-player .plyr.focus-visible { color: inherit; outline: 2px solid; outline-offset: 4px } .video-player .plyr video { object-fit: contain } .video-player .plyr .plyr__controls { overflow: hidden; flex-wrap: wrap; justify-content: space-between; padding: 0 10px 3.5px } .video-player .plyr .plyr__controls svg { width: 24px; height: 24px } .video-player .plyr .plyr__controls .plyr__controls__item.plyr__control, .video-player .plyr .plyr__controls .plyr__controls__item>.plyr__control { padding: 0 } .video-player .plyr .plyr__controls .plyr__controls__item { margin-left: 20px } .video-player .plyr .plyr__controls .plyr__time, .video-player .plyr .plyr__controls .plyr__progress__container { margin: 0 } .video-player .plyr .plyr__controls .plyr__menu__container { right: 10px } .video-player .plyr .plyr__controls .plyr__time--duration { margin-right: auto } .video-player .plyr .plyr__controls .plyr__volume { margin-left: auto } .video-player .plyr .plyr__controls .plyr__menu { position: static } .video-player .plyr .plyr__controls .plyr__progress__container { flex: 100%; order: 1; margin-top: 3px; padding: 0 !important } .video-player .plyr--video, .video-player .plyr__poster, .video-player .plyr__video-wrapper { background-color: transparent } .video-player .plyr__video-wrapper { z-index: -1 } .video-player .video-player__icons { visibility: hidden; position: absolute } .video-player .video-player__container--click-to-play { cursor: pointer } .video-player.video-player--medium .plyr .plyr__controls { padding: 0 20px 16.5px } .video-player.video-player--medium .plyr .plyr__controls .plyr__menu__container { right: 20px } .video-player .plyr--full-ui input[type="range"] { cursor: pointer } .video-player .plyr--full-ui input[type="range"]::-webkit-slider-runnable-track { background-image: linear-gradient(to right, currentColor var(--value, 0%), transparent var(--value, 0%)) } .video-player .plyr .plyr__controls>.plyr__controls__item.plyr__control, .video-player .plyr .plyr__controls>.plyr__controls__item>.plyr__control { color: #e7e7e7 } .video-player .plyr .plyr__controls>.plyr__controls__item.plyr__control:active, .video-player .plyr .plyr__controls>.plyr__controls__item>.plyr__control:active, .video-player .plyr .plyr__controls>.plyr__controls__item.plyr__control:hover, .video-player .plyr .plyr__controls>.plyr__controls__item>.plyr__control:hover, .video-player .plyr .plyr__controls>.plyr__controls__item.plyr__control:focus, .video-player .plyr .plyr__controls>.plyr__controls__item>.plyr__control:focus, .video-player .plyr .plyr__controls>.plyr__controls__item.plyr__control[aria-expanded="true"], .video-player .plyr .plyr__controls>.plyr__controls__item>.plyr__control[aria-expanded="true"] { background: none; outline: none } .video-player .plyr .plyr__controls>.plyr__controls__item.plyr__control:active, .video-player .plyr .plyr__controls>.plyr__controls__item>.plyr__control:active, .video-player .plyr .plyr__controls>.plyr__controls__item.plyr__control:hover, .video-player .plyr .plyr__controls>.plyr__controls__item>.plyr__control:hover { color: #fff } .video-player .plyr .plyr__controls>.plyr__controls__item.plyr__control.plyr__tab-focus::before, .video-player .plyr .plyr__controls>.plyr__controls__item>.plyr__control.plyr__tab-focus::before { position: absolute; content: ''; width: 30px; height: 30px; left: calc(50% - 15px); top: calc(50% - 15px); border-radius: 50%; border: 1px solid #fff } .video-player .plyr .plyr__controls { background: none; top: 0; pointer-events: none; align-content: flex-end; align-items: flex-end } .video-player .plyr .plyr__controls::before { content: ''; position: absolute; z-index: -1; left: 0; right: 0; bottom: 0; height: 33%; background-image: linear-gradient(0deg, rgba(0, 0, 0, .9), rgba(0, 0, 0, .4) 50%, rgba(0, 0, 0, 0)); backface-visibility: hidden } .video-player .plyr .plyr__controls>* { pointer-events: auto } .video-player .plyr .video-player__controls-blocker { position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; height: 60px; pointer-events: auto } .video-player .plyr.plyr--hide-controls .plyr__controls { transform: none !important } .video-player .video-player__thumbnail--focal-point { background-size: cover } .video-player .video-player__thumbnail--youtube-failure { display: none } .video-player .plyr__video-embed__container { pointer-events: none } .video-player .plyr__video-embed { height: 0; padding-bottom: 56.25%; position: relative } .video-player .plyr__video-embed.video-player__embed--fixed-width { height: 100%; padding-bottom: 0 !important } .video-player.video-player--vimeo-button .plyr__control--overlaid { visibility: hidden; opacity: 0 } .video-player.video-player--vimeo-button .plyr--video.plyr--hide-controls .plyr__control--overlaid, .video-player.video-player--vimeo-button .plyr--video.plyr--loading .plyr__control--overlaid, .video-player.video-player--vimeo-button .plyr--video.plyr--playing .plyr__control--overlaid { visibility: hidden; opacity: 0 } .video-player .plyr--video .plyr__control--overlaid { background: rgba(0, 0, 0, .7); border: 0; border-radius: 100%; color: #fff; display: none; left: 50%; opacity: .9; padding: 7px; position: absolute; top: 50%; transform: translate(-50%, -50%); transition: .3s; z-index: 2 } .video-player .plyr--video .plyr__control--overlaid svg { left: auto; height: 30px; width: 30px; margin: 0; position: relative } @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) { .video-player .plyr--video .plyr__control--overlaid { background: rgba(0, 0, 0, .5); backdrop-filter: blur(15px) } } .video-player .plyr--video .plyr__control--overlaid.focus-visible, .video-player .plyr--video .plyr__control--overlaid.plyr__tab-focus { outline: none; border: 1px solid #fff } .video-player .plyr--video .plyr__control--overlaid:hover, .video-player .plyr--video .plyr__control--overlaid:focus { background: rgba(0, 0, 0, .9); opacity: 1 } @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) { .video-player .plyr--video .plyr__control--overlaid:hover, .video-player .plyr--video .plyr__control--overlaid:active, .video-player .plyr--video .plyr__control--overlaid:focus { background: rgba(0, 0, 0, .7) } } .video-player .plyr--video.plyr--playing .plyr__control--overlaid { visibility: visible; opacity: 1 } .video-player .plyr--video.plyr--hide-controls .plyr__control--overlaid, .video-player .plyr--video.plyr--loading .plyr__control--overlaid { visibility: hidden; opacity: 0 } .video-player.video-player--medium .plyr--video .plyr__control--overlaid { padding: 15px } .video-player.video-player--medium .plyr--video .plyr__control--overlaid svg { height: 48px; width: 48px; margin: 1px } .video-player.video-player--large .plyr--video .plyr__control--overlaid svg { height: 72px; width: 72px; margin: 9px } .video-player .plyr--full-ui.plyr--video .plyr__progress { height: 14px } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"] { height: 14px; color: rgba(255, 255, 255, .3); backface-visibility: hidden } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:focus, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:active, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"].plyr__tab-focus { outline-style: none; box-shadow: none; border-color: transparent } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:focus::-webkit-slider-thumb, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:active::-webkit-slider-thumb, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"].plyr__tab-focus::-webkit-slider-thumb { box-shadow: none } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:focus::-moz-range-thumb, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:active::-moz-range-thumb, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"].plyr__tab-focus::-moz-range-thumb { box-shadow: none } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:focus::-ms-thumb, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:active::-ms-thumb, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"].plyr__tab-focus::-ms-thumb { box-shadow: none } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:focus::-webkit-slider-runnable-track, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:active::-webkit-slider-runnable-track, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"].plyr__tab-focus::-webkit-slider-runnable-track { outline-style: none; box-shadow: none; border-color: transparent } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:focus::-moz-range-track, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:active::-moz-range-track, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"].plyr__tab-focus::-moz-range-track, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:focus::-moz-range-progress, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:active::-moz-range-progress, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"].plyr__tab-focus::-moz-range-progress { outline-style: none; box-shadow: none; border-color: transparent } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:focus::-ms-track, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:active::-ms-track, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"].plyr__tab-focus::-ms-track, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:focus::-ms-fill-upper, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:active::-ms-fill-upper, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"].plyr__tab-focus::-ms-fill-upper, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:focus::-ms-fill-lower, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:active::-ms-fill-lower, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"].plyr__tab-focus::-ms-fill-lower { outline-style: none; box-shadow: none; border-color: transparent } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]::-webkit-slider-runnable-track { height: 3px; border-radius: 0 } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]::-moz-range-track, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]::-moz-range-progress { height: 3px; border-radius: 0 } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]::-ms-track, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]::-ms-fill-upper, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]::-ms-fill-lower { height: 3px; border-radius: 0 } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]::-moz-range-progress { background-color: #fff } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]::-moz-range-track { background-color: rgba(255, 255, 255, .3) } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]::-webkit-slider-runnable-track { color: #fff } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]::-ms-fill-upper { background-color: rgba(255, 255, 255, .3) } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]::-ms-fill-lower { background-color: #fff } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]::-webkit-slider-thumb { visibility: hidden; box-shadow: none; width: 14px; height: 14px; margin-top: -5px; transition: none } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]::-moz-range-thumb { visibility: hidden; box-shadow: none; width: 14px; height: 14px; margin-top: -5px; transition: none } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]::-ms-thumb { visibility: hidden; box-shadow: none; width: 14px; height: 14px; margin-top: -5px; transition: none } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]::-ms-thumb { margin: 0 } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:active::-webkit-slider-thumb { visibility: visible } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:active::-moz-range-thumb { visibility: visible } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:active::-ms-thumb { visibility: visible } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"].plyr__tab-focus { outline: 1px solid #fff; outline-style: solid; outline-offset: 2px; -moz-outline-radius: 0 } .video-player .plyr--full-ui.plyr--video .plyr__progress .plyr__progress__buffer { height: 3px; margin-top: 0; top: 5.5px; border-radius: 0; color: rgba(255, 255, 255, .35) } .video-player .plyr--full-ui.plyr--video .plyr__progress .plyr__progress__buffer::-webkit-progress-value { border-radius: 0 } .video-player .plyr--full-ui.plyr--video .plyr__progress .plyr__progress__buffer::-moz-progress-bar { border-radius: 0 } .video-player .plyr--full-ui.plyr--video .plyr__progress .plyr__progress__buffer::-ms-fill { border-radius: 0 } .video-player .plyr--full-ui.plyr--video .plyr__progress .plyr__tooltip { margin-bottom: 12px; box-shadow: 0 0 10px rgba(0, 0, 0, .2); background-color: #fff; border-radius: 18px; padding: 3px 6px; font-size: 12px; color: #000; transform: translate(-50%, 0) scale(1); transition: opacity .1s ease-in-out } .video-player .plyr--full-ui.plyr--video .plyr__progress .plyr__tooltip::before { display: none } .video-player .plyr--full-ui.plyr--video .plyr__progress:hover input[type="range"]::-webkit-slider-runnable-track, .video-player .plyr--full-ui.plyr--video .plyr__progress:active input[type="range"]::-webkit-slider-runnable-track { height: 5px } .video-player .plyr--full-ui.plyr--video .plyr__progress:hover input[type="range"]::-moz-range-track, .video-player .plyr--full-ui.plyr--video .plyr__progress:active input[type="range"]::-moz-range-track, .video-player .plyr--full-ui.plyr--video .plyr__progress:hover input[type="range"]::-moz-range-progress, .video-player .plyr--full-ui.plyr--video .plyr__progress:active input[type="range"]::-moz-range-progress { height: 5px } .video-player .plyr--full-ui.plyr--video .plyr__progress:hover input[type="range"]::-ms-track, .video-player .plyr--full-ui.plyr--video .plyr__progress:active input[type="range"]::-ms-track, .video-player .plyr--full-ui.plyr--video .plyr__progress:hover input[type="range"]::-ms-fill-upper, .video-player .plyr--full-ui.plyr--video .plyr__progress:active input[type="range"]::-ms-fill-upper, .video-player .plyr--full-ui.plyr--video .plyr__progress:hover input[type="range"]::-ms-fill-lower, .video-player .plyr--full-ui.plyr--video .plyr__progress:active input[type="range"]::-ms-fill-lower { height: 5px } .video-player .plyr--full-ui.plyr--video .plyr__progress:hover input[type="range"]::-webkit-slider-thumb, .video-player .plyr--full-ui.plyr--video .plyr__progress:active input[type="range"]::-webkit-slider-thumb { margin-top: -4px } .video-player .plyr--full-ui.plyr--video .plyr__progress:hover input[type="range"]::-moz-range-thumb, .video-player .plyr--full-ui.plyr--video .plyr__progress:active input[type="range"]::-moz-range-thumb { margin-top: -4px } .video-player .plyr--full-ui.plyr--video .plyr__progress:hover input[type="range"]::-ms-thumb, .video-player .plyr--full-ui.plyr--video .plyr__progress:active input[type="range"]::-ms-thumb { margin-top: -4px } .video-player .plyr--full-ui.plyr--video .plyr__progress:hover input[type="range"]::-ms-thumb, .video-player .plyr--full-ui.plyr--video .plyr__progress:active input[type="range"]::-ms-thumb { margin: 0 } .video-player .plyr--full-ui.plyr--video .plyr__progress:hover .plyr__progress__buffer, .video-player .plyr--full-ui.plyr--video .plyr__progress:active .plyr__progress__buffer { height: 5px; transform: translatey(-1px) } .video-player .plyr__time { font-size: 12px; text-shadow: 0 0 4px rgba(0, 0, 0, .8) } .video-player .plyr__time+.plyr__time--duration { display: block } .video-player .plyr__time+.plyr__time--duration::before { margin-right: 5px } .video-player .plyr .plyr__volume { position: relative; flex-direction: column; width: auto; min-width: 0 } .video-player .plyr:not(.plyr--is-touch).video-player__volume--menu-open .plyr__volume input[type="range"], .video-player .plyr:not(.plyr--is-touch) .plyr__volume:hover input[type="range"], .video-player .plyr:not(.plyr--is-touch) .plyr__volume button:hover+input[type="range"], .video-player .plyr:not(.plyr--is-touch) .plyr__volume button.plyr__tab-focus+input[type="range"], .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"].plyr__tab-focus { transform: rotate(-90deg) translatex(0); opacity: 1; visibility: visible; transition-delay: 0s; width: 90px } .video-player .plyr:not(.plyr--is-touch).plyr--menu-open .plyr__volume button+input[type="range"] { width: 85.71428571px; visibility: hidden; opacity: 0; transition-delay: .1s } .video-player .plyr:not(.plyr--is-touch) .plyr__volume:hover::before, .video-player .plyr:not(.plyr--is-touch) .plyr__volume:focus::before, .video-player .plyr:not(.plyr--is-touch) .plyr__volume:focus-within::before { content: ''; position: absolute; top: -107px; left: -10px; right: -10px; bottom: calc(100% - 2px); background: transparent } .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"] { position: absolute; top: calc(-50% - 12px); left: 50%; height: 28px; padding: 0 10px; margin: 0; color: #fff; background-color: rgba(38, 38, 38, .9); border-radius: 8px; transition: all 100ms ease-in-out, outline-offset 1ms; transform-origin: center left; transform: rotate(-90deg) translatex(-5px); width: 85.71428571px; visibility: hidden; opacity: 0; transition-delay: .1s } .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]::-webkit-slider-thumb { border-radius: 50%; width: 13px; height: 13px; margin-top: -5px } .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]::-moz-range-thumb { border-radius: 50%; width: 13px; height: 13px; margin-top: -5px } .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]::-ms-thumb { border-radius: 50%; width: 13px; height: 13px; margin-top: -5px } .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]::-ms-thumb { margin: 0 } .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]::-webkit-slider-runnable-track { height: 3px; border-radius: 0; border: 0 } .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]::-moz-range-track, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]::-moz-range-progress { height: 3px; border-radius: 0; border: 0 } .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]::-ms-track, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]::-ms-fill-upper, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]::-ms-fill-lower { height: 3px; border-radius: 0; border: 0 } .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]:focus, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]:active, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"].plyr__tab-focus { outline-style: none; box-shadow: none; border-color: transparent } .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]:focus::-webkit-slider-thumb, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]:active::-webkit-slider-thumb, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"].plyr__tab-focus::-webkit-slider-thumb { box-shadow: none } .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]:focus::-moz-range-thumb, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]:active::-moz-range-thumb, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"].plyr__tab-focus::-moz-range-thumb { box-shadow: none } .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]:focus::-ms-thumb, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]:active::-ms-thumb, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"].plyr__tab-focus::-ms-thumb { box-shadow: none } .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]:focus::-webkit-slider-runnable-track, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]:active::-webkit-slider-runnable-track, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"].plyr__tab-focus::-webkit-slider-runnable-track { outline-style: none; box-shadow: none; border-color: transparent } .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]:focus::-moz-range-track, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]:active::-moz-range-track, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"].plyr__tab-focus::-moz-range-track, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]:focus::-moz-range-progress, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]:active::-moz-range-progress, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"].plyr__tab-focus::-moz-range-progress { outline-style: none; box-shadow: none; border-color: transparent } .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]:focus::-ms-track, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]:active::-ms-track, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"].plyr__tab-focus::-ms-track, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]:focus::-ms-fill-upper, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]:active::-ms-fill-upper, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"].plyr__tab-focus::-ms-fill-upper, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]:focus::-ms-fill-lower, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]:active::-ms-fill-lower, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"].plyr__tab-focus::-ms-fill-lower { outline-style: none; box-shadow: none; border-color: transparent } .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"].plyr__tab-focus { outline: 1px solid #fff; outline-style: solid; outline-offset: 7px; -moz-outline-radius: 0 } .video-player .plyr.plyr--is-touch .plyr__volume input[type="range"] { pointer-events: none; opacity: 0; width: 0; height: 0; position: absolute } @keyframes video-player-settings-popup { 0% { opacity: 0; transform: translatey(-100%) translatey(-12px) translatey(5px) } 100% { opacity: 1; transform: translatey(-100%) translatey(-12px) translatey(0) } } .video-player .plyr .plyr__menu { display: none } .video-player .plyr .plyr__menu__container { background-color: rgba(38, 38, 38, .9); border-radius: 8px; max-height: calc(100% - 60px - 60px); top: auto; bottom: auto; animation: video-player-settings-popup .1s ease-in-out; overflow-y: scroll; overflow-y: overlay; transform: translatey(-100%) translatey(-12px) translatey(0) } .video-player .plyr .plyr__menu__container::-webkit-scrollbar-track { box-shadow: none; border-radius: 8px; background-color: transparent } .video-player .plyr .plyr__menu__container::-webkit-scrollbar { width: 4px; background-color: transparent } .video-player .plyr .plyr__menu__container::-webkit-scrollbar-thumb { border-radius: 8px; box-shadow: none; background-color: #757575 } .video-player .plyr .plyr__menu__container::after { display: none } .video-player .plyr .plyr__menu__container div[role="menu"] { padding: 8px 0 } .video-player .plyr .plyr__menu__container div[id$="-home"]>div[role="menu"] { display: flex; flex-direction: column-reverse; min-width: 164px } .video-player .plyr .plyr__menu__container div[id$="-quality"]>div[role="menu"] { display: flex; flex-direction: column-reverse } .video-player .plyr .plyr__menu__container .plyr__control { position: relative; color: #fff; font-size: 12px; padding: 5px 28px 5px 13px; margin: 0; border-radius: 0; transition: none; font-weight: 500; border: 1px solid transparent } .video-player .plyr .plyr__menu__container .plyr__control:active, .video-player .plyr .plyr__menu__container .plyr__control:hover, .video-player .plyr .plyr__menu__container .plyr__control:focus, .video-player .plyr .plyr__menu__container .plyr__control[aria-expanded="true"] { background: none; outline: none } .video-player .plyr .plyr__menu__container .plyr__control:hover { background: rgba(79, 79, 79, .9) } .video-player .plyr .plyr__menu__container .plyr__control.plyr__tab-focus { border: 1px solid #fff } .video-player .plyr .plyr__menu__container .plyr__control::after { border: 0; background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDcgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTAuMjU1ODU5IDkuMTI0NDdMMi4zMTk4MSA5LjEyNDQ3TDYuNDQ3NzIgNC45OTY1NkwyLjMxOTgxIDAuODY4NjUyTDAuMjU1ODU5IDAuODY4NjUyTDQuMzgzNzcgNC45OTY1NkwwLjI1NTg1OSA5LjEyNDQ3WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+'); width: 7px; height: 10px; right: 14px; top: 50%; bottom: auto; transform: translatey(-50%) } .video-player .plyr .plyr__menu__container .plyr__control.plyr__control--back { width: 100%; min-width: 160px; padding-left: 26px; padding-right: 13px; margin-top: 8px; font-weight: 500 } .video-player .plyr .plyr__menu__container .plyr__control.plyr__control--back::before { display: none } .video-player .plyr .plyr__menu__container .plyr__control.plyr__control--back::after { top: 50%; transform: scalex(-1) translatey(-50%); left: 13px } .video-player .plyr .plyr__menu__container .plyr__control.plyr__control--back+div[role="menu"] { padding-top: 0 } .video-player .plyr .plyr__menu__container .plyr__control.plyr__control--back+div[role="menu"] .plyr__control { padding-left: 26px; font-weight: 400 } .video-player .plyr .plyr__menu__container .plyr__control.plyr__control--back+div[role="menu"] .plyr__control::before { display: none } .video-player .plyr .plyr__menu__container .plyr__control.plyr__control--back+div[role="menu"] .plyr__control::after { position: absolute; background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik05LjA5MzU2IDAuMjQ0Mzg1VjIuMTc5NTFMMy42MzQ3IDcuNjM4MzZMMC45MDUyNzMgNC45MDg5NEwwLjkwNTI3NCAyLjk3MzgxTDMuNjM0NyA1LjcwMzI0TDkuMDkzNTYgMC4yNDQzODVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4='); background-color: transparent; border-radius: 0; width: 10px; height: 8px; right: 17px; left: auto; top: 50%; bottom: auto; transform: translatey(-50%) } .video-player .plyr .plyr__menu__container .plyr__control.plyr__control--back+div[role="menu"] .plyr__control .plyr__badge { display: none } .video-player .plyr .plyr__menu__container .plyr__menu__value { padding-left: 40px; font-weight: 400 } .video-player.video-player--medium .plyr .plyr__menu, .video-player.video-player--large .plyr .plyr__menu { display: flex } @media only screen and (orientation:landscape) { .video-player .plyr--is-touch:fullscreen .plyr__menu { display: flex } } .video-player .plyr:not(.plyr--is-touch):fullscreen .plyr__menu { display: flex } @keyframes video-player__loading-indicator-rotate-spinner { 100% { transform: rotate(360deg) } } @keyframes video-player__loading-indicator-dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0 } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35 } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124 } } .video-player .video-player__loading-indicator { background: rgba(0, 0, 0, .7); border: 0; border-radius: 100%; color: #fff; left: 50%; opacity: .9; position: absolute; top: 50%; transform: translate(-50%, -50%); transition: .3s; z-index: 2; line-height: 1; display: block; padding: 6px 7px } .video-player .video-player__loading-indicator svg { left: auto; height: 30px; width: 30px; margin: 0; position: relative } @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) { .video-player .video-player__loading-indicator { background: rgba(0, 0, 0, .5); backdrop-filter: blur(15px) } } .video-player.video-player--medium .video-player__loading-indicator { padding: 15px; padding: 14px 15px } .video-player.video-player--medium .video-player__loading-indicator svg { height: 48px; width: 48px; margin: 1px } .video-player.video-player--large .video-player__loading-indicator svg { height: 72px; width: 72px; margin: 9px } .video-player .loading-indicator__spinner { animation: video-player__loading-indicator-rotate-spinner 2s linear infinite; height: 100%; transform-origin: center center; width: 100%; position: absolute; top: 0; left: 0; margin: auto } .video-player .loading-indicator__path { fill: transparent; stroke-dasharray: 150, 200; stroke-dashoffset: -10; animation: video-player__loading-indicator-dash 1.5s ease-in-out infinite } .video-player .video-player__plyr-loading-indicator { display: none } .video-player .plyr--loading .video-player__plyr-loading-indicator { display: block } .video-player .video-player__loading-screen { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; align-content: center; justify-content: center; align-items: center; background-color: #000; pointer-events: all; padding: 0 20%; z-index: 10 } .video-player .video-player__navigation-indicators { display: flex; justify-content: space-around; align-items: center; pointer-events: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0 } .video-player .video-player__navigation-indicator { background: rgba(0, 0, 0, .7); border: 0; border-radius: 100%; color: #fff; left: 50%; padding: 7px; top: 50%; transition: .3s; z-index: 2; width: 44px; height: 44px; position: static; transform: none; line-height: 1; display: block; opacity: 0; box-sizing: border-box } .video-player .video-player__navigation-indicator svg { left: auto; height: 30px; width: 30px; margin: 0; position: relative } @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) { .video-player .video-player__navigation-indicator { background: rgba(0, 0, 0, .5); backdrop-filter: blur(15px) } } .video-player .video-player__navigation-indicator svg { top: 3px; left: 2px } .video-player .video-player__navigation-indicator--backward { margin-right: 33% } .video-player .video-player__navigation-indicator--show { opacity: 1 } .video-player.video-player--medium .video-player__navigation-indicator { padding: 15px; width: 80px; height: 80px } .video-player.video-player--medium .video-player__navigation-indicator svg { height: 48px; width: 48px; margin: 1px } .video-player.video-player--medium .video-player__navigation-indicator svg { top: 6px; left: 3px } .video-player.video-player--large .video-player__navigation-indicator { width: 120px; height: 120px } .video-player.video-player--large .video-player__navigation-indicator svg { height: 72px; width: 72px; margin: 9px } .video-player.video-player--large .video-player__navigation-indicator svg { top: 6px; left: 3px } .video-player .video-player__paywall-screen { display: flex; flex-direction: column; align-content: center; justify-content: center; align-items: center } .video-player .video-player__paywall-screen .video-player__lock-icon { display: none } .video-player .video-player__paywall-screen .video-player__paywall-description>p { margin: 0 0 22px } .video-player.video-player--medium .video-player__paywall-screen .video-player__lock-icon { display: block } .video-player.video-player--medium .video-player__paywall-screen .video-player__paywall-description>p { margin: 11px 0 22px } .video-player .video-player__controls--hidden { display: none } .video-player .video-player__paywall-screen { font-family: Clarkson, "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: rgba(0, 0, 0, .6); backdrop-filter: blur(20px); height: 100%; width: 100%; position: absolute; top: 0; right: 100%; bottom: 100%; left: 0; z-index: 2 } .video-player button.video-player__paywall-cta-button { background-color: #fff; color: #0e0e0e; font-size: 10px; padding: 0 12px; letter-spacing: .5px; line-height: 22px; min-height: 36px; width: auto; height: auto; outline: none; text-align: center; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; -webkit-box-align: center; align-items: center; border: 0 none transparent; box-sizing: border-box; cursor: pointer; display: inline-flex; font-family: inherit; font-weight: 500; -webkit-box-pack: center; justify-content: center; text-decoration: none; text-transform: uppercase; overflow: hidden; transform: translate3d(0, 0, 0) scale(1, 1); transition: transform 50ms ease 0s } .video-player button.video-player__paywall-cta-button:hover, .video-player button.video-player__paywall-cta-button:active { background-color: #e7e7e7 } .video-player button.video-player__paywall-cta-button:focus { border: 2px solid #0e0e0e; box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0e0e0e } .video-player button.video-player__paywall-cta-button--disabled { color: #6e6e6e; background-color: #e7e7e7 } .video-player.video-player--medium button.video-player__paywall-cta-button { background-color: #fff; color: #0e0e0e; letter-spacing: .5px; line-height: 22px; width: auto; height: auto; outline: none; text-align: center; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; -webkit-box-align: center; align-items: center; border: 0 none transparent; box-sizing: border-box; cursor: pointer; display: inline-flex; font-family: inherit; font-weight: 500; -webkit-box-pack: center; justify-content: center; text-decoration: none; text-transform: uppercase; overflow: hidden; transform: translate3d(0, 0, 0) scale(1, 1); transition: transform 50ms ease 0s; font-size: 12px; padding: 0 16px; min-height: 44px } .video-player.video-player--medium button.video-player__paywall-cta-button:hover, .video-player.video-player--medium button.video-player__paywall-cta-button:active { background-color: #e7e7e7 } .video-player.video-player--medium button.video-player__paywall-cta-button:focus { border: 2px solid #0e0e0e; box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0e0e0e } .video-player.video-player--medium button.video-player__paywall-cta-button--disabled { color: #6e6e6e; background-color: #e7e7e7 } .video-player .video-player__paywall-description { color: #fff; font-weight: 600; font-size: 16px; line-height: 22px; text-align: center } .video-player.video-player--medium .video-player__paywall-description { font-size: 22px; line-height: 28px } .video-player .video-player__lock-icon>svg { height: 26px; width: 21px } .video-player .video-player__error { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; align-content: center; justify-content: center; align-items: center; background-color: #000; pointer-events: all; font-size: 16px; padding: 0 20%; z-index: 10 } .video-player.video-player--medium .video-player__error { font-size: 18px } .video-player.video-player--large .video-player__error { font-size: 22px } .video-player .video-player__error-message { color: #fff }