@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Proxima+Nova+light:wght@300;700&display=swap'); :root { --accent-hsl: 65.625,34.7826087%,36.07843137%; --darkAccent-hsl: 120,16.33986928%,30%; --lightAccent-hsl: 40,24.22360248%,68.43137255%; --safeLightAccent-hsl: 65.625,34.7826087%,36.07843137%; --safeDarkAccent-hsl: 62.18,50%,43.14%; --safeInverseAccent-hsl: 0,0%,100%; --safeInverseLightAccent-hsl: 0,0%,100%; --safeInverseDarkAccent-hsl: #A1A537; --black-hsl: 20.86956522,14.83870968%,30.39215686%; --white-hsl: 0,0%,100%; buttongreen:#A1A537; --primaryButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl),1); --primaryButtonTextColor: #fff; } :root { --base-font-size: 16px; --heading-font-font-family: Cormorant Garamond; --heading-font-font-style: normal; --heading-font-font-weight: 500; --heading-font-text-transform: none; --heading-font-letter-spacing: 0em; --heading-font-line-height: 1.4em; --body-font-font-family: proxima-nova; --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: proxima-nova; --meta-font-font-style: normal; --meta-font-font-weight: 400; --meta-font-text-transform: none; --meta-font-letter-spacing: .01em; --meta-font-line-height: 1em; --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.6rem; --heading-4-size-value: 1.6; --large-text-size: 1.5rem; --large-text-size-value: 1.5; --normal-text-size: 1.1rem; --normal-text-size-value: 1.1; --small-text-size: 1rem; --small-text-size-value: 1; --normal-meta-size: 1.1rem; --normal-meta-size-value: 1.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: Poppins; --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: 1rem; --header-button-font-font-size-value: 1; --primary-button-font-font-family: Poppins; --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: Poppins; --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: Poppins; --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); --blog-item-preview-badge-font-font-family: var(--meta-font-font-family); --blog-item-preview-badge-font-font-style: var(--meta-font-font-style); --blog-item-preview-badge-font-font-weight: var(--meta-font-font-weight); --blog-item-preview-badge-font-text-transform: var(--meta-font-text-transform); --blog-item-preview-badge-font-letter-spacing: var(--meta-font-letter-spacing); --blog-item-preview-badge-font-line-height: var(--meta-font-line-height); --blog-item-preview-badge-font-font-size: var(--normal-text-size); --blog-item-preview-badge-font-font-size-value: var(--normal-text-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); --form-block-button-text-font-font-family: var(--body-font-font-family); --form-block-button-text-font-font-style: var(--body-font-font-style); --form-block-button-text-font-font-weight: var(--body-font-font-weight); --form-block-button-text-font-text-transform: var(--body-font-text-transform); --form-block-button-text-font-letter-spacing: var(--body-font-letter-spacing); --form-block-button-text-font-line-height: var(--body-font-line-height); --form-block-button-text-font-font-size: var(--normal-text-size); --form-block-button-text-font-font-size-value: var(--normal-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 } :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: 1em; --primary-button-padding-x: 1.67em; --primary-button-padding-y: 1em; --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: 1.67em; --secondary-button-padding-y: 1em; --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: 1.67em; --tertiary-button-padding-y: 1em; --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 } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { padding: 0px; margin: 0; background: #594a42; background-color: hsl(20.87deg 14.84% 30.39%); color: var(--paragraphMediumColor); } 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 { margin-top: 13px; margin-bottom: 1px; margin-left: 0; border: 0; border-top: 1px solid #a1a537; width: 93%; } 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 } .fadeable-plugged.display-status-hidden { display: none } .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 } 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 } .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 } [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 } @font-face { font-family: 'squarespace-ui-font'; src: url('//assets.squarespace.com/universal/fonts/squarespace-ui-font.eot'); src: url('//assets.squarespace.com/universal/fonts/squarespace-ui-font.eot?#iefix') format('embedded-opentype'),url('//assets.squarespace.com/universal/fonts/squarespace-ui-font.svg#squarespace-ui-font') format('svg'),url('//assets.squarespace.com/universal/fonts/squarespace-ui-font.woff') format('woff'),url('//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) } /* @media screen and (min-width: 1908px) { #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(1908px - 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: 1908px) { .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(1908px - 1px)) and (orientation:landscape) { .sqsrte-large { font-size:calc((var(--large-text-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width: 1908px) { .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(1908px - 1px)) and (orientation:landscape) { .sqsrte-small { font-size:calc((var(--small-text-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width: 1908px) { .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(1908px - 1px)) and (orientation:landscape) { h1 { font-size:calc((var(--heading-1-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width: 1908px) { 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(1908px - 1px)) and (orientation:landscape) { h2 { font-size:calc((var(--heading-2-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width: 1908px) { 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(1908px - 1px)) and (orientation:landscape) { h3 { font-size:calc((var(--heading-3-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width: 1908px) { 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(1908px - 1px)) and (orientation:landscape) { h4 { font-size:calc((var(--heading-4-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width: 1908px) { 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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { #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 2.9vw } @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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { [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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { [data-collection-type^="portfolio"] .item-pagination-title { font-size:calc(var(--portfolio-item-pagination-font-font-size-value) * 1rem) } } .collection-type-products .ProductItem-details .ProductItem-details-excerpt { 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 { 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(1908px - 1px)) and (orientation:landscape) { .collection-type-products .ProductItem-details .ProductItem-details-excerpt { font-size:calc((var(--product-basic-item-description-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width: 1908px) { .collection-type-products .ProductItem-details .ProductItem-details-excerpt { 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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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) } } [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(1908px - 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: 1908px) { [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(1908px - 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: 1908px) { [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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 1px)) and (orientation:landscape) { .sqs-audio-embed { font-size:calc((var(--normal-meta-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { 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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .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(1908px - 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: 1908px) { .course-item .course-item__lesson-title { font-size:calc(var(--course-item-lesson-name-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: 3% } .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 } .social-icon-alignment-left .sqs-svg-icon--list { text-align: left } .social-icon-alignment-right .sqs-svg-icon--list { text-align: right } .social-icon-alignment-center .sqs-svg-icon--list { text-align: 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:3vw; --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: 3vw; padding-right: 3vw; padding-bottom: 3vw; padding-left: 3vw } .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: 3vw } .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: 3vw } .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: 3vw; right: 3vw; bottom: 3vw; left: 3vw } .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: 3vw; padding-bottom: 3vw; padding-left: 3vw; padding-right: 3vw; margin: 0 auto } .system-page>*:first-child { padding-top: 3vw } .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:50% } } @media screen and (min-width: 1025px) and (max-width:1280px) { .ProductItem-gallery { width:50% } } @media screen and (min-width: 1281px) { .ProductItem-gallery { width:50% } } .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 { animation: ProductItem-gallery-exit-to-right .5s ease-in-out both; z-index: 1; visibility: visible } .ProductItem-gallery-slides-item.going-prev.selected { animation: ProductItem-gallery-enter-from-left .5s ease-in-out both; visibility: visible } .ProductItem-gallery-slides-item.going-next.prev-slide { animation: ProductItem-gallery-exit-to-left .5s ease-in-out both; z-index: 1; visibility: visible } .ProductItem-gallery-slides-item.going-next.selected { animation: ProductItem-gallery-enter-from-right .5s ease-in-out both; visibility: visible } } @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 { animation: ProductItem-gallery-exit-to-right .5s ease-in-out both; z-index: 1; visibility: visible } .tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-slides-item.going-prev.selected { animation: ProductItem-gallery-enter-from-left .5s ease-in-out both; visibility: visible } .tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-slides-item.going-next.prev-slide { animation: ProductItem-gallery-exit-to-left .5s ease-in-out both; z-index: 1; visibility: visible } .tweak-product-basic-item-gallery-design-carousel .ProductItem-gallery-slides-item.going-next.selected { animation: ProductItem-gallery-enter-from-right .5s ease-in-out both; visibility: visible } .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 } } .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: 3vw; padding-bottom: 3vw } .tweak-products-width-full .products.collection-content-wrapper { width: 100%; padding-left: 3vw; padding-right: 3vw } .tweak-products-width-inset .products.collection-content-wrapper { max-width: 1800px; padding-left: 3vw; padding-right: 3vw; 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(2,minmax(0,1fr)); grid-column-gap: 2vw; grid-row-gap: 2vw; 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:.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% + 6vw ); position: relative; left: -3vw } } .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: 3vw; 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 3vw 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: 3vw } .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 3vw; 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: 3vw } .tweak-product-basic-item-width-inset .ProductItem { max-width: 1800px; padding-left: 3vw; padding-right: 3vw; 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:2vw } .tweak-product-basic-item-gallery-placement-right .ProductItem-details { padding-left: 0; padding-right: 2vw } } @media screen and (min-width: 768px) and (max-width:1024px) { .ProductItem-details { width:50% } } @media screen and (min-width: 1025px) and (max-width:1280px) { .ProductItem-details { width:50% } } @media screen and (min-width: 1281px) { .ProductItem-details { width:50% } } .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 } .ProductItem-details .ProductItem-details-excerpt { margin-bottom: 40px; display: block; order: 5 } .ProductItem-details .ProductItem-details-excerpt a { text-decoration: underline } .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 } @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; display: block; order: 4; width: 100% } .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% } .ProductItem .ProductItem-additional { margin-top: 5vw; padding-top: 0 } .ProductItem .ProductItem-related .ProductList-item:nth-child(2) ~ .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 } /*! 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: 3vw; padding-right: 3vw } .tweak-portfolio-grid-basic-width-inset .portfolio-grid-basic { max-width: 1800px; padding-left: 3vw; padding-right: 3vw; 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: 3vw; padding-right: 3vw } .tweak-portfolio-grid-overlay-width-inset .portfolio-grid-overlay { max-width: 1800px; padding-left: 3vw; padding-right: 3vw; 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 3vw 3vw; 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: 3vw; padding-left: 3vw; padding-right: 3vw; padding-bottom: 3vw } .portfolio-hover[data-mode="hover-cover"][data-width="full"] .portfolio-hover-backgrounds { padding-top: 0 !important; padding-right: 3vw !important; padding-bottom: 3vw !important; padding-left: 3vw !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: 3vw; bottom: 3vw; left: 3vw } .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: 3vw; bottom: 3vw; left: 3vw } @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: 3vw; padding-right: 3vw } .tweak-events-stacked-width-inset .events { max-width: 1800px; padding-left: 3vw; padding-right: 3vw; 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: 3vw } @media screen and (max-width: 767px ) { .gallery-grid[data-width="full"] { padding:6vw } } .gallery-grid[data-width="inset"] { max-width: 1800px; padding: 3vw; 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: 3vw } @media screen and (max-width: 767px ) { .gallery-strips[data-width="full"] { padding:6vw } } .gallery-strips[data-width="inset"] { max-width: 1800px; padding: 3vw; 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:3vw } .gallery-slideshow[data-thumbnails="true"] { padding: 3vw 3vw calc(3vw - 10px) 3vw } } .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: 3vw } @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: 3vw } @media screen and (max-width: 767px ) { .gallery-masonry[data-width="full"] { padding:6vw } } .gallery-masonry[data-width="inset"] { max-width: 1800px; padding: 3vw; 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: 3vw; padding-right: 3vw } .user-items-list-simple[data-layout-width="inset"] { padding-left: 3vw; padding-right: 3vw; 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(1908px - 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: 1908px) { #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(1908px - 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: 1908px) { #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(1908px - 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: 1908px) { #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: 3vw; padding-right: 3vw } .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: 3vw; padding-right: 3vw } .user-items-list-banner-slideshow[data-layout-width="inset"] .slideshow-gutter { padding-left: 3vw; padding-right: 3vw } .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: 3vw; padding-right: 3vw } .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(1908px - 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: 1908px) { #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(1908px - 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: 1908px) { #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(1908px - 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: 1908px) { #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: 3vw; padding-right: 3vw } .user-items-list-carousel[data-layout-width="full"][data-show-adjacent-slides="true"] .user-items-list-carousel__arrow-wrapper { width: calc(100% - 2 * 3vw); 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 * 3vw); max-width: 100% } .user-items-list-carousel[data-layout-width="inset"] .user-items-list-carousel__gutter { padding-left: 3vw; padding-right: 3vw } .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: 3vw; padding-right: 3vw; 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 * 3vw); 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 * 3vw); 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(1908px - 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: 1908px) { #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(1908px - 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: 1908px) { #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(1908px - 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: 1908px) { #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 } 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: 1.8vw; padding-bottom: 1.8vw; padding-left: 3vw; padding-right: 3vw; 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: 120px } .header-title-logo img { width: auto; max-width: 100%; max-height: 120px } @media screen and (max-width: 767px ) { .header-title-logo a { max-height:68px } .header-title-logo img { max-height: 68px } } .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 2.9vw; 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 2.9vw } @media screen and (max-width: 767px ) { .header-actions--right .header-actions-action--cart { margin:0 } } .header-actions--right .customerAccountLoginDesktop { margin: 0 0 0 2.9vw } .header-actions--right .header-actions-action--social { margin: 0 } .header-actions--right .header-actions-action--social .icon { width: 24px; height: 24px } .header-actions--right .header-actions-action--social .icon:not(:first-child) { margin-left: 1.8vw } .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.8vw - 10px)) } .header-actions--right .header-actions-action--social .icon:first-child { margin-left: 2.9vw } .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: 2.9vw } .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.8vw } .header-layout-nav-right .header-actions { margin-right: 0 } .header-layout-nav-left .header-title { margin-right: 2.9vw } @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.8vw } .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: .9vw; margin-right: .9vw } .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.8vw } .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: 2.9vw 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: .9vw; margin-right: .9vw } .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: 24px; height: 24px } .header-layout-branding-center-nav-center .header-actions--left .header-actions-action--social .icon:not(:last-child) { margin-right: 1.8vw } .header-layout-branding-center-nav-center .header-actions--left .header-actions-action--social .icon:last-child { margin-right: 2.9vw } .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: 2.9vw } .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 - 2.9vw) } .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: 68px } .header .header-title--use-mobile-logo .header-mobile-logo img { max-height: 68px } } @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: 3vw; padding-right: 3vw } .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(1908px - 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: 1908px) { .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 } .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: #403B40; } h2 { color: #403B40; } h3 { color: #403B40; } .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-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: 3vw; padding-left: 3vw; padding-top: 3vw; padding-bottom: 3vw } @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: 3vw; padding-bottom: 3vw } .tweak-blog-basic-grid-width-full .blog-basic-grid { width: 100%; padding-left: 3vw; padding-right: 3vw } .tweak-blog-basic-grid-width-inset .blog-basic-grid { max-width: 1800px; padding-left: 3vw; padding-right: 3vw; 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: 3vw; padding-bottom: 3vw } .tweak-blog-single-column-width-full .blog-single-column { width: 100%; padding-left: 3vw; padding-right: 3vw } .tweak-blog-single-column-width-inset .blog-single-column { max-width: 1800px; padding-left: 3vw; padding-right: 3vw; 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: 3vw; padding-bottom: 3vw } .tweak-blog-side-by-side-width-full .blog-side-by-side { width: 100%; padding-left: 3vw; padding-right: 3vw } .tweak-blog-side-by-side-width-inset .blog-side-by-side { max-width: 1800px; padding-left: 3vw; padding-right: 3vw; 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: 3vw; padding-bottom: 3vw } .tweak-blog-alternating-side-by-side-width-full .blog-alternating-side-by-side { padding-left: 3vw; padding-right: 3vw } .tweak-blog-alternating-side-by-side-width-inset .blog-alternating-side-by-side { max-width: 1800px; padding-left: 3vw; padding-right: 3vw; 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: 3vw; padding-bottom: 3vw } .tweak-blog-masonry-width-full .blog-masonry { width: 100%; padding-left: 3vw; padding-right: 3vw } .tweak-blog-masonry-width-inset .blog-masonry { max-width: 1800px; padding-left: 3vw; padding-right: 3vw; 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 3vw 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 { animation: ProductItem-gallery-exit-to-right .5s ease-in-out both; z-index: 1; visibility: visible } .pdp-layout-full-bleed .pdp-gallery-slides.going-prev.selected { animation: ProductItem-gallery-enter-from-left .5s ease-in-out both; visibility: visible } .pdp-layout-full-bleed .pdp-gallery-slides.going-next.prev-slide { animation: ProductItem-gallery-exit-to-left .5s ease-in-out both; z-index: 1; visibility: visible } .pdp-layout-full-bleed .pdp-gallery-slides.going-next.selected { animation: ProductItem-gallery-enter-from-right .5s ease-in-out both; visibility: visible } .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 } .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 { animation: ProductItem-gallery-exit-to-right .5s ease-in-out both; z-index: 1; visibility: visible } .pdp-layout .pdp-gallery-slides.going-prev.selected { animation: ProductItem-gallery-enter-from-left .5s ease-in-out both; visibility: visible } .pdp-layout .pdp-gallery-slides.going-next.prev-slide { animation: ProductItem-gallery-exit-to-left .5s ease-in-out both; z-index: 1; visibility: visible } .pdp-layout .pdp-gallery-slides.going-next.selected { animation: ProductItem-gallery-enter-from-right .5s ease-in-out both; visibility: visible } .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 } .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-and-otp-option { display: flex; align-items: center; justify-content: space-between; border: 1px solid grey; 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[type="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[type="radio"]:checked { background-color: #d6d6d6; border: none } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subs-and-otp-option .radio-wrapper input[type="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 .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 .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 { border-top: none; 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); padding-right: 3.5rem } .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 } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subscription-frequency-select-wrapper { position: relative; width: 100%; opacity: 0; transition: opacity .1s ease-out; color: var(--product-detail-subscriptions-frequency-text-color); padding-left: 1rem; margin-right: 25px; margin-top: 6px } .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 } .show-pdp-subs-otp .product-details .pdp-subscriptions-and-otp .subscription-frequency-select-wrapper:after { content: ''; position: absolute; right: 1rem; transform: rotate(45deg); border-bottom: 1px solid; border-right: 1px solid; height: 9px; width: 9px; transform-origin: top; pointer-events: none; font-size: 1rem; color: var(--product-detail-subscriptions-frequency-text-color); margin-top: 4px } @media screen and (max-width: 767px ) { .product-details .ProductItem-details-excerpt~.pdp-product-add-ons .add-on-card:first-of-type { margin-top:-1rem } .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 } } body:not(.show-pdp-product-add-ons) .product-details .pdp-product-add-ons { 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(3vw,55px) } .course-item:not(.mobile-layout):not(.nav-align-right) .course-item__header { padding-left: max(3vw,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 3vw; 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 { fill: 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 3vw; 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: 3vw; padding-right: 3vw; 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: 3vw; padding-bottom: 3vw; 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 } } */ /*! Squarespace LESS Compiler (less.js language v1.3.3) */ .header-nav .header-nav-item--folder .header-nav-folder-content { padding: 0 } .header-nav .header-nav-item--folder .header-nav-folder-content .header-nav-folder-item { padding: .5em 1em; margin-bottom: 5px; text-decoration: none } .header-nav .header-nav-item--folder .header-nav-folder-content .header-nav-folder-item:hover { background: #a1a537; text-decoration: none } .header-nav .header-nav-item--folder .header-nav-folder-content .header-nav-folder-item:hover a { color: #fff } .header-nav .header-nav-item--folder .header-nav-folder-content .header-nav-folder-item-content { text-decoration: none } .header-nav-folder-item--active .header-nav-folder-item-content { background: none !important; font-weight: bold } .bttn-unite { color: var(--primaryButtonTextColor); background-color: var(--primaryButtonBackgroundColor); border-radius: 19pt; cursor: pointer; } .bttn-unite.bttn-default { border-color: #a1a537; color: #fff; font-size: 12pt; /* padding: 9pt 12pt 12pt 9pt; */ width: 144px; height: 46px; margin-top: 2pt; } .bttn-unite.bttn-default:focus, .bttn-unite.bttn-default:hover { background: var(--primaryButtonBackgroundColor); color: var(--primaryButtonTextColor); transition: .1s opacity linear; } .bttn-unite.bttn-default:before { background: #a1a537; } .bttn-unite.bttn-default:after { background: #a1a537; } .bttn[disabled],.bttn-unite.bttn-default:focus[disabled], .bttn-unite.bttn-default[disabled], .bttn-unite[disabled] { cursor: not-allowed; display: none; } .bttn-unite:before { background: #EAFFDA; } .bttn-unite:after { background: #EAFFDA; } .irs--shiny .irs-bar { top: 25px; height: 8px; border-top: 1px solid #a1a537; border-bottom: 1px solid #a1a537; background:#a1a537; cursor: s-resize; z-index: 2; } .irs--shiny .irs-from, .irs--shiny .irs-to, .irs--shiny .irs-single { color: #fff; text-shadow: none; padding: 1px 3px; background-color: #a1a537; border-radius: 3px; font-size: 12px; line-height: 1.333; } .selectize-dropdown [data-selectable].option { opacity: 1; cursor: pointer; } .selectize-dropdown, .selectize-input, .selectize-input input { color: var(--image-block-card-image-subtitle-color); font-family: inherit; font-size: inherit; line-height: 20px; font-smoothing: inherit; } .selectize-control.multi .selectize-input>div.active { background: #594A42; color: #fff; border: 0 solid rgba(0,0,0,0) } .selectize-control.multi .selectize-input>div { cursor: pointer; margin: 0 3px 3px 0; padding: 1px 5px; background: var(--primaryButtonBackgroundColor); color: var(--primaryButtonTextColor); border: 0 solid rgba(0,0,0,0); } /* Picture Boxes*/ .GRBOX{ background-image: url("GoatHerd.png"); background-size: cover; color: #fff !important; min-height: 250px; font-variant: all-petite-caps; text-shadow: 0px 1px #8a7748; font-size: 18px; } .PastureBOX{ background-image: url("GoatGrass.png"); background-size: cover; color: #fff; min-height: 250px; font-variant: all-petite-caps; text-shadow: 0px 1px #403b40; font-size: 18px; } .FibreeBOX{ background-image: url("GoatFibre2.png"); background-size: cover; min-height: 250px; font-variant: all-petite-caps; text-shadow: 0px 1px #8a7748; font-size: 18px; } .MeatBOX{ background-image: url("GoatMeat.jpg"); background-size: cover; color: #fff; min-height: 250px; font-variant: all-petite-caps; text-shadow: 0px 1px #403b40; font-size: 18px; } .MixedGrazing{ background-image: url("mixedGrazing.jpg"); background-size: cover; color: #fff; min-height: 250px; font-variant: all-petite-caps; font-size: 18px; } .clover{ background-image: url("clover.jpg"); background-size: cover; color: #fff; min-height: 250px; font-variant: all-petite-caps; } .GoatsHill{ background-image: url("GoatsHill.jpg"); background-size: cover; color: #fff; text-shadow: 0px 1px #403b40; min-height: 300px; font-variant: all-petite-caps; } .GoatsHill h4 { font-size: 25px; } .GoatsHill h3{ color: #fff !important; text-shadow: 0px 1px #403b40; } .MixedGrazing h4 { font-variant: all-petite-caps; color: #fff; font-size: 25px; } .clover h4, .GRBOX h4, .MeatBOX h4, .PastureBOX h4 { color: #fff; font-size: 25px; text-shadow: 0px 1px #403b40; } .clover h3, .GRBOX h3, .MeatBOX h3, .PastureBOX h3{ color: #fff; text-shadow: 0px 1px #403b40; } .MixedGrazing p, .clover p, .GRBOX p, .MeatBOX p, .PastureBOX p { color: #fff; text-shadow: 0px 1px #403b40; font-size : 20px; } .resultbox { background-color: white; border-radius: 10px; padding: 10px 30pt; } .revenuebox { background-color: white; border-radius: 10px; min-height: 352px; width: 477px; /* padding-left: 30pt; */ overflow: hidden; text-overflow: ellipsis; padding: 10px 30pt; filter: blur(4px); } .revenuebox h4{ margin: 1rem 0; font-weight: bold; padding-left: 1rem; font-family: 'Proxima Nova'; font-size: 28px; } .revenuecontainer { display: grid; gap: 20px; grid-template-columns: repeat(2, 1fr); /* 2 columns on large screens */ justify-items: center; /* Center each item in its column */ align-items: start; /* Align items to the top */ justify-content: center; /* Center the grid horizontally within the container */ } @media (max-width: 768px) { /* Adjust to the breakpoint you need for smaller screens */ .revenuecontainer { grid-template-columns: 1fr; /* 1 column for small screens */ } .revenuebox{ width: 277px; } } .sidebysideresults{ display: flex; gap: 20%; border-top: 2px solid #dbdcb2; border-bottom: 2px solid #dbdcb2; max-width: 910px; padding: 15px; } /*slider stuff */ .BigSlider irs--shiny irs-from irs--shiny irs-to irs--shiny irs-single { color: #fff; text-shadow: none; padding: 1px 3px; background-color: var(--primaryButtonBackgroundColor); border-radius: 3px; font-size: 16px; line-height: 1.333; } .BigSlider irs--shiny irs-min, irs--shiny irs-max { top: 0; padding: 1px 3px; text-shadow: none; background-color: rgba(0, 0, 0, 0.1); border-radius: 3px; font-size: 14px; line-height: 1.333; } .irs--shiny .irs-min, .irs--shiny .irs-max { /* top: 0; */ /* padding: 1px 3px; */ /* text-shadow: none; */ /* background-color: rgba(0, 0, 0, 0.1); */ /* border-radius: 3px; */ /* font-size: 12px; */ /* line-height: 1.333; */ display: none; } .irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 12px; line-height: 9px; padding: 0 3px; color: #9b8c69; } /*Fencing images with hover */ .imgBox { display: inline-block; overflow: hidden; border-color: #e6e1d7; border-style: solid; border-width: 2px; } .imgBox img { display: block; /* no whitespace */ transition: .3s ease-in-out; } .imgBox:hover img { transform: scale(1.8); } .FencingIntroText{ margin-bottom: 20px; padding:10px; max-width: 900px; margin: 0 auto; font-variant: normal; } /*weeds*/ .weedboxSlider { font-size: 14px; } .progress-bar { float: left; width: 0%; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #A1A537; -webkit-box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%); box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; } .progress-group { position: relative; top: -13px; left: 0; right: 0; height: 1pt; z-index: 10; } .progress { /*margin: 0; /* Removes extra spacing */ height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #C2B59B; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); }*/ .progress-group { position: absolute; bottom: 0; left: 0; right: 0; z-index: 5; /* Adjust if needed to ensure it's on top */ margin: 0; padding: 0 10px; /* Optional padding */ } .progress { height: 20px; background-color: #C2B59B; border-radius: 4px; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress-bar { /* margin: 0; /* Ensures no gaps in the progress bar itself */ } /*Alert*/ div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm { border: 0; border-radius: 1px; background: initial; background-color: #a1a537 !important; border-color: #a1a537; /* color: #fff; */ font-size: 1em; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%); } .goatMenuContainer{ min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #fff; border: 1px solid #B1A9AF; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%); font-size: 16px; } .tanwell { min-height: 20px; padding: 19px; margin-bottom: 20px; /* background-color: #e6e1d7; */ border-right: 1px solid #8a7748; /* text-shadow: 0px 1px #c2b59b; */ border-radius: 0px; /* -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%); */ /* box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%); */ font-variant: all-petite-caps; } .form-control { display: inline; font-size: 16pt; font-family: 'proxima nova'; line-height: 20px; color: #746A71; border-radius: 10px; } .farminfowell { min-height: 20px; padding: 19px; margin-bottom: 20px; border-radius: 4px; max-width: 714px; margin: 0 auto; font-variant: all-petite-caps; } .resultsBox{ min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #403b40; border: 1px solid :#403b40; text-shadow: 0px 1px #c2b59b; color:#e8e3d9; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%); max-width: 800px; /* Set the maximum width */ font-size:25px; font-variant: all-petite-caps; } .StockUnitwell { min-height: 20px; padding: 25px; margin-bottom: 20px; background-color: #E6E1D7; border: 1px solid #E6E1D7; border-radius: 4px; font-variant: all-petite-caps; } .ContactF{ min-height: 20px; padding: 25px; max-width: 350px; /* Set the maximum width */ margin: 0 auto; /* Center the div horizontally */ font-variant: small-caps; } .FencingWell { min-height: 20px; padding: 25px; margin-bottom: 20px; /* background-color: #E6E1D7; */ /* border: 1px solid #E6E1D7; */ /* border-radius: 4px; */ /* -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%); */ /* box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%); */ max-width: 844px; margin: 0 auto; font-variant: small-caps; } #revenue-sidebar { background-color: #e6e1d7; min-height: 850px; } #FencingSideBar{ background-color: #e6e1d7; min-height: 300px; } #cloverSidebar{ background-color: #e6e1d7; min-height: 850px; } #FodderSideBar{ background-color: #403b40; min-height: 300px; } input[type=checkbox] { accent-color: #a1a537; /* Custom color for checkboxes */ } #goatfodderlist{ background: #746a71; } .selectize-dropdown-content .active { background-color: #a1a537 !important; /* Your desired color */ color: #ffffff; /* Text color */ } .shiny-input-container:not(.shiny-input-container-inline) { width: 300px; max-width: 100%; display: inline; align-items: center; font-family: 'proxima nova'; font-size: 14px; line-height: 17px; color: #403B40; } } #CF-submit{ display:flex; margin: 0 auto; } .plantboxcontainer { display: flex; background-color: #E6E1D7; } .button-container { position: fixed; display: flex; justify-content: center; align-items: center; gap: 50%; background-color: #594A42; height: 86px; bottom: 0; left: 0; width: 100%; z-index: 10; padding-bottom: 11pt; margin-bottom: 2pt; } /* Media query for screens smaller than 600px */ @media (max-width: 600px) { .button-container { gap: 10px; /* Adjusted gap for mobile screens */ padding: 0 10px; /* Add some padding if needed */ } } /*Goat list*/ .custom-image-bullets ul { list-style-type: none; /* Remove default bullets */ padding-left: 20px; /* Adjust padding as needed */ } .custom-image-bullets ul li { position: relative; /* Position relative for absolute positioning of pseudo-element */ padding-left: 30px; /* Add space for custom bullet */ } .custom-image-bullets ul li::before { content: ''; position: absolute; /* Position absolutely */ left: 0; /* Align to the left of the list item */ top: 50%; /* Vertically center the bullet */ transform: translateY(-50%); /* Adjust vertical centering */ width: 20px; /* Set the width of the custom bullet */ height: 20px; /* Set the height of the custom bullet */ background-image: url('goat.png'); /* Replace with your image URL */ background-size: contain; /* Scale the image to fit the container */ background-repeat: no-repeat; /* Ensure the image doesn't repeat */ } .custom-image-bulletsW ul { list-style-type: none; /* Remove default bullets */ padding-left: 20px; /* Adjust padding as needed */ } .Introscreen { background-image: url("Mask Group 8.png"); min-height: 812px; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; text-align: center; background-size: cover; background-position: center; background-repeat: no-repeat; } .Introscreen h1 { padding-top: 112px; font-variant: all-petite-caps; font-size: 67px; padding-bottom: 0pt; margin: 0; } .Introscreen h5 { padding-top: 0px; font-size: 16px; } /*Right hand side display*/ .ModelInfoBox{ background-image: url(goat.png); background-size: 88px 70px; height: 70px; width: 88px; padding: 5px 15px; text-align: center; color: #fff; font-size: 12px; font-variant: small-caps; text-shadow: 1px 1px black; opacity: 0.8; } .ModelInfoBox[disabled]{ opacity: 0.5; } .ModelInfoBoxmini{ background-image: url(goat.png); background-size: 62px 45px; height: 45px; width: 63px; padding: 1px 0px; text-align: center; color: #f5f5f5; text-shadow: 0px 1px #222020; font-size: 9px; font-variant: small-caps; display: inline-grid; opacity: 0.8; } .ModelInfoBoxmini[disabled]{ opacity: 0.5; } .header { display: flex; align-items: center; padding: 10px; position: relative; height: 300px; width: 100%; overflow: hidden; /* Ensures no unexpected overflow with images */ } .logo { position: absolute; height: 101px; width: 216px; z-index: 2; top: 0; left: 77px; } .title { font-size: 82px; color: #A1A537; text-align: center; flex-grow: 1; z-index: 2; font-variant: all-petite-caps; font-family: 'Cormorant Garamond', serif; } .background-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; } .header-bg { width: 100%; height: 100%; object-fit: cover; visibility: hidden; /* Initially hidden */ } .header-bg.with-image { visibility: visible; /* Only visible when background image is present */ } .header-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #594A42; opacity: 0.8; /* Equivalent to 80% opacity */ } .header1-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; /* Invisible overlay for consistent spacing */ } .Appcontainer { width: 100%; background-color: #E6E1D7; padding-bottom: 165px; } .smalltextbox { padding-top: 30px; padding-bottom: 30px; font-variant: none; font-size: 21px; color: #403B40; line-height: 25px; font-weight: 300; } .textblurb { text-align: center; } .label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 100; font-size: 14pt; color: #403b40; font-family: inherit; opacity: 0.85; } /* Make radio buttons appear horizontally */ .radio-inline { display: inline-block; margin-right: 15px; } /* Custom styling for radio button container and label */ .radio-inline label { color: black; font-weight: bold; cursor: pointer; } /* Style the appearance of radio buttons */ .radio-inline input[type='radio'] { appearance: none; width: 20px; height: 20px; background-color: white; border: 2px solid #A1A537; border-radius: 50%; position: relative; margin-right: 8px; vertical-align: middle; cursor: pointer; } /* Style for checked state */ .radio-inline input[type='radio']:checked { background-color: #A1A537; border: 2px solid #A1A537; } .checkbox-inline .shiny-options-group { display: flex; flex-direction: row; } .checkbox-inline label { margin-right: 15px; /* Adds space between checkboxes */ } .checkbox-group-round input[type='checkbox'] { appearance: none; width: 20px; height: 20px; background-color: white; border: 2px solid #A1A537; border-radius: 50%; position: relative; margin-right: 8px; vertical-align: middle; cursor: pointer; } .checkbox-group-round label { display: inline-block; cursor: pointer; margin-right: 10px; /* padding: 5px 10px; */ /* border-radius: 50%; */ /* background-color: #eee; */ /* width: 24px; */ height: 24px; /* text-align: center; */ } .checkbox-group-round input[type='checkbox']:checked { background-color: #A1A537; border: 2px solid #A1A537 } .browsebox { top: 657px; left: 715px; width: 423px; height: 107px; background-color: #A1A537; border-radius: 10px; align-content: center; margin: 0; font-size: xx-large; text-align: center; } .selectize-input { border: 1px solid #ccc; padding: 6px 12px; display: inline-block; position: relative; z-index: 1; box-sizing: border-box; box-shadow: none; border-radius: 10px; opacity: 0.95; } .plantdisplayBox { min-height: 20px; margin-top: 0; border-radius: 10px; margin-bottom: 20px; background: white; top: 1305px; left: 228px; width: 373px; height: 400px; box-shadow: 0px 3px 6px #00000029; overflow: hidden; margin-right: 0pt; } .weedinfo { padding: 19px; } .weedimage { border-radius: 10px 10px 0 0; width: 100%; margin: 0; vertical-align: top; display: block; object-fit: cover; height: 130px; } label[id^="duplicatePlant"][id*="-weedSlider-label"] { margin-left: 12pt; font-weight: bold !important; font-size: 12pt !important; font-variant: normal; } .checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline { margin-top: 0; margin-left: 10px; font-size: 10pt; } .checkbox-inline, .radio-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: 400; vertical-align: middle; cursor: pointer; font-size: 10pt; } /*General settings*/ h4 { font-size: 21px; color: #403B40; font-weight: 700; font-family: 'proxima nova'; font-variant: normal; margin: 0rem 0; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 100; font-size: 14pt; color: #6f6b69; font-family: inherit; /*font-variant: all-petite-caps;*/ } p { display: block; padding-top: 0px; font-size: 17px; line-height: 1.1; font-family: inherit; margin: 1rem 0; margin-block-start: 1.67em; margin-block-end: 1.67em; margin-inline-start: 0px; margin-inline-end: 0px; unicode-bidi: isolate; font-weight: 500; font-variant: normal; color: #6f6b69; } .weedboxSlider label { display: inline-block; max-width: 100%; margin: 0; font-weight: 100; font-size: 10pt; } .table td, .table th { padding: 8px; line-height: 1.42857143; vertical-align: top; border: 1px solid #e6e1d7 !important; /* Ensures the color change */ border-collapse: collapse; /* Ensures borders don’t overlap */ } .table>thead>tr>th { vertical-align: bottom; border-bottom: 2px solid #e6e1d7 !important; } .cloverinputwell { border: 1px solid #8a7748; padding: 15pt; border-radius: 10pt; width: 370px; background-color: #f1f1ef; } .irs--shiny .irs-handle { top: 17px; width: 22px; height: 22px; border: 1px solid #a1a537; background-color: white; box-shadow: 1px 1px 3px rgba(255, 255, 255, 0.3); border-radius: 22px; z-index: 2; } .irs--shiny .irs-line { top: 25px; height: 10px; background: linear-gradient(to bottom, #c2b59b -50%, #c2b59b 150%); border: 1px solid #c2b59b; border-radius: 10px; } .pretty.p-default input:checked~.state label:after { background-color: #A1A537 !important; border-color: #A1A537 !important; padding: 0pt; } .cloverinputscontainer { display: grid; gap: 5px; grid-template-columns: repeat(3, 1fr); justify-items: center; align-items: start; justify-content: center; } /* Media query for smaller screens */ @media (max-width: 768px) { .cloverinputscontainer { grid-template-columns: 1fr; } } .StockUnitwell h4 { font-size: 21px; } .email-button-container { display: flex; margin: 0; justify-content: center; } .emailBoxHolder{ color: #ffffff; padding: 15px; background: #a1a537; text-align: center; top: 50px; position: fixed; height: 300px; z-index: 9999; } .emailBox{ color: #ffffff; padding: 15px; background: #a1a537; text-align: center; top: 50px; position: fixed; height: 300px; z-index: 9999; }