:root { --base-font-size : 17px; --heading-font-font-family : adonis-web; --heading-font-font-style : normal; --heading-font-font-weight : 400; --heading-font-text-transform : none; --heading-font-letter-spacing : 0em; --heading-font-line-height : 1.4em; --body-font-font-family : Pontano Sans; --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.9em; --meta-font-font-family : Pontano Sans; --meta-font-font-style : normal; --meta-font-font-weight : 400; --meta-font-text-transform : none; --meta-font-letter-spacing : .01rem; --meta-font-line-height : 1em; --heading-1-size : 6rem; --heading-1-size-value : 6; --heading-2-size : 4rem; --heading-2-size-value : 4; --heading-3-size : 2.8rem; --heading-3-size-value : 2.8; --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 : 1rem; --normal-text-size-value : 1; --small-text-size : .9rem; --small-text-size-value : .9; --normal-meta-size : 1rem; --normal-meta-size-value : 1; --site-title-font-font-family : var(--heading-font-font-family); --site-title-font-font-style : var(--heading-font-font-style); --site-title-font-font-weight : var(--heading-font-font-weight); --site-title-font-text-transform : var(--heading-font-text-transform); --site-title-font-letter-spacing : var(--heading-font-letter-spacing); --site-title-font-line-height : var(--heading-font-line-height); --site-title-font-font-size : 1.9rem; --site-title-font-font-size-value : 1.9; --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 : Pontano Sans; --header-button-font-font-style : normal; --header-button-font-font-weight : 400; --header-button-font-text-transform : uppercase; --header-button-font-letter-spacing : .1em; --header-button-font-line-height : 1.2em; --header-button-font-font-size : .9rem; --header-button-font-font-size-value : .9; --primary-button-font-font-family : Pontano Sans; --primary-button-font-font-style : normal; --primary-button-font-font-weight : 400; --primary-button-font-text-transform : uppercase; --primary-button-font-letter-spacing : .1em; --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 : Pontano Sans; --secondary-button-font-font-style : normal; --secondary-button-font-font-weight : 400; --secondary-button-font-text-transform : uppercase; --secondary-button-font-letter-spacing : .1em; --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 : Pontano Sans; --tertiary-button-font-font-style : normal; --tertiary-button-font-font-weight : 400; --tertiary-button-font-text-transform : uppercase; --tertiary-button-font-letter-spacing : .1em; --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); --blog-basic-grid-list-title-font-font-family : var(--heading-font-font-family); --blog-basic-grid-list-title-font-font-style : var(--heading-font-font-style); --blog-basic-grid-list-title-font-font-weight : var(--heading-font-font-weight); --blog-basic-grid-list-title-font-text-transform : var(--heading-font-text-transform); --blog-basic-grid-list-title-font-letter-spacing : var(--heading-font-letter-spacing); --blog-basic-grid-list-title-font-line-height : var(--heading-font-line-height); --blog-basic-grid-list-title-font-font-size : var(--heading-3-size); --blog-basic-grid-list-title-font-font-size-value : var(--heading-3-size-value); --blog-basic-grid-list-excerpt-font-font-family : var(--body-font-font-family); --blog-basic-grid-list-excerpt-font-font-style : var(--body-font-font-style); --blog-basic-grid-list-excerpt-font-font-weight : var(--body-font-font-weight); --blog-basic-grid-list-excerpt-font-text-transform : var(--body-font-text-transform); --blog-basic-grid-list-excerpt-font-letter-spacing : var(--body-font-letter-spacing); --blog-basic-grid-list-excerpt-font-line-height : var(--body-font-line-height); --blog-basic-grid-list-excerpt-font-font-size : var(--small-text-size); --blog-basic-grid-list-excerpt-font-font-size-value : var(--small-text-size-value); --blog-basic-grid-list-meta-font-font-family : var(--meta-font-font-family); --blog-basic-grid-list-meta-font-font-style : var(--meta-font-font-style); --blog-basic-grid-list-meta-font-font-weight : var(--meta-font-font-weight); --blog-basic-grid-list-meta-font-text-transform : var(--meta-font-text-transform); --blog-basic-grid-list-meta-font-letter-spacing : var(--meta-font-letter-spacing); --blog-basic-grid-list-meta-font-line-height : var(--meta-font-line-height); --blog-basic-grid-list-meta-font-font-size : var(--normal-meta-size); --blog-basic-grid-list-meta-font-font-size-value : var(--normal-meta-size-value); --blog-single-column-list-title-font-font-family : var(--heading-font-font-family); --blog-single-column-list-title-font-font-style : var(--heading-font-font-style); --blog-single-column-list-title-font-font-weight : var(--heading-font-font-weight); --blog-single-column-list-title-font-text-transform : var(--heading-font-text-transform); --blog-single-column-list-title-font-letter-spacing : var(--heading-font-letter-spacing); --blog-single-column-list-title-font-line-height : var(--heading-font-line-height); --blog-single-column-list-title-font-font-size : var(--heading-1-size); --blog-single-column-list-title-font-font-size-value : var(--heading-1-size-value); --blog-single-column-list-excerpt-font-font-family : var(--body-font-font-family); --blog-single-column-list-excerpt-font-font-style : var(--body-font-font-style); --blog-single-column-list-excerpt-font-font-weight : var(--body-font-font-weight); --blog-single-column-list-excerpt-font-text-transform : var(--body-font-text-transform); --blog-single-column-list-excerpt-font-letter-spacing : var(--body-font-letter-spacing); --blog-single-column-list-excerpt-font-line-height : var(--body-font-line-height); --blog-single-column-list-excerpt-font-font-size : var(--normal-text-size); --blog-single-column-list-excerpt-font-font-size-value : var(--normal-text-size-value); --blog-single-column-list-meta-font-font-family : var(--meta-font-font-family); --blog-single-column-list-meta-font-font-style : var(--meta-font-font-style); --blog-single-column-list-meta-font-font-weight : var(--meta-font-font-weight); --blog-single-column-list-meta-font-text-transform : var(--meta-font-text-transform); --blog-single-column-list-meta-font-letter-spacing : var(--meta-font-letter-spacing); --blog-single-column-list-meta-font-line-height : var(--meta-font-line-height); --blog-single-column-list-meta-font-font-size : var(--normal-meta-size); --blog-single-column-list-meta-font-font-size-value : var(--normal-meta-size-value); --blog-side-by-side-list-title-font-font-family : var(--heading-font-font-family); --blog-side-by-side-list-title-font-font-style : var(--heading-font-font-style); --blog-side-by-side-list-title-font-font-weight : var(--heading-font-font-weight); --blog-side-by-side-list-title-font-text-transform : var(--heading-font-text-transform); --blog-side-by-side-list-title-font-letter-spacing : var(--heading-font-letter-spacing); --blog-side-by-side-list-title-font-line-height : var(--heading-font-line-height); --blog-side-by-side-list-title-font-font-size : var(--heading-2-size); --blog-side-by-side-list-title-font-font-size-value : var(--heading-2-size-value); --blog-side-by-side-list-excerpt-font-font-family : var(--body-font-font-family); --blog-side-by-side-list-excerpt-font-font-style : var(--body-font-font-style); --blog-side-by-side-list-excerpt-font-font-weight : var(--body-font-font-weight); --blog-side-by-side-list-excerpt-font-text-transform : var(--body-font-text-transform); --blog-side-by-side-list-excerpt-font-letter-spacing : var(--body-font-letter-spacing); --blog-side-by-side-list-excerpt-font-line-height : var(--body-font-line-height); --blog-side-by-side-list-excerpt-font-font-size : var(--normal-text-size); --blog-side-by-side-list-excerpt-font-font-size-value : var(--normal-text-size-value); --blog-side-by-side-list-meta-font-font-family : var(--meta-font-font-family); --blog-side-by-side-list-meta-font-font-style : var(--meta-font-font-style); --blog-side-by-side-list-meta-font-font-weight : var(--meta-font-font-weight); --blog-side-by-side-list-meta-font-text-transform : var(--meta-font-text-transform); --blog-side-by-side-list-meta-font-letter-spacing : var(--meta-font-letter-spacing); --blog-side-by-side-list-meta-font-line-height : var(--meta-font-line-height); --blog-side-by-side-list-meta-font-font-size : var(--normal-meta-size); --blog-side-by-side-list-meta-font-font-size-value : var(--normal-meta-size-value); --blog-alternating-side-by-side-list-title-font-font-family : var(--heading-font-font-family); --blog-alternating-side-by-side-list-title-font-font-style : var(--heading-font-font-style); --blog-alternating-side-by-side-list-title-font-font-weight : var(--heading-font-font-weight); --blog-alternating-side-by-side-list-title-font-text-transform : var(--heading-font-text-transform); --blog-alternating-side-by-side-list-title-font-letter-spacing : var(--heading-font-letter-spacing); --blog-alternating-side-by-side-list-title-font-line-height : var(--heading-font-line-height); --blog-alternating-side-by-side-list-title-font-font-size : var(--heading-2-size); --blog-alternating-side-by-side-list-title-font-font-size-value : var(--heading-2-size-value); --blog-alternating-side-by-side-list-excerpt-font-font-family : var(--body-font-font-family); --blog-alternating-side-by-side-list-excerpt-font-font-style : var(--body-font-font-style); --blog-alternating-side-by-side-list-excerpt-font-font-weight : var(--body-font-font-weight); --blog-alternating-side-by-side-list-excerpt-font-text-transform : var(--body-font-text-transform); --blog-alternating-side-by-side-list-excerpt-font-letter-spacing : var(--body-font-letter-spacing); --blog-alternating-side-by-side-list-excerpt-font-line-height : var(--body-font-line-height); --blog-alternating-side-by-side-list-excerpt-font-font-size : var(--normal-text-size); --blog-alternating-side-by-side-list-excerpt-font-font-size-value : var(--normal-text-size-value); --blog-alternating-side-by-side-list-meta-font-font-family : var(--meta-font-font-family); --blog-alternating-side-by-side-list-meta-font-font-style : var(--meta-font-font-style); --blog-alternating-side-by-side-list-meta-font-font-weight : var(--meta-font-font-weight); --blog-alternating-side-by-side-list-meta-font-text-transform : var(--meta-font-text-transform); --blog-alternating-side-by-side-list-meta-font-letter-spacing : var(--meta-font-letter-spacing); --blog-alternating-side-by-side-list-meta-font-line-height : var(--meta-font-line-height); --blog-alternating-side-by-side-list-meta-font-font-size : var(--normal-meta-size); --blog-alternating-side-by-side-list-meta-font-font-size-value : var(--normal-meta-size-value); --blog-grid-masonry-list-title-font-font-family : var(--heading-font-font-family); --blog-grid-masonry-list-title-font-font-style : var(--heading-font-font-style); --blog-grid-masonry-list-title-font-font-weight : var(--heading-font-font-weight); --blog-grid-masonry-list-title-font-text-transform : var(--heading-font-text-transform); --blog-grid-masonry-list-title-font-letter-spacing : var(--heading-font-letter-spacing); --blog-grid-masonry-list-title-font-line-height : var(--heading-font-line-height); --blog-grid-masonry-list-title-font-font-size : var(--heading-3-size); --blog-grid-masonry-list-title-font-font-size-value : var(--heading-3-size-value); --blog-grid-masonry-list-excerpt-font-font-family : var(--body-font-font-family); --blog-grid-masonry-list-excerpt-font-font-style : var(--body-font-font-style); --blog-grid-masonry-list-excerpt-font-font-weight : var(--body-font-font-weight); --blog-grid-masonry-list-excerpt-font-text-transform : var(--body-font-text-transform); --blog-grid-masonry-list-excerpt-font-letter-spacing : var(--body-font-letter-spacing); --blog-grid-masonry-list-excerpt-font-line-height : var(--body-font-line-height); --blog-grid-masonry-list-excerpt-font-font-size : var(--small-text-size); --blog-grid-masonry-list-excerpt-font-font-size-value : var(--small-text-size-value); --blog-grid-masonry-list-meta-font-font-family : var(--meta-font-font-family); --blog-grid-masonry-list-meta-font-font-style : var(--meta-font-font-style); --blog-grid-masonry-list-meta-font-font-weight : var(--meta-font-font-weight); --blog-grid-masonry-list-meta-font-text-transform : var(--meta-font-text-transform); --blog-grid-masonry-list-meta-font-letter-spacing : var(--meta-font-letter-spacing); --blog-grid-masonry-list-meta-font-line-height : var(--meta-font-line-height); --blog-grid-masonry-list-meta-font-font-size : var(--normal-meta-size); --blog-grid-masonry-list-meta-font-font-size-value : var(--normal-meta-size-value); --portfolio-grid-basic-title-font-font-family : var(--heading-font-font-family); --portfolio-grid-basic-title-font-font-style : var(--heading-font-font-style); --portfolio-grid-basic-title-font-font-weight : var(--heading-font-font-weight); --portfolio-grid-basic-title-font-text-transform : var(--heading-font-text-transform); --portfolio-grid-basic-title-font-letter-spacing : var(--heading-font-letter-spacing); --portfolio-grid-basic-title-font-line-height : var(--heading-font-line-height); --portfolio-grid-basic-title-font-font-size : var(--heading-4-size); --portfolio-grid-basic-title-font-font-size-value : var(--heading-4-size-value); --portfolio-grid-overlay-title-font-font-family : var(--heading-font-font-family); --portfolio-grid-overlay-title-font-font-style : var(--heading-font-font-style); --portfolio-grid-overlay-title-font-font-weight : var(--heading-font-font-weight); --portfolio-grid-overlay-title-font-text-transform : var(--heading-font-text-transform); --portfolio-grid-overlay-title-font-letter-spacing : var(--heading-font-letter-spacing); --portfolio-grid-overlay-title-font-line-height : var(--heading-font-line-height); --portfolio-grid-overlay-title-font-font-size : var(--heading-3-size); --portfolio-grid-overlay-title-font-font-size-value : var(--heading-3-size-value); --portfolio-index-background-title-font-font-family : var(--heading-font-font-family); --portfolio-index-background-title-font-font-style : var(--heading-font-font-style); --portfolio-index-background-title-font-font-weight : var(--heading-font-font-weight); --portfolio-index-background-title-font-text-transform : var(--heading-font-text-transform); --portfolio-index-background-title-font-letter-spacing : var(--heading-font-letter-spacing); --portfolio-index-background-title-font-line-height : var(--heading-font-line-height); --portfolio-index-background-title-font-font-size : var(--heading-1-size); --portfolio-index-background-title-font-font-size-value : var(--heading-1-size-value); --portfolio-hover-follow-title-font-font-family : var(--heading-font-font-family); --portfolio-hover-follow-title-font-font-style : var(--heading-font-font-style); --portfolio-hover-follow-title-font-font-weight : var(--heading-font-font-weight); --portfolio-hover-follow-title-font-text-transform : var(--heading-font-text-transform); --portfolio-hover-follow-title-font-letter-spacing : var(--heading-font-letter-spacing); --portfolio-hover-follow-title-font-line-height : var(--heading-font-line-height); --portfolio-hover-follow-title-font-font-size : var(--heading-1-size); --portfolio-hover-follow-title-font-font-size-value : var(--heading-1-size-value); --portfolio-hover-static-title-font-font-family : var(--heading-font-font-family); --portfolio-hover-static-title-font-font-style : var(--heading-font-font-style); --portfolio-hover-static-title-font-font-weight : var(--heading-font-font-weight); --portfolio-hover-static-title-font-text-transform : var(--heading-font-text-transform); --portfolio-hover-static-title-font-letter-spacing : var(--heading-font-letter-spacing); --portfolio-hover-static-title-font-line-height : var(--heading-font-line-height); --portfolio-hover-static-title-font-font-size : var(--heading-1-size); --portfolio-hover-static-title-font-font-size-value : var(--heading-1-size-value); --portfolio-item-pagination-font-font-family : var(--heading-font-font-family); --portfolio-item-pagination-font-font-style : var(--heading-font-font-style); --portfolio-item-pagination-font-font-weight : var(--heading-font-font-weight); --portfolio-item-pagination-font-text-transform : var(--heading-font-text-transform); --portfolio-item-pagination-font-letter-spacing : var(--heading-font-letter-spacing); --portfolio-item-pagination-font-line-height : var(--heading-font-line-height); --portfolio-item-pagination-font-font-size : var(--heading-3-size); --portfolio-item-pagination-font-font-size-value : var(--heading-3-size-value); --announcement-bar-font-font-family : var(--body-font-font-family); --announcement-bar-font-font-style : var(--body-font-font-style); --announcement-bar-font-font-weight : var(--body-font-font-weight); --announcement-bar-font-text-transform : var(--body-font-text-transform); --announcement-bar-font-letter-spacing : var(--body-font-letter-spacing); --announcement-bar-font-line-height : var(--body-font-line-height); --announcement-bar-font-font-size : var(--small-text-size); --announcement-bar-font-font-size-value : var(--small-text-size-value); --product-basic-item-title-font-font-family : var(--heading-font-font-family); --product-basic-item-title-font-font-style : var(--heading-font-font-style); --product-basic-item-title-font-font-weight : var(--heading-font-font-weight); --product-basic-item-title-font-text-transform : var(--heading-font-text-transform); --product-basic-item-title-font-letter-spacing : var(--heading-font-letter-spacing); --product-basic-item-title-font-line-height : var(--heading-font-line-height); --product-basic-item-title-font-font-size : var(--heading-2-size); --product-basic-item-title-font-font-size-value : var(--heading-2-size-value); --product-basic-item-price-font-font-family : var(--heading-font-font-family); --product-basic-item-price-font-font-style : var(--heading-font-font-style); --product-basic-item-price-font-font-weight : var(--heading-font-font-weight); --product-basic-item-price-font-text-transform : var(--heading-font-text-transform); --product-basic-item-price-font-letter-spacing : var(--heading-font-letter-spacing); --product-basic-item-price-font-line-height : var(--heading-font-line-height); --product-basic-item-price-font-font-size : var(--heading-4-size); --product-basic-item-price-font-font-size-value : var(--heading-4-size-value); --product-basic-item-description-font-font-family : var(--body-font-font-family); --product-basic-item-description-font-font-style : var(--body-font-font-style); --product-basic-item-description-font-font-weight : var(--body-font-font-weight); --product-basic-item-description-font-text-transform : var(--body-font-text-transform); --product-basic-item-description-font-letter-spacing : var(--body-font-letter-spacing); --product-basic-item-description-font-line-height : var(--body-font-line-height); --product-basic-item-description-font-font-size : var(--normal-text-size); --product-basic-item-description-font-font-size-value : var(--normal-text-size-value); --product-basic-item-variant-fields-font-font-family : var(--meta-font-font-family); --product-basic-item-variant-fields-font-font-style : var(--meta-font-font-style); --product-basic-item-variant-fields-font-font-weight : var(--meta-font-font-weight); --product-basic-item-variant-fields-font-text-transform : var(--meta-font-text-transform); --product-basic-item-variant-fields-font-letter-spacing : var(--meta-font-letter-spacing); --product-basic-item-variant-fields-font-line-height : var(--meta-font-line-height); --product-basic-item-variant-fields-font-font-size : var(--normal-meta-size); --product-basic-item-variant-fields-font-font-size-value : var(--normal-meta-size-value); --product-basic-item-scarcity-font-font-family : var(--meta-font-font-family); --product-basic-item-scarcity-font-font-style : var(--meta-font-font-style); --product-basic-item-scarcity-font-font-weight : var(--meta-font-font-weight); --product-basic-item-scarcity-font-text-transform : var(--meta-font-text-transform); --product-basic-item-scarcity-font-letter-spacing : var(--meta-font-letter-spacing); --product-basic-item-scarcity-font-line-height : var(--meta-font-line-height); --product-basic-item-scarcity-font-font-size : var(--normal-meta-size); --product-basic-item-scarcity-font-font-size-value : var(--normal-meta-size-value); --product-grid-text-below-title-font-font-family : var(--heading-font-font-family); --product-grid-text-below-title-font-font-style : var(--heading-font-font-style); --product-grid-text-below-title-font-font-weight : var(--heading-font-font-weight); --product-grid-text-below-title-font-text-transform : var(--heading-font-text-transform); --product-grid-text-below-title-font-letter-spacing : var(--heading-font-letter-spacing); --product-grid-text-below-title-font-line-height : var(--heading-font-line-height); --product-grid-text-below-title-font-font-size : var(--heading-4-size); --product-grid-text-below-title-font-font-size-value : var(--heading-4-size-value); --product-grid-text-below-price-font-font-family : var(--meta-font-font-family); --product-grid-text-below-price-font-font-style : var(--meta-font-font-style); --product-grid-text-below-price-font-font-weight : var(--meta-font-font-weight); --product-grid-text-below-price-font-text-transform : var(--meta-font-text-transform); --product-grid-text-below-price-font-letter-spacing : var(--meta-font-letter-spacing); --product-grid-text-below-price-font-line-height : var(--meta-font-line-height); --product-grid-text-below-price-font-font-size : var(--normal-meta-size); --product-grid-text-below-price-font-font-size-value : var(--normal-meta-size-value); --product-grid-text-below-status-font-font-family : var(--meta-font-font-family); --product-grid-text-below-status-font-font-style : var(--meta-font-font-style); --product-grid-text-below-status-font-font-weight : var(--meta-font-font-weight); --product-grid-text-below-status-font-text-transform : var(--meta-font-text-transform); --product-grid-text-below-status-font-letter-spacing : var(--meta-font-letter-spacing); --product-grid-text-below-status-font-line-height : var(--meta-font-line-height); --product-grid-text-below-status-font-font-size : var(--normal-meta-size); --product-grid-text-below-status-font-font-size-value : var(--normal-meta-size-value); --product-grid-text-below-scarcity-font-font-family : var(--meta-font-font-family); --product-grid-text-below-scarcity-font-font-style : var(--meta-font-font-style); --product-grid-text-below-scarcity-font-font-weight : var(--meta-font-font-weight); --product-grid-text-below-scarcity-font-text-transform : var(--meta-font-text-transform); --product-grid-text-below-scarcity-font-letter-spacing : var(--meta-font-letter-spacing); --product-grid-text-below-scarcity-font-line-height : var(--meta-font-line-height); --product-grid-text-below-scarcity-font-font-size : var(--normal-meta-size); --product-grid-text-below-scarcity-font-font-size-value : var(--normal-meta-size-value); --video-basic-grid-list-category-nav-font-font-family : var(--body-font-font-family); --video-basic-grid-list-category-nav-font-font-style : var(--body-font-font-style); --video-basic-grid-list-category-nav-font-font-weight : var(--body-font-font-weight); --video-basic-grid-list-category-nav-font-text-transform : var(--body-font-text-transform); --video-basic-grid-list-category-nav-font-letter-spacing : var(--body-font-letter-spacing); --video-basic-grid-list-category-nav-font-line-height : var(--body-font-line-height); --video-basic-grid-list-category-nav-font-font-size : var(--normal-text-size); --video-basic-grid-list-category-nav-font-font-size-value : var(--normal-text-size-value); --video-basic-grid-list-title-font-font-family : var(--heading-font-font-family); --video-basic-grid-list-title-font-font-style : var(--heading-font-font-style); --video-basic-grid-list-title-font-font-weight : var(--heading-font-font-weight); --video-basic-grid-list-title-font-text-transform : var(--heading-font-text-transform); --video-basic-grid-list-title-font-letter-spacing : var(--heading-font-letter-spacing); --video-basic-grid-list-title-font-line-height : var(--heading-font-line-height); --video-basic-grid-list-title-font-font-size : var(--heading-4-size); --video-basic-grid-list-title-font-font-size-value : var(--heading-4-size-value); --video-basic-grid-list-excerpt-font-font-family : var(--body-font-font-family); --video-basic-grid-list-excerpt-font-font-style : var(--body-font-font-style); --video-basic-grid-list-excerpt-font-font-weight : var(--body-font-font-weight); --video-basic-grid-list-excerpt-font-text-transform : var(--body-font-text-transform); --video-basic-grid-list-excerpt-font-letter-spacing : var(--body-font-letter-spacing); --video-basic-grid-list-excerpt-font-line-height : var(--body-font-line-height); --video-basic-grid-list-excerpt-font-font-size : var(--small-text-size); --video-basic-grid-list-excerpt-font-font-size-value : var(--small-text-size-value); --video-basic-grid-list-meta-font-font-family : var(--meta-font-font-family); --video-basic-grid-list-meta-font-font-style : var(--meta-font-font-style); --video-basic-grid-list-meta-font-font-weight : var(--meta-font-font-weight); --video-basic-grid-list-meta-font-text-transform : var(--meta-font-text-transform); --video-basic-grid-list-meta-font-letter-spacing : var(--meta-font-letter-spacing); --video-basic-grid-list-meta-font-line-height : var(--meta-font-line-height); --video-basic-grid-list-meta-font-font-size : var(--normal-meta-size); --video-basic-grid-list-meta-font-font-size-value : var(--normal-meta-size-value); --content-link-block-title-font-font-family : var(--body-font-font-family); --content-link-block-title-font-font-style : var(--body-font-font-style); --content-link-block-title-font-font-weight : var(--body-font-font-weight); --content-link-block-title-font-text-transform : var(--body-font-text-transform); --content-link-block-title-font-letter-spacing : var(--body-font-letter-spacing); --content-link-block-title-font-line-height : var(--body-font-line-height); --content-link-block-title-font-font-size : var(--normal-text-size); --content-link-block-title-font-font-size-value : var(--normal-text-size-value); --menu-block-nav-font-font-family : var(--meta-font-font-family); --menu-block-nav-font-font-style : var(--meta-font-font-style); --menu-block-nav-font-font-weight : var(--meta-font-font-weight); --menu-block-nav-font-text-transform : var(--meta-font-text-transform); --menu-block-nav-font-letter-spacing : var(--meta-font-letter-spacing); --menu-block-nav-font-line-height : var(--meta-font-line-height); --menu-block-nav-font-font-size : var(--normal-meta-size); --menu-block-nav-font-font-size-value : var(--normal-meta-size-value); --menu-block-title-font-font-family : var(--heading-font-font-family); --menu-block-title-font-font-style : var(--heading-font-font-style); --menu-block-title-font-font-weight : var(--heading-font-font-weight); --menu-block-title-font-text-transform : var(--heading-font-text-transform); --menu-block-title-font-letter-spacing : var(--heading-font-letter-spacing); --menu-block-title-font-line-height : var(--heading-font-line-height); --menu-block-title-font-font-size : var(--heading-3-size); --menu-block-title-font-font-size-value : var(--heading-3-size-value); --menu-block-item-title-font-font-family : var(--heading-font-font-family); --menu-block-item-title-font-font-style : var(--heading-font-font-style); --menu-block-item-title-font-font-weight : var(--heading-font-font-weight); --menu-block-item-title-font-text-transform : var(--heading-font-text-transform); --menu-block-item-title-font-letter-spacing : var(--heading-font-letter-spacing); --menu-block-item-title-font-line-height : var(--heading-font-line-height); --menu-block-item-title-font-font-size : var(--heading-4-size); --menu-block-item-title-font-font-size-value : var(--heading-4-size-value); --menu-block-item-description-font-font-family : var(--body-font-font-family); --menu-block-item-description-font-font-style : var(--body-font-font-style); --menu-block-item-description-font-font-weight : var(--body-font-font-weight); --menu-block-item-description-font-text-transform : var(--body-font-text-transform); --menu-block-item-description-font-letter-spacing : var(--body-font-letter-spacing); --menu-block-item-description-font-line-height : var(--body-font-line-height); --menu-block-item-description-font-font-size : var(--normal-text-size); --menu-block-item-description-font-font-size-value : var(--normal-text-size-value); --menu-block-item-price-font-font-family : var(--body-font-font-family); --menu-block-item-price-font-font-style : var(--body-font-font-style); --menu-block-item-price-font-font-weight : var(--body-font-font-weight); --menu-block-item-price-font-text-transform : var(--body-font-text-transform); --menu-block-item-price-font-letter-spacing : var(--body-font-letter-spacing); --menu-block-item-price-font-line-height : var(--body-font-line-height); --menu-block-item-price-font-font-size : var(--normal-text-size); --menu-block-item-price-font-font-size-value : var(--normal-text-size-value); --quote-block-text-font-font-family : var(--body-font-font-family); --quote-block-text-font-font-style : var(--body-font-font-style); --quote-block-text-font-font-weight : var(--body-font-font-weight); --quote-block-text-font-text-transform : var(--body-font-text-transform); --quote-block-text-font-letter-spacing : var(--body-font-letter-spacing); --quote-block-text-font-line-height : var(--body-font-line-height); --quote-block-text-font-font-size : var(--large-text-size); --quote-block-text-font-font-size-value : var(--large-text-size-value); --quote-block-source-font-font-family : var(--meta-font-font-family); --quote-block-source-font-font-style : var(--meta-font-font-style); --quote-block-source-font-font-weight : var(--meta-font-font-weight); --quote-block-source-font-text-transform : var(--meta-font-text-transform); --quote-block-source-font-letter-spacing : var(--meta-font-letter-spacing); --quote-block-source-font-line-height : var(--meta-font-line-height); --quote-block-source-font-font-size : var(--normal-meta-size); --quote-block-source-font-font-size-value : var(--normal-meta-size-value); --events-item-pagination-font-font-family : var(--heading-font-font-family); --events-item-pagination-font-font-style : var(--heading-font-font-style); --events-item-pagination-font-font-weight : var(--heading-font-font-weight); --events-item-pagination-font-text-transform : var(--heading-font-text-transform); --events-item-pagination-font-letter-spacing : var(--heading-font-letter-spacing); --events-item-pagination-font-line-height : var(--heading-font-line-height); --events-item-pagination-font-font-size : var(--heading-3-size); --events-item-pagination-font-font-size-value : var(--heading-3-size-value); --events-item-pagination-date-font-font-family : var(--meta-font-font-family); --events-item-pagination-date-font-font-style : var(--meta-font-font-style); --events-item-pagination-date-font-font-weight : var(--meta-font-font-weight); --events-item-pagination-date-font-text-transform : var(--meta-font-text-transform); --events-item-pagination-date-font-letter-spacing : var(--meta-font-letter-spacing); --events-item-pagination-date-font-line-height : var(--meta-font-line-height); --events-item-pagination-date-font-font-size : var(--normal-meta-size); --events-item-pagination-date-font-font-size-value : var(--normal-meta-size-value); --form-block-title-text-font-font-family : var(--body-font-font-family); --form-block-title-text-font-font-style : var(--body-font-font-style); --form-block-title-text-font-font-weight : var(--body-font-font-weight); --form-block-title-text-font-text-transform : var(--body-font-text-transform); --form-block-title-text-font-letter-spacing : var(--body-font-letter-spacing); --form-block-title-text-font-line-height : var(--body-font-line-height); --form-block-title-text-font-font-size : var(--normal-text-size); --form-block-title-text-font-font-size-value : var(--normal-text-size-value); --form-block-input-text-font-font-family : var(--body-font-font-family); --form-block-input-text-font-font-style : var(--body-font-font-style); --form-block-input-text-font-font-weight : var(--body-font-font-weight); --form-block-input-text-font-text-transform : var(--body-font-text-transform); --form-block-input-text-font-letter-spacing : var(--body-font-letter-spacing); --form-block-input-text-font-line-height : var(--body-font-line-height); --form-block-input-text-font-font-size : var(--normal-text-size); --form-block-input-text-font-font-size-value : var(--normal-text-size-value); --form-block-description-text-font-font-family : var(--body-font-font-family); --form-block-description-text-font-font-style : var(--body-font-font-style); --form-block-description-text-font-font-weight : var(--body-font-font-weight); --form-block-description-text-font-text-transform : var(--body-font-text-transform); --form-block-description-text-font-letter-spacing : var(--body-font-letter-spacing); --form-block-description-text-font-line-height : var(--body-font-line-height); --form-block-description-text-font-font-size : var(--small-text-size); --form-block-description-text-font-font-size-value : var(--small-text-size-value); --form-block-caption-text-font-font-family : var(--body-font-font-family); --form-block-caption-text-font-font-style : var(--body-font-font-style); --form-block-caption-text-font-font-weight : var(--body-font-font-weight); --form-block-caption-text-font-text-transform : var(--body-font-text-transform); --form-block-caption-text-font-letter-spacing : var(--body-font-letter-spacing); --form-block-caption-text-font-line-height : var(--body-font-line-height); --form-block-caption-text-font-font-size : var(--small-text-size); --form-block-caption-text-font-font-size-value : var(--small-text-size-value); --form-block-placeholder-text-font-font-family : var(--body-font-font-family); --form-block-placeholder-text-font-font-style : var(--body-font-font-style); --form-block-placeholder-text-font-font-weight : var(--body-font-font-weight); --form-block-placeholder-text-font-text-transform : var(--body-font-text-transform); --form-block-placeholder-text-font-letter-spacing : var(--body-font-letter-spacing); --form-block-placeholder-text-font-line-height : var(--body-font-line-height); --form-block-placeholder-text-font-font-size : var(--small-text-size); --form-block-placeholder-text-font-font-size-value : var(--small-text-size-value); --form-block-option-text-font-font-family : var(--body-font-font-family); --form-block-option-text-font-font-style : var(--body-font-font-style); --form-block-option-text-font-font-weight : var(--body-font-font-weight); --form-block-option-text-font-text-transform : var(--body-font-text-transform); --form-block-option-text-font-letter-spacing : var(--body-font-letter-spacing); --form-block-option-text-font-line-height : var(--body-font-line-height); --form-block-option-text-font-font-size : var(--small-text-size); --form-block-option-text-font-font-size-value : var(--small-text-size-value); --form-block-survey-title-text-font-font-family : var(--body-font-font-family); --form-block-survey-title-text-font-font-style : var(--body-font-font-style); --form-block-survey-title-text-font-font-weight : var(--body-font-font-weight); --form-block-survey-title-text-font-text-transform : var(--body-font-text-transform); --form-block-survey-title-text-font-letter-spacing : var(--body-font-letter-spacing); --form-block-survey-title-text-font-line-height : var(--body-font-line-height); --form-block-survey-title-text-font-font-size : var(--normal-text-size); --form-block-survey-title-text-font-font-size-value : var(--normal-text-size-value); --form-block-select-dropdown-text-font-font-family : var(--body-font-font-family); --form-block-select-dropdown-text-font-font-style : var(--body-font-font-style); --form-block-select-dropdown-text-font-font-weight : var(--body-font-font-weight); --form-block-select-dropdown-text-font-text-transform : var(--body-font-text-transform); --form-block-select-dropdown-text-font-letter-spacing : var(--body-font-letter-spacing); --form-block-select-dropdown-text-font-line-height : var(--body-font-line-height); --form-block-select-dropdown-text-font-font-size : var(--small-text-size); --form-block-select-dropdown-text-font-font-size-value : var(--small-text-size-value); --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 : var(--heading-2-size); --course-list-chapter-item-chapter-name-font-font-size-value : var(--heading-2-size-value); --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 : var(--normal-meta-size); --course-list-chapter-item-chapter-meta-font-font-size-value : var(--normal-meta-size-value); --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 : var(--normal-text-size); --course-list-course-item-lesson-name-font-font-size-value : var(--normal-text-size-value); --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 : var(--small-text-size); --course-list-course-item-lesson-excerpt-font-font-size-value : var(--small-text-size-value); --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 : var(--normal-meta-size); --course-list-course-item-lesson-meta-font-font-size-value : var(--normal-meta-size-value); --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 : var(--heading-3-size); --course-item-side-nav-chapter-name-font-font-size-value : var(--heading-3-size-value); --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 : var(--normal-meta-size); --course-item-side-nav-chapter-meta-font-font-size-value : var(--normal-meta-size-value); --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 : var(--small-text-size); --course-item-side-nav-lesson-name-font-font-size-value : var(--small-text-size-value); --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 : var(--normal-meta-size); --course-item-side-nav-lesson-meta-font-font-size-value : var(--normal-meta-size-value); --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 : var(--heading-2-size); --course-item-name-font-font-size-value : var(--heading-2-size-value); --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 : var(--heading-3-size); --course-item-name-mobile-font-font-size-value : var(--heading-3-size-value); --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 : var(--large-text-size); --course-item-chapter-name-font-font-size-value : var(--large-text-size-value); --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 : var(--heading-2-size); --course-item-lesson-name-font-font-size-value : var(--heading-2-size-value) } :root { --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 } /*! Squarespace LESS Compiler (less.js language v1.3.3) */ /*! normalize.css v2.1.3 | MIT License | git.io/normalize */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block } audio, canvas, video { display: inline-block } audio:not([controls]) { display: none; height : 0 } [hidden], template { display: none } html { font-family : sans-serif; -ms-text-size-adjust : 100%; -webkit-text-size-adjust: 100% } body { margin: 0 } a { background: 0 0 } a:focus { outline: thin dotted } a:active, a:hover { outline: 0 } h1 { font-size: 2em; margin : .67em 0 } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: 700 } dfn { font-style: italic } hr { -moz-box-sizing: content-box; box-sizing : content-box; height : 0 } mark { background: #ff0; color : #000 } code, kbd, pre, samp { font-family: monospace, serif; font-size : 1em } pre { white-space: pre-wrap } q { quotes: "\201C""\201D""\2018""\2019" } small { font-size: 80% } sub, sup { font-size : 75%; line-height : 0; position : relative; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } img { border: 0 } svg:not(:root) { overflow: hidden } figure { margin: 0 } fieldset { border : 1px solid silver; margin : 0 2px; padding: .35em .625em .75em } legend { border : 0; padding: 0 } button, input, select, textarea { font-family: inherit; font-size : 100%; margin : 0 } button, input { line-height: normal } button, select { text-transform: none } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor : pointer } button[disabled], html input[disabled] { cursor: default } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding : 0 } input[type=search] { -webkit-appearance: textfield; -moz-box-sizing : content-box; -webkit-box-sizing: content-box; box-sizing : content-box } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none } button::-moz-focus-inner, input::-moz-focus-inner { border : 0; padding: 0 } textarea { overflow : auto; vertical-align: top } table { border-collapse: collapse; border-spacing : 0 } nav ul { list-style-type: none; margin : 0; padding : 0 } /*! Squarespace LESS Compiler (less.js language v1.3.3) */ .clear:after { display : block; visibility: hidden; font-size : 0; height : 0; clear : both; content : "." } .v6-visually-hidden { position: absolute !important; clip : rect(1px, 1px, 1px, 1px); padding : 0 !important; border : 0 !important; height : 1px !important; width : 1px !important; overflow: hidden } .sqs-g { letter-spacing: -.31em; text-rendering: optimizespeed } .opera-only :-o-prefocus, .sqs-g { word-spacing: -.43em } .yui3-u, .sqs-u { display : inline-block; zoom : 1; letter-spacing: normal; word-spacing : normal; vertical-align: top; text-rendering: auto } .sqs-u-1, .sqs-u-1-2, .sqs-u-1-3, .sqs-u-2-3, .sqs-u-1-4, .sqs-u-3-4, .sqs-u-1-5, .sqs-u-2-5, .sqs-u-3-5, .sqs-u-4-5, .sqs-u-1-6, .sqs-u-5-6, .sqs-u-1-8, .sqs-u-3-8, .sqs-u-5-8, .sqs-u-7-8, .sqs-u-1-12, .sqs-u-5-12, .sqs-u-7-12, .sqs-u-11-12, .sqs-u-1-24, .sqs-u-5-24, .sqs-u-7-24, .sqs-u-11-24, .sqs-u-13-24, .sqs-u-17-24, .sqs-u-19-24, .sqs-u-23-24 { display : inline-block; zoom : 1; letter-spacing: normal; word-spacing : normal; vertical-align: top; text-rendering: auto } .sqs-u-1 { display: block } .sqs-u-1-2 { width: 50% } .sqs-u-1-3 { width: 33.33333% } .sqs-u-2-3 { width: 66.66666% } .sqs-u-1-4 { width: 25% } .sqs-u-3-4 { width: 75% } .sqs-u-1-5 { width: 20% } .sqs-u-2-5 { width: 40% } .sqs-u-3-5 { width: 60% } .sqs-u-4-5 { width: 80% } .sqs-u-1-6 { width: 16.656% } .sqs-u-5-6 { width: 83.33% } .sqs-u-1-8 { width: 12.5% } .sqs-u-3-8 { width: 37.5% } .sqs-u-5-8 { width: 62.5% } .sqs-u-7-8 { width: 87.5% } .sqs-u-1-12 { width: 8.3333% } .sqs-u-5-12 { width: 41.6666% } .sqs-u-7-12 { width: 58.3333% } .sqs-u-11-12 { width: 91.6666% } .sqs-u-1-24 { width: 4.1666% } .sqs-u-5-24 { width: 20.8333% } .sqs-u-7-24 { width: 29.1666% } .sqs-u-11-24 { width: 45.8333% } .sqs-u-13-24 { width: 54.1666% } .sqs-u-17-24 { width: 70.8333% } .sqs-u-19-24 { width: 79.1666% } .sqs-u-23-24 { width: 95.8333% } #sqs-css-stamp.cssgrids { display: none } .yui3-widget-hidden { display: none } .yui3-widget-content { overflow: hidden } .yui3-widget-content-expanded { box-sizing: border-box; height : 100% } .yui3-widget-tmp-forcesize { overflow: hidden !important } .sqs-panel { position: absolute } .sqs-panel-hidden { visibility: hidden } .sqs-widget-tmp-forcesize .sqs-panel-content { overflow: hidden !important } .sqs-panel .sqs-widget-hd { position: relative } .sqs-panel .sqs-widget-hd .sqs-widget-buttons { position: absolute; top : 0; right : 0 } .sqs-panel .sqs-widget-ft .sqs-widget-buttons { display: inline-block; zoom : 1 } .yui3-slider, .yui3-slider-rail { display : -moz-inline-stack; display : inline-block; zoom : 1; vertical-align: middle } .yui3-slider-content { position: relative; display : block } .yui3-slider-rail { position: relative } .yui3-slider-rail-cap-top, .yui3-slider-rail-cap-left, .yui3-slider-rail-cap-bottom, .yui3-slider-rail-cap-right, .yui3-slider-thumb, .yui3-slider-thumb-image, .yui3-slider-thumb-shadow { position: absolute } .yui3-slider-thumb { overflow: hidden } .sqs-aclist, .yui3-aclist { position: absolute; z-index : 10 } .sqs-aclist-hidden, .yui3-aclist-hidden { visibility: hidden } .sqs-aclist-aria, .yui3-aclist-aria { left : -9999px; position: absolute } .sqs-aclist-list, .yui3-aclist-list { list-style: none; margin : 0; overflow : hidden; padding : 0 } .sqs-aclist-item, .yui3-aclist-item { cursor : pointer; list-style: none; padding : 2px 5px } .sqs-aclist-item-active, .yui3-aclist-item-active { outline: #afafaf dotted thin } .sqs-cookie-banner-v2-enabled .sqs-cookie-banner-v2 { display: block } body.sqs-cookie-banner-v2-top .sqs-announcement-bar-dropzone, body.sqs-cookie-banner-v2-top .sqs-announcement-bar-dropzone.sqs-cookie-banner-v2-enabled { position: relative } .sqs-cookie-banner-v2 { box-sizing : border-box; display : none; justify-content: space-between; align-items : center; z-index : 300000; padding : 10px; position : fixed } .sqs-cookie-banner-v2 p, .sqs-cookie-banner-v2 button { font-family : 'Helvetica Neue', Helvetica, Sans-serif; font-size : 12px; line-height : 1.5em; font-weight : normal; font-style : normal; letter-spacing: .05em; margin : 10px !important } .sqs-cookie-banner-v2 a { text-decoration: underline } .sqs-cookie-banner-v2 .sqs-cookie-banner-v2-text { max-height: calc(50vh) } .sqs-cookie-banner-v2 .sqs-cookie-banner-v2-cta-container { display : flex; flex-direction: row; flex-wrap : wrap } .sqs-cookie-banner-v2 .sqs-cookie-banner-v2-cta { white-space: nowrap; background : transparent } .sqs-announcement-bar-dropzone .sqs-cookie-banner-v2.TOP { position: relative } body>.sqs-cookie-banner-v2.TOP { top: 0 } .sqs-cookie-banner-v2.BOTTOM { bottom: 0 } .sqs-cookie-banner-v2.TOP_LEFT { top : 20px; left: 20px } .sqs-cookie-banner-v2.TOP_RIGHT { top : 20px; right: 20px } .sqs-cookie-banner-v2.BOTTOM_LEFT { bottom: 20px; left : 20px } .sqs-cookie-banner-v2.BOTTOM_RIGHT { bottom: 20px; right : 20px } @media (max-width:640px) { .sqs-cookie-banner-v2.TOP_LEFT, .sqs-cookie-banner-v2.TOP_RIGHT { top : 10px; margin-bottom: 10px; left : 10px; right : 10px } .sqs-cookie-banner-v2.BOTTOM_LEFT, .sqs-cookie-banner-v2.BOTTOM_RIGHT { margin-top: 10px; bottom : 10px; left : 10px; right : 10px } } .sqs-cookie-banner-v2.ICON { display : flex; justify-content: space-between; align-items : center } .sqs-cookie-banner-v2.ICON .sqs-cookie-banner-v2-acceptWrapper { font-size : 0px; line-height: 1; text-align : right } .sqs-cookie-banner-v2.ICON .sqs-cookie-banner-v2-accept { border : 0; padding: 5px 10px } .sqs-cookie-banner-v2.ICON .sqs-cookie-banner-v2-accept:after { content : '×'; font-family: 'Helvetica Neue', Helvetica, Sans-serif; font-weight: 100; line-height: .5em; font-size : 35px } .sqs-cookie-banner-v2.BAR { left : 0; right: 0 } @media (min-width:640px) { .sqs-cookie-banner-v2.BAR { display : flex; justify-content: space-between; align-items : center; padding : 10px 15px } .sqs-cookie-banner-v2.BAR p { margin-right: 2vw } .sqs-cookie-banner-v2.BAR .sqs-cookie-banner-v2-cta-container { max-width : 50%; flex : 1 0 auto; flex-wrap : wrap; justify-content: flex-end } } @media (min-width:640px) { .sqs-cookie-banner-v2.POPUP { width : 250px; margin: 20px } .sqs-cookie-banner-v2.POPUP.OPT_IN_AND_OUT { width : auto; max-width: 500px } .sqs-cookie-banner-v2.POPUP.OPT_IN_AND_OUT .sqs-cookie-banner-v2-text { max-width: 350px } .sqs-cookie-banner-v2.POPUP.ICON { width : 350px; margin: 10px } } .sqs-cookie-banner-v2.BUTTON .sqs-cookie-banner-v2-cta { padding : 1em 1.5em; letter-spacing: .1em; line-height : 1em } .sqs-cookie-banner-v2.TEXT .sqs-cookie-banner-v2-cta { padding : 0; border : none; letter-spacing: .05em } .sqs-cookie-banner-v2.DARK { background-color: #000 } .sqs-cookie-banner-v2.DARK p, .sqs-cookie-banner-v2.DARK button, .sqs-cookie-banner-v2.DARK a { color: #fff } .sqs-cookie-banner-v2.DARK :focus { outline-color: #fff } .sqs-cookie-banner-v2.DARK :focus:not(:focus-visible) { outline-color: transparent } .sqs-cookie-banner-v2.DARK.TEXT .sqs-cookie-banner-v2-cta { border-bottom: 1px solid #777 } .sqs-cookie-banner-v2.DARK.BUTTON .sqs-cookie-banner-v2-cta { border: 1px solid #fff } .sqs-cookie-banner-v2.LIGHT { background-color: #eee } .sqs-cookie-banner-v2.LIGHT p, .sqs-cookie-banner-v2.LIGHT button, .sqs-cookie-banner-v2.LIGHT a { color: #111 } .sqs-cookie-banner-v2.LIGHT :focus { outline-color: #111 } .sqs-cookie-banner-v2.LIGHT :focus:not(:focus-visible) { outline-color: transparent } .sqs-cookie-banner-v2.LIGHT.TEXT .sqs-cookie-banner-v2-cta { border-bottom: 1px solid #bbb } .sqs-cookie-banner-v2.LIGHT.BUTTON .sqs-cookie-banner-v2-cta { border: 1px solid #444 } body.native-currency-code-usd .sqs-money-native:before { content: '$' } body.native-currency-code-cad .sqs-money-native:before { content: '$' } body.native-currency-code-cad .sqs-money-native:after { content: ' CAD' } body.native-currency-code-gbp .sqs-money-native:before { content: '£' } body.native-currency-code-eur .sqs-money-native:before { content: '€' } body.native-currency-code-aud .sqs-money-native:before { content: '$' } body.native-currency-code-aud .sqs-money-native:after { content: ' AUD' } body.native-currency-code-chf .sqs-money-native:before { content: 'CHF' } body.native-currency-code-nok .sqs-money-native:after { content: ' kr' } body.native-currency-code-sek .sqs-money-native:after { content: ' kr' } body.native-currency-code-dkk .sqs-money-native:after { content: ' kr' } body.native-currency-code-nzd .sqs-money-native:before { content: '$' } body.native-currency-code-sgd .sqs-money-native:before { content: 'S$' } body.native-currency-code-mxn .sqs-money-native:before { content: '$' } body.native-currency-code-hkd .sqs-money-native:before { content: 'HK$' } body.native-currency-code-czk .sqs-money-native:after { content: ' Kč' } body.native-currency-code-thb .sqs-money-native:before { content: '฿' } body.native-currency-code-myr .sqs-money-native:before { content: 'RM' } body.native-currency-code-pln .sqs-money-native:after { content: ' zł' } body.native-currency-code-ils .sqs-money-native:before { content: '₪ ' } body.native-currency-code-php .sqs-money-native:before { content: 'Php' } body.native-currency-code-rub .sqs-money-native:after { content: ' р.' } body.native-currency-code-brl .sqs-money-native:before { content: ' R$' } body.native-currency-code-ars .sqs-money-native:before { content: '$' } body.native-currency-code-ars .sqs-money-native:after { content: ' ARS' } body.native-currency-code-cop .sqs-money-native:before { content: 'COL$' } body.native-currency-code-idr .sqs-money-native:before { content: 'Rp' } body.native-currency-code-inr .sqs-money-native:before { content: '₹' } body.native-currency-code-jpy .sqs-money-native:before { content: '¥' } body.native-currency-code-zar .sqs-money-native:before { content: 'R' } .fadeable-plugged.display-status-hidden { display: none } .sqs-image-zoom-dropzone { overflow: hidden } .sqs-image-zoom-duplicate { opacity : 0; position : absolute; width : 100%; height : 100%; top : 0; left : 0; pointer-events: none; transition : opacity .4s ease } .is-zoomed .sqs-image-zoom-duplicate { opacity: 1 } .sqs-image-zoom--behavior-click { cursor: -webkit-zoom-in !important; cursor: zoom-in !important } .sqs-image-zoom--behavior-click.is-zoomed { cursor: -webkit-zoom-out !important; cursor: zoom-out !important } @keyframes bounceIn { 0% { opacity : 0; transform: scale(.3) } 50% { opacity : 1; transform: scale(1.05) } 70% { transform: scale(.9) } 100% { transform: scale(1) } } @keyframes bounceOut { 0% { transform: scale(1) } 25% { transform: scale(.95) } 50% { opacity : 1; transform: scale(1.1) } 100% { opacity : 0; transform: scale(.3) } } @media screen and (max-width: 432px) { .mobile-hidden { display: none } } @media screen and (max-width: 432px) { .subDesktop-hidden { display: none } } @media screen and (min-width: 433px) { .desktop-hidden { display: none } } .sqs-system-error { color : #3e3e3e !important; background : transparent url('../../../../../../../universal/images-v6/damask/error-dark-1.png') center center no-repeat; background-position: 12px 12px } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:1.5dppx) { .sqs-system-error { background-image: url('../../../../../../../universal/images-v6/damask/error-dark@2x-1.png'); background-size : 44px } } .sqs-system-error input { cursor : pointer; background : #3e3e3e; padding : 11px; text-align : center; transition : background-color .1s ease-in-out, opacity .1s ease-in-out; line-height : 22px; -webkit-user-select: none; -ms-user-select : none; user-select : none; font-family : inherit; -webkit-appearance : none; appearance : none } .sqs-system-error input, .sqs-system-error input>* { color : #fff !important; -webkit-appearance: none; border : 0; text-transform : uppercase; letter-spacing : .5px; font-size : 11px; font-weight : 500 } .sqs-system-error input:focus, .sqs-system-error input>*:focus { outline-color : #fff; outline-style : solid; outline-width : 2px; outline-offset: -2px } .sqs-system-error input:focus:not(:focus-visible), .sqs-system-error input>*:focus:not(:focus-visible) { outline: none } .sqs-system-error input:hover { background-color: #000; box-shadow : none } .sqs-system-error input.disabled { opacity: .3; cursor : default } .sqs-system-error input.disabled>* { opacity: .5 } .sqs-system-error input.disabled:hover { background-color: #3e3e3e !important } .sqs-system-error-overlay.dialog-screen-overlay { background: rgba(246, 246, 246, .98) } .sqs-video-wrapper .intrinsic { max-width: 100% } .sqs-video-wrapper.video-none { position: relative } .sqs-video-wrapper.video-fill { position: absolute; width : 100%; height : 100% } .sqs-video-wrapper.video-fit { position: absolute; width : 100% } .sqs-video-wrapper.video-fit .intrinsic { width: 100% } .sqs-video-wrapper.video-fit .intrinsic-inner { position: relative } .sqs-video-wrapper iframe { position: absolute; top : 0; left : 0; width : 100%; height : 100% } .sqs-video-wrapper object, .sqs-video-wrapper embed { position: absolute; top : 0; left : 0; width : 100%; height : 100% } .sqs-video-wrapper .sqs-video-overlay { display : block; position : absolute; top : 0; left : 0; width : 100%; height : 100%; background-size : cover; color : #000; background-position: center center; background-repeat : no-repeat } .sqs-video-wrapper .sqs-video-overlay .sqs-video-opaque { position : absolute; bottom : 0; width : 100%; height : 100%; background: #000; opacity : 0 } .sqs-video-wrapper .sqs-video-overlay.no-thumb .sqs-video-opaque { opacity: 1 } .sqs-video-wrapper .sqs-video-overlay .sqs-video-icon { position : absolute; top : 50%; left : 50%; background : transparent url('../../../../../../../universal/images-v6/damask/play-button-1.png') center center no-repeat; height : 48px; width : 48px; margin-left: -24px; margin-top : -24px; cursor : pointer } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:1.5dppx) { .sqs-video-wrapper .sqs-video-overlay .sqs-video-icon { background-image: url('../../../../../../../universal/images-v6/damask/play-button@2x-1.png'); background-size : 33px } } .sqs-video-wrapper.video-invalid { position: static !important; height : 48px !important } .sqs-video-wrapper .sqs-video-invalid-wrapper { position: absolute; top : 0; left : 0; width : 100%; height : 100%; overflow: hidden } body.no-scroll { height : 100%; position: fixed; top : 0; left : 0; bottom : 0; right : 0 } .no-scroll { overflow: hidden !important } .sqs-lightbox-overlay { position : fixed; opacity : 0; top : 0; left : 0; background: #000; height : 100%; width : 100% } .sqs-lightbox-overlay.sqs-lightbox-overlay-style-orb { background: radial-gradient(circle at 50% 25%, rgba(0, 0, 0, .75), #000) } .sqs-lightbox-overlay.light { background: rgba(246, 246, 246, .98) !important; color : #3e3e3e } .sqs-lightbox-overlay.white.sqs-lightbox-overlay-style-orb { background: radial-gradient(circle at 50% 25%, rgba(255, 255, 255, .96), #fff) } .sqsp-tooltip { color : inherit; background-color: #f6f6f6; padding : 22px 33px; box-shadow : 0 4px 33px rgba(0, 0, 0, .22), 0 0 0 1px rgba(0, 0, 0, .04); position : absolute; overflow : hidden; text-align : left !important; max-width : 250px } .sqsp-tooltip .title { text-transform: uppercase; font-weight : 500; letter-spacing: .5px; margin-bottom : 11px } .sqsp-tooltip .description { margin: 11px 0 } .sqsp-tooltip .buttons { margin : 22px -33px -22px; border-top: 1px solid #e4e4e4; display : flex } .sqsp-tooltip .buttons:empty { border-top: 0 } .sqsp-tooltip .buttons>* { flex : 1; display : flex; align-items : center; justify-content: center; border-left : 1px solid #e4e4e4 !important } .sqsp-tooltip .buttons>*:first-child { border-left: none !important } .sqsp-tooltip .buttons input, .sqsp-tooltip .buttons button { background: transparent } .sqsp-tooltip .buttons a { border-bottom: none } .sqsp-tooltip .buttons a:not(.reject) { cursor : pointer; background : #f6f6f6; padding : 11px; text-align : center; transition : background-color .1s ease-in-out, opacity .1s ease-in-out; line-height : 22px; -webkit-user-select: none; -ms-user-select : none; user-select : none; font-family : inherit; -webkit-appearance : none; appearance : none } .sqsp-tooltip .buttons a:not(.reject), .sqsp-tooltip .buttons a:not(.reject)>* { color : #3e3e3e !important; -webkit-appearance: none; border : 0; text-transform : uppercase; letter-spacing : .5px; font-size : 11px; font-weight : 500 } .sqsp-tooltip .buttons a:not(.reject):focus, .sqsp-tooltip .buttons a:not(.reject)>*:focus { outline-color : #3e3e3e; outline-style : solid; outline-width : 2px; outline-offset: -2px } .sqsp-tooltip .buttons a:not(.reject):focus:not(:focus-visible), .sqsp-tooltip .buttons a:not(.reject)>*:focus:not(:focus-visible) { outline: none } .sqsp-tooltip .buttons a:not(.reject):hover { background-color: #fff; box-shadow : none } .sqsp-tooltip .buttons a:not(.reject).disabled { opacity: .3; cursor : default } .sqsp-tooltip .buttons a:not(.reject).disabled>* { opacity: .5 } .sqsp-tooltip .buttons a:not(.reject).disabled:hover { background-color: #f6f6f6 !important } .sqsp-tooltip .buttons a:not(.reject).disabled { opacity: .5 } .sqsp-tooltip .buttons a.reject { cursor : pointer; background : #f6f6f6; padding : 11px; text-align : center; transition : background-color .1s ease-in-out, opacity .1s ease-in-out; line-height : 22px; -webkit-user-select: none; -ms-user-select : none; user-select : none; font-family : inherit; -webkit-appearance : none; appearance : none } .sqsp-tooltip .buttons a.reject, .sqsp-tooltip .buttons a.reject>* { color : #3e3e3e !important; -webkit-appearance: none; border : 0; text-transform : uppercase; letter-spacing : .5px; font-size : 11px; font-weight : 500 } .sqsp-tooltip .buttons a.reject:focus, .sqsp-tooltip .buttons a.reject>*:focus { outline-color : #3e3e3e; outline-style : solid; outline-width : 2px; outline-offset: -2px } .sqsp-tooltip .buttons a.reject:focus:not(:focus-visible), .sqsp-tooltip .buttons a.reject>*:focus:not(:focus-visible) { outline: none } .sqsp-tooltip .buttons a.reject:hover { background-color: #000; box-shadow : none } .sqsp-tooltip .buttons a.reject.disabled { opacity: .3; cursor : default } .sqsp-tooltip .buttons a.reject.disabled>* { opacity: .5 } .sqsp-tooltip .buttons a.reject.disabled:hover { background-color: #f6f6f6 !important } .sqsp-tooltip .buttons a.reject:hover { background-color: #f0523d } .sqsp-tooltip .buttons a.reject:hover, .sqsp-tooltip .buttons a.reject:hover * { color: #fff !important } .sqs-action-overlay { position : absolute; top : 0; right : 0; white-space : nowrap; transition : opacity 0.1s ease-out; opacity : 0; background-color: #3e3e3e; overflow : hidden; z-index : 50; height : 32px; border-radius : 3px } .sqs-action-overlay.loading { opacity: 1 } .sqs-action-overlay.bottom { top : auto; bottom: 0 } .sqs-action-overlay>div { display: inline-block; height : 32px; width : 33px; opacity: .3; cursor : pointer } .sqs-action-overlay>div:hover { opacity: .9 } .sqs-action-overlay>div:active, .sqs-action-overlay>div:focus { opacity: 1 } .sqs-action-overlay>div.edit-image, .sqs-action-overlay>div.edit { background: transparent url('../../../../../../../universal/images-v6/damask/edit-aviary-light-1.png') center center no-repeat } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:1.5dppx) { .sqs-action-overlay>div.edit-image, .sqs-action-overlay>div.edit { background-image: url('../../../../../../../universal/images-v6/damask/edit-aviary-light@2x-1.png'); background-size : 16px } } .sqs-action-overlay>div.edit.loading { background: none } .sqs-action-overlay>div.image-info { background: transparent url('../../../../../../../universal/images-v6/damask/edit-info-light-1.png') center center no-repeat } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:1.5dppx) { .sqs-action-overlay>div.image-info { background-image: url('../../../../../../../universal/images-v6/damask/edit-info-light@2x-1.png'); background-size : 16px } } .sqs-action-overlay>div.remove, .sqs-action-overlay>div.remove-image { background: transparent url('../../../../../../../universal/images-v6/damask/trash-9-light-1.png') center center no-repeat; cursor : pointer } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:1.5dppx) { .sqs-action-overlay>div.remove, .sqs-action-overlay>div.remove-image { background-image: url('../../../../../../../universal/images-v6/damask/trash-9-light@2x-1.png'); background-size : 9px 11px } } .sqs-action-overlay>div.remove:hover, .sqs-action-overlay>div.remove-image:hover { background: transparent url('../../../../../../../universal/images-v6/damask/trash-9-red-1.png') center center no-repeat } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:1.5dppx) { .sqs-action-overlay>div.remove:hover, .sqs-action-overlay>div.remove-image:hover { background-image: url('../../../../../../../universal/images-v6/damask/trash-9-red@2x-1.png'); background-size : 9px 11px } } .sqs-action-overlay>div.remove:hover, .sqs-action-overlay>div.remove-image:hover { background: #f0523d url('../../../../../../../universal/images-v6/damask/trash-9-light-1.png') center center no-repeat } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:1.5dppx) { .sqs-action-overlay>div.remove:hover, .sqs-action-overlay>div.remove-image:hover { background-image: url('../../../../../../../universal/images-v6/damask/trash-9-light@2x-1.png'); background-size : 9px 11px } } .sqs-action-overlay>div.video-info { background: transparent url('../../../../../../../universal/images-v6/damask/edit-info-light-1.png') center center no-repeat } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:1.5dppx) { .sqs-action-overlay>div.video-info { background-image: url('../../../../../../../universal/images-v6/damask/edit-info-light@2x-1.png'); background-size : 16px } } .sqs-action-overlay>div.getty { background: transparent url('../../../../../../../universal/images-v6/damask/getty-16-light-1.png') center center no-repeat } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:1.5dppx) { .sqs-action-overlay>div.getty { background-image: url('../../../../../../../universal/images-v6/damask/getty-32-light-1.png'); background-size : 16px } } .sqs-action-overlay>div.buy { background: transparent url('../../../../../../../universal/images-v6/damask/shopping-cart-16-light-1.png') center center no-repeat } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:1.5dppx) { .sqs-action-overlay>div.buy { background-image: url('../../../../../../../universal/images-v6/damask/shopping-cart-32-light-1.png'); background-size : 16px } } .sqs-action-overlay>div.remove-video { background: transparent url('../../../../../../../universal/images-v6/damask/trash-9-light-1.png') center center no-repeat; cursor : pointer } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:1.5dppx) { .sqs-action-overlay>div.remove-video { background-image: url('../../../../../../../universal/images-v6/damask/trash-9-light@2x-1.png'); background-size : 9px 11px } } .sqs-action-overlay>div.remove-video:hover { background: transparent url('../../../../../../../universal/images-v6/damask/trash-9-red-1.png') center center no-repeat } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:1.5dppx) { .sqs-action-overlay>div.remove-video:hover { background-image: url('../../../../../../../universal/images-v6/damask/trash-9-red@2x-1.png'); background-size : 9px 11px } } .sqs-action-overlay>div.remove-video:hover { background: #f0523d url('../../../../../../../universal/images-v6/damask/trash-9-light-1.png') center center no-repeat } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:1.5dppx) { .sqs-action-overlay>div.remove-video:hover { background-image: url('../../../../../../../universal/images-v6/damask/trash-9-light@2x-1.png'); background-size : 9px 11px } } .sqs-action-overlay>div.loading { background: none; position : relative; opacity : 1 } .sqs-action-overlay>div.loading .sqs-spin.default { position : relative; top : 50%; left : 50%; transform: translatex(-50%) translatey(-50%) } .sqs-action-overlay-container:hover .sqs-action-overlay { opacity: 1 } .touch .sqs-action-overlay { opacity: 1 } .image-focal-point { border-radius: 14px; height : 14px; width : 14px; margin-left : -10px; margin-top : -10px; position : absolute; border : 3px solid rgba(255, 255, 255, .8); background : rgba(0, 0, 0, .2); cursor : move; opacity : 0 } .sqs-loading-overlay-node { background: rgba(255, 255, 255, .9) } .sqs-loading-overlay-node .sqs-spin { position: absolute; top : 50%; left : 50% } .sqs-loading-overlay-node .sqs-spin.large { margin-top : -11px; margin-left: -11px } .sqs-loading-overlay-node .sqs-spin.extra-large { margin-top : -20px; margin-left: -20px } .sqs-loading-overlay-node.has-title .title { position : absolute; top : 50%; width : 100%; text-align: center; margin-top: 22px; color : #999; font-size : 14px } .sqs-loading-overlay-node.has-title .sqs-spin { margin-top: -22px } body>.login-wrapper { position : fixed; top : 0; left : 0; height : 100%; width : 100%; z-index : 30100; transition: all .5s ease-in-out } body>.login-wrapper.hidden { opacity: 0 } .sqs-follow-button-hidden { display: none } .sqs-spin { background-color: transparent; border-radius : 150px; display : inline-block; vertical-align : middle; animation : sqs-spin 1s infinite linear } .sqs-spin.light { border : 2px solid rgba(255, 255, 255, .7) !important; border-top-color : rgba(255, 255, 255, .15) !important; border-left-color: rgba(255, 255, 255, .15) !important } .sqs-spin.dark { border : 2px solid rgba(0, 0, 0, .75) !important; border-top-color : rgba(0, 0, 0, .08) !important; border-left-color: rgba(0, 0, 0, .08) !important } .sqs-spin.extra-small { width : 4px; height: 4px } .sqs-spin.small { width : 8px; height: 8px } .sqs-spin.default { width : 12px; height: 12px } .sqs-spin.large { width : 22px; height: 22px } .sqs-spin.extra-large { width : 40px; height: 40px } .sqs-spin.xx-large { width : 80px; height: 80px } .sqs-spin.degraded { border : 0px; border-radius: 0px; animation : none } .sqs-spin.degraded img { width : 100%; height : 100%; border : 0 !important; outline : 0 !important; box-shadow: none !important } @keyframes sqs-spin { 0% { transform: rotate(0deg) } 100% { transform: rotate(360deg) } } .sqs-widgets-confirmation { color : #3e3e3e; z-index : 1000000; font-size: 12px } @media screen and (max-width: 432px) { .sqs-widgets-confirmation { width: 300px !important } } @media screen and (min-width: 433px) { .sqs-widgets-confirmation { position: absolute } } .sqs-widgets-confirmation-content { color : inherit; padding : 22px 33px; text-align : center; background : #f6f6f6; box-shadow : 0 4px 33px rgba(0, 0, 0, .22), 0 0 0 1px rgba(0, 0, 0, .04); border-radius: 4px; overflow : hidden } @media screen and (max-width: 432px) { .sqs-widgets-confirmation-content { padding: 22px } } .sqs-widgets-confirmation-content>.title { text-transform: uppercase; font-weight : 500; letter-spacing: .5px; margin-bottom : 11px } .sqs-widgets-confirmation-content .fields { margin-bottom: 11px } .sqs-widgets-confirmation-content .fields .check-field-wrapper { padding: 0 } .sqs-widgets-confirmation-content .fields .check-field-wrapper .field-description { background: none } .sqs-widgets-confirmation-content .buttons { border-top: 1px solid #e4e4e4; display : flex; margin : 22px -33px -22px } .sqs-widgets-confirmation-content .buttons:empty { border-top: 0 } .sqs-widgets-confirmation-content .buttons>* { flex : 1; display : flex; align-items : center; justify-content: center; border-left : 1px solid #e4e4e4 !important } .sqs-widgets-confirmation-content .buttons>*:first-child { border-left: none !important } .sqs-widgets-confirmation-content .buttons input, .sqs-widgets-confirmation-content .buttons button { background: transparent } .sqs-widgets-confirmation-content .buttons a { border-bottom: none } .sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject) { cursor : pointer; background : #f6f6f6; padding : 11px; text-align : center; transition : background-color .1s ease-in-out, opacity .1s ease-in-out; line-height : 22px; -webkit-user-select: none; -ms-user-select : none; user-select : none; font-family : inherit; -webkit-appearance : none; appearance : none; line-height : 16px } .sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject), .sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject)>* { color : #3e3e3e !important; -webkit-appearance: none; border : 0; text-transform : uppercase; letter-spacing : .5px; font-size : 11px; font-weight : 500 } .sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject):focus, .sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject)>*:focus { outline-color : #3e3e3e; outline-style : solid; outline-width : 2px; outline-offset: -2px } .sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject):focus:not(:focus-visible), .sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject)>*:focus:not(:focus-visible) { outline: none } .sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject):hover { background-color: #fff; box-shadow : none } .sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject).disabled { opacity: .3; cursor : default } .sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject).disabled>* { opacity: .5 } .sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject).disabled:hover { background-color: #f6f6f6 !important } .sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject).disabled { opacity: .5 } .sqs-widgets-confirmation-content .buttons .confirmation-button.reject { cursor : pointer; background : #f6f6f6; padding : 11px; text-align : center; transition : background-color .1s ease-in-out, opacity .1s ease-in-out; line-height : 22px; -webkit-user-select: none; -ms-user-select : none; user-select : none; font-family : inherit; -webkit-appearance : none; appearance : none; line-height : 16px } .sqs-widgets-confirmation-content .buttons .confirmation-button.reject, .sqs-widgets-confirmation-content .buttons .confirmation-button.reject>* { color : #3e3e3e !important; -webkit-appearance: none; border : 0; text-transform : uppercase; letter-spacing : .5px; font-size : 11px; font-weight : 500 } .sqs-widgets-confirmation-content .buttons .confirmation-button.reject:focus, .sqs-widgets-confirmation-content .buttons .confirmation-button.reject>*:focus { outline-color : #3e3e3e; outline-style : solid; outline-width : 2px; outline-offset: -2px } .sqs-widgets-confirmation-content .buttons .confirmation-button.reject:focus:not(:focus-visible), .sqs-widgets-confirmation-content .buttons .confirmation-button.reject>*:focus:not(:focus-visible) { outline: none } .sqs-widgets-confirmation-content .buttons .confirmation-button.reject:hover { background-color: #000; box-shadow : none } .sqs-widgets-confirmation-content .buttons .confirmation-button.reject.disabled { opacity: .3; cursor : default } .sqs-widgets-confirmation-content .buttons .confirmation-button.reject.disabled>* { opacity: .5 } .sqs-widgets-confirmation-content .buttons .confirmation-button.reject.disabled:hover { background-color: #f6f6f6 !important } .sqs-widgets-confirmation-content .buttons .confirmation-button.reject:hover { background-color: #f0523d } .sqs-widgets-confirmation-content .buttons .confirmation-button.reject:hover, .sqs-widgets-confirmation-content .buttons .confirmation-button.reject:hover * { color: #fff !important } .sqs-widgets-confirmation.sqs-widgets-data-confirmation .sqs-widgets-confirmation-content { text-align: left } .sqs-widgets-confirmation.danger-zone .sqs-widgets-confirmation-content { color : #fff !important; background-color: #f0523d } .sqs-widgets-confirmation.danger-zone .sqs-widgets-confirmation-content .buttons .confirmation-button { background-color: #f0523d; color : #fff !important } .sqs-widgets-confirmation.danger-zone .sqs-widgets-confirmation-content .buttons .confirmation-button:hover { background-color: #e4351e } .sqs-widgets-confirmation.dangerous-confirmation-button .sqs-widgets-confirmation-content .buttons .confirm:hover { background-color: #f0523d; color : #fff !important } .sqs-widgets-confirmation.reject-warning .buttons .confirmation-button.reject:hover { background-color: #f0523d; color : #fff } .sqs-widgets-confirmation.delete-collection .confirmation-button.confirm:hover { background-color: #f0523d; color : #fff !important } .sqs-widgets-confirmation.with-media .title:empty, .sqs-widgets-confirmation.with-media .message:empty { display: none } .sqs-widgets-confirmation.with-media .title:empty+.message:empty+.media { margin-top: -22px } .sqs-widgets-confirmation.with-media .media { display : block; position: relative; margin : 0px -33px } .sqs-widgets-confirmation.with-media .media>* { display : block; position: relative; margin : 0 auto } .sqs-widgets-confirmation.with-media .buttons { margin-top: 0px } .sqs-widgets-confirmation.with-media .sqs-widgets-confirmation-content { background: #fff } .sqs-widgets-confirmation.shown .media>* { width: 100% } .sqs-widgets-confirmation { opacity : 0; transform: scale(.96) } .sqs-widgets-confirmation.mobile { transform: translatey(-50%) } .sqs-widgets-confirmation.shown { opacity : 1; transform : scale(1); animation-name : show-confirmation; animation-iteration-count: 1; animation-duration : .3s } .sqs-widgets-confirmation.shown.mobile { transform : translatey(0); animation-name: show-confirmation-mobile } .sqs-widgets-confirmation.hiding { opacity : 0; animation-name : none; transition-property: all; transition-duration: .3s; transform : scale(.96) } .sqs-widgets-confirmation.hiding.mobile { transform: translatey(-50%) } .sqs-widgets-confirmation-hidden { display: none } @keyframes show-confirmation { from { opacity : 0; transform: scale(.96) } to { opacity : 1; transform: scale(1) } } @keyframes show-confirmation-mobile { from { transform: translatey(-50%) } to { transform: translatey(0) } } .sqs-widgets-confirmation-overlay { display : block; background: #000; position : fixed; top : 0; left : 0; width : 100%; height : 100%; opacity : .4; z-index : 999999 } @media screen and (max-width: 432px) { .sqs-widgets-confirmation-overlay { opacity: .4 !important; z-index: 999999 !important } } /*! Squarespace LESS Compiler (less.js language v1.3.3) */ .sqs-block.vsize-1 .sqs-block-content { height: 34px } .sqs-block.vsize-2 .sqs-block-content { height: 68px } .sqs-block.vsize-3 .sqs-block-content { height: 102px } .sqs-block.vsize-4 .sqs-block-content { height: 136px } .sqs-block.vsize-5 .sqs-block-content { height: 170px } .sqs-block.vsize-6 .sqs-block-content { height: 204px } .sqs-block.vsize-7 .sqs-block-content { height: 238px } .sqs-block.vsize-8 .sqs-block-content { height: 272px } .sqs-block.vsize-9 .sqs-block-content { height: 306px } .sqs-block.vsize-10 .sqs-block-content { height: 340px } .sqs-block.vsize-11 .sqs-block-content { height: 374px } .sqs-block.vsize-12 .sqs-block-content { height: 408px } .sqs-block.vsize-13 .sqs-block-content { height: 442px } .sqs-block.vsize-14 .sqs-block-content { height: 476px } .sqs-block.vsize-15 .sqs-block-content { height: 510px } .sqs-block.vsize-16 .sqs-block-content { height: 544px } .sqs-block.vsize-17 .sqs-block-content { height: 578px } .sqs-block.vsize-18 .sqs-block-content { height: 612px } .sqs-block.vsize-19 .sqs-block-content { height: 646px } .sqs-block.vsize-20 .sqs-block-content { height: 680px } .sqs-block.vsize-21 .sqs-block-content { height: 714px } .sqs-block.vsize-22 .sqs-block-content { height: 748px } .sqs-block.vsize-23 .sqs-block-content { height: 782px } .sqs-block.vsize-24 .sqs-block-content { height: 816px } .sqs-block.vsize-25 .sqs-block-content { height: 850px } .sqs-block.vsize-26 .sqs-block-content { height: 884px } .sqs-block.vsize-27 .sqs-block-content { height: 918px } .sqs-block.vsize-28 .sqs-block-content { height: 952px } .sqs-block.vsize-29 .sqs-block-content { height: 986px } .sqs-block.vsize-30 .sqs-block-content { height: 1020px } @keyframes bounceIn { 0% { opacity : 0; transform: scale(.3) } 50% { opacity : 1; transform: scale(1.05) } 70% { transform: scale(.9) } 100% { transform: scale(1) } } @keyframes bounceOut { 0% { transform: scale(1) } 25% { transform: scale(.95) } 50% { opacity : 1; transform: scale(1.1) } 100% { opacity : 0; transform: scale(.3) } } @media screen and (max-width: 432px) { .mobile-hidden { display: none } } @media screen and (max-width: 432px) { .subDesktop-hidden { display: none } } @media screen and (min-width: 433px) { .desktop-hidden { display: none } } .sqs-row { width: auto !important } .sqs-row:before, .sqs-row:after { content: ""; display: table } .sqs-row:after { clear: both } [class*=sqs-col] { float: left } [class*=sqs-col] .sqs-block { padding-left : 17px; padding-right: 17px } [class*=sqs-col]:last-child { padding-right: 0 } .sqs-col-12 { width: 100% } .sqs-col-12 .sqs-col-12 { width: 100% } .sqs-col-12 .sqs-col-11 { width: 91.6667% } .sqs-col-12 .sqs-col-10 { width: 83.3333% } .sqs-col-12 .sqs-col-9 { width: 75% } .sqs-col-12 .sqs-col-8 { width: 66.6667% } .sqs-col-12 .sqs-col-7 { width: 58.3333% } .sqs-col-12 .sqs-col-6 { width: 50% } .sqs-col-12 .sqs-col-5 { width: 41.6667% } .sqs-col-12 .sqs-col-4 { width: 33.3333% } .sqs-col-12 .sqs-col-3 { width: 25% } .sqs-col-12 .sqs-col-2 { width: 16.6667% } .sqs-col-12 .sqs-col-1 { width: 8.3333% } .sqs-col-11 { width: 91.6667% } .sqs-col-11 .sqs-col-11 { width: 100% } .sqs-col-11 .sqs-col-10 { width: 90.9091% } .sqs-col-11 .sqs-col-9 { width: 81.8182% } .sqs-col-11 .sqs-col-8 { width: 72.7273% } .sqs-col-11 .sqs-col-7 { width: 63.6364% } .sqs-col-11 .sqs-col-6 { width: 54.5455% } .sqs-col-11 .sqs-col-5 { width: 45.4545% } .sqs-col-11 .sqs-col-4 { width: 36.3636% } .sqs-col-11 .sqs-col-3 { width: 27.2727% } .sqs-col-11 .sqs-col-2 { width: 18.1818% } .sqs-col-11 .sqs-col-1 { width: 9.0909% } .sqs-col-10 { width: 83.3333% } .sqs-col-10 .sqs-col-10 { width: 100% } .sqs-col-10 .sqs-col-9 { width: 90% } .sqs-col-10 .sqs-col-8 { width: 80% } .sqs-col-10 .sqs-col-7 { width: 70% } .sqs-col-10 .sqs-col-6 { width: 60% } .sqs-col-10 .sqs-col-5 { width: 50% } .sqs-col-10 .sqs-col-4 { width: 40% } .sqs-col-10 .sqs-col-3 { width: 30% } .sqs-col-10 .sqs-col-2 { width: 20% } .sqs-col-10 .sqs-col-1 { width: 10% } .sqs-col-9 { width: 75% } .sqs-col-9 .sqs-col-9 { width: 100% } .sqs-col-9 .sqs-col-8 { width: 88.8889% } .sqs-col-9 .sqs-col-7 { width: 77.7778% } .sqs-col-9 .sqs-col-6 { width: 66.6667% } .sqs-col-9 .sqs-col-5 { width: 55.5556% } .sqs-col-9 .sqs-col-4 { width: 44.4444% } .sqs-col-9 .sqs-col-3 { width: 33.3333% } .sqs-col-9 .sqs-col-2 { width: 22.2222% } .sqs-col-9 .sqs-col-1 { width: 11.1111% } .sqs-col-8 { width: 66.6667% } .sqs-col-8 .sqs-col-8 { width: 100% } .sqs-col-8 .sqs-col-7 { width: 87.5% } .sqs-col-8 .sqs-col-6 { width: 75% } .sqs-col-8 .sqs-col-5 { width: 62.5% } .sqs-col-8 .sqs-col-4 { width: 50% } .sqs-col-8 .sqs-col-3 { width: 37.5% } .sqs-col-8 .sqs-col-2 { width: 25% } .sqs-col-8 .sqs-col-1 { width: 12.5% } .sqs-col-7 { width: 58.3333% } .sqs-col-7 .sqs-col-7 { width: 100% } .sqs-col-7 .sqs-col-6 { width: 85.7143% } .sqs-col-7 .sqs-col-5 { width: 71.4286% } .sqs-col-7 .sqs-col-4 { width: 57.1429% } .sqs-col-7 .sqs-col-3 { width: 42.8571% } .sqs-col-7 .sqs-col-2 { width: 28.5714% } .sqs-col-7 .sqs-col-1 { width: 14.2857% } .sqs-col-6 { width: 50% } .sqs-col-6 .sqs-col-6 { width: 100% } .sqs-col-6 .sqs-col-5 { width: 83.3333% } .sqs-col-6 .sqs-col-4 { width: 66.6667% } .sqs-col-6 .sqs-col-3 { width: 50% } .sqs-col-6 .sqs-col-2 { width: 33.3333% } .sqs-col-6 .sqs-col-1 { width: 16.6667% } .sqs-col-5 { width: 41.6667% } .sqs-col-5 .sqs-col-5 { width: 100% } .sqs-col-5 .sqs-col-4 { width: 80% } .sqs-col-5 .sqs-col-3 { width: 60% } .sqs-col-5 .sqs-col-2 { width: 40% } .sqs-col-5 .sqs-col-1 { width: 20% } .sqs-col-4 { width: 33.3333% } .sqs-col-4 .sqs-col-4 { width: 100% } .sqs-col-4 .sqs-col-3 { width: 75% } .sqs-col-4 .sqs-col-2 { width: 50% } .sqs-col-4 .sqs-col-1 { width: 25% } .sqs-col-3 { width: 25% } .sqs-col-3 .sqs-col-3 { width: 100% } .sqs-col-3 .sqs-col-2 { width: 66.6667% } .sqs-col-3 .sqs-col-1 { width: 33.3333% } .sqs-col-2 { width: 16.6667% } .sqs-col-2 .sqs-col-2 { width: 100% } .sqs-col-2 .sqs-col-1 { width: 50% } .sqs-col-1 { width: 8.3333% } .sqs-col-1 .sqs-col-1 { width: 100% } .sqs-layout>.sqs-row { margin-left : -17px; margin-right: -17px } .sqs-layout:not(.sqs-editing) .sqs-row .sqs-block:not(.float):not(.sqs-feature-gated-wrapper):first-child { padding-top: 0 } .sqs-layout:not(.sqs-editing) .sqs-row .sqs-block:not(.float):not(.sqs-feature-gated-wrapper):first-child:last-child { padding-bottom: 0 } .sqs-layout:not(.sqs-editing) .sqs-block+.sqs-row .sqs-block:not(.float):first-child { padding-top: 17px } .sqs-layout:not(.sqs-editing) .sqs-block+.sqs-row .sqs-block:not(.float):first-child:last-child { padding-bottom: 17px } .sqs-layout:not(.sqs-editing) .sqs-row+.sqs-row .sqs-block:not(.float):first-child { padding-top: 17px } .sqs-layout:not(.sqs-editing) .sqs-row+.sqs-row .sqs-block:not(.float):first-child:last-child { padding-bottom: 17px } .sqs-layout:not(.sqs-editing)>.sqs-row:first-child>[class*=sqs-col]:first-child>.sqs-block:not(:first-child):last-child, .sqs-layout:not(.sqs-editing) .sqs-block+.sqs-row .sqs-block:not(.float):last-child { padding-bottom: 17px } .sqs-layout:not(.sqs-editing) .sqs-row+.sqs-row:not(:last-child) .sqs-block:last-child { padding-bottom: 17px } .sqs-block.sized .sqs-block-content { overflow: hidden } .text-align-center { text-align: center } .text-align-right { text-align: right } .columns-1 [class*=sqs-col-] { width: 100% !important } .sqs-block .state-message, .sqs-state-message { font : 400 normal 12px / 22px 'Clarkson', 'Helvetica Neue', Helvetica, Arial, sans-serif; letter-spacing : normal; padding : 19px; padding-left : 60px; color : #3e3e3e; position : relative; background-color: rgba(128, 128, 128, .15) } .sqs-block .state-message:after, .sqs-state-message:after { content : " "; position : absolute; top : 0; left : 0; height : 60px; width : 60px; background: transparent url(/universal/images-v6/icons/block-indicator-dark.png) no-repeat center } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:1.5dppx) { .sqs-block .state-message:after, .sqs-state-message:after { background-image: url('/universal/images-v6/icons/block-indicator-dark@2x.png'); background-size : 22px } } .sqs-block .state-message.information, .sqs-state-message.information { background: #222; padding : 30px 20px; text-align: center; color : #999; font-size : 11px } .sqs-block .state-message .title, .sqs-state-message .title { padding-bottom: 8px; font-size : 14px } html.cameron .sqs-block .state-message .title, html.cameron .sqs-state-message .title { color: #eee } .sqs-block .state-message>.sqs-state-message-button, .sqs-state-message>.sqs-state-message-button, .sqs-block .state-message .sqs-state-message-buttons-wrapper, .sqs-state-message .sqs-state-message-buttons-wrapper { margin-top : 19px; margin-left: -41px; display : block !important; position : relative } .sqs-block .state-message .sqs-state-message-button, .sqs-state-message .sqs-state-message-button { cursor : pointer; background : #3e3e3e; padding : 11px; transition : background-color .1s ease-in-out, opacity .1s ease-in-out; -webkit-user-select: none; -ms-user-select : none; user-select : none; font-family : inherit; -webkit-appearance : none; appearance : none; line-height : 22px; text-align : center; display : inline-block; position : relative } .sqs-block .state-message .sqs-state-message-button, .sqs-state-message .sqs-state-message-button, .sqs-block .state-message .sqs-state-message-button>*, .sqs-state-message .sqs-state-message-button>* { color : #fff !important; -webkit-appearance: none; border : 0; text-transform : uppercase; letter-spacing : .5px; font-size : 11px; font-weight : 500 } .sqs-block .state-message .sqs-state-message-button:focus, .sqs-state-message .sqs-state-message-button:focus, .sqs-block .state-message .sqs-state-message-button>*:focus, .sqs-state-message .sqs-state-message-button>*:focus { outline-color : #fff; outline-style : solid; outline-width : 2px; outline-offset: -2px } .sqs-block .state-message .sqs-state-message-button:focus:not(:focus-visible), .sqs-state-message .sqs-state-message-button:focus:not(:focus-visible), .sqs-block .state-message .sqs-state-message-button>*:focus:not(:focus-visible), .sqs-state-message .sqs-state-message-button>*:focus:not(:focus-visible) { outline: none } .sqs-block .state-message .sqs-state-message-button:hover, .sqs-state-message .sqs-state-message-button:hover { background-color: #000; box-shadow : none } .sqs-block .state-message .sqs-state-message-button.disabled, .sqs-state-message .sqs-state-message-button.disabled { opacity: .3; cursor : default } .sqs-block .state-message .sqs-state-message-button.disabled>*, .sqs-state-message .sqs-state-message-button.disabled>* { opacity: .5 } .sqs-block .state-message .sqs-state-message-button.disabled:hover, .sqs-state-message .sqs-state-message-button.disabled:hover { background-color: #3e3e3e !important } .sqs-layout.sqs-editing .sqs-block .sqs-block .state-message .sqs-state-message-button, .sqs-layout.sqs-editing .sqs-block .sqs-state-message .sqs-state-message-button { z-index: 1001 } .sqs-col-0 { width : 0; display: none } html.squarespace-damask.is-expanded .sqs-block [data-block-state="invalid"] { display: none } html.squarespace-damask.is-expanded .sqs-jacquard.sqs-is-page-editing .sqs-block [data-block-state="invalid"], html.squarespace-damask.is-expanded .sqs-jacquard .sqs-catalog .sqs-block [data-block-state="invalid"] { display: block } .sqs-blockStatus { display : none; position: relative; z-index : 1001 } html.squarespace-damask .sqs-blockStatus { display: block } html.squarespace-damask.is-expanded .sqs-blockStatus { display: none } .sqs-blockStatus-box { padding : 22px 56px 22px 22px; background : #fff; border : 1px solid #d0d0d0; border-radius : 4px; color : #3e3e3e; font-family : 'Clarkson', 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height : 1em; font-weight : normal; letter-spacing : normal; text-align : left; cursor : default; -webkit-user-select: none; -ms-user-select : none; user-select : none; box-shadow : -2px 1px 6px 1px rgba(0, 0, 0, .1); box-sizing : border-box } [data-state="invalid"] .sqs-blockStatus-box { border: 1px solid #f0523d } .sqs-blockStatus-box-title { margin : 0 0 11px 0; font-size : 12px; line-height : 1.65em; font-weight : 500; letter-spacing: .06em; text-transform: uppercase } .sqs-blockStatus-box-message, .sqs-blockStatus-box-kbArticleLink { font-size : 11px; line-height: 1.65em } .sqs-blockStatus-box-message a:link, .sqs-blockStatus-box-kbArticleLink a:link, .sqs-blockStatus-box-message a:hover, .sqs-blockStatus-box-kbArticleLink a:hover, .sqs-blockStatus-box-message a:visited, .sqs-blockStatus-box-kbArticleLink a:visited, .sqs-blockStatus-box-message a:active, .sqs-blockStatus-box-kbArticleLink a:active { color : #3e3e3e !important; border-bottom : 1px solid #3e3e3e !important; text-decoration: none !important } .sqs-blockStatus-box-message a:link:hover, .sqs-blockStatus-box-kbArticleLink a:link:hover, .sqs-blockStatus-box-message a:hover:hover, .sqs-blockStatus-box-kbArticleLink a:hover:hover, .sqs-blockStatus-box-message a:visited:hover, .sqs-blockStatus-box-kbArticleLink a:visited:hover, .sqs-blockStatus-box-message a:active:hover, .sqs-blockStatus-box-kbArticleLink a:active:hover { color : #797979 !important; border-color: #797979 !important } .sqs-blockStatus-box-kbArticleLink { display: inline-block } .fluid-engine.is-editing .sqs-blockStatus-box-kbArticleLink, .sqs-editing .sqs-blockStatus-box-kbArticleLink { display: none } .sqs-blockStatus-box-button { display : inline-block; margin-top : 11px; cursor : pointer; outline : none; background : #3e3e3e; padding : 11px; text-align : center; transition : background-color .1s ease-in-out, opacity .1s ease-in-out; line-height : 22px; -webkit-user-select: none; -ms-user-select : none; user-select : none; font-family : inherit; -webkit-appearance : none; appearance : none } .sqs-blockStatus-box-button, .sqs-blockStatus-box-button>* { color : #fff !important; -webkit-appearance: none; border : 0; text-transform : uppercase; outline : none; font-size : 11px; font-weight : 500 } .sqs-blockStatus-box-button:hover { background-color: #000; box-shadow : none } .sqs-blockStatus-box-button.disabled { opacity: .3; cursor : default } .sqs-blockStatus-box-button.disabled>* { opacity: .5 } .sqs-blockStatus-box-button.disabled:hover { background-color: #3e3e3e !important } .sqs-blockStatus--overlayMode { opacity : 0; visibility : hidden; position : absolute; top : 0; left : 0; right : 0; bottom : 0; width : auto; height : auto; background : transparent; border : 1px solid #ededed; pointer-events: none; box-sizing : border-box; z-index : 9000 } .sqs-blockStatus--overlayMode[data-state="invalid"] { opacity : 1; visibility: visible; border : 1px solid #f0523d } .sqs-layout:not(.sqs-editing)>.sqs-row:first-child .sqs-block:not(.float):first-child .sqs-blockStatus--overlayMode { top: -17px } .sqs-blockStatus--overlayMode .sqs-blockStatus-box { position : absolute; top : 4.25px; right : 4.25px; width : 380px; max-width : calc(100% - 8.5px); min-width : 320px; border : 1px solid #d0d0d0 !important; z-index : 1000; pointer-events: all; transition : opacity 0.2s ease-in; opacity : 0; visibility : hidden } @media only screen and (pointer: coarse) and (max-width: 414px) { .sqs-blockStatus--overlayMode .sqs-blockStatus-box { right: 0 } } .sqs-blockStatus[data-state="invalid"] .sqs-blockStatus-disclosure .sqs-blockStatus-alert-badge { color : #ce2c30; position : absolute; top : 11px; right : 11px; height : 22px; width : 22px; z-index : 1001; pointer-events: all } .fluid-engine.is-editing .sqs-blockStatus--overlayMode .sqs-blockStatus-disclosure .sqs-blockStatus-alert-badge, .fluid-engine.is-editing .sqs-blockStatus--overlayMode .sqs-blockStatus-disclosure:empty:after, .sqs-editing .sqs-blockStatus--overlayMode .sqs-blockStatus-disclosure .sqs-blockStatus-alert-badge, .sqs-editing .sqs-blockStatus--overlayMode .sqs-blockStatus-disclosure:empty:after { opacity : 0; visibility: hidden } html.squarespace-damask .sqs-blockStatus--overlayMode .sqs-blockStatus-disclosure .sqs-blockStatus-alert-badge, html.squarespace-damask .sqs-blockStatus--overlayMode .sqs-blockStatus-disclosure:empty:after { cursor: pointer } html.squarespace-damask .sqs-blockStatus--overlayMode .sqs-blockStatus-disclosure:hover+.sqs-blockStatus-box, html.squarespace-damask .sqs-blockStatus--overlayMode .sqs-blockStatus-box:hover { opacity : 1; visibility: visible } .sqs-block-audio .sqs-audio-embed.sqs-block-is-placeholder .sqs-widgets-audio-player .action { cursor : default; pointer-events: none } .sqs-block-audio .sqs-audio-embed.sqs-block-is-placeholder .sqs-widgets-audio-player .action .play { opacity: .1 } .sqs-block-newsletter.sqs-block-focused .sqs-blockStatus, .sqs-block-form.sqs-block-focused .sqs-blockStatus, .sqs-block-opentable.sqs-block-focused .sqs-blockStatus, .sqs-block-newsletter.sqs-block-editing .sqs-blockStatus, .sqs-block-form.sqs-block-editing .sqs-blockStatus, .sqs-block-opentable.sqs-block-editing .sqs-blockStatus { opacity : 0; visibility: hidden } .fluid-engine.is-editing .sqs-block-pricing-plan .sqs-blockStatus[data-state="invalid"] .sqs-blockStatus-alert-badge, .sqs-editing .sqs-block-pricing-plan .sqs-blockStatus[data-state="invalid"] .sqs-blockStatus-alert-badge { opacity : 1; visibility: visible } html.squarespace-damask.is-expanded .sqs-is-page-editing .sqs-block-newsletter [data-block-state="invalid"], html.squarespace-damask.is-expanded .sqs-catalog .sqs-block-newsletter [data-block-state="invalid"], html.squarespace-damask.is-expanded .sqs-is-page-editing .sqs-block-form [data-block-state="invalid"], html.squarespace-damask.is-expanded .sqs-catalog .sqs-block-form [data-block-state="invalid"] { display: block } .sqs-block-summary-v2:hover .sqs-block-is-placeholder[data-block-state="invalid"] .summary-heading { width: calc(100% - 80px) } .sqs-block-summary-v2:hover .sqs-block-is-placeholder[data-block-state="invalid"] .summary-carousel-pager { width : 80px; padding-right: 30px } .sqs-block-summary-v2 .sqsSummaryBlockThumbnailPlaceholder { position: absolute; top : 0 } .sqs-block-twitter .tweet-list.sqs-block-is-placeholder .tweet-avatar { width : 48px; height: 48px } .sqsSummaryBlockThumbnailPlaceholder { position : relative; width : 100%; height : auto; padding-bottom: 65%; background : #f6f6f6 } .sqsSummaryBlockThumbnailPlaceholder[data-block-state="invalid"] { display: none } html.squarespace-damask .sqsSummaryBlockThumbnailPlaceholder[data-block-state="invalid"] { display: block } html.squarespace-damask.is-expanded .sqsSummaryBlockThumbnailPlaceholder[data-block-state="invalid"] { display: none } .sqsSummaryBlockThumbnailPlaceholder-play { position : absolute; top : 50%; left : 50%; margin-top : -41px; margin-left: -31px } .sqsSummaryBlockThumbnailPlaceholder-timeline { position : absolute; left : 0; bottom : 0; height : 50px; width : 100%; border-width: 23px 75px; border-style: solid; border-color: #e9e9e9; background : #b4b4b4; box-sizing : border-box } .sqsSummaryBlockThumbnailPlaceholder-timeline:before, .sqsSummaryBlockThumbnailPlaceholder-timeline:after { content : ''; position : absolute; background: #fff } .sqsSummaryBlockThumbnailPlaceholder-timeline:before { top : 0; left : 0; width : 50px; height: 100% } .sqsSummaryBlockThumbnailPlaceholder-timeline:after { top : 50%; left : 48px; margin-top : -6px; height : 12px; width : 12px; border-radius: 100% } .sqsSummaryBlockThumbnailPlaceholder+iframe { display: none } .sqs-block-video-placeholder { padding-bottom : 65%; background-image: linear-gradient(0deg, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, .4) 33%, rgba(0, 0, 0, 0) 100%); background-color: #313131; position : relative } .sqs-block-video-placeholder+iframe { display: none } .sqs-block-video-placeholder__ui { position : absolute; top : 50%; left : 50%; transform: translate(-50%, -50%) } .sqs-block-video-placeholder--empty .sqs-block-video-placeholder__icon { width: 26px } .sqs-block-video-placeholder--in-progress .sqs-block-video-placeholder__icon { background-color: transparent; width : 80px; height : 80px } @keyframes loading-indicator-rotate-spinner { 100% { transform: rotate(360deg) } } @keyframes loading-indicator-dash { 0% { stroke-dasharray : 1, 200; stroke-dashoffset: 0 } 50% { stroke-dasharray : 89, 200; stroke-dashoffset: -35 } 100% { stroke-dasharray : 89, 200; stroke-dashoffset: -124 } } .sqs-block-video-placeholder .loading-indicator { line-height : 0; display : block; background-color: rgba(0, 0, 0, .5); border-radius : 50%; padding : 15px } .sqs-block-video-placeholder .loading-indicator__spinner { animation : loading-indicator-rotate-spinner 2s linear infinite; height : 100%; transform-origin: center center; width : 100% } .sqs-block-video-placeholder .loading-indicator__path { fill : transparent; stroke-dasharray : 150, 200; stroke-dashoffset: -10; animation : loading-indicator-dash 1.5s ease-in-out infinite } .sqs-block { position : relative; height : auto; padding-top : 17px; padding-bottom: 17px } .sqs-block:not(.sqs-block-html):not(.sqs-block-markdown) { clear: both } .sqs-block iframe.embedded-scripts-preview { display : block; position: relative; border : 0 } .sqs-block .removed-script { display : block; opacity : .6; font-style: italic } .sqs-block-code img { max-width: 100% } .sqs-block-code .gm-style img { max-width: none } .sqs-block-hidden { height : 0; overflow: hidden } .sqs-block[class*=float] { z-index : 10 !important; box-sizing: border-box; clear : none } .sqs-block[class*=float-left] { float : left; margin-right: 17px } .sqs-block[class*=float-left]+.sqs-block[class*=float-left] { clear: left } .sqs-block[class*=float-right] { float : right; margin-left: 17px } .sqs-block[class*=float-right]+.sqs-block[class*=float-right] { clear: right } .sqs-block .sqs-intrinsic { position: relative !important } .sqs-block .sqs-intrinsic .sqs-intrinsic-content { position : absolute !important; top : 0; left : 0; height : 100%; max-width: none; width : 100% } @media screen and (max-width:767px) { .sqs-gallery-design-grid-slide { width: 50% !important; clear: none !important } } body.squarespace-config .sqs-block-image .sqs-image-caption { color: #999 } body.squarespace-config .sqs-block-image .sqs-image-caption p { margin-bottom: 0 } body.squarespace-config .sqs-block-image .sqs-image-caption.sqs-placeholder-show { margin-top: 1em } body.squarespace-config .sqs-block-image .sqs-image-caption .sqs-html-content { min-height: 23px } .sqs-block-image .sqs-html { transition: max-height .3s ease-in-out, min-height .3s ease-in-out; margin : auto } .sqs-block-image .sqs-html.sqs-empty { min-height: 0; max-height: 0; overflow : hidden } .sqs-block-image.sqs-block-focused .sqs-html.sqs-empty { max-height: none; overflow : visible } .sqs-block-image .sqs-editing-overlay { z-index: 1 } .sqs-block-image:not(.sqs-block-focused) .image-block-outer-wrapper.layout-caption-below .image-caption-wrapper.sqs-empty { padding-top: 0px } .sqs-block-image .layout-caption-overlay .sqs-image-caption, .sqs-block-image .layout-caption-overlay-hover .sqs-image-caption { z-index: 2 } .sqs-block-image .image-block-outer-wrapper.layout-caption-overlay-hover .image-caption-wrapper.sqs-html-focused { visibility: visible !important; opacity : 1 !important } .sqs-block-image .rte .rte-placeholder { color: #999 !important } [data-fluid-engine] { position: relative; height : 100%; width : 100% } .fluid-engine .sqs-block { display : flex; height : 100%; width : 100%; flex-direction: column; padding-top : 0; padding-bottom: 0 } .dd-drag-hidden { display: none } .dd-drag-grouped-item { position: absolute !important; top : 0; left : 0 } .yui3-dd-dragging { z-index: 1 } .dd-reorder-items-count { width : 22px; height : 22px; position : absolute; top : 0; right : 0; background : #d0d0d0; border-radius: 50%; text-align : center; font-size : 12px; line-height : 22px; color : #fff } @font-face { font-family: 'squarespace-ui-font'; src : url('../../../../../../../universal/fonts/squarespace-ui-font-2.eot'); src : url('../../../../../../../universal/fonts/squarespace-ui-font-3.eot') format('embedded-opentype'), url('../../../../../../../universal/fonts/squarespace-ui-font-1.svg') format('svg'), url('../../../../../../../universal/fonts/squarespace-ui-font-1.woff') format('woff'), url('../../../../../../../universal/fonts/squarespace-ui-font-1.ttf') format('truetype'); font-weight: normal; font-style : normal } .sqs-ui-font-family { font-family : 'squarespace-ui-font'; font-style : normal; speak : none; font-weight : normal; -webkit-font-smoothing: antialiased } [class^="sqs-ui-font-"]:before, [class*=" sqs-ui-font-"]:before { font-family : 'squarespace-ui-font'; font-style : normal; speak : none; font-weight : normal; -webkit-font-smoothing: antialiased } [data-icon]:before { font-family : 'squarespace-ui-font'; font-style : normal; speak : none; font-weight : normal; -webkit-font-smoothing: antialiased; content : attr(data-icon) } .sqs-gallery-container iframe { width : 100%; height : 100%; background: transparent; display : block } .sqs-gallery-controls .previous, .sqs-gallery-controls .next { position : absolute; top : 50%; color : #fff !important; z-index : 999; font-size : 14px; line-height : 40px; margin-top : -30px; background-color: rgba(0, 0, 0, .12); display : inline-block; padding : 10px; transition : background-color 200ms cubic-bezier(.25, .46, .45, .94) } .sqs-gallery-controls .previous:hover, .sqs-gallery-controls .next:hover { background-color: rgba(0, 0, 0, .2) } .sqs-gallery-controls .previous:focus:not([data-focus-visible-added]), .sqs-gallery-controls .next:focus:not([data-focus-visible-added]) { outline: none } .sqs-gallery-controls .previous { left: 0px } .sqs-gallery-controls .previous:before { font-family : 'squarespace-ui-font'; font-style : normal; speak : none; font-weight : normal; -webkit-font-smoothing: antialiased; content : "\E02C"; text-align : center; display : inline-block; vertical-align : middle } .sqs-gallery-controls .previous:before { font-size : 32px; width : 32px; height : 32px; line-height: 32px } .sqs-gallery-controls .next { right: 0px } .sqs-gallery-controls .next:before { font-family : 'squarespace-ui-font'; font-style : normal; speak : none; font-weight : normal; -webkit-font-smoothing: antialiased; content : "\E02D"; text-align : center; display : inline-block; vertical-align : middle } .sqs-gallery-controls .next:before { font-size : 32px; width : 32px; height : 32px; line-height: 32px } .sqs-gallery-controls .next:before, .sqs-gallery-controls .previous:before { font-size : 24px; width : 24px; height : 24px; line-height: 24px } .sqs-gallery-design-stacked { position : relative; text-align: left } .sqs-gallery-design-stacked-slide { position: absolute; top : 0; left : 0; width : 100%; height : 100% } .sqs-gallery-design-stacked-slide img { box-shadow: #000 0em 0em 0em } .sqs-gallery-design-stacked-slide.normal img { height: 100% } .sqs-gallery-design-stacked-slide:only-child { cursor: default } .sqs-gallery-design-stacked-scrollHorz, .sqs-gallery-design-stacked-swipe { overflow: hidden } .sqs-gallery-design-stacked-scrollHorz .sqs-gallery-design-stacked-slide, .sqs-gallery-design-stacked-swipe .sqs-gallery-design-stacked-slide { position: relative; float : left } .sqs-gallery-design-stacked-swipe-wrapper { overflow-x : scroll; -webkit-transform : translatez(0); -ms-overflow-style : none; -ms-scroll-chaining : none; -ms-scroll-snap-type : mandatory; -ms-scroll-snap-points-x: snapinterval(0%, 100%) } .sqs-gallery-design-strip { position: relative; overflow: hidden; height : 100% } .sqs-gallery-design-strip .sqs-wrapper { position: relative; height : 100% } .sqs-gallery-design-strip-slide { float : left; height : 100% !important; max-width: none !important; width : auto !important; cursor : pointer; position : relative } .sqs-gallery-design-strip-slide img, .sqs-gallery-design-strip-slide .sqs-video-wrapper { height: 100% !important } .sqs-gallery-design-strip-slide:only-child { cursor: default } .sqs-gallery-design-autocolumns { position: relative } .sqs-gallery-design-autocolumns-slide { position: absolute } .sqs-gallery-design-autocolumns-slide img { width : 100%; display : inline-block; transition: opacity .2s; opacity : 1 } .sqs-gallery-design-autocolumns-slide img.loading { opacity: 0 } .sqs-gallery-design-autocolumns-slide.content-fit img, .sqs-gallery-design-autocolumns-slide .content-fit img { width: auto } .sqs-gallery-design-autocolumns-slide.slide-stretched img { height: 100% } .sqs-gallery-design-carousel .sqs-gallery-controls { overflow: hidden } .sqs-gallery-design-carousel .sqs-gallery-controls .next, .sqs-gallery-design-carousel .sqs-gallery-controls .previous { display : block; float : right; position : relative; top : auto; left : auto; right : auto; bottom : auto; margin : 0 0 15px 0; padding : 0; background-color: transparent; color : inherit !important; font-size : 16px; line-height : 16px; cursor : pointer } .sqs-gallery-design-carousel .sqs-gallery-controls .next:before { font-family : 'squarespace-ui-font'; font-style : normal; speak : none; font-weight : normal; -webkit-font-smoothing: antialiased; content : "\E02D"; text-align : center; display : inline-block; vertical-align : middle } .sqs-gallery-design-carousel .sqs-gallery-controls .next:before { font-size : 32px; width : 32px; height : 32px; line-height: 32px } .sqs-gallery-design-carousel .sqs-gallery-controls .next:before { font-size : 16px; width : 16px; height : 16px; line-height: 16px } .sqs-gallery-design-carousel .sqs-gallery-controls .previous { margin-right: 10px } .sqs-gallery-design-carousel .sqs-gallery-controls .previous:before { font-family : 'squarespace-ui-font'; font-style : normal; speak : none; font-weight : normal; -webkit-font-smoothing: antialiased; content : "\E02C"; text-align : center; display : inline-block; vertical-align : middle } .sqs-gallery-design-carousel .sqs-gallery-controls .previous:before { font-size : 32px; width : 32px; height : 32px; line-height: 32px } .sqs-gallery-design-carousel .sqs-gallery-controls .previous:before { font-size : 16px; width : 16px; height : 16px; line-height: 16px } .sqs-gallery-design-carousel .sqs-gallery-controls .sqs-disabled { cursor : default; opacity: .4 } .sqs-gallery-design-carousel .sqs-gallery-controls .sqs-hidden { display: none } .sqs-gallery-design-carousel .sqs-gallery-container { width : 100%; overflow: hidden } .sqs-gallery-design-carousel .sqs-gallery { margin : 0 0 0 -1%; white-space : nowrap; vertical-align: top; font-size : 0; transition : -webkit-transform ease .4s; transition : transform ease .4s; transition : transform ease .4s, -webkit-transform ease .4s } .sqs-gallery-design-carousel .sqs-gallery-design-carousel-slide { display : inline-block; width : 33.66666667%; padding : 0 1%; white-space : nowrap; vertical-align: top; font-size : 0 } .sqs-gallery-design-carousel .sqs-gallery-design-carousel-slide img { width : 100%; height: auto } .sqs-gallery-design-carousel .sqs-gallery-design-carousel-slide * { white-space: normal } .sqs-gallery-design-list .sqs-gallery-design-list-slide { overflow : hidden; margin-bottom : 17px !important; padding-bottom: 17px !important } .sqs-gallery-design-list .sqs-gallery-image-container { float : left; width : 25%; padding-right : 20px; box-sizing : border-box; -webkit-box-sizing: border-box; -moz-box-sizing : border-box } .sqs-gallery-design-list .sqs-gallery-meta-container { float : left; width : 75%; box-sizing : border-box; -webkit-box-sizing: border-box; -moz-box-sizing : border-box } .sqs-gallery-design-list .sqs-gallery-design-list-slide.no-image .sqs-gallery-image-container { width: 0 !important } .sqs-gallery-design-list .sqs-gallery-design-list-slide.no-image .sqs-gallery-meta-container { width: 100% !important } @media screen and (max-width:480px) { .sqs-gallery-design-list .sqs-gallery-design-list-slide:not(.no-image) .sqs-gallery-image-container { width: 35% !important } .sqs-gallery-design-list .sqs-gallery-design-list-slide:not(.no-image) .sqs-gallery-meta-container { width: 65% !important } } .sqs-gallery-design-autorows .sqs-gallery-design-autorows-slide { float : left; cursor : pointer; overflow: hidden } .sqs-gallery-design-autorows .sqs-gallery-design-autorows-slide img { height: 100% } .sqs-gallery-design-autorows .sqs-gallery-design-autorows-slide .meta { display: none } .sqs-gallery-design-autogrid { zoom: 1 } .sqs-gallery-design-autogrid:after { display : block; visibility: hidden; font-size : 0; height : 0; clear : both; content : "." } .sqs-gallery-design-autogrid-slide { position: relative; float : left } .sqs-gallery-design-autogrid-slide .img-wrapper { height: 0 } .sqs-gallery-design-autogrid-slide img { width: 100% } .yui3-lightbox2 { -webkit-user-select: text; -moz-user-select : text; -ms-user-select : text; user-select : text } .yui3-lightbox2 .yui3-lightbox2-content { height : 100%; left : 0; position: absolute; width : 100%; overflow: hidden } .yui3-lightbox2 .sqs-lightbox-slideshow { height : 100%; opacity: 0; z-index: 100000001 } .yui3-lightbox2 .sqs-lightbox-slideshow .sqs-lightbox-padder { position : absolute; text-align: left; top : 2%; left : 2%; bottom : 2%; right : 2% } .yui3-lightbox2 .sqs-lightbox-overlay { position : absolute; opacity : 0; top : 0; left : 0; background: #000; height : 100%; width : 100% } .yui3-lightbox2 .sqs-lightbox-meta { position : absolute; padding : 20px; color : #fff; z-index : 100000001; margin : 20px auto 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity : 0; transition: opacity ease-out .2s } .yui3-lightbox2 .sqs-lightbox-meta.overlay-description-visible { background: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; background: rgba(0, 0, 0, .7); opacity : 1 !important } .yui3-lightbox2 .sqs-lightbox-meta p:first-child { margin-top: 0 } .yui3-lightbox2 .sqs-lightbox-meta p:last-child { margin-bottom: 0 } .yui3-lightbox2 .sqs-lightbox-meta h1 { font-size: 1em; color : #fff; margin : 0 0 10px } .yui3-lightbox2 .sqs-lightbox-meta p a { color : #fff; text-decoration: underline } .yui3-lightbox2 .sqs-lightbox-close, .yui3-lightbox2 .sqs-lightbox-previous, .yui3-lightbox2 .sqs-lightbox-next, .yui3-lightbox2 .sqs-lightbox-meta-trigger { position : absolute; z-index : 100000002; display : flex; align-items : center; justify-content: center; color : #ccc; height : 20px; width : 20px; font-size : 26px; cursor : pointer; outline-color : currentColor } .yui3-lightbox2 .sqs-lightbox-next, .yui3-lightbox2 .sqs-lightbox-previous { padding : 12px; opacity : 0; top : 50%; margin-top: -22px; transition: opacity .2s } .yui3-lightbox2 .sqs-lightbox-next.mouseover, .yui3-lightbox2 .sqs-lightbox-previous.mouseover, .yui3-lightbox2 .sqs-lightbox-next:focus, .yui3-lightbox2 .sqs-lightbox-previous:focus { opacity: 1 } .yui3-lightbox2 .sqs-lightbox-next { right: 2% } .yui3-lightbox2 .sqs-lightbox-next:before { font-family : 'squarespace-ui-font'; font-style : normal; speak : none; font-weight : normal; -webkit-font-smoothing: antialiased; content : "\E02D"; text-align : center; display : inline-block; vertical-align : middle } .yui3-lightbox2 .sqs-lightbox-next:before { font-size : 32px; width : 32px; height : 32px; line-height: 32px } .yui3-lightbox2 .sqs-lightbox-previous { left: 2% } .yui3-lightbox2 .sqs-lightbox-previous:before { font-family : 'squarespace-ui-font'; font-style : normal; speak : none; font-weight : normal; -webkit-font-smoothing: antialiased; content : "\E02C"; text-align : center; display : inline-block; vertical-align : middle } .yui3-lightbox2 .sqs-lightbox-previous:before { font-size : 32px; width : 32px; height : 32px; line-height: 32px } .yui3-lightbox2 .sqs-lightbox-next::before, .yui3-lightbox2 .sqs-lightbox-previous::before { font-size: 22px } .yui3-lightbox2 .sqs-lightbox-close { padding : 2px; right : 2%; top : 2%; text-align: right } .yui3-lightbox2 .sqs-lightbox-close:before { font-family : 'squarespace-ui-font'; font-style : normal; speak : none; font-weight : normal; -webkit-font-smoothing: antialiased; content : "\E02E"; text-align : center; display : inline-block; vertical-align : middle } .yui3-lightbox2 .sqs-lightbox-close:before { font-size : 32px; width : 32px; height : 32px; line-height: 32px } .yui3-lightbox2 .sqs-lightbox-meta-trigger { bottom : 0; right : 0; padding : 2%; text-align : center; font-size : 26px; line-height: .5; text-align : right } body.sqs-lightbox-open { position : static !important; overflow-y: hidden } .sqs-gallery img:not([src]) { opacity: 0 } .source-code { white-space: pre; overflow : auto } .cm-keyword { color: #708 } .cm-atom { color: #219 } .cm-number { color: #164 } .cm-def { color: blue } .cm-variable-2 { color: #05a } .cm-variable-3 { color: #085 } .cm-comment { color: #aaa } .cm-string { color: #1a1 } .cm-string-2 { color: #5f0 } .cm-meta { color: #555 } .cm-error { color: red } .cm-qualifier { color: #555 } .cm-builtin { color: #30a } .cm-bracket { color: #cc7 } .cm-tag { color: #170 } .cm-attribute { color: #00c } .cm-header { color: #000 } .cm-quote { color: #900 } .cm-hr { color: #999 } .cm-link { color: #00c } .dark .cm-comment { color: #75715e } .dark .cm-atom { color: #ae81ff } .dark .cm-number { color: #ae81ff } .dark .cm-property, .dark .cm-attribute { color: #a6e22e } .dark .cm-keyword { color: #f92672 } .dark .cm-string { color: #e6db74 } .dark .cm-variable-2 { color: #9effff } .dark .cm-def { color: #fd971f } .dark .cm-error { background: #f92672; color : #f8f8f0 } .dark .cm-bracket { color: #f8f8f2 } .dark .cm-tag { color: #f92672 } .dark .cm-link { color: #ae81ff } .code-block .state-message:not(:last-child) { margin-bottom: 10px } .foursquare-block ul { list-style-type: none; margin : 0; padding : 0; line-height : 1.4em } .foursquare-block ul .foursquare-checkin { margin-bottom: 12px } .foursquare-block ul .foursquare-checkin a { border: 0 } .foursquare-block ul .foursquare-checkin .foursquare-icon-wrapper { float: left } .foursquare-block ul .foursquare-checkin .foursquare-text { margin-left: 42px; font-size : 12px } .foursquare-block ul .foursquare-checkin .foursquare-venue { font-weight: bold } .foursquare-block ul .foursquare-checkin .foursquare-location { display : inline-block; padding-left: 4px } .foursquare-block ul .foursquare-checkin .foursquare-timestamp { font-size: 10px } .sqs-block-soundcloud .sqs-intrinsic iframe { position: absolute; top : 0; left : 0; width : 100% !important; height : 100% !important } @media screen and (max-width:640px) { .sqs-block-soundcloud.isPlaylist .sqs-intrinsic { padding-bottom: 0 !important; height : 400px !important } } @font-face { font-family: 'squarespace-ui-font'; src : url('../../../../../../../universal/fonts/squarespace-ui-font-2.eot'); src : url('../../../../../../../universal/fonts/squarespace-ui-font-3.eot') format('embedded-opentype'), url('../../../../../../../universal/fonts/squarespace-ui-font-1.svg') format('svg'), url('../../../../../../../universal/fonts/squarespace-ui-font-1.woff') format('woff'), url('../../../../../../../universal/fonts/squarespace-ui-font-1.ttf') format('truetype'); font-weight: normal; font-style : normal } .sqs-ui-font-family { font-family : 'squarespace-ui-font'; font-style : normal; speak : none; font-weight : normal; -webkit-font-smoothing: antialiased } [class^="sqs-ui-font-"]:before, [class*=" sqs-ui-font-"]:before { font-family : 'squarespace-ui-font'; font-style : normal; speak : none; font-weight : normal; -webkit-font-smoothing: antialiased } [data-icon]:before { font-family : 'squarespace-ui-font'; font-style : normal; speak : none; font-weight : normal; -webkit-font-smoothing: antialiased; content : attr(data-icon) } .sqs-block-opentable-hidden { display: none !important } .sqs-block-opentable-hide-title .OT_title { display: none } .sqs-block-opentable iframe { visibility: hidden; position : absolute } .sqs-block-opentable * { box-sizing: border-box } .sqs-block-opentable #OT_form { padding: 0; margin : 0; width : 165px; width : auto } .sqs-block-opentable .OT_wrapper { border : none; border-radius : 0; background-color: rgba(0, 0, 0, .05); font-family : inherit; width : 100%; margin : 0; padding : 34px 17px 40px; background : rgba(0, 0, 0, .05); color : #272727; font-size : 15px; line-height : 1em; text-align : center; position : relative } .sqs-block-opentable .OT_header { width : 85%; margin : 0 auto; position: relative } .sqs-block-opentable .OT_title { position : relative; width : 100%; margin : 0 0 17px 0; padding : 0; font-size : 30px; color : #272727; color : rgba(0, 0, 0, .95); font-weight: normal; text-align : center; line-height: 1em } .sqs-block-opentable .OT_subtitle { margin : 0; padding : 0; font-size : 10px; letter-spacing: .15em; color : #272727; color : rgba(0, 0, 0, .8); text-transform: uppercase; font-weight : normal; white-space : nowrap; width : auto; line-height : 1em } .sqs-block-opentable .OT_list { list-style : none; margin : 28px 0 0 0; padding : 0; width : auto; display : inline-block; line-height: 1em } .sqs-block-opentable .OT_day, .sqs-block-opentable .OT_time, .sqs-block-opentable .OT_party { margin : 0 12px; padding : 6px 0 6px 35px; height : auto; background-image : url('/universal/images-v6/icons/opentable-icons.svg'); background-repeat : no-repeat; background-position: 0 0; width : 33%; min-width : 150px; max-width : 180px; position : relative; border : none !important; list-style : none; display : inline-block; line-height : 1em } .sqs-block-opentable.sqs-block-opentable-hide-fields .OT_day, .sqs-block-opentable.sqs-block-opentable-hide-fields .OT_time, .sqs-block-opentable.sqs-block-opentable-hide-fields .OT_party { display: none } .sqs-block-opentable.sqs-block-opentable-hide-fields .OT_submit { margin: 0 } .sqs-block-opentable .OT_day { margin : 0 12px; padding : 6px 0 6px 35px; background-position: -18px -7px; border : none; list-style : none; background-size : 123px } .sqs-block-opentable .OT_time { background-position: -18px -55px; border : none } .sqs-block-opentable .OT_party { background-position: -18px -102px; border : none } .sqs-block-opentable .OT_searchTimeField, .sqs-block-opentable .OT_searchDateField, .sqs-block-opentable .OT_searchPartyField { font-family : inherit; background : #fff url('/universal/images-v6/icons/opentable-icons.svg') no-repeat; color : #272727; font-weight : normal; margin : 0; border : 1px solid rgba(0, 0, 0, .12); width : 100%; height : auto; font-size : 13px; font-style : normal; padding : .7em 1.1em; border-radius : 0px; cursor : pointer; line-height : normal; outline : none; background-position : right -14px top -75px; background-size : 43px; -webkit-background-clip: padding; background-clip : padding-box } .sqs-block-opentable #OT_timeList, .sqs-block-opentable #OT_partyList { max-height : 195px; overflow : auto; border : 1px solid rgba(0, 0, 0, .12); position : absolute; width : auto; top : 100%; left : 35px; right : 0; display : none; margin-top : -7px; text-align : left; -webkit-background-clip: padding; background-clip : padding-box } .sqs-block-opentable .OT_navList { list-style : none; padding : 0; margin : -6px 0 0 0; float : none; position : absolute; background-color: #fff; z-index : 200; width : auto; top : 100%; left : 35px; right : 0 } .sqs-block-opentable .OT_navListItem { padding : 0; margin : 0; position : relative; float : none; line-height: 1em; width : auto; list-style : none } .sqs-block-opentable #OT_timeList .OT_navListItem, .sqs-block-opentable #OT_partyList .OT_navListItem { width: auto } .sqs-block-opentable #OT_timeList li a.OT_navLink, .sqs-block-opentable #OT_partyList li a.OT_navLink { border: 0; width : auto } .sqs-block-opentable a.OT_navLink:link, .sqs-block-opentable a.OT_navLink:visited, .sqs-block-opentable a.OT_navLink:hover, .sqs-block-opentable a.OT_navLink:active { font-family : inherit; color : #272727; text-decoration: none; font-size : 13px; line-height : 1em; width : auto; display : block; padding : .7em 1.1em; border : none } .sqs-block-opentable a.OT_navLink:hover, .sqs-block-opentable a.OT_navLink.selected, .sqs-block-opentable a.OT_navLink:active { background-color: rgba(0, 0, 0, .05); color : #272727; opacity : 1 } .sqs-block-opentable a.OT_navLink.selected, .sqs-block-opentable a.OT_navLink:active { background-color: rgba(0, 0, 0, .12) } .sqs-block-opentable .OT_submit { margin : 24px 0 0 0; padding : 0; width : auto; height : auto; list-style: none; display : block } .sqs-block-opentable .OTButton, .sqs-block-opentable #OTButton { width : auto; text-align: center; margin : 0; padding : 0 } .sqs-block-opentable a.OT_Find_a_Table:link, .sqs-block-opentable a.OT_Find_a_Table:visited, .sqs-block-opentable a.OT_Find_a_Table:hover, .sqs-block-opentable a.OT_Find_a_Table:active { background-image : none; background-repeat : repeat; background-position: 0 0; background-color : #272727; background-color : rgba(0, 0, 0, .95); font-family : inherit; font-size : 13px; font-weight : normal; text-decoration : none; color : #fff; text-align : center; height : auto; display : inline-block; padding : 1.1em 2.3em; line-height : normal; text-shadow : none; opacity : .8; position : relative; width : auto; border : none; text-transform : uppercase; white-space : nowrap; cursor : pointer; outline : none; -webkit-appearance : none; transition : opacity .3s ease-out, background .3s ease-out } .opentable-style-light .OT_wrapper { color: #fff } .opentable-style-light .OT_title { color: #fff } .opentable-style-light .OT_subtitle { color: #fff } .opentable-style-light a.OT_Find_a_Table:link, .opentable-style-light a.OT_Find_a_Table:visited, .opentable-style-light a.OT_Find_a_Table:hover, .opentable-style-light a.OT_Find_a_Table:active { background-color: #272727; background-color: rgba(0, 0, 0, .3); background : rgba(0, 0, 0, .05) } .opentable-style-light a.OT_Find_a_Table:link:hover, .opentable-style-light a.OT_Find_a_Table:visited:hover, .opentable-style-light a.OT_Find_a_Table:hover:hover, .opentable-style-light a.OT_Find_a_Table:active:hover { background-color: #272727; background-color: rgba(0, 0, 0, .8); background : rgba(0, 0, 0, .05) } .opentable-style-light .OT_day { background-position: -80px -7px } .opentable-style-light .OT_time { background-position: -80px -55px } .opentable-style-light .OT_party { background-position: -80px -102px } .hide-opentable-icons .OT_day, .hide-opentable-icons .OT_time, .hide-opentable-icons .OT_party { margin : 0; padding : 6px; background: none } .hide-opentable-icons #OT_timeList, .hide-opentable-icons #OT_partyList, .hide-opentable-icons .OT_navList { left : 6px; right: 6px } .no-svg .OT_day, .no-svg .OT_time, .no-svg .OT_party, .no-svg .OT_searchTimeField, .no-svg .OT_searchDateField, .no-svg .OT_searchPartyField { background-image: url('/universal/images-v6/icons/opentable-icons.png') } .sqs-search-ui-button-wrapper { position: relative } .sqs-search-ui-button-wrapper.color-dark .search-input { background-image: url(/universal/images-v6/icons/icon-searchqueries-20-dark.png); border : 1px solid #aaa } .sqs-search-ui-button-wrapper.color-dark::-webkit-input-placeholder { color: #666 } .sqs-search-ui-button-wrapper.color-dark:-moz-placeholder { color: #666 } .sqs-search-ui-button-wrapper.color-dark::-moz-placeholder { color: #666 } .sqs-search-ui-button-wrapper.color-dark:-ms-input-placeholder { color: #666 } .sqs-search-ui-button-wrapper.color-light .search-input { background-image: url(/universal/images-v6/icons/icon-searchqueries-20-light.png); color : #f7f7f7; border : 1px solid #eee } .sqs-search-ui-button-wrapper.color-light::-webkit-input-placeholder { color: #ddd } .sqs-search-ui-button-wrapper.color-light:-moz-placeholder { color: #ddd } .sqs-search-ui-button-wrapper.color-light::-moz-placeholder { color: #ddd } .sqs-search-ui-button-wrapper.color-light:-ms-input-placeholder { color: #ddd } .sqs-search-ui-button-wrapper .search-input { opacity : .7; transition: opacity .2s ease-out; transition: background-image .2s ease-out; padding : 12px 12px 12px 45px; background: no-repeat 15px 50%; width : 100%; min-height: 20px; display : block; box-sizing: border-box } .sqs-search-ui-button-wrapper .search-input.loading { background-image: none } .sqs-search-ui-button-wrapper .search-input.disabled { cursor: pointer } .sqs-search-ui-button-wrapper .search-input.hover-effect:hover, .sqs-search-ui-button-wrapper .search-input.hover-effect:focus { opacity: 1 } .sqs-search-ui-button-wrapper .search-input:hover::-webkit-input-placeholder { font-style: normal } .sqs-search-ui-button-wrapper .search-input:hover:-moz-placeholder { font-style: normal } .sqs-search-ui-button-wrapper .search-input:hover::-moz-placeholder { font-style: normal } .sqs-search-ui-button-wrapper .search-input:hover:-ms-input-placeholder { font-style: normal } .sqs-search-ui-button-wrapper .spinner-wrapper { position : absolute; top : 50%; transform: translatey(-50%); left : 18px } .sqs-search-ui-button-wrapper .spinner-wrapper .sqs-spin { display : block; vertical-align: middle } .sqs-search-preview-ui { position : absolute; z-index : 999999; background-color: #fff; width : 100% } .sqs-search-preview-ui .sqs-search-ui-result { border-top: none; border : 1px solid #ddd } .sqs-search-preview-ui .sqs-search-ui-result .search-result-notice { background-color: #fff; font-weight : 200; font-size : 12px; padding : 6px 12px } .sqs-search-preview-ui .sqs-search-ui-result .search-result-notice.hide { display: none } .sqs-search-preview-ui .sqs-search-ui-result .sqs-search-ui-list { max-height: 500px; overflow-x: hidden; overflow-y: scroll } .sqs-search-preview-ui .sqs-search-ui-result .sqs-search-ui-list .search-result { padding : 16px; cursor : pointer; border-bottom: 1px solid #ddd; transition : background-color .2s ease-out } .sqs-search-preview-ui .sqs-search-ui-result .sqs-search-ui-list .search-result:last-child { border-bottom: none } .sqs-search-preview-ui .sqs-search-ui-result .sqs-search-ui-list .search-result.selected, .sqs-search-preview-ui .sqs-search-ui-result .sqs-search-ui-list .search-result:hover { background-color: #f5f5f5 } .sqs-search-preview-ui .sqs-search-ui-result .sqs-search-ui-list .search-result.selected { outline-color: #333 } .sqs-search-preview-ui .sqs-search-ui-result .sqs-search-ui-list .search-result .sqs-search-ui-item { border-top: none } .sqs-search-preview-ui .sqs-search-ui-result .sqs-search-ui-list .search-result .sqs-search-ui-item em { color : #222; font-style: italic } .sqs-search-preview-ui .sqs-search-ui-result .sqs-search-ui-list .search-result .sqs-search-ui-item .sqs-main-image { position: absolute; top : 0; left : 0; right : 0; bottom : 0 } .sqs-search-preview-ui .sqs-search-ui-result .sqs-search-ui-list .search-result .sqs-search-ui-item .sqs-main-image-container { width : 50px; float : right; margin-left: 5px; box-shadow : #ddd 1px -1px 5px } .sqs-search-preview-ui .sqs-search-ui-result .sqs-search-ui-list .search-result .sqs-search-ui-item .sqs-main-image-intrinsic { position : relative; width : 100%; height : 0; padding-bottom: 100% } .sqs-search-preview-ui .sqs-search-ui-result .sqs-search-ui-list .search-result .sqs-search-ui-item .sqs-title { font-size : 16px; line-height : 1.2em; margin-bottom: .5em; color : #333 } .sqs-search-preview-ui .sqs-search-ui-result .sqs-search-ui-list .search-result .sqs-search-ui-item .sqs-content { font-size : 12px; line-height: 1.4em } .sqs-search-preview-ui.no-image .sqs-main-image-container { display: none } .twitter-block .tweet-list { list-style-type: none; margin : 0 0 2.2em 0; padding : 0 } .twitter-block .tweet { margin: 0 0 2.2em 0 } .twitter-block .tweet a { border: 0 } .twitter-block .tweet .tweet-avatar-wrapper { float: left } .twitter-block .tweet .tweet-avatar { border-radius: 2px } .twitter-block .tweet .tweet-text-wrapper { margin-left: 60px } .twitter-block .tweet.no-avatar .tweet-text-wrapper { margin-left: 0px } .twitter-block .tweet .tweet-from { font-size : 1.1em; margin : 0 0 .5em 0; line-height: 1em; font-weight: bold } .twitter-block .tweet .tweet-timestamp a { font-size: .8em } .sqs-block-quote figure { margin: 1em 0 } .sqs-block-quote blockquote { margin: 0 } .sqs-block-quote .source { text-align: right } .sqs-block-quote .sqs-block-content .block-animation.animation-disabled, .sqs-block-quote .sqs-block-content .block-animation.animation-loaded { transform: translatez(0) } :not(.sqs-edit-mode) .sqs-block-quote .sqs-block-content .block-animation-fade-in, .sqs-edit-mode.sqs-edit-mode-active .sqs-block-quote .sqs-block-content .block-animation-fade-in { transition : opacity 800ms cubic-bezier(.4, 0, .2, 1), transform 800ms cubic-bezier(.4, 0, .2, 1); will-change: opacity, transform; opacity : 0; transform : matrix(1, 0, 0, 1, 0, 0) } :not(.sqs-edit-mode) .sqs-block-quote .sqs-block-content .block-animation-fade-in.animation-loaded, .sqs-edit-mode.sqs-edit-mode-active .sqs-block-quote .sqs-block-content .block-animation-fade-in.animation-loaded, .sqs-block-quote .sqs-block-content .block-animation-fade-in.animation-loaded { opacity : 1; transform: matrix(1, 0, 0, 1, 0, 0) } :not(.sqs-edit-mode) .sqs-block-quote .sqs-block-content .block-animation-slide-up, .sqs-edit-mode.sqs-edit-mode-active .sqs-block-quote .sqs-block-content .block-animation-slide-up { transition : opacity 800ms cubic-bezier(.4, 0, .2, 1), transform 800ms cubic-bezier(.4, 0, .2, 1); will-change: opacity, transform; opacity : 0; transform : matrix(1, 0, 0, 1, 0, 20) } :not(.sqs-edit-mode) .sqs-block-quote .sqs-block-content .block-animation-slide-up.animation-loaded, .sqs-edit-mode.sqs-edit-mode-active .sqs-block-quote .sqs-block-content .block-animation-slide-up.animation-loaded, .sqs-block-quote .sqs-block-content .block-animation-slide-up.animation-loaded { opacity : 1; transform: matrix(1, 0, 0, 1, 0, 0) } :not(.sqs-edit-mode) .sqs-block-quote .sqs-block-content .block-animation-reveal, .sqs-edit-mode.sqs-edit-mode-active .sqs-block-quote .sqs-block-content .block-animation-reveal { transition : opacity 800ms cubic-bezier(.4, 0, .2, 1), transform 800ms cubic-bezier(.4, 0, .2, 1); will-change: opacity, transform; opacity : 0; transform : matrix(1, 0, 0, 1, 20, 0) } :not(.sqs-edit-mode) .sqs-block-quote .sqs-block-content .block-animation-reveal.animation-loaded, .sqs-edit-mode.sqs-edit-mode-active .sqs-block-quote .sqs-block-content .block-animation-reveal.animation-loaded, .sqs-block-quote .sqs-block-content .block-animation-reveal.animation-loaded { opacity : 1; transform: matrix(1, 0, 0, 1, 0, 0) } :not(.sqs-edit-mode) .sqs-block-quote .sqs-block-content .block-animation-focus-in, .sqs-edit-mode.sqs-edit-mode-active .sqs-block-quote .sqs-block-content .block-animation-focus-in { transition : opacity 800ms cubic-bezier(.4, 0, .2, 1), transform 800ms cubic-bezier(.4, 0, .2, 1); will-change: opacity, transform; opacity : 0; transform : matrix(.92, 0, 0, .92, 0, 0) } :not(.sqs-edit-mode) .sqs-block-quote .sqs-block-content .block-animation-focus-in.animation-loaded, .sqs-edit-mode.sqs-edit-mode-active .sqs-block-quote .sqs-block-content .block-animation-focus-in.animation-loaded, .sqs-block-quote .sqs-block-content .block-animation-focus-in.animation-loaded { opacity : 1; transform: matrix(1, 0, 0, 1, 0, 0) } .sqs-block-quote .sqs-block-content .block-animation.animation-disabled { transition: none !important } .rss-block .social-rss:before, .rss-block .social-rss-square:before, .rss-block .social-rss-round:before { font-family : 'social-icon-font'; speak : none; font-style : normal; font-weight : normal; line-height : 1; -webkit-font-smoothing: antialiased; position : relative; top : 0; margin-right : 10px; font-size : .7em } .rss-block .social-rss:before { content : "\e630"; position : relative; top : -.05em; margin-right: .4em; font-size : .7em } .rss-block .sqs-blockStatus+.social-rss { display: none } .captcha-container.rendered { margin-bottom: 24px; width : 304px } .captcha-container.rendered.align-center { margin-left : auto; margin-right: auto } .captcha-container.rendered.align-right { margin-left: auto } .sqs-block-zola .sqs-block-content { transition: opacity .3s ease-in } .sqs-block-zola .sqs-block-content.is-rendering { opacity: .1 } .sqs-block-zola .zola-block-wrapper { background: #fff } .sqs-block-zola .zola-block-wrapper.zola-block-setting-inset { padding: 0 20px } .sqs-block-acuity .sqs-block-content { transition: opacity .3s ease-in } .sqs-block-acuity .sqs-block-content.is-rendering { opacity: .1 } .sqs-block-acuity .sqs-block-content iframe { min-height: 1000px } .sqs-block-acuity .sqs-block-content iframe[style] { min-height: 0 } .member-area-block .sqs-editable-button { display : inline-block; width : auto; height : auto; padding : 1em 2.5em; color : #fff; background-color : #272727; border-width : 0; font-family : "Helvetica Neue", Helvetica, Arial, sans-serif; font-size : 12px; line-height : 1em; font-weight : normal; font-style : normal; text-transform : uppercase; letter-spacing : 0px; text-align : center; text-decoration : none; cursor : pointer; -webkit-appearance: none; appearance : none } .member-area-block .ma-pricing-toggle-wrapper { display : flex; justify-content: flex-start } .member-area-block .ma-pricing-toggle-wrapper.hide { display: none } .member-area-block .ma-pricing-toggle-wrapper.toggle-left { justify-content: flex-start } .member-area-block .ma-pricing-toggle-wrapper.toggle-center { justify-content: center } .member-area-block .ma-pricing-toggle-wrapper.toggle-right { justify-content: flex-end } .member-area-block .ma-pricing-options { display : grid; display : -ms-grid; grid-template-columns: repeat(2, 1fr); -ms-grid-columns : 1fr 1fr; list-style-type : none; padding : 0px; margin : 0px } .member-area-block .ma-pricing-options .sqs-editable-button.ma-pricing-option-button { width : 100%; height : 100%; padding : .6em 1.1em !important; text-align : center; border-radius : 0px; color : #272727; border : 1px solid #272727; background-color: transparent } @media (hover:hover) { .member-area-block .ma-pricing-options .sqs-editable-button.ma-pricing-option-button:hover { opacity : 1; color : #fff; background-color: #272727 } } .member-area-block .ma-pricing-options .sqs-editable-button.ma-pricing-option-selected { color : #fff; background-color: #272727 } .member-area-block .ma-pricing-options .left-option { -ms-grid-column: 1 } .member-area-block .ma-pricing-options .right-option { -ms-grid-column: 2 } .member-area-block .hide, .member-area-block .join-button.hide { display: none } .member-area-block .below-pricing-toggle { margin-top: 33px } body .ma-pricing-toggle-wrapper .ma-pricing-options .ma-pricing-option-button.sqs-editable-button.sqs-system-button.left-button { border-radius: 300px 0px 0px 300px } body .ma-pricing-toggle-wrapper .ma-pricing-options .ma-pricing-option-button.sqs-editable-button.sqs-system-button.right-button { border-radius: 0px 300px 300px 0px } .primary-button-style-outline .sqs-block-member-area .ma-pricing-options .sqs-editable-button.ma-pricing-option-button { border-width: 2px } .product-block .productDetails div.product-title.member-area-title { font-size : 1.5em; margin-top : 33px; margin-bottom: 11px } .member-area-price-amount { font-size : 2em; margin-top : 11px; line-height: 90% } .member-area-price-billing-period { font-size : 1em; opacity : .75; margin-bottom: 22px; margin-top : 11px } .product-block .productDetails .product-price.member-area-product-price { margin : 0 0 12px 0; line-height: normal } .product-block .productDetails .product-price.member-area-product-price.below-pricing-toggle { margin-top: 33px } .member-area-description { margin : 0 0 22px 0; line-height: normal; font-size : 1em } .member-area-benefits-divider { margin-top : 22px; margin-bottom: 22px } .member-area-benefit-description:not(:last-child) { margin-bottom: 6px } .tock-flex-container { display : flex; flex-direction: row } .tock-align-left { justify-content: flex-start } .tock-align-center { justify-content: center } .tock-align-right { justify-content: flex-end } .hide-tock-logo div#Tock_widget_container>div.TockWidgetWrapper .TockLogo-container, .hide-tock-logo div#Tock_widget_container>div.TockWidgetWrapper .TockSearchBar-tockIcon { display: none } .sqs-block-markdown { clear: none } .sqs-block-markdown .sqs-block-content { position: relative } .sqs-block-markdown .sqs-block-content *:first-child { margin-top: 0 } .sqs-block-markdown .sqs-block-content *:last-child { margin-bottom: 0 } .sqs-block-markdown .sqs-placeholder { color: #999 } .sqs-block-markdown .sqs-editing-overlay { display: none } .sqs-block-markdown hr { border : none; border-bottom: 1px solid #ccc; width : 75%; margin-left : auto; margin-right : auto } .sqs-block-markdown textarea { position : absolute; top : 17px; bottom : 0; left : 17px; right : 17px; width : calc(100% - 34px); padding : 0; margin : 0; border : none; background: transparent; outline : none; resize : none; overflow : hidden; color : #333 } .sqs-block-markdown .textarea-clone { margin : 0; min-height: 18px; visibility: hidden } .sqs-block-markdown textarea, .sqs-block-markdown .textarea-clone { font : 15px/18px 'Courier New', monospace !important; white-space: pre-wrap; word-wrap : break-word } .sqs-block-markdown img { max-width: 100%; height : auto } .donation-block .sqs-donate-button-wrapper { display: block } .donation-block .sqs-donate-button-wrapper--align-left { text-align: left } .donation-block .sqs-donate-button-wrapper--align-center { text-align: center } .donation-block .sqs-donate-button-wrapper--align-right { text-align: right } .donation-block .sqs-donate-button { display : inline-block; width : auto; height : auto; padding : 1em 2.5em; color : #fff; background-color : #272727; border-width : 0; font-family : "Helvetica Neue", Helvetica, Arial, sans-serif; font-size : 12px; line-height : 1em; font-weight : normal; font-style : normal; text-transform : uppercase; letter-spacing : 0px; text-align : center; text-decoration : none; cursor : pointer; -webkit-appearance: none; appearance : none } .sqs-block-html { clear: none } .sqs-block-html .sqs-block-content, .sqs-block-html .sqs-html-content { outline: none } .sqs-block-html .sqs-block-content *:not(h1):not(h2):not(h3), .sqs-block-html .sqs-html-content *:not(h1):not(h2):not(h3) { word-wrap: break-word } .sqs-block-html .sqs-block-content>*:first-child, .sqs-block-html .sqs-html-content>*:first-child { margin-top: 0 } .sqs-block-html .sqs-block-content>*:last-child, .sqs-block-html .sqs-html-content>*:last-child { margin-bottom: 0 } .sqs-block-html .sqs-block-content.sqs-background-enabled .sqs-block-content>*:nth-last-child(2), .sqs-block-html .sqs-html-content.sqs-background-enabled .sqs-block-content>*:nth-last-child(2) { margin-bottom: 0 } .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container { height: auto } .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container:not(.loaded) *, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container:not(.loaded) * { white-space: normal !important; transform : none !important; max-width : none !important; height : auto !important } .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container.loaded .sqsrte-scaled-text, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container.loaded .sqsrte-scaled-text, .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container.loaded .sqsrte-scaled-text h1, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container.loaded .sqsrte-scaled-text h1, .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container.loaded .sqsrte-scaled-text h2, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container.loaded .sqsrte-scaled-text h2, .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container.loaded .sqsrte-scaled-text h3, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container.loaded .sqsrte-scaled-text h3, .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container.loaded .sqsrte-scaled-text h4, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container.loaded .sqsrte-scaled-text h4, .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container.loaded .sqsrte-scaled-text p, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container.loaded .sqsrte-scaled-text p, .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container.loaded .sqsrte-scaled-text a, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container.loaded .sqsrte-scaled-text a, .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container.loaded .sqsrte-scaled-text pre, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container.loaded .sqsrte-scaled-text pre, .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container.loaded .sqsrte-scaled-text code, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container.loaded .sqsrte-scaled-text code { position : relative; left : initial; white-space: nowrap !important; margin : 0 } .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container>.sqsrte-scaled-text, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container>.sqsrte-scaled-text { transform-origin: 0 0; position : relative; display : inline-block; word-break : break-all; margin : 0; padding : 0; position : absolute; left : -10000px } .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container>.sqsrte-scaled-text a, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container>.sqsrte-scaled-text a { display: inline-block } .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container>.sqsrte-scaled-text h1, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container>.sqsrte-scaled-text h1, .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container>.sqsrte-scaled-text h2, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container>.sqsrte-scaled-text h2, .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container>.sqsrte-scaled-text h3, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container>.sqsrte-scaled-text h3, .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container>.sqsrte-scaled-text h4, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container>.sqsrte-scaled-text h4, .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container>.sqsrte-scaled-text p, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container>.sqsrte-scaled-text p, .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container>.sqsrte-scaled-text a, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container>.sqsrte-scaled-text a, .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container>.sqsrte-scaled-text pre, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container>.sqsrte-scaled-text pre, .sqs-block-html .sqs-block-content .sqsrte-scaled-text-container>.sqsrte-scaled-text code, .sqs-block-html .sqs-html-content .sqsrte-scaled-text-container>.sqsrte-scaled-text code { margin : 0; padding : 0; line-height: 1; font-size : inherit !important } .sqs-block-html .sqs-block-content .sqsrte-text-highlight a:link, .sqs-block-html .sqs-html-content .sqsrte-text-highlight a:link, .sqs-block-html .sqs-block-content .sqsrte-text-highlight a:visited, .sqs-block-html .sqs-html-content .sqsrte-text-highlight a:visited, .sqs-block-html .sqs-block-content .sqsrte-text-highlight a:hover, .sqs-block-html .sqs-html-content .sqsrte-text-highlight a:hover, .sqs-block-html .sqs-block-content .sqsrte-text-highlight a:active, .sqs-block-html .sqs-html-content .sqsrte-text-highlight a:active { text-decoration : none; background-image: none } .sqs-block-html .TextShape { text-decoration: none !important } .sqs-block-html .TextShape-node { --stroke : currentcolor; --stroke-width : 1px; --stroke-linecap : square; --stroke-linejoin : square; --opacity : 1; --blend : none; position : absolute; display : block; top : 0; left : 0; pointer-events : none; z-index : -1; user-select : none; -webkit-user-select: none; opacity : 1; visibility : visible; transition : opacity .25s ease-out, visibility .25s ease-out; mix-blend-mode : var(--blend) } .sqs-block-html .TextShape-node[data-is-front="true"] { z-index: 1 } .sqs-block-html .TextShape-node svg { position : absolute; display : block; top : 0; left : 0; width : 100%; height : 100%; overflow : visible; stroke : var(--stroke); stroke-width : var(--stroke-width); stroke-width : max(1px, var(--stroke-width)); stroke-linecap : var(--stroke-linecap); stroke-linejoin: var(--stroke-linejoin); fill : none; opacity : var(--opacity) } .embed-block .intrinsic, .video-block .intrinsic, .embed-block .sqs-block-content .intrinsic, .video-block .sqs-block-content .intrinsic { position: relative } .embed-block .intrinsic .embed-block-wrapper:not(.embed-block-provider-SoundCloud), .video-block .intrinsic .embed-block-wrapper:not(.embed-block-provider-SoundCloud), .embed-block .sqs-block-content .intrinsic .embed-block-wrapper:not(.embed-block-provider-SoundCloud), .video-block .sqs-block-content .intrinsic .embed-block-wrapper:not(.embed-block-provider-SoundCloud) { position: relative } .embed-block .intrinsic .embed-block-wrapper:not(.embed-block-provider-SoundCloud) .sqs-video-wrapper, .video-block .intrinsic .embed-block-wrapper:not(.embed-block-provider-SoundCloud) .sqs-video-wrapper, .embed-block .sqs-block-content .intrinsic .embed-block-wrapper:not(.embed-block-provider-SoundCloud) .sqs-video-wrapper, .video-block .sqs-block-content .intrinsic .embed-block-wrapper:not(.embed-block-provider-SoundCloud) .sqs-video-wrapper { position: absolute; top : 0; left : 0; width : 100%; height : 100% } .embed-block .intrinsic .embed-block-wrapper:not(.embed-block-provider-SoundCloud) iframe, .video-block .intrinsic .embed-block-wrapper:not(.embed-block-provider-SoundCloud) iframe, .embed-block .sqs-block-content .intrinsic .embed-block-wrapper:not(.embed-block-provider-SoundCloud) iframe, .video-block .sqs-block-content .intrinsic .embed-block-wrapper:not(.embed-block-provider-SoundCloud) iframe { position: absolute; top : 0; left : 0; width : 100%; height : 100% } .embed-block .intrinsic .embed-block-wrapper:not(.embed-block-provider-SoundCloud) .flickr-oembed, .video-block .intrinsic .embed-block-wrapper:not(.embed-block-provider-SoundCloud) .flickr-oembed, .embed-block .sqs-block-content .intrinsic .embed-block-wrapper:not(.embed-block-provider-SoundCloud) .flickr-oembed, .video-block .sqs-block-content .intrinsic .embed-block-wrapper:not(.embed-block-provider-SoundCloud) .flickr-oembed { position: absolute; top : 0; left : 0; width : 100%; height : 100% } .embed-block .intrinsic .embed-block-provider-SoundCloud, .video-block .intrinsic .embed-block-provider-SoundCloud, .embed-block .sqs-block-content .intrinsic .embed-block-provider-SoundCloud, .video-block .sqs-block-content .intrinsic .embed-block-provider-SoundCloud { padding-bottom: 0 !important } .embed-block .intrinsic .embed-block-provider-SoundCloud iframe, .video-block .intrinsic .embed-block-provider-SoundCloud iframe, .embed-block .sqs-block-content .intrinsic .embed-block-provider-SoundCloud iframe, .video-block .sqs-block-content .intrinsic .embed-block-provider-SoundCloud iframe { width: 100% } .sqs-stretched.sqs-block-audio .sqs-block-content, .sqs-stretched.sqs-block-audio .sqs-block-audio-content, .sqs-stretched.sqs-block-audio .sqs-audio-embed, .sqs-stretched.sqs-block-audio .sqs-widgets-audio-player, .sqs-stretched.sqs-block-audio .sqs-widgets-audio-player-content, .sqs-stretched.sqs-block-audio .player { height: 100% } .sqs-stretched.sqs-block-audio .sqs-widgets-audio-player .player .play { display : flex; align-items: center } .sqs-stretched.sqs-block-audio .sqs-widgets-audio-player.playing .player .play { display: none } .sqs-stretched.sqs-block-audio .sqs-widgets-audio-player.playing .player .pause { display: block } .fluid-engine .sqs-block-map.vsize-12 .sqs-block-content { height: 100% } .sqs-block-map .sqs-block-map-content { position: relative } .sqs-block-map .sqs-block-map-content .sqs-map-wrapper { position : absolute !important; top : 0; left : 0; height : 100%; max-width: none; width : 100% } .sqs-gallery-block-stacked { padding: 0; margin : 0 } .sqs-gallery-block-stacked a { border: 0 } .sqs-gallery-block-stacked .image-wrapper { margin : 0 0 1px 0; line-height: 1px } .sqs-gallery-block-stacked .image-wrapper img { width: 100% } .sqs-gallery-block-stacked .meta { display: none } .sqs-gallery-block-stacked.sqs-gallery-block-show-meta .meta { display: block } .sqs-gallery-block-stacked .meta-inside { margin-bottom: 28px; margin-top : 14px } .sqs-gallery-block-stacked .meta-title { margin-bottom: .3em } .sqs-gallery-block-stacked .meta-description { font-size : .9em; line-height: 1.5em } .sqs-gallery-block-stacked .meta-description p { margin-bottom: 0; margin-top : 0 } .sqs-gallery-block-slideshow { position : relative; background-color: rgba(175, 175, 175, .1) } .sqs-gallery-block-slideshow.sqs-gallery-transparent-background { background-color: transparent } .sqs-gallery-block-slideshow .slide>a { position: absolute; top : 0; left : 0; width : 100%; height : 100%; display : block } .sqs-gallery-block-slideshow .slide .meta { opacity: 0 } .sqs-gallery-block-slideshow .meta { position : absolute; opacity : 0; background-color: #111; background-color: rgba(0, 0, 0, .3) } .sqs-gallery-block-slideshow .meta .meta-title { color: #fff } .sqs-gallery-block-slideshow .meta .meta-title { font-size : 18px; line-height : 1.2em; letter-spacing: 1px } .sqs-gallery-block-slideshow .meta .meta-title+.meta-description { margin-top: .3em } .sqs-gallery-block-slideshow .meta .meta-description, .sqs-gallery-block-slideshow .meta .meta-description p { color : #ddd; color : rgba(255, 255, 255, .95); font-size : 14px; line-height: 1.5em } .sqs-gallery-block-slideshow .meta .meta-description strong { color: inherit } .sqs-gallery-block-slideshow .meta .meta-description *:first-child { margin-top: 0 } .sqs-gallery-block-slideshow .meta .meta-description *:last-child { margin-bottom: 0 } .sqs-gallery-block-slideshow .meta-inside { padding: 25px } .sqs-gallery-block-slideshow .meta a, .sqs-gallery-block-slideshow .meta a:hover { color : #fff; text-decoration: underline } .sqs-gallery-block-slideshow .meta.overflow { overflow-y: auto } .sqs-gallery-block-slideshow .slide.loaded .meta { opacity: 1 } .sqs-gallery-block-slideshow.sqs-gallery-block-meta-hover .meta { opacity : 0 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" } .sqs-gallery-block-slideshow.sqs-gallery-block-meta-hover .slide:hover .meta, .sqs-gallery-block-slideshow.sqs-gallery-block-meta-hover .slide :focus~.meta { opacity : 1 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" } .sqs-gallery-block-slideshow .meta { display : none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" } .sqs-gallery-block-slideshow.sqs-gallery-block-show-meta .sqs-active-slide .meta { display : block; opacity : 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" } .sqs-gallery-block-slideshow.sqs-gallery-block-show-meta .mobile-view .slide.loaded>a { line-height: 0; height : auto; position : static } .sqs-gallery-block-slideshow.sqs-gallery-block-show-meta .mobile-view .slide.loaded .sqs-video-wrapper { position: static } .sqs-gallery-block-slideshow.sqs-gallery-block-show-meta .mobile-view .slide.loaded .meta { background-color: transparent; color : inherit; padding : 20px 0 10px 0; margin : 0; max-width : none !important; opacity : 1 !important; position : static !important } .sqs-gallery-block-slideshow.sqs-gallery-block-show-meta .mobile-view .slide.loaded .meta .meta-inside { padding: 0 } .sqs-gallery-block-slideshow.sqs-gallery-block-show-meta .mobile-view .slide.loaded .meta .meta-title, .sqs-gallery-block-slideshow.sqs-gallery-block-show-meta .mobile-view .slide.loaded .meta .meta-description, .sqs-gallery-block-slideshow.sqs-gallery-block-show-meta .mobile-view .slide.loaded .meta .meta-description p { color: inherit } .sqs-gallery-block-slideshow.sqs-gallery-block-show-meta .mobile-view .slide.loaded .meta .meta-title { font-size: .9em } .sqs-gallery-block-slideshow.sqs-gallery-block-show-meta .mobile-view .slide.loaded .meta .meta-description { font-size: .9em } .sqs-gallery-block-slideshow.sqs-gallery-block-show-meta .mobile-view .slide.loaded .meta .meta-description p { font-size : 1em; line-height: 1.3em } .sqs-gallery-block-slideshow .slide.video-playing .meta { display: none } .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-top .meta, .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-top-left .meta, .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-top-right .meta { top: 0px } .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-top-left .meta, .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-top-right .meta { max-width: 50%; margin : 20px } .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-center .meta { max-width : 50%; top : 50%; left : 50%; text-align: center } .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-bottom .meta, .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-bottom-left .meta, .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-bottom-right .meta { bottom: 0px } .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-bottom .meta { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(30, 30, 30, .3) 100%) } .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-bottom .meta-inside { padding: 30px 20px 15px } .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-bottom-left .meta, .sqs-gallery-block-slideshow.sqs-gallery-block-meta-position-bottom-right .meta { max-width: 50%; margin : 20px } .sqs-gallery-block-slider { position: relative; height : 100% } .sqs-gallery-block-grid { overflow: hidden } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-1 .sqs-gallery-design-grid-slide { width: 100% !important } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-1 .sqs-gallery-design-grid-slide:nth-child(1n + 1) { clear: left } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-2 .sqs-gallery-design-grid-slide { width: 50% } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-2 .sqs-gallery-design-grid-slide:nth-child(2n + 1) { clear: left } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-3 .sqs-gallery-design-grid-slide { width: 33.33333333% } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-3 .sqs-gallery-design-grid-slide:nth-child(3n + 1) { clear: left } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-4 .sqs-gallery-design-grid-slide { width: 25% } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-4 .sqs-gallery-design-grid-slide:nth-child(4n + 1) { clear: left } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-5 .sqs-gallery-design-grid-slide { width: 20% } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-5 .sqs-gallery-design-grid-slide:nth-child(5n + 1) { clear: left } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-6 .sqs-gallery-design-grid-slide { width: 16.66666667% } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-6 .sqs-gallery-design-grid-slide:nth-child(6n + 1) { clear: left } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-7 .sqs-gallery-design-grid-slide { width: 14.28571429% } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-7 .sqs-gallery-design-grid-slide:nth-child(7n + 1) { clear: left } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-8 .sqs-gallery-design-grid-slide { width: 12.5% } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-8 .sqs-gallery-design-grid-slide:nth-child(8n + 1) { clear: left } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-9 .sqs-gallery-design-grid-slide { width: 11.11111111% } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-9 .sqs-gallery-design-grid-slide:nth-child(9n + 1) { clear: left } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-10 .sqs-gallery-design-grid-slide { width: 10% } .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-10 .sqs-gallery-design-grid-slide:nth-child(10n + 1) { clear: left } .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-square .slide .margin-wrapper a.image-slide-anchor, .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-square .slide .margin-wrapper .content-wrapper, .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-square .slide .margin-wrapper .content-wrapper.content-fill .sqs-video-wrapper { padding-bottom: 100% } .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-standard .slide .margin-wrapper a.image-slide-anchor, .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-standard .slide .margin-wrapper .content-wrapper, .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-standard .slide .margin-wrapper .content-wrapper.content-fill .sqs-video-wrapper { padding-bottom: 66.666% } .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-standard-vertical .slide .margin-wrapper a.image-slide-anchor, .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-standard-vertical .slide .margin-wrapper .content-wrapper, .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-standard-vertical .slide .margin-wrapper .content-wrapper.content-fill .sqs-video-wrapper { padding-bottom: 150% } .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-four-three .slide .margin-wrapper a.image-slide-anchor, .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-four-three .slide .margin-wrapper .content-wrapper, .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-four-three .slide .margin-wrapper .content-wrapper.content-fill .sqs-video-wrapper { padding-bottom: 75% } .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-three-four-vertical .slide .margin-wrapper a.image-slide-anchor, .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-three-four-vertical .slide .margin-wrapper .content-wrapper, .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-three-four-vertical .slide .margin-wrapper .content-wrapper.content-fill .sqs-video-wrapper { padding-bottom: 133.333% } .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-widescreen .slide .margin-wrapper a.image-slide-anchor, .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-widescreen .slide .margin-wrapper .content-wrapper, .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-widescreen .slide .margin-wrapper .content-wrapper.content-fill .sqs-video-wrapper { padding-bottom: 56.25% } .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-anamorphic-widescreen .slide .margin-wrapper a.image-slide-anchor, .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-anamorphic-widescreen .slide .margin-wrapper .content-wrapper, .sqs-gallery-block-grid.sqs-gallery-aspect-ratio-anamorphic-widescreen .slide .margin-wrapper .content-wrapper.content-fill .sqs-video-wrapper { padding-bottom: 41.666% } .sqs-gallery-block-grid .slide { float: left; width: 25% } .sqs-gallery-block-grid .slide .margin-wrapper { position: relative } .sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor { padding-bottom: 100%; width : 100%; height : 0; display : block; cursor : default; border-bottom : none } .sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor img { display: inline-block } .sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor[href] img { cursor: pointer } .sqs-gallery-block-grid .slide .margin-wrapper .content-wrapper { padding-bottom: 100%; width : 100%; display : block } .sqs-gallery-block-grid .slide .margin-wrapper .content-wrapper.content-fill .sqs-video-wrapper { height : 0; padding-bottom: 100% } .sqs-gallery-block-grid .slide .margin-wrapper .content-wrapper.video-lightbox-wrapper { cursor: pointer } .sqs-gallery-block-grid .slide .margin-wrapper .content-wrapper.video-lightbox-wrapper .sqs-video-wrapper .intrinsic { pointer-events: none } .sqs-gallery-block-grid .slide .margin-wrapper .image-slide-title { text-align: center; display : none } .sqs-gallery-block-grid .slide .meta { position: relative } .sqs-gallery-block-grid .slide .meta h1 { font-size : 12px; letter-spacing: normal; margin : 0 } .sqs-gallery-block-grid.sqs-gallery-block-meta-only-title .margin-wrapper .image-slide-title { display : block; text-align : center; font-size : 14px; margin-top : .5em; width : 100%; white-space : nowrap; overflow : hidden; text-overflow: ellipsis } .sqs-block .sqs-gallery-thumbnails .sqs-video-thumbnail { position: relative } .sqs-block .sqs-gallery-thumbnails .sqs-video-thumbnail img { height: 100% } .sqs-block .sqs-gallery-thumbnails .sqs-video-thumbnail .sqs-video-thumbnail-icon { opacity : 1; position : absolute; top : 50%; left : 50%; background-image : url('../../../../../../../universal/images-v6/icons/icon-video-24-light-solid-1.png'); background-position: center center; height : 24px; width : 24px; margin-left : -12px; margin-top : -12px } .sqs-block .sqs-gallery-thumbnails .sqs-video-thumbnail.no-image .sqs-video-thumbnail-inner { background-image : url('../../../../../../../universal/images-v6/icons/icon-video-24-light-solid-1.png'); background-position: center center; background-repeat : no-repeat } .sqs-block .sqs-gallery-thumbnails .sqs-video-thumbnail:not(.no-image).loading .sqs-video-thumbnail-icon { opacity: 0 } .sqs-block .sqs-gallery-thumbnails .sqs-video-thumbnail .sqs-video-thumbnail-inner { height : 100%; background: #000 } .sqs-block .sqs-gallery-thumbnails .sqs-gallery-design-strip-slide { opacity: .5 } .sqs-block .sqs-gallery-thumbnails .sqs-gallery-design-strip-slide.sqs-active-slide { opacity: 1 } @media only screen and (max-width:480px) { .sqs-gallery-block-slideshow .meta { display: none !important } } @media only screen and (device-width:768px) { .sqs-gallery-block-slideshow.sqs-gallery-block-show-meta .meta { opacity: 1 !important } } .sqs-block.gallery-block .sqs-helper .sqs-handle-bottom { display: none } .sqs-block.gallery-block.sized .sqs-helper .sqs-handle-bottom { display: block } .sqs-layout.editing .sqs-block.gallery-block:hover .sqs-gallery-block-slideshow.sqs-gallery-block-meta-hover .meta { opacity: 1 !important } .sqs-gallery-dummy-images { background-color: transparent } .sqs-gallery-dummy-images img, .sqs-gallery-dummy-images+.sqs-gallery-thumbnails img { background-color: rgba(0, 0, 0, .03) } /*! WARNING: block .less requested, but unable to resolve css from system cache: calendar */ .summary-block ul { list-style-type: none; margin : 0; padding : 0 } .summary-block .summary-item:not(:last-child) { margin-bottom: 24px } .summary-block .summary-collection-title { display: none } .summary-block .summary-thumbnail { overflow: hidden; height : 150px } .summary-block .summary-title { font-size: 1.2em } .summary-block .summary-content-below-thumbnail .summary-title { margin: 1em 0 0 0 } .summary-block .summary-excerpt { margin: .75em 0 } .summary-block .summary-excerpt p { font-size: .9em } .summary-block .timestamp { display : block; font-size : .8em; text-transform: uppercase } .summary-block .summary-more-link { display : none; margin-left: 3px } .sqs-block-horizontalrule hr { border : none; color : #bbb; background-color: #bbb; height : 1px } .product-block .image-container { position: relative; display : block; width : 100% } .product-block .image-container a { display : block; width : 100%; line-height: 0 } .product-block .image-container img { width : 100%; max-width: 100% } .product-block .image-container img:not(.loaded) .sqs-product-mark-wrapper .sqs-product-quick-view-button-wrapper { opacity: 0 !important } .product-block .image-container .product-mark { position : absolute; top : 15px; right : 0; background : #222; padding : 6px 8px; color : #fff; line-height : 1em; text-transform : uppercase; -webkit-font-smoothing: antialiased } .product-block .image-container .sqs-product-block-variant-image { display : none; width : 100%; line-height: 0 } .product-block .image-container .sqs-product-block-variant-image.shown { display: block } .product-block .image-container .sqs-product-block-variant-image.shown~.sqs-product-block-main-image { display: none } .sqs-style-mode-active .product-block.is-product-quick-view-enabled.is-first-product-block .sqs-product-quick-view-button-wrapper { opacity: 1 } .sqs-style-mode-active .product-block.is-product-quick-view-enabled.is-first-product-block .sqs-product-mark-wrapper { opacity: 0 } .product-block .productDetails.center { text-align: center } .product-block .productDetails.center .sqs-add-to-cart-button-wrapper { margin-left : auto; margin-right: auto } .product-block .productDetails.right { text-align: right } .product-block .productDetails.right .sqs-add-to-cart-button-wrapper { margin-left: auto } .product-block .productDetails .product-title { font-size : 1.3em; line-height: 1em; margin : 1em 0 .2em 0; display : inline-block } .product-block .productDetails .product-price { font-size: 1.1em; margin : 0 0 1em 0 } .product-block .productDetails .product-price input { width : 130px; height : 30px; padding-left: 5px } .product-block .productDetails .product-price .minimum-price { margin-top : 3px; margin-left: 10px } .product-block .productDetails .product-price .original-price { text-decoration: line-through; opacity : .7; filter : alpha(opacity=70) } .product-block .productDetails .product-price .strikeout { text-decoration: line-through } .product-block .productDetails .product-variants .variant-option { margin: 0 0 1em 0 } .product-block .productDetails .product-variants .variant-out-of-stock { color : #c00; margin-top: 8px } .product-block .productDetails .product-variants .variant-radiobtn-wrapper { display: none } .product-block .productDetails .product-quantity-input input { background-color: #fff; color : #222 } .product-block .productDetails .product-scarcity { margin-top: 1em; font-size : 1.1em; color : #000 } .product-block .buy-button, .product-block .sqs-add-to-cart-button-wrapper { margin : 20px 0; display: block } .product-block .buy-button:hover, .product-block .sqs-add-to-cart-button-wrapper:hover { opacity: 1 } .product-block .sqs-add-to-cart-button { display : inline-block; width : auto; height : auto; padding : 1em 2.5em; color : #fff; background-color : #272727; border-width : 0; font-family : "Helvetica Neue", Helvetica, Arial, sans-serif; font-size : 12px; line-height : 1em; font-weight : normal; font-style : normal; text-transform : uppercase; letter-spacing : 0px; text-align : center; text-decoration : none; cursor : pointer; -webkit-appearance: none; appearance : none } .product-block .sqs-amazon-button { display : inline-block; width : auto; height : auto; padding : 1em 2.5em; color : #fff; background-color : #272727; border-width : 0; font-family : "Helvetica Neue", Helvetica, Arial, sans-serif; font-size : 12px; line-height : 1em; font-weight : normal; font-style : normal; text-transform : uppercase; letter-spacing : 0px; text-align : center; text-decoration : none; cursor : pointer; -webkit-appearance: none; appearance : none; text-transform : none } .product-block .center .sqs-amazon-button { text-align: center } .product-block .right .sqs-amazon-button { text-align: right } .sqs-block-accordion .accordion-items-container { margin : 0; padding : 0; list-style-type: none } .sqs-block-accordion .accordion-item { padding : 0; margin : 0; position: relative } .sqs-block-accordion .accordion-divider { background-color: currentColor } .sqs-block-accordion .accordion-items-container:not([data-is-last-divider-visible="true"]) .accordion-item:last-of-type .accordion-divider { display: none } .sqs-block-accordion .accordion-item__title-wrapper { margin : 0; padding: 0 } .sqs-block-accordion .accordion-item__title { flex: 1 } .sqs-block-accordion [data-accordion-title-alignment="center"] .accordion-item__title { text-align: center } .sqs-block-accordion [data-accordion-title-alignment="right"] .accordion-item__title { text-align: right } .sqs-block-accordion .accordion-item__click-target { box-sizing : border-box; width : 100%; background : transparent; border : none; display : flex; justify-content : space-between; align-items : center; text-align : left; -webkit-appearance: none; font-family : inherit; font-size : inherit; font-weight : inherit; font-style : inherit; text-transform : inherit; letter-spacing : inherit; color : inherit; touch-action : manipulation } .sqs-block-accordion [data-accordion-icon-placement="left"] .accordion-item__click-target { flex-direction: row-reverse } .sqs-block-accordion .accordion-item__click-target>* { margin: 0 } .sqs-block-accordion .accordion-item__dropdown { box-sizing: border-box; display : none; overflow : hidden } .sqs-block-accordion .accordion-item__dropdown--pre-open { position : absolute; left : 0; top : 0; display : block; visibility: hidden; width : 100%; transition: none; height : auto } .sqs-block-accordion .accordion-item__dropdown--open { display: block } .sqs-block-accordion .accordion-item__description { box-sizing: border-box } .sqs-block-accordion [data-accordion-description-placement="center"] .accordion-item__description { margin-left : auto; margin-right: auto } .sqs-block-accordion [data-accordion-description-placement="right"] .accordion-item__description { margin-left: auto } .sqs-block-accordion [data-accordion-description-alignment="center"] .accordion-item__description { text-align: center } .sqs-block-accordion [data-accordion-description-alignment="right"] .accordion-item__description { text-align: right } .sqs-block-accordion .accordion-item__title>:first-of-type, .sqs-block-accordion .accordion-item__description>:first-of-type { margin-top: 0 } .sqs-block-accordion .accordion-item__title>:last-of-type, .sqs-block-accordion .accordion-item__description>:last-of-type { margin-bottom: 0 } .sqs-block-accordion .accordion-icon-container { position: relative } .sqs-block-accordion .accordion-icon-container>* { position : absolute; width : 100%; height : 100%; left : 0; top : 0; display : flex; justify-content: center; align-items : center } .sqs-block-accordion .plus__horizontal-line, .sqs-block-accordion .plus__vertical-line { display : block; width : 100%; background-color: currentColor; transition : transform .2s; position : absolute } .sqs-block-accordion .plus__vertical-line { transform: rotate(90deg) } .sqs-block-accordion .accordion-item[data-is-open="true"] .plus__vertical-line { transform: rotate(0deg) } .sqs-block-accordion .arrow-container { transition: transform .2s } .sqs-block-accordion .accordion-item[data-is-open="true"] .arrow-container { transform: rotate(-180deg) } .sqs-block-accordion .arrow { border-color: currentColor; border-style: solid; border-top : none; border-left : none; box-sizing : border-box; transform : translatey(-25%) rotate(45deg); width : 70.71067%; height : 70.71067% } @media (prefers-reduced-motion:reduce) { .sqs-block-accordion .accordion-item__dropdown, .sqs-block-accordion .plus__vertical-line, .sqs-block-accordion .arrow-container { transition: none !important } } .sqs-block-archive .archive-group-list, .sqs-block-archive .archive-item-list { list-style-type: none; margin : 0; padding : 0 } .sqs-block-archive .archive-group-count::before { content: "(" } .sqs-block-archive .archive-group-count::after { content: ")" } .sqs-block-archive .archive-block-setting-layout-list.archive-block-setting-text-alignment-center, .sqs-block-archive .archive-block-setting-layout-index.archive-block-setting-text-alignment-center { text-align: center } .sqs-block-archive .archive-block-setting-layout-list.archive-block-setting-text-alignment-right, .sqs-block-archive .archive-block-setting-layout-index.archive-block-setting-text-alignment-right { text-align: right } .sqs-block-archive .archive-block-setting-layout-list.archive-block-setting-multicolumns .archive-group-list { columns : 140px; column-gap: 60px } .sqs-block-archive .archive-block-setting-layout-index .archive-group-name-link { font-size : 1.4em; line-height : 1.4em; text-decoration: none } .sqs-block-archive .archive-block-setting-layout-index .archive-item-list { display : block; margin : 1.4em 0 2.8em 0; font-size : 1em; line-height: 1.4em } .sqs-block-archive .archive-block-setting-layout-index .archive-item { margin: 0 0 .7em 0 } .sqs-block-archive .archive-block-setting-layout-index .archive-item.archive-item--show-date { margin: 0 0 1.4em 0 } .sqs-block-archive .archive-block-setting-layout-index .archive-item-date-before { display : none; opacity : .7; margin-right: 5px } .sqs-block-archive .archive-block-setting-layout-index .archive-item-link { display : block; margin-right: 5px; color : inherit !important } .sqs-block-archive .archive-block-setting-layout-index .archive-item-link--untitled::before { content: "Untitled" } .sqs-block-archive .archive-block-setting-layout-index .archive-item-date-after { display: block; opacity: .7 } .sqs-block-archive .archive-block-setting-layout-index.archive-block-setting-multicolumns .archive-group-list { columns : 200px; column-gap: 60px } .sqs-block-archive .archive-block-setting-layout-index.archive-block-setting-multicolumns .archive-group { -webkit-column-break-inside: avoid; page-break-inside : avoid; break-inside : avoid; display : block; overflow : hidden } .sqs-block-archive .archive-block-setting-layout-index.archive-block-setting-multicolumns .archive-group-name-link { display: block } .sqs-block-archive .archive-block-setting-layout-index.archive-block-setting-multicolumns .archive-group-name-list { display: inline-block } .sqs-block-archive .archive-block-setting-layout-index.archive-block-setting-multicolumns .archive-group-name-link, .sqs-block-archive .archive-block-setting-layout-index.archive-block-setting-multicolumns .archive-item-list { min-width: 225px } .sqs-block-archive .archive-block-setting-layout-dropdown.archive-block-wrapper { max-width : 300px; background : rgba(110, 110, 110, .05); border-radius: 1px } .sqs-block-archive .archive-block-setting-layout-dropdown .archive-dropdown-toggle-label { display : block; padding : 12px 18px; font-size : 1em; line-height : 1.6em; cursor : pointer; overflow : hidden; -webkit-user-select: none; -ms-user-select : none; user-select : none; list-style : none } .sqs-block-archive .archive-block-setting-layout-dropdown .archive-dropdown-toggle-label::-webkit-details-marker { display: none } .sqs-block-archive .archive-block-setting-layout-dropdown .archive-dropdown-toggle-title { float : left; width : 90%; padding-right: 5px; overflow : hidden; white-space : nowrap; text-overflow: ellipsis; box-sizing : border-box } .sqs-block-archive .archive-block-setting-layout-dropdown .archive-dropdown-toggle-icon { position : relative; bottom : 1px; float : right; width : 10%; text-align: right; box-sizing: border-box } .sqs-block-archive .archive-block-setting-layout-dropdown .archive-dropdown-toggle-icon:before { font-family : 'squarespace-ui-font'; font-style : normal; speak : none; font-weight : normal; -webkit-font-smoothing: antialiased; content : "\e009"; text-align : center; display : inline-block; vertical-align : middle } .sqs-block-archive .archive-block-setting-layout-dropdown .archive-dropdown-toggle-icon:before { font-size : 16px; width : 16px; height : 16px; line-height: 16px } .sqs-block-archive .archive-block-setting-layout-dropdown .archive-dropdown-toggle-icon:before { font-size : 1em; width : 1em; height : 1em; line-height: 1em } .sqs-block-archive .archive-block-setting-layout-dropdown[open] .archive-dropdown-toggle-icon:before { font-family : 'squarespace-ui-font'; font-style : normal; speak : none; font-weight : normal; -webkit-font-smoothing: antialiased; content : "\e006"; text-align : center; display : inline-block; vertical-align : middle } .sqs-block-archive .archive-block-setting-layout-dropdown[open] .archive-dropdown-toggle-icon:before { font-size : 16px; width : 16px; height : 16px; line-height: 16px } .sqs-block-archive .archive-block-setting-layout-dropdown .archive-group-list { padding: 0 18px 12px } .sqs-block-archive .archive-block-setting-layout-dropdown .archive-group-name-link { text-decoration: none } @media only screen and (max-width:400px) { .sqs-block-archive .archive-block-setting-layout-dropdown.archive-block-wrapper { max-width: none } } .sqs-block-archive.sqs-edit-dialog-open .sqs-editing-overlay, .sqs-block-archive.sqs-edit-dialog-open .sqs-block-editor-button-container { z-index: 1 } .sqs-block-archive.sqs-edit-dialog-open .sqs-block-archive-content { position: relative; z-index : 1000 } .sqs-block-archive.sqs-edit-dialog-open .archive-group-list { pointer-events: none } .tagcloud-block ul { list-style-type: none; margin : 0; padding-left : 0 } .tagcloud-block ul li { display: inline-block } .sqs-block-shape .sqs-block-content, .sqs-block-shape .sqs-block-alignment-wrapper { height: 100% } .sqs-block-shape .sqs-block-alignment-wrapper { display: flex } .sqs-block-shape .sqs-shape { display : block; position: absolute; overflow: visible } .sqs-block-shape .sqs-shape-block-container { position: relative } /*! WARNING: block .less requested, but unable to resolve css from system cache: album */ .sqs-block-postsbycategory ul, .sqs-block-postsbyauthor ul, .sqs-block-postsbytag ul, .sqs-block-postsbymonth ul { list-style-type: none; margin : 0; padding : 0 } .sqs-block-postsbycategory ul li, .sqs-block-postsbyauthor ul li, .sqs-block-postsbytag ul li, .sqs-block-postsbymonth ul li { margin : 0 0 .3em 0; padding: 0 } .sqs-block-postsbycategory .count, .sqs-block-postsbyauthor .count, .sqs-block-postsbytag .count, .sqs-block-postsbymonth .count { display: none } .Marquee { position : relative; display : flex; align-items : center; justify-content : center; width : 100%; overflow : hidden; z-index : auto; background-color: transparent } .Marquee h1, .Marquee p { margin : 0; min-height : 0; line-height: 1.4 !important } .Marquee-svg { display : block; width : 100%; font-size: inherit } .Marquee-hitbox { position: relative; display : block; width : 100% } .Marquee-hitbox:focus .Marquee-path-hitbox-focus-outline { stroke: currentColor } .Marquee-hitbox:focus:not(:focus-visible) .Marquee-path-hitbox-focus-outline { stroke: initial } .Marquee-display { flex-grow : 1; flex-shrink: 0 } .Marquee-display.fade-edges { mask-image : linear-gradient(to right, transparent 0%, #000 15%, #000 85%, transparent 100%); -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 15%, #000 85%, transparent 100%) } .Marquee-measure { display : inline-flex; align-items: center; width : max-content; min-height : 1em; visibility : hidden; position : absolute } .Marquee-group { display : flex; flex-grow : 0; flex-shrink: 0 } .Marquee-measure, .Marquee-group { min-width: 50px } .Marquee-item { display : flex; align-items : center; justify-content: center; flex-grow : 0; flex-shrink : 0 } .Marquee-track { position: absolute; top : 0; left : 0; width : 100%; height : 100% } .Marquee-track { pointer-events: none } .Marquee-track .Marquee-track-item { position: absolute; top : 0; left : 0; width : 0; height : 0 } .Marquee-track-item .Marquee-item { padding : 0; transform: translate3d(-50%, calc(-50% - 0.4em), 0) } .pricing-plan-block { min-height: 44px } .pricing-plan-block .sqs-editable-button { display : inline-block; width : auto; height : auto; padding : 1em 2.5em; color : #fff; background-color : #272727; border-width : 0; font-family : "Helvetica Neue", Helvetica, Arial, sans-serif; font-size : 12px; line-height : 1em; font-weight : normal; font-style : normal; text-transform : uppercase; letter-spacing : 0px; text-align : center; text-decoration : none; cursor : pointer; -webkit-appearance: none; appearance : none } .pricing-plan-block .pricing-plan-pricing-toggle-wrapper { display : flex; justify-content: flex-start } .pricing-plan-block .pricing-plan-pricing-toggle-wrapper.hide { display: none } .pricing-plan-block .pricing-plan-pricing-toggle-wrapper.toggle-left { justify-content: flex-start } .pricing-plan-block .pricing-plan-pricing-toggle-wrapper.toggle-center { justify-content: center } .pricing-plan-block .pricing-plan-pricing-toggle-wrapper.toggle-right { justify-content: flex-end } .pricing-plan-block .pricing-plan-pricing-options { display : grid; display : -ms-grid; grid-template-columns: repeat(2, 1fr); -ms-grid-columns : 1fr 1fr; list-style-type : none; padding : 0px; margin : 0px } .pricing-plan-block .pricing-plan-pricing-options .sqs-editable-button.pricing-plan-pricing-option-button { width : 100%; height : 100%; padding : .6em 1.1em !important; text-align : center; border-radius : 0px; color : #272727; border : 1px solid #272727; background-color: transparent } @media (hover:hover) { .pricing-plan-block .pricing-plan-pricing-options .sqs-editable-button.pricing-plan-pricing-option-button:hover { opacity : 1; color : #fff; background-color: #272727 } } .pricing-plan-block .pricing-plan-pricing-options .sqs-editable-button.pricing-plan-pricing-option-selected { color : #fff; background-color: #272727 } .pricing-plan-block .pricing-plan-pricing-options .left-option { -ms-grid-column: 1 } .pricing-plan-block .pricing-plan-pricing-options .right-option { -ms-grid-column: 2 } .pricing-plan-block .hide, .pricing-plan-block .join-button.hide { display: none } .pricing-plan-block .below-pricing-toggle { margin-top: 33px } body .pricing-plan-pricing-toggle-wrapper .pricing-plan-pricing-options .pricing-plan-pricing-option-button.sqs-editable-button.sqs-system-button.left-button { border-radius: 300px 0px 0px 300px } body .pricing-plan-pricing-toggle-wrapper .pricing-plan-pricing-options .pricing-plan-pricing-option-button.sqs-editable-button.sqs-system-button.right-button { border-radius: 0px 300px 300px 0px } .primary-button-style-outline .sqs-block-pricing-plan .pricing-plan-pricing-options .sqs-editable-button.pricing-plan-pricing-option-button { border-width: 2px } .product-block .productDetails div.product-title.pricing-plan-title { font-size : 1.5em; margin-top : 33px; margin-bottom: 11px } .pricing-plan-price-amount { font-size : 2em; margin-top : 11px; line-height: 90% } .pricing-plan-price-billing-period { font-size : 1em; opacity : .75; margin-bottom: 22px; margin-top : 11px } .product-block .productDetails .product-price.pricing-plan-product-price { margin : 0 0 12px 0; line-height: normal } .product-block .productDetails .product-price.pricing-plan-product-price.below-pricing-toggle { margin-top: 33px } .pricing-plan-description { margin : 0 0 22px 0; line-height: normal; font-size : 1em } .pricing-plan-benefits-divider { margin-top : 22px; margin-bottom: 22px } .pricing-plan-benefit-description:not(:last-child) { margin-bottom: 6px } div.sqs-block-opentable-v2 { word-wrap: break-word } div.sqs-block-opentable-v2 .ot-dtp-picker { margin : auto; width : auto; background: none } div.sqs-block-opentable-v2 .ot-dtp-picker-selector { background: rgba(0, 0, 0, .12); border : none } div.sqs-block-opentable-v2 .ot-dtp-picker-selector, div.sqs-block-opentable-v2 .ot-dtp-picker-button { width : 100% !important; max-width: 200px } div.sqs-block-opentable-v2 .ot-dtp-picker form.ot-dtp-picker-form { border : none; background: none; height : auto !important } div.sqs-block-opentable-v2 .ot-dtp-picker.wide { margin: auto; width : auto } div.sqs-block-opentable-v2 .ot-dtp-picker.wide .ot-powered-by { background-size : contain; background-position: center; margin : 20px 0 0 } div.sqs-block-opentable-v2 .ot-dtp-picker-selector-link { background : #fff; color : #000; overflow : hidden; white-space: nowrap } div.sqs-block-opentable-v2 .oc-loading { text-align : center; font-family: sans-serif; line-height: 180px } div.sqs-block-opentable-v2 a { text-decoration: none !important } div.sqs-block-opentable-v2 .squarespace-opentable-new-age-wrapper { background: rgba(153, 153, 153, .15); padding : 30px; opacity : 0; transition: opacity .3s ease-out } div.sqs-block-opentable-v2 .squarespace-opentable-new-age-wrapper iframe { display: block; margin : 0 auto } div.sqs-block-opentable-v2 .squarespace-opentable-new-age-wrapper h1 { font-weight: normal; text-align : center; line-height: 1em; margin : 0 } div.sqs-block-opentable-v2 .squarespace-opentable-new-age-wrapper.loading { min-height: 270px } div.sqs-block-opentable-v2 .squarespace-opentable-new-age-wrapper.loaded { opacity: 1 } div.sqs-block-opentable-v2 .squarespace-opentable-button-wrapper .ot-dtp-picker-button { color : #fff; background: #000 } div.sqs-block-opentable-v2 h1 { color: #111 } div.sqs-block-opentable-v2 .squarespace-opentable-picker-wrapper { display : flex; justify-content: center; flex-wrap : wrap; margin : 10px 0 } div.sqs-block-opentable-v2 .squarespace-opentable-picker-wrapper .ot-dtp-picker-selector { margin : 10px; border-left: none !important } @media only screen and (max-width:650px) { div.sqs-block-opentable-v2 .squarespace-opentable-picker-wrapper { display: block; margin : 0 } div.sqs-block-opentable-v2 .squarespace-opentable-picker-wrapper .ot-dtp-picker-selector { margin: 20px auto; float : none !important } } div.sqs-block-opentable-v2 .squarespace-opentable-button-wrapper { text-align: center; display : block } div.sqs-block-opentable-v2 .squarespace-opentable-button-wrapper .ot-button { float : none !important; line-height: 1em; display : inline } div.sqs-block-opentable-v2 .squarespace-opentable-button-wrapper .ot-dtp-picker-button { border-radius: 0px !important; box-shadow : none; border : none } div.sqs-block-opentable-v2 .squarespace-opentable-new-age-wrapper.opentable-block-hide-icons .ot-dtp-picker-selector-link { padding-left: .875rem } div.sqs-block-opentable-v2 .squarespace-opentable-new-age-wrapper.opentable-block-hide-icons .ot-dtp-picker-selector-link:before { display: none } div.sqs-block-opentable-v2 .squarespace-opentable-new-age-wrapper.opentable-block-hide-title .squarespace-ot-title { display: none !important } div.sqs-block-opentable-v2 .squarespace-opentable-new-age-wrapper.opentable-block-hide-title .squarespace-opentable-picker-wrapper { margin-top: -10px } div.sqs-block-opentable-v2 .squarespace-opentable-new-age-wrapper.opentable-block-hide-logo .ot-powered-by { display: none } .field-error { border-radius: 2px; background : #cc3b3b url('../../../../../../../universal/images-v6/standard/icon_close_7_light-1.png') no-repeat 9px 50%; color : #fff; display : inline-block; font-size : 13px; line-height : 23px; margin : 12px 0; padding : 5px 15px 3px 25px } .form-wrapper .form-submission-text:focus:not(:focus-visible), .form-wrapper .form-submission-html:focus:not(:focus-visible), .form-wrapper .field-error:focus:not(:focus-visible) { outline: none } .form-wrapper .field-list { line-height: normal } .form-wrapper .field-list fieldset, .form-wrapper .field-list legend { margin : 0; padding: 0; border : 0 } .form-wrapper .field-list textarea { min-height: 100px; resize : vertical } .form-wrapper .field-list textarea.medium { min-height: 200px } .form-wrapper .field-list textarea.large { min-height: 300px } .form-wrapper .field-list .section { margin : 2em 0; padding-bottom: .3em; font-size : .9em } .form-wrapper .field-list .section.underline { border-bottom: 1px solid #999 } .form-wrapper .field-list .section:nth-child(1) { margin: 0 0 2em 0 } .form-wrapper .field-list .title { display: block } .form-wrapper .field-list .description { padding : .5em 0 .5em; font-size : 12px; opacity : .7; display : block; white-space: pre-wrap } .form-wrapper .field-list .field { position: relative; margin : 0 0 24px } .form-wrapper .field-list .field .caption { font-size: 12px } .form-wrapper .field-list .field .caption .field-element { font-size: 14px } .form-wrapper .field-list .field .field-element { width : 100%; padding : 12px; margin : 6px 0 4px; border : 1px solid #ccc; background : #fafafa; color : #000; font-family : sans-serif; font-size : 12px; line-height : normal; box-sizing : border-box; border-radius: 2px } .form-wrapper .field-list .field .field-element:focus { background: #fff; transition: background .1s ease-in } .form-wrapper .field-list .field select { margin : 6px 0 4px; max-width: 100% } .form-wrapper .field-list .field .prefix { position : absolute; bottom : 16px; left : 8px; color : #aaa; font-family: sans-serif; font-size : 13px; line-height: 16px } .form-wrapper .field-list .field.twitter .field-element { padding-left: 22px } .form-wrapper .field-list .field.currency.hassymbol .field-element { padding-left: 20px } .form-wrapper .field-list .field.website .field-element { padding-left: 45px } .form-wrapper .field-list .field.checkbox label, .form-wrapper .field-list .field.radio label { cursor: pointer } .form-wrapper .field-list .field.checkbox input, .form-wrapper .field-list .field.radio input { margin-right: 5px } .form-wrapper .field-list .field .option { margin : 6px 0 4px; font-size: 13px } .form-wrapper .field-list .field.likert .item { margin: 1.6em 0 1.6em 0 } .form-wrapper .field-list .field.likert .question { margin : 0 0 .5em 0; font-size: .9em } .form-wrapper .field-list .field.likert .option { width : 20%; float : left; text-align: left; border-top: 1px solid #ddd } .form-wrapper .field-list .field.likert .option label { margin : 0; padding : 0 0 0 1px; font-size: .9em; display : block; cursor : pointer } .form-wrapper .field-list .field.likert .option input { margin : 10px 0; display: block } .form-wrapper .field-list .field.likert .option:last-of-type { border-right: none } .form-wrapper .field-list .fields { margin: 0 0 0 -2% } .form-wrapper .field-list .fields .title, .form-wrapper .field-list .fields .description, .form-wrapper .field-list .fields .field, .form-wrapper .field-list .fields .field-error { margin-left: 2% } .form-wrapper .field-list .fields .field { float: left } .form-wrapper .field-list .fields .field.two-digits { width: 3.5em } .form-wrapper .field-list .fields .field.three-digits { width: 4.2em } .form-wrapper .field-list .fields .field.four-digits { width: 4.8em } .form-wrapper .field-list .fields .field.ampm { width: 4.5em } .form-wrapper .field-list .fields.name .field { width: 48% } .form-wrapper .field-list .fields.address .field.address1, .form-wrapper .field-list .fields.address .field.address2 { width: 98% } .form-wrapper .field-list .fields.address .field.city { width: 70% } .form-wrapper .field-list .fields.address .field.state-province { width: 26% } .form-wrapper .field-list .fields.address .field.zip { width: 36% } .form-wrapper .field-list .fields.address .field.country { width: 98% } .form-wrapper .field-list .fields.payment .field.card-expiry-month { width: 40% } .form-wrapper .field-list .fields.payment .field.card-expiry-year { width: 40% } .form-wrapper .field-list .form-item.error, .form-wrapper .field-list .form-item.error .caption, .form-wrapper .field-list .form-item.error .title, .form-wrapper .field-list .form-item.error .description { color: #bd0000 } .form-wrapper .field-list .form-item.error input, .form-wrapper .field-list .form-item.error textarea { border: 1px solid #e99292 } .form-wrapper .form-button-wrapper--align-left { text-align: left } .form-wrapper .form-button-wrapper--align-center { text-align: center } .form-wrapper .form-button-wrapper--align-right { text-align: right } .form-wrapper input[type=submit] { display : inline-block; width : auto; height : auto; padding : 1em 2.5em; color : #fff; background-color : #272727; border-width : 0; font-family : "Helvetica Neue", Helvetica, Arial, sans-serif; font-size : 12px; line-height : 1em; font-weight : normal; font-style : normal; text-transform : uppercase; letter-spacing : 0px; text-align : center; text-decoration : none; cursor : pointer; -webkit-appearance: none; appearance : none; font-size : 14px; text-transform : none } .form-wrapper .form-submission-text { margin-top: 20px } .form-wrapper .field .field-error { margin-bottom: .5em } .form-wrapper .submitting .field-list { opacity: .7 } .form-wrapper .hidden, .form-wrapper.hidden { display: none } .form-block .lightbox-handle-wrapper--align-left { text-align: left } .form-block .lightbox-handle-wrapper--align-center { text-align: center } .form-block .lightbox-handle-wrapper--align-right { text-align: right } .form-block .lightbox-handle { display : inline-block; width : auto; height : auto; padding : 1em 2.5em; color : #fff; background-color : #272727; border-width : 0; font-family : "Helvetica Neue", Helvetica, Arial, sans-serif; font-size : 12px; line-height : 1em; font-weight : normal; font-style : normal; text-transform : uppercase; letter-spacing : 0px; text-align : center; text-decoration : none; cursor : pointer; -webkit-appearance: none; appearance : none; font-size : 14px; text-transform : none } .sqs-modal-lightbox { width : 100%; font-size : 14px; text-transform : none; font-style : normal; text-decoration: none } .sqs-modal-lightbox-content { z-index : 100000000; position: absolute; height : 100%; width : 100%; top : 0 } .sqs-modal-lightbox-content .lightbox-background { position : absolute; top : 0; width : 100%; height : 100%; background: #000; opacity : .4 } .sqs-modal-lightbox-content .lightbox-inner { position: absolute; overflow: auto; width : 100%; height : 100%; top : 0 } .sqs-modal-lightbox-content .lightbox-inner .lightbox-content { max-width : 600px; margin : 0 auto; position : relative; padding : 40px; background: #fff } .sqs-modal-lightbox-content .lightbox-inner .lightbox-content .form-wrapper { color : #222; font-family: inherit } .sqs-modal-lightbox-content .lightbox-inner .lightbox-content .form-wrapper .form-title { font-size : 22px; line-height : 1.2em; margin-right: 22px; color : #333 } .sqs-modal-lightbox-content .lightbox-inner .lightbox-content .form-wrapper .form-inner-wrapper form { margin-top: 55px } .sqs-modal-lightbox-content .lightbox-inner .lightbox-content .form-wrapper .form-inner-wrapper form .radio .option { margin-left: 1px } .sqs-modal-lightbox-content .lightbox-inner .lightbox-content .lightbox-close { position : absolute; color : #333; font-size : 22px; font-family: Arial, Helvetica, sans-serif; font-style : normal; width : 22px; line-height: 22px; top : 40px; right : 40px; text-align : center; cursor : pointer } @media only screen and (max-width:600px) { .sqs-modal-lightbox .sqs-modal-lightbox-content { height: 100vh } .sqs-modal-lightbox .lightbox-inner { background: #fff } .sqs-modal-lightbox .lightbox-inner .lightbox-content { margin-top: 0 !important } .sqs-modal-lightbox .lightbox-inner .lightbox-content .form-wrapper input, .sqs-modal-lightbox .lightbox-inner .lightbox-content .form-wrapper select, .sqs-modal-lightbox .lightbox-inner .lightbox-content .form-wrapper textarea { font-size: 16px !important; font-size: max(16px, 1rem) !important } } html.sqs-modal-lightbox-open, html.sqs-modal-lightbox-open body { overflow: hidden } .sqs-block-collectionlink .collectionlink-thumbnail, .link-block .collectionlink-thumbnail { overflow: hidden; height : 150px } .sqs-block-collectionlink .collectionlink-thumbnail a, .link-block .collectionlink-thumbnail a { display: block; height : 100% } .sqs-block-collectionlink .collectionlink-title, .link-block .collectionlink-title { font-size: 1.2em } .sqs-block-collectionlink .collectionlink-title a, .link-block .collectionlink-title a { display: block } .sqs-block-collectionlink .collectionlink-content-below-thumbnail .collectionlink-title, .link-block .collectionlink-content-below-thumbnail .collectionlink-title { margin: 1em 0 0 0 } .sqs-block-collectionlink .collectionlink-description, .link-block .collectionlink-description { margin: .75em 0 } .sqs-block-collectionlink .collectionlink-description p, .link-block .collectionlink-description p { font-size: .9em } .sqs-block-collectionlink .collection-more-link, .link-block .collection-more-link { display : none; margin-left: 3px } .sqs-block-collectionlink .sqs-blockStatus+.collectionlink-content, .link-block .sqs-blockStatus+.collectionlink-content { display: none } .sqs-block-tourdates .sqs-spin { position : absolute; top : 50px; left : 50%; margin-left: -15px } .sqs-widget.sqs-tourdates-bandsintown-list.loading .sqs-tourdates { min-height: 150px } .sqs-tourdates__item:not(:last-of-type) { border-bottom: 1px solid rgba(130, 130, 130, .15) } .sqs-tourdates__item { padding: 17px 0 } .sqs-tourdates__item:first-of-type { padding-top: 0 } .sqs-tourdates__item, .sqs-tourdates__venuelocation { display : flex; flex-direction : row; justify-content: space-between } .sqs-tourdates--info--column .sqs-tourdates__info, .sqs-tourdates--venuelocation--column .sqs-tourdates__venuelocation { flex-direction: column } .sqs-tourdates__info { display : flex; flex-grow: 1; flex-wrap: wrap } .sqs-tourdates__timeframe, .sqs-tourdates__venue, .sqs-tourdates__location { box-sizing : border-box; padding-right: 1em } .sqs-tourdates__date { margin-right: 5px } .sqs-tourdates__timeframe { min-width: 9em } .sqs-tourdates__venuelocation { flex-grow: 1; flex-wrap: wrap; min-width: 10em } .sqs-tourdates__venue, .sqs-tourdates__location { min-width: 50% } .sqs-tourdates__venueLink { display: block } .sqs-tourdates { font-size : 16px; line-height: 28px } .sqs-tourdates__timeframe { white-space : nowrap; font-size : 13px !important; font-weight : bold; letter-spacing: .5px } .sqs-tourdates__date, .sqs-tourdates__weekday { display : inline-block; text-transform: uppercase } .sqs-tourdates__venue-link, .sqs-tourdates__location-link { color : inherit !important; text-decoration: none !important } .sqs-tourdates__lineup { font-size : 14px; line-height : 18px; margin-right: 1em; margin-top : 2px; opacity : .6 } .sqs-tourdates__lineup-item { display: inline } .sqs-tourdates__lineup-item:first-child::before { content: 'w/ ' } .sqs-tourdates__lineup-item:not(:last-of-type):after { content: ', ' } .sqs-tourdates__actions { min-width : 150px; text-align : right; white-space: nowrap } .sqs-tourdates__button { width : auto; height : auto; padding : 1em 2.5em; color : #fff; background-color : #272727; border-width : 0; font-family : "Helvetica Neue", Helvetica, Arial, sans-serif; font-size : 12px; line-height : 1em; font-weight : normal; font-style : normal; text-transform : uppercase; letter-spacing : 0px; text-align : center; text-decoration : none; cursor : pointer; -webkit-appearance: none; appearance : none; display : inline-block; padding : 0 12px !important; font-size : 11px !important; line-height : 28px } .sqs-tourdates__button:empty { display: none } .sqs-tourdates__button--disabled.sqs-tourdates__button, .sqs-tourdates__button--soldout.sqs-tourdates__button, .sqs-tourdates__button--disabled.sqs-tourdates__button:hover, .sqs-tourdates__button--soldout.sqs-tourdates__button:hover { opacity : .3; cursor : default; pointer-events: none } .social-summary-block .state-message.synchronizing { background-image: none; padding-left : 15px } .social-summary-block .state-message.synchronizing .sync-text { float : left; margin-left: 10px } .social-summary-block .state-message.synchronizing .spinner { float : left; background : transparent url('../../../../../../../universal/images-v6/icons/icon-settings-16-light-1.png') center center no-repeat; height : 19px; width : 19px; animation-duration : 2s; animation-iteration-count: infinite; animation-name : spin-frames } .sqs-block-spacer .sqs-block-content { visibility: hidden } [data-test="member-access-page-root"] { text-align: center; width : 50%; margin : auto } [data-test="member-access-page-root"] #headline { margin : 11px; overflow-wrap: break-spaces } [data-test="member-access-page-root"] #description { margin: 0 } [data-test="member-access-page-root"] .sign-in-button { display : inline-block; margin : 11px 0 5px 0; cursor : pointer; border : none; padding : 0; color : inherit; background-color: transparent } [data-test="member-access-page-root"] .join-button { margin: 33px 0 5px 0 } [data-test="member-access-page-root"] .join-button.hide { display: none } [data-test="member-access-page-root"] .homepage-button { margin: 33px 0 5px 0 } [data-test="member-access-page-root"] .ma-pricing-toggle-wrapper { display : flex; justify-content: center } [data-test="member-access-page-root"] .ma-pricing-options { display : grid; display : -ms-grid; grid-template-columns: repeat(2, 1fr); -ms-grid-columns : 1fr 1fr; list-style-type : none; padding : 0px; margin : 0px } [data-test="member-access-page-root"] .ma-pricing-options .sqs-editable-button.ma-pricing-option-button { width : 100%; height : 100%; padding : .6em 1.1em; text-align : center; border-radius : 0px; color : #272727; border : 1px solid #272727; background-color: transparent } @media (hover:hover) { [data-test="member-access-page-root"] .ma-pricing-options .sqs-editable-button.ma-pricing-option-button:hover { opacity : 1; color : #fff; background-color: #272727 } } [data-test="member-access-page-root"] .ma-pricing-options .sqs-editable-button.ma-pricing-option-selected { color : #fff; background-color: #272727 } [data-test="member-access-page-root"] .ma-pricing-options .left-option { -ms-grid-column: 1 } [data-test="member-access-page-root"] .ma-pricing-options .right-option { -ms-grid-column: 2 } [data-test="member-access-page-root"] .hide { display: none } [data-test="member-access-page-root"] .member-area-benefits-divider { margin-top : 22px; margin-bottom: 22px } [data-test="member-access-page-root"] .member-area-benefit-description:not(:last-child) { margin-bottom: 6px } .primary-button-shape-rounded #sqs-member-access-page-root .ma-pricing-options .left-button { border-radius: .4rem 0px 0px .4rem } .primary-button-shape-rounded #sqs-member-access-page-root .ma-pricing-options .right-button { border-radius: 0px .4rem .4rem 0px } .primary-button-shape-pill #sqs-member-access-page-root .ma-pricing-options .left-button { border-radius: 300px 0px 0px 300px } .primary-button-shape-pill #sqs-member-access-page-root .ma-pricing-options .right-button { border-radius: 0px 300px 300px 0px } .primary-button-style-outline #sqs-member-access-page-root .ma-pricing-options .sqs-editable-button.ma-pricing-option-button { border-width: 2px } @media all and (max-width:414px) { [data-test="member-access-page-root"] { width: 350px } } h1[data-rte-preserve-empty]:empty::before, h2[data-rte-preserve-empty]:empty::before, h3[data-rte-preserve-empty]:empty::before, h4[data-rte-preserve-empty]:empty::before, h5[data-rte-preserve-empty]:empty::before, h6[data-rte-preserve-empty]:empty::before, p[data-rte-preserve-empty]:empty::before { content: ''; display: inline-block } ol[data-rte-list] li { counter-increment: rte-list } ol[data-rte-list] li:first-child { counter-reset: rte-list } ul[data-rte-list] li, ol[data-rte-list] li { list-style-type: none } ul[data-rte-list] li>*, ol[data-rte-list] li>* { margin-top : .5em; margin-bottom: .5em } ul[data-rte-list] li>*:first-child::before, ol[data-rte-list] li>*:first-child::before { display : inline-block; margin-left: -40px; min-width : 40px; text-align : right; box-sizing : border-box } li>*:first-child::before { white-space: pre } ol[data-rte-list] li>*:first-child::before { content: " "counter(rte-list) ". " } ol[data-rte-list="upper-roman"] li>*:first-child::before { content: " "counter(rte-list, upper-roman) ". " } ol[data-rte-list="upper-alpha"] li>*:first-child::before { content: " "counter(rte-list, upper-alpha) ". " } ol[data-rte-list="lower-alpha"] li>*:first-child::before { content: " "counter(rte-list, lower-alpha) ". " } ol[data-rte-list="lower-roman"] li>*:first-child::before { content: " "counter(rte-list, lower-roman) ". " } ol[data-rte-list="decimal"] li>*:first-child::before { content: " "counter(rte-list, decimal) ". " } ul[data-rte-list] li>*:first-child::before { padding-right: 10px; content : "\2022" } ul[data-rte-list="disc"] li>*:first-child::before { content: "\2022" } ul[data-rte-list="circle"] li>*:first-child::before, ul[data-rte-list] ul[data-rte-list="default"] li>*:first-child::before { content: "\25CB" } ul[data-rte-list="square"] li>*:first-child::before, ul[data-rte-list] ul[data-rte-list] ul[data-rte-list="default"] li>*:first-child::before { content: "\25A0" } ul[data-rte-list="dash"] li>*:first-child::before { content: "-" } .announcement-bar-font { font-family : 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size : 13px; font-weight : 300; font-style : normal; letter-spacing: 1px; text-transform: none } .sqs-announcement-bar { position : relative; top : 0; left : 0; z-index : 10000; text-align: center } .sqs-announcement-bar-url { position: absolute; top : 0; left : 0; width : 100%; height : 100% } .sqs-announcement-bar-text { padding: .8em 3em } .sqs-announcement-bar-text p { margin: 0 } .sqs-announcement-bar-text a { position : relative; text-decoration: underline !important } .sqs-announcement-bar-close { cursor : pointer; position : absolute; top : 0; right : 0; width : 2.8em; height : 2.78em; background: rgba(0, 0, 0, .15); color : #fff } .sqs-announcement-bar-close:after { content : '×'; display : block; font-family : helvetica, arial, sans-serif; font-size : 1em; font-weight : 100; line-height : 2.7em; letter-spacing: normal; padding : 0 } .sqs-announcement-bar-hidden { display: none } body:not(.sqs-seven-one) .sqs-announcement-bar { background: #222 } body:not(.sqs-seven-one) .sqs-announcement-bar-text { font-family : 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size : 13px; font-weight : 300; letter-spacing: 1px; font-family : Pontano Sans; font-size : .9rem; font-weight : 400; font-style : normal; letter-spacing: 0em; text-transform: none; line-height : 1.2em } body:not(.sqs-seven-one) .sqs-announcement-bar-text a { color: #fff !important } body:not(.sqs-seven-one) .sqs-announcement-bar-text p { font-family : 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size : 13px; font-weight : 300; letter-spacing: 1px; font-family : Pontano Sans; font-size : .9rem; font-weight : 400; font-style : normal; letter-spacing: 0em; text-transform: none; color : #fff; line-height : inherit } body:not(.sqs-seven-one) .sqs-announcement-bar-close { background: rgba(0, 0, 0, .15); color : #fff } @media screen and (max-width:1024px) { .sqs-announcement-bar-text, .sqs-announcement-bar-text p { font-size: 13px } } .tweak-product-quick-view-button-font { font-family : Helvetica, Arial, sans-serif; font-weight : normal; font-style : normal; font-size : 12px; letter-spacing: 1px; text-transform: uppercase } html.touch .sqs-product-quick-view-button-wrapper { display: none !important } .sqs-product-quick-view-button-wrapper { display : flex; position : absolute; top : 0; bottom : 0; right : 0; left : 0; width : 100%; height : 100%; font-weight : normal; font-family : Helvetica, Arial, sans-serif; font-weight : 400; font-style : normal; font-size : 12px; letter-spacing: 1px; text-transform: uppercase; text-align : center; z-index : auto; box-sizing : border-box } .tweak-product-quick-view-button-position-top .sqs-product-quick-view-button-wrapper { align-items : flex-start; justify-content: center } .tweak-product-quick-view-button-position-center .sqs-product-quick-view-button-wrapper { align-items : center; justify-content: center } .tweak-product-quick-view-button-position-bottom .sqs-product-quick-view-button-wrapper { align-items : flex-end; justify-content: center; bottom : -1px } .tweak-product-quick-view-button-style-floating.tweak-product-quick-view-button-position-top .sqs-product-quick-view-button-wrapper { padding-top: 1em } .tweak-product-quick-view-button-style-floating.tweak-product-quick-view-button-position-bottom .sqs-product-quick-view-button-wrapper { padding-bottom: 1em } .no-touch .sqs-product-quick-view-button-hover-area:hover .sqs-product-quick-view-button-wrapper .sqs-product-quick-view-button { opacity: 1 } .sqs-product-quick-view-button-wrapper .sqs-product-quick-view-button { opacity : 0; display : inline-block; position : relative; z-index : 6; width : auto; height : auto; padding : 1.5em; color : #fff; background-color : #000; border-width : 0; line-height : 1em; text-align : center; text-decoration : none; cursor : pointer; -webkit-appearance : none; appearance : none; -webkit-font-smoothing : antialiased; -moz-osx-font-smoothing: grayscale; transition : opacity .3s ease-in } .sqs-product-quick-view-button-wrapper .sqs-product-quick-view-button:focus { opacity: 1 } .sqs-product-quick-view-button-wrapper .sqs-product-quick-view-button:focus { outline-offset: -4px; outline-color : #fff } .sqs-product-quick-view-button-wrapper .sqs-product-quick-view-button:focus:not(:focus-visible) { outline-color: transparent } .tweak-product-quick-view-button-style-bar .sqs-product-quick-view-button-wrapper .sqs-product-quick-view-button { width: 100% } .sqs-product-quick-view-lightbox .sqs-product-quick-view-content { padding: 15px } .tweak-product-item-gallery-position-left .sqs-product-quick-view-lightbox .sqs-product-quick-view-content .ProductItem-details { padding: 30px 30px 30px 45px } .tweak-product-item-gallery-position-right .sqs-product-quick-view-lightbox .sqs-product-quick-view-content .ProductItem-details { padding: 30px 45px 30px 30px } .sqs-product-quick-view-lightbox .ProductItem-gallery { width: 60% } .sqs-product-quick-view-lightbox .ProductItem-details { width: 40% } .sqs-product-quick-view-lightbox a.ProductItem-details-title-link { border : none; color : inherit; text-decoration: none } .tweak-product-quick-view-lightbox-excerpt-display-hide .sqs-product-quick-view-lightbox .ProductItem-details-excerpt { display: none } .sqs-product-quick-view-lightbox-next-button, .sqs-product-quick-view-lightbox-prev-button, .sqs-product-quick-view-lightbox-close-button { display : block; border : none; padding : 0; background-color : transparent; position : fixed; width : 25px; height : 25px; cursor : pointer; -webkit-user-select: none; -ms-user-select : none; user-select : none; display : flex; align-items : center; justify-content : center } .sqs-product-quick-view-lightbox-next-button svg, .sqs-product-quick-view-lightbox-prev-button svg, .sqs-product-quick-view-lightbox-close-button svg { width : 100%; height: 100% } .sqs-product-quick-view-lightbox-next-button line, .sqs-product-quick-view-lightbox-prev-button line, .sqs-product-quick-view-lightbox-close-button line, .sqs-product-quick-view-lightbox-next-button polyline, .sqs-product-quick-view-lightbox-prev-button polyline, .sqs-product-quick-view-lightbox-close-button polyline { stroke: #000 } .tweak-product-quick-view-lightbox-controls-weight-hairline .sqs-product-quick-view-lightbox-next-button polyline, .tweak-product-quick-view-lightbox-controls-weight-hairline .sqs-product-quick-view-lightbox-prev-button polyline, .tweak-product-quick-view-lightbox-controls-weight-hairline .sqs-product-quick-view-lightbox-close-button polyline { stroke-width: 2 } .tweak-product-quick-view-lightbox-controls-weight-light .sqs-product-quick-view-lightbox-next-button polyline, .tweak-product-quick-view-lightbox-controls-weight-light .sqs-product-quick-view-lightbox-prev-button polyline, .tweak-product-quick-view-lightbox-controls-weight-light .sqs-product-quick-view-lightbox-close-button polyline { stroke-width: 4 } .tweak-product-quick-view-lightbox-controls-weight-medium .sqs-product-quick-view-lightbox-next-button polyline, .tweak-product-quick-view-lightbox-controls-weight-medium .sqs-product-quick-view-lightbox-prev-button polyline, .tweak-product-quick-view-lightbox-controls-weight-medium .sqs-product-quick-view-lightbox-close-button polyline { stroke-width: 6 } .tweak-product-quick-view-lightbox-controls-weight-heavy .sqs-product-quick-view-lightbox-next-button polyline, .tweak-product-quick-view-lightbox-controls-weight-heavy .sqs-product-quick-view-lightbox-prev-button polyline, .tweak-product-quick-view-lightbox-controls-weight-heavy .sqs-product-quick-view-lightbox-close-button polyline { stroke-width: 8 } .tweak-product-quick-view-lightbox-controls-weight-hairline .sqs-product-quick-view-lightbox-next-button line, .tweak-product-quick-view-lightbox-controls-weight-hairline .sqs-product-quick-view-lightbox-prev-button line, .tweak-product-quick-view-lightbox-controls-weight-hairline .sqs-product-quick-view-lightbox-close-button line { stroke-width: .83333333 } .tweak-product-quick-view-lightbox-controls-weight-light .sqs-product-quick-view-lightbox-next-button line, .tweak-product-quick-view-lightbox-controls-weight-light .sqs-product-quick-view-lightbox-prev-button line, .tweak-product-quick-view-lightbox-controls-weight-light .sqs-product-quick-view-lightbox-close-button line { stroke-width: 1.66666667 } .tweak-product-quick-view-lightbox-controls-weight-medium .sqs-product-quick-view-lightbox-next-button line, .tweak-product-quick-view-lightbox-controls-weight-medium .sqs-product-quick-view-lightbox-prev-button line, .tweak-product-quick-view-lightbox-controls-weight-medium .sqs-product-quick-view-lightbox-close-button line { stroke-width: 2.5 } .tweak-product-quick-view-lightbox-controls-weight-heavy .sqs-product-quick-view-lightbox-next-button line, .tweak-product-quick-view-lightbox-controls-weight-heavy .sqs-product-quick-view-lightbox-prev-button line, .tweak-product-quick-view-lightbox-controls-weight-heavy .sqs-product-quick-view-lightbox-close-button line { stroke-width: 3.33333333 } .sqs-product-quick-view-lightbox-next-button { top : 50%; transform: translatey(-50%); right : 12.5px } body:not(.tweak-product-quick-view-lightbox-show-arrows) .sqs-product-quick-view-lightbox-next-button { opacity: 0 } .sqs-product-quick-view-lightbox-prev-button { top : 50%; transform: translatey(-50%); left : 12.5px } body:not(.tweak-product-quick-view-lightbox-show-arrows) .sqs-product-quick-view-lightbox-prev-button { opacity: 0 } .sqs-product-quick-view-lightbox-close-button { top : 12.5px; right : 12.5px; width : 25px; z-index: 100000001 } .sqs-product-quick-view-lightbox-close-button svg { width : 80%; height: 80% } body:not(.tweak-product-quick-view-lightbox-show-close-button) .sqs-product-quick-view-lightbox-close-button { opacity: 0 } .sqs-product-quick-view-lightbox-element-hidden { opacity : 0; visibility: hidden; cursor : default } .sqs-style-mode-active .sqs-product-quick-view-lightbox .sqs-product-quick-view { pointer-events: none; cursor : not-allowed; cursor : no-drop } .sqs-product-quick-view-lightbox.sqs-modal-lightbox { visibility: visible } .sqs-product-quick-view-lightbox.sqs-modal-lightbox .sqs-modal-lightbox-content .lightbox-background { background: #fff !important; opacity : 1 } .sqs-product-quick-view-lightbox.sqs-modal-lightbox .sqs-modal-lightbox-content .lightbox-inner .lightbox-content { width : 85%; max-width : 900px; padding : 0px; background: #fff !important } .sqs-product-quick-view-lightbox.sqs-modal-lightbox .sqs-modal-lightbox-content .lightbox-inner .lightbox-content .lightbox-close { display: none } .sqs-product-quick-view-lightbox.sqs-modal-lightbox~.sqs-widgets-confirmation { z-index: 100000001 } .sqs-product-quick-view-lightbox.sqs-modal-lightbox[hidden] { visibility: hidden; display : block !important } .sqs-product-quick-view-lightbox.sqs-modal-lightbox[hidden] .sqs-modal-lightbox-content { left : -9999px; opacity : 0; transition: none } .sqs-product-quick-view-lightbox.sqs-modal-lightbox .sqs-modal-lightbox-content { transition: opacity .15s ease-out } .sqs-layout .html-block.sqs-block img { max-width: 100%; height : auto } .sqs-layout .html-block.sqs-block img[align=left] { margin-right: 34px } .sqs-layout .html-block.sqs-block img[align=right] { margin-left: 34px } .sqs-layout .html-block.sqs-block img[align=top] { vertical-align: top } .sqs-layout .html-block.sqs-block img[align=middle] { vertical-align: middle } .sqs-layout .html-block.sqs-block img[align=bottom] { vertical-align: bottom } .sqs-layout .html-block.sqs-block .full-image-float-left, .sqs-layout .html-block.sqs-block .thumbnail-image-float-left { float : left; margin-right: 34px } .sqs-layout .html-block.sqs-block .full-image-float-right, .sqs-layout .html-block.sqs-block .thumbnail-image-float-right { float : right; margin-left: 34px } .sqs-layout .html-block.sqs-block .full-image-block { display : block; margin-bottom: 34px } .sqs-layout .html-block.sqs-block div[data-src="v5"] img { max-width: 100% } .sqs-layout .html-block.sqs-block .thumbnail-caption { display: block } .sqs-layout .html-block.sqs-block .entry-content img { margin: 0 0 34px 0 } .sqs-layout .html-block.sqs-block .alignleft, .sqs-layout .html-block.sqs-block img.alignleft { margin-right: 34px; display : inline; float : left; width : auto } .sqs-layout .html-block.sqs-block .alignright, .sqs-layout .html-block.sqs-block img.alignright { margin-left: 34px; display : inline; float : right; width : auto } .sqs-layout .html-block.sqs-block .aligncenter, .sqs-layout .html-block.sqs-block img.aligncenter { margin-right: auto; margin-left : auto; display : block; clear : both; width : auto } .sqs-layout .html-block.sqs-block blockquote.left { margin-right: 34px; text-align : right; margin-left : 0; width : 33%; float : left } .sqs-layout .html-block.sqs-block blockquote.right { margin-left : 34px; text-align : left; margin-right: 0; width : 33%; float : right } [data-test="paywall-page-root"] { text-align: center; width : 50%; margin : auto } [data-test="paywall-page-root"] #headline { margin : 11px; overflow-wrap: break-spaces } [data-test="paywall-page-root"] #description { margin: 0 } [data-test="paywall-page-root"] .sign-in-button { display : inline-block; margin : 11px 0 5px 0; cursor : pointer; border : none; padding : 0; color : inherit; background-color: transparent } @media all and (max-width:414px) { [data-test="paywall-page-root"] { width: 350px } } @font-face { font-family: 'social-icon-font'; src : url('../../../../../../../universal/fonts/social-20141119/social-icon-font-2.eot'); src : url('../../../../../../../universal/fonts/social-20141119/social-icon-font-3.eot') format('embedded-opentype'), url('../../../../../../../universal/fonts/social-20141119/social-icon-font-1.woff') format('woff'), url('../../../../../../../universal/fonts/social-20141119/social-icon-font-1.ttf') format('truetype'), url('../../../../../../../universal/fonts/social-20141119/social-icon-font-1.svg') format('svg'); font-weight: normal; font-style : normal } .social-smugmug:before, .social-dribbble:before, .social-youtube:before, .social-vimeo:before, .social-twitter:before, .social-tumblr:before, .social-pinterest:before, .social-linkedin:before, .social-instagram:before, .social-google:before, .social-foursquare:before, .social-flickr:before, .social-facebook:before, .social-fivehundredpix:before, .social-fivehundredpx:before, .social-email:before, .social-github:before, .social-rss:before, .social-spotify:before, .social-soundcloud:before, .social-itunes:before, .social-googleplay:before, .social-dropbox:before, .social-dropbox2017:before, .social-bandsintown:before, .social-behance:before, .social-codepen:before, .social-medium:before, .social-rdio:before, .social-squarespace:before, .social-vine:before, .social-yelp:before, .social-vevo:before, .social-meetup:before, .social-twitch:before, .social-vsco:before, .social-smugmug-square:before, .social-dribbble-square:before, .social-youtube-square:before, .social-vimeo-square:before, .social-twitter-square:before, .social-tumblr-square:before, .social-pinterest-square:before, .social-linkedin-square:before, .social-instagram-square:before, .social-google-square:before, .social-foursquare-square:before, .social-flickr-square:before, .social-facebook-square:before, .social-fivehundredpix-square:before, .social-fivehundredpx-square:before, .social-email-square:before, .social-github-square:before, .social-rss-square:before, .social-spotify-square:before, .social-soundcloud-square:before, .social-itunes-square:before, .social-googleplay-square:before, .social-dropbox-square:before, .social-dropbox2017-square:before, .social-bandsintown-square:before, .social-behance-square:before, .social-codepen-square:before, .social-medium-square:before, .social-rdio-square:before, .social-squarespace-square:before, .social-vine-square:before, .social-yelp-square:before, .social-vevo-square:before, .social-meetup-square:before, .social-twitch-square:before, .social-vsco-square:before, .social-smugmug-round:before, .social-dribbble-round:before, .social-youtube-round:before, .social-vimeo-round:before, .social-twitter-round:before, .social-tumblr-round:before, .social-pinterest-round:before, .social-linkedin-round:before, .social-instagram-round:before, .social-google-round:before, .social-foursquare-round:before, .social-flickr-round:before, .social-facebook-round:before, .social-fivehundredpix-round:before, .social-fivehundredpx-round:before, .social-email-round:before, .social-github-round:before, .social-rss-round:before, .social-spotify-round:before, .social-soundcloud-round:before, .social-itunes-round:before, .social-googleplay-round:before, .social-dropbox-round:before, .social-dropbox2017-round:before, .social-bandsintown-round:before, .social-behance-round:before, .social-codepen-round:before, .social-medium-round:before, .social-rdio-round:before, .social-squarespace-round:before, .social-vine-round:before, .social-yelp-round:before, .social-vevo-round:before, .social-meetup-round:before, .social-twitch-round:before, .social-vsco-round:before { font-family : 'social-icon-font'; speak : none; font-style : normal; font-weight : normal; line-height : 1; -webkit-font-smoothing : antialiased; -moz-osx-font-smoothing: grayscale } .social-smugmug:before { content: "\e600" } .social-icon-style-square .social-smugmug:before { content: "\e601" } .social-icon-style-round .social-smugmug:before { content: "\e602" } .social-dribbble:before { content: "\e603" } .social-icon-style-square .social-dribbble:before { content: "\e604" } .social-icon-style-round .social-dribbble:before { content: "\e605" } .social-youtube:before { content: "\e606" } .social-icon-style-square .social-youtube:before { content: "\e607" } .social-icon-style-round .social-youtube:before { content: "\e608" } .social-vimeo:before { content: "\e609" } .social-icon-style-square .social-vimeo:before { content: "\e60a" } .social-icon-style-round .social-vimeo:before { content: "\e60b" } .social-twitter:before { content: "\e60c" } .social-icon-style-square .social-twitter:before { content: "\e60d" } .social-icon-style-round .social-twitter:before { content: "\e60e" } .social-tumblr:before { content: "\e60f" } .social-icon-style-square .social-tumblr:before { content: "\e610" } .social-icon-style-round .social-tumblr:before { content: "\e611" } .social-pinterest:before { content: "\e612" } .social-icon-style-square .social-pinterest:before { content: "\e613" } .social-icon-style-round .social-pinterest:before { content: "\e614" } .social-linkedin:before { content: "\e615" } .social-icon-style-square .social-linkedin:before { content: "\e616" } .social-icon-style-round .social-linkedin:before { content: "\e617" } .social-instagram:before { content: "\e618" } .social-icon-style-square .social-instagram:before { content: "\e619" } .social-icon-style-round .social-instagram:before { content: "\e61a" } .social-foursquare:before { content: "\e61e" } .social-icon-style-square .social-foursquare:before { content: "\e61f" } .social-icon-style-round .social-foursquare:before { content: "\e620" } .social-flickr:before { content: "\e621" } .social-icon-style-square .social-flickr:before { content: "\e622" } .social-icon-style-round .social-flickr:before { content: "\e623" } .social-facebook:before { content: "\e624" } .social-icon-style-square .social-facebook:before { content: "\e625" } .social-icon-style-round .social-facebook:before { content: "\e626" } .social-fivehundredpix:before { content: "\e627" } .social-icon-style-square .social-fivehundredpix:before { content: "\e628" } .social-icon-style-round .social-fivehundredpix:before { content: "\e629" } .social-fivehundredpx:before { content: "\e627" } .social-icon-style-square .social-fivehundredpx:before { content: "\e628" } .social-icon-style-round .social-fivehundredpx:before { content: "\e629" } .social-email:before { content: "\e62a" } .social-icon-style-square .social-email:before { content: "\e62b" } .social-icon-style-round .social-email:before { content: "\e62c" } .social-github:before { content: "\e62d" } .social-icon-style-square .social-github:before { content: "\e62e" } .social-icon-style-round .social-github:before { content: "\e62f" } .social-rss:before { content: "\e630" } .social-icon-style-square .social-rss:before { content: "\e631" } .social-icon-style-round .social-rss:before { content: "\e632" } .social-spotify:before { content: "\e633" } .social-icon-style-square .social-spotify:before { content: "\e634" } .social-icon-style-round .social-spotify:before { content: "\e635" } .social-soundcloud:before { content: "\e636" } .social-icon-style-square .social-soundcloud:before { content: "\e637" } .social-icon-style-round .social-soundcloud:before { content: "\e638" } .social-itunes:before { content: "\e639" } .social-icon-style-square .social-itunes:before { content: "\e63a" } .social-icon-style-round .social-itunes:before { content: "\e63b" } .social-googleplay:before { content: "\e63c" } .social-icon-style-square .social-googleplay:before { content: "\e63d" } .social-icon-style-round .social-googleplay:before { content: "\e63e" } .social-dropbox:before { content: "\e63f" } .social-icon-style-square .social-dropbox:before { content: "\e640" } .social-icon-style-round .social-dropbox:before { content: "\e641" } .social-dropbox2017:before { content: "\e63f" } .social-icon-style-square .social-dropbox2017:before { content: "\e640" } .social-icon-style-round .social-dropbox2017:before { content: "\e641" } .social-bandsintown:before { content: "\e642" } .social-icon-style-square .social-bandsintown:before { content: "\e643" } .social-icon-style-round .social-bandsintown:before { content: "\e644" } .social-behance:before { content: "\e645" } .social-icon-style-square .social-behance:before { content: "\e646" } .social-icon-style-round .social-behance:before { content: "\e647" } .social-codepen:before { content: "\e648" } .social-icon-style-square .social-codepen:before { content: "\e649" } .social-icon-style-round .social-codepen:before { content: "\e64a" } .social-medium:before { content: "\e64b" } .social-icon-style-square .social-medium:before { content: "\e64c" } .social-icon-style-round .social-medium:before { content: "\e64d" } .social-rdio:before { content: "\e64e" } .social-icon-style-square .social-rdio:before { content: "\e64f" } .social-icon-style-round .social-rdio:before { content: "\e650" } .social-squarespace:before { content: "\e651" } .social-icon-style-square .social-squarespace:before { content: "\e652" } .social-icon-style-round .social-squarespace:before { content: "\e653" } .social-vine:before { content: "\e654" } .social-icon-style-square .social-vine:before { content: "\e655" } .social-icon-style-round .social-vine:before { content: "\e656" } .social-yelp:before { content: "\e657" } .social-icon-style-square .social-yelp:before { content: "\e658" } .social-icon-style-round .social-yelp:before { content: "\e659" } .social-meetup:before { content: "\e65a" } .social-icon-style-square .social-meetup:before { content: "\e65b" } .social-icon-style-round .social-meetup:before { content: "\e65c" } .social-vevo:before { content: "\e65d" } .social-icon-style-square .social-vevo:before { content: "\e65e" } .social-icon-style-round .social-vevo:before { content: "\e65f" } .social-twitch:before { content: "\e660" } .social-icon-style-square .social-twitch:before { content: "\e661" } .social-icon-style-round .social-twitch:before { content: "\e662" } .social-vsco:before { content: "\e663" } .social-icon-style-square .social-vsco:before { content: "\e664" } .social-icon-style-round .social-vsco:before { content: "\e665" } .page-section>.content-wrapper { max-width : 1600px; margin : 0 auto; box-sizing: border-box } .page-section.full-bleed-section>.content-wrapper { max-width: 100% } .page-section:not(.full-bleed-section)>.content-wrapper { padding-right: 2vw; padding-left : 2vw; margin : 0 auto; box-sizing : content-box } .page-section .collection-content-wrapper, .page-section .gallery-content-wrapper { width : 100%; padding-right: 2vw; padding-left : 2vw; margin : 0 auto; box-sizing : border-box } @media screen and (max-width: 767px) { .page-section:not(.full-bleed-section)>.content-wrapper { padding-right: 6vw; padding-left : 6vw; box-sizing : border-box } .page-section .collection-content-wrapper, .page-section .gallery-content-wrapper { padding-right: 6vw; padding-left : 6vw } } .tweak-events-stacked-width-full .sqs-events-collection-list { box-sizing: border-box } .tweak-events-stacked-height-large .events { box-sizing: border-box } .sqs-events-collection-item.events { box-sizing: border-box } .image-position-right .image-title h1, .image-position-left .image-title h1, .image-position-right .image-title h2, .image-position-left .image-title h2, .image-position-right .image-title h3, .image-position-left .image-title h3, .image-position-right .image-title h4, .image-position-left .image-title h4, .image-position-right .image-title p, .image-position-left .image-title p { display: inline } .sqs-block-image .design-layout-stack .image-card-wrapper .image-subtitle-wrapper div.image-subtitle.sqs-dynamic-text { margin-top: 1.5rem } .sqs-block-image .design-layout-stack div.image-card-wrapper { margin-top: 2rem } h1, h2, h3, h4 { margin: 2rem 0 } .sqsrte-large, p, .sqsrte-small { margin: 1rem 0 } .sqs-block-html a, .image-title-wrapper a, .image-subtitle-wrapper a, .sqs-image-caption a, .image-caption a, .sqs-block-newsletter a, .list-item-content__description a, .list-section-title a, [data-rte-field="description"] a { background-repeat : repeat-x; background-image : linear-gradient(to right, currentColor 100%, currentColor 0); background-size : 1px 1px; background-position: 0 100%; white-space : initial } @supports (text-decoration-thickness: 1px) and (text-underline-offset: 0.2em) { .sqs-block-html a, .image-title-wrapper a, .image-subtitle-wrapper a, .sqs-image-caption a, .image-caption a, .sqs-block-newsletter a, .list-item-content__description a, .list-section-title a, [data-rte-field="description"] a { background-repeat : unset; background-image : unset; background-size : unset; background-position : unset; text-decoration-line : underline; text-decoration-style : solid; text-decoration-color : currentColor; text-decoration-thickness: 1px; text-underline-offset : .2em; text-decoration-skip : auto; text-decoration-skip-ink : auto } } #siteWrapper .sqs-button-element--primary, .sqs-block-form-lightbox .sqs-button-element--primary { font-family : var(--primary-button-font-font-family); font-style : var(--primary-button-font-font-style); font-weight : var(--primary-button-font-font-weight); line-height : var(--primary-button-font-line-height); letter-spacing: var(--primary-button-font-letter-spacing); text-transform: var(--primary-button-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { #siteWrapper .sqs-button-element--primary, .sqs-block-form-lightbox .sqs-button-element--primary { font-size: calc((var(--primary-button-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1664px - 1px)) and (orientation:landscape) { #siteWrapper .sqs-button-element--primary, .sqs-block-form-lightbox .sqs-button-element--primary { font-size: calc((var(--primary-button-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1664px) { #siteWrapper .sqs-button-element--primary, .sqs-block-form-lightbox .sqs-button-element--primary { font-size: calc(var(--primary-button-font-font-size-value) * 1rem) } } #siteWrapper #Tock_widget_container .sqs-button-element--primary .TockWidget-B2, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--primary .TockWidget-B2, #siteWrapper #Tock_widget_container .sqs-button-element--primary .MainLabelSpan, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--primary .MainLabelSpan { font-family : var(--primary-button-font-font-family) !important; font-style : var(--primary-button-font-font-style) !important; font-weight : var(--primary-button-font-font-weight) !important; line-height : var(--primary-button-font-line-height) !important; letter-spacing: var(--primary-button-font-letter-spacing) !important; text-transform: var(--primary-button-font-text-transform) !important } @media screen and (max-width: 767px) and (orientation: portrait) { #siteWrapper #Tock_widget_container .sqs-button-element--primary .TockWidget-B2, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--primary .TockWidget-B2, #siteWrapper #Tock_widget_container .sqs-button-element--primary .MainLabelSpan, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--primary .MainLabelSpan { font-size: calc((var(--primary-button-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) !important } } @media screen and (min-width: 768px), screen and (max-width:calc(1664px - 1px)) and (orientation:landscape) { #siteWrapper #Tock_widget_container .sqs-button-element--primary .TockWidget-B2, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--primary .TockWidget-B2, #siteWrapper #Tock_widget_container .sqs-button-element--primary .MainLabelSpan, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--primary .MainLabelSpan { font-size: calc((var(--primary-button-font-font-size-value) - 1) * 1.2vw + 1rem) !important } } @media screen and (min-width:1664px) { #siteWrapper #Tock_widget_container .sqs-button-element--primary .TockWidget-B2, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--primary .TockWidget-B2, #siteWrapper #Tock_widget_container .sqs-button-element--primary .MainLabelSpan, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--primary .MainLabelSpan { font-size: calc(var(--primary-button-font-font-size-value) * 1rem) !important } } #siteWrapper .sqs-button-element--secondary, .sqs-block-form-lightbox .sqs-button-element--secondary { font-family : var(--secondary-button-font-font-family); font-style : var(--secondary-button-font-font-style); font-weight : var(--secondary-button-font-font-weight); line-height : var(--secondary-button-font-line-height); letter-spacing: var(--secondary-button-font-letter-spacing); text-transform: var(--secondary-button-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { #siteWrapper .sqs-button-element--secondary, .sqs-block-form-lightbox .sqs-button-element--secondary { font-size: calc((var(--secondary-button-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1664px - 1px)) and (orientation:landscape) { #siteWrapper .sqs-button-element--secondary, .sqs-block-form-lightbox .sqs-button-element--secondary { font-size: calc((var(--secondary-button-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1664px) { #siteWrapper .sqs-button-element--secondary, .sqs-block-form-lightbox .sqs-button-element--secondary { font-size: calc(var(--secondary-button-font-font-size-value) * 1rem) } } #siteWrapper #Tock_widget_container .sqs-button-element--secondary .TockWidget-B2, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--secondary .TockWidget-B2, #siteWrapper #Tock_widget_container .sqs-button-element--secondary .MainLabelSpan, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--secondary .MainLabelSpan { font-family : var(--secondary-button-font-font-family) !important; font-style : var(--secondary-button-font-font-style) !important; font-weight : var(--secondary-button-font-font-weight) !important; line-height : var(--secondary-button-font-line-height) !important; letter-spacing: var(--secondary-button-font-letter-spacing) !important; text-transform: var(--secondary-button-font-text-transform) !important } @media screen and (max-width: 767px) and (orientation: portrait) { #siteWrapper #Tock_widget_container .sqs-button-element--secondary .TockWidget-B2, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--secondary .TockWidget-B2, #siteWrapper #Tock_widget_container .sqs-button-element--secondary .MainLabelSpan, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--secondary .MainLabelSpan { font-size: calc((var(--secondary-button-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) !important } } @media screen and (min-width: 768px), screen and (max-width:calc(1664px - 1px)) and (orientation:landscape) { #siteWrapper #Tock_widget_container .sqs-button-element--secondary .TockWidget-B2, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--secondary .TockWidget-B2, #siteWrapper #Tock_widget_container .sqs-button-element--secondary .MainLabelSpan, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--secondary .MainLabelSpan { font-size: calc((var(--secondary-button-font-font-size-value) - 1) * 1.2vw + 1rem) !important } } @media screen and (min-width:1664px) { #siteWrapper #Tock_widget_container .sqs-button-element--secondary .TockWidget-B2, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--secondary .TockWidget-B2, #siteWrapper #Tock_widget_container .sqs-button-element--secondary .MainLabelSpan, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--secondary .MainLabelSpan { font-size: calc(var(--secondary-button-font-font-size-value) * 1rem) !important } } #siteWrapper .sqs-button-element--tertiary, .sqs-block-form-lightbox .sqs-button-element--tertiary { font-family : var(--tertiary-button-font-font-family); font-style : var(--tertiary-button-font-font-style); font-weight : var(--tertiary-button-font-font-weight); line-height : var(--tertiary-button-font-line-height); letter-spacing: var(--tertiary-button-font-letter-spacing); text-transform: var(--tertiary-button-font-text-transform) } @media screen and (max-width: 767px) and (orientation: portrait) { #siteWrapper .sqs-button-element--tertiary, .sqs-block-form-lightbox .sqs-button-element--tertiary { font-size: calc((var(--tertiary-button-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) } } @media screen and (min-width: 768px), screen and (max-width:calc(1664px - 1px)) and (orientation:landscape) { #siteWrapper .sqs-button-element--tertiary, .sqs-block-form-lightbox .sqs-button-element--tertiary { font-size: calc((var(--tertiary-button-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1664px) { #siteWrapper .sqs-button-element--tertiary, .sqs-block-form-lightbox .sqs-button-element--tertiary { font-size: calc(var(--tertiary-button-font-font-size-value) * 1rem) } } #siteWrapper #Tock_widget_container .sqs-button-element--tertiary .TockWidget-B2, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--tertiary .TockWidget-B2, #siteWrapper #Tock_widget_container .sqs-button-element--tertiary .MainLabelSpan, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--tertiary .MainLabelSpan { font-family : var(--tertiary-button-font-font-family) !important; font-style : var(--tertiary-button-font-font-style) !important; font-weight : var(--tertiary-button-font-font-weight) !important; line-height : var(--tertiary-button-font-line-height) !important; letter-spacing: var(--tertiary-button-font-letter-spacing) !important; text-transform: var(--tertiary-button-font-text-transform) !important } @media screen and (max-width: 767px) and (orientation: portrait) { #siteWrapper #Tock_widget_container .sqs-button-element--tertiary .TockWidget-B2, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--tertiary .TockWidget-B2, #siteWrapper #Tock_widget_container .sqs-button-element--tertiary .MainLabelSpan, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--tertiary .MainLabelSpan { font-size: calc((var(--tertiary-button-font-font-size-value) - 1) * calc(.012 * min(100vh, 900px)) + 1rem) !important } } @media screen and (min-width: 768px), screen and (max-width:calc(1664px - 1px)) and (orientation:landscape) { #siteWrapper #Tock_widget_container .sqs-button-element--tertiary .TockWidget-B2, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--tertiary .TockWidget-B2, #siteWrapper #Tock_widget_container .sqs-button-element--tertiary .MainLabelSpan, .sqs-block-form-lightbox #Tock_widget_container .sqs-button-element--tertiary .MainLabelSpan { font-size: calc((var(--tertiary-button-font-font-size-value) - 1) * 1.2vw + 1rem) !important } } @media screen and (min-width:1664px) { #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(1664px - 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:1664px) { .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(1664px - 1px)) and (orientation:landscape) { .sqsrte-large { font-size: calc((var(--large-text-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1664px) { .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(1664px - 1px)) and (orientation:landscape) { .sqsrte-small { font-size: calc((var(--small-text-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1664px) { .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(1664px - 1px)) and (orientation:landscape) { h1 { font-size: calc((var(--heading-1-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1664px) { 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(1664px - 1px)) and (orientation:landscape) { h2 { font-size: calc((var(--heading-2-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1664px) { 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(1664px - 1px)) and (orientation:landscape) { h3 { font-size: calc((var(--heading-3-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1664px) { 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(1664px - 1px)) and (orientation:landscape) { h4 { font-size: calc((var(--heading-4-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1664px) { 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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { #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 .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { [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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { [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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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 { 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 { 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(1664px - 1px)) and (orientation:landscape) { .collection-type-products .ProductItem-details .variant-option, .collection-type-products .ProductItem-details .product-quantity-input { font-size: calc((var(--product-basic-item-variant-fields-font-font-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1664px) { .collection-type-products .ProductItem-details .variant-option, .collection-type-products .ProductItem-details .product-quantity-input { 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(1664px - 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:1664px) { .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 { 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) } .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { [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(1664px - 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:1664px) { [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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 1px)) and (orientation:landscape) { .sqs-audio-embed { font-size: calc((var(--normal-meta-size-value) - 1) * 1.2vw + 1rem) } } @media screen and (min-width:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { 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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .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(1664px - 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:1664px) { .course-item .course-item__lesson-title { font-size: calc(var(--course-item-lesson-name-font-font-size-value) * 1rem) } } .sqs-block-button-container { text-align: center } .sqs-block-button.sqs-stretched .sqs-block-content, .sqs-block-button.sqs-stretched .sqs-block-button-element { padding-top : 0 !important; padding-bottom: 0 !important; height : 100%; display : flex } .sqs-block-button.sqs-stretched .sqs-block-button-container { flex: 1 } .sqs-block-button.sqs-stretched .sqs-block-button-element { align-items : center; box-sizing : border-box; justify-content: center } .sqs-block-button:not(.sqs-stretched) .sqs-block-button-container { display: flex } .sqs-block-button:not(.sqs-stretched) .sqs-block-button-container--left { justify-content: flex-start } .sqs-block-button:not(.sqs-stretched) .sqs-block-button-container--center { justify-content: center } .sqs-block-button:not(.sqs-stretched) .sqs-block-button-container--right { justify-content: flex-end } .sqs-block-button-element, .image-button a, .list-item-content__button { display : inline-block; -webkit-font-smoothing: antialiased; line-height : normal; padding : .6em 1.002em } @media (hover:hover) { .sqs-block-button-element:hover, .image-button a:hover, .list-item-content__button:hover { opacity: 1 } } #siteWrapper.site-wrapper .sqs-button-element--primary, body .sqs-block-form-lightbox .form-button-wrapper .sqs-button-element--primary { padding: .6em 1.002em } #siteWrapper.site-wrapper .sqs-button-element--primary, body .sqs-block-form-lightbox .form-button-wrapper .sqs-button-element--primary, #siteWrapper.site-wrapper .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--primary, body .sqs-block-form-lightbox .form-button-wrapper .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--primary { border-width: 8px } #siteWrapper.site-wrapper .sqs-button-element--secondary, body .sqs-block-form-lightbox .form-button-wrapper .sqs-button-element--secondary { padding: .6em 1.002em } #siteWrapper.site-wrapper .sqs-button-element--secondary, body .sqs-block-form-lightbox .form-button-wrapper .sqs-button-element--secondary, #siteWrapper.site-wrapper .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary, body .sqs-block-form-lightbox .form-button-wrapper .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary { border-width: 0px } #siteWrapper.site-wrapper .sqs-button-element--tertiary, body .sqs-block-form-lightbox .form-button-wrapper .sqs-button-element--tertiary { padding: .6em 1.002em } #siteWrapper.site-wrapper .sqs-button-element--tertiary, body .sqs-block-form-lightbox .form-button-wrapper .sqs-button-element--tertiary, #siteWrapper.site-wrapper .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary, body .sqs-block-form-lightbox .form-button-wrapper .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary { border-width: 0px } #siteWrapper.site-wrapper .sqs-button-element--primary, body .sqs-block-form-lightbox .form-button-wrapper .sqs-button-element--primary, #siteWrapper.site-wrapper .sqs-button-element--secondary, body .sqs-block-form-lightbox .form-button-wrapper .sqs-button-element--secondary, #siteWrapper.site-wrapper .sqs-button-element--tertiary, body .sqs-block-form-lightbox .form-button-wrapper .sqs-button-element--tertiary, #siteWrapper.site-wrapper .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--primary, body .sqs-block-form-lightbox .form-button-wrapper .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--primary, #siteWrapper.site-wrapper .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary, body .sqs-block-form-lightbox .form-button-wrapper .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary, #siteWrapper.site-wrapper .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary, body .sqs-block-form-lightbox .form-button-wrapper .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary { line-height : normal; border-style: solid } #siteWrapper.site-wrapper div#Tock_widget_container>div.TockWidgetWrapper .TockButton { height : auto; line-height: 0 } #siteWrapper.site-wrapper div#Tock_widget_container>div.TockWidgetWrapper .TockButtonWidgetContainer, #siteWrapper.site-wrapper div#Tock_widget_container>div.TockWidgetWrapper .TockButton-buttonContainer, #siteWrapper.site-wrapper div#Tock_widget_container>div.TockWidgetWrapper .TockInlineButton-container { width: auto } #siteWrapper.site-wrapper div#Tock_widget_container>div.TockWidgetWrapper .TockSearchBar-container { align-items: center } #siteWrapper.site-wrapper div#Tock_widget_container>div.TockWidgetWrapper .TockInlineButton-container { overflow : hidden; display : flex; align-items : center; justify-content: center; height : 49px; min-width : 180px; padding : 0px; border-radius : 0 3px 3px 0 } #siteWrapper.site-wrapper div#Tock_widget_container.Tock_widget_container-columnLayout>div.TockWidgetWrapper .TockInlineButton-container { border-radius: 3px } .sqs-modal-lightbox .sqs-modal-lightbox-content .sqs-button-element--primary { border-width: 8px; border-style: solid } .sqs-modal-lightbox .sqs-modal-lightbox-content .sqs-button-element--secondary { border-width: 0px; border-style: solid } .sqs-modal-lightbox .sqs-modal-lightbox-content .sqs-button-element--tertiary { border-width: 0px; border-style: solid } body.primary-button-style-solid .sqs-button-element--primary, body.primary-button-style-solid .sqs-editable-button.sqs-button-element--primary { -webkit-transition : .1s opacity linear; -moz-transition : .1s opacity linear; -o-transition : .1s opacity linear; transition : .1s opacity linear; -webkit-backface-visibility: hidden } @media (hover:hover) { body.primary-button-style-solid .sqs-button-element--primary:hover, body.primary-button-style-solid .sqs-editable-button.sqs-button-element--primary:hover { opacity: .8 } } .primary-button-style-outline .sqs-button-element--primary, .primary-button-style-outline .list-item .sqs-block-button-element.list-item-content__button.sqs-button-element--primary, .primary-button-style-outline .list-item[data-is-card-enabled="true"] .sqs-block-button-element.list-item-content__button.sqs-button-element--primary, .primary-button-style-outline .sqs-block-form .sqs-editable-button.sqs-button-element--primary, .primary-button-style-outline .header-menu-cta .btn.sqs-button-element--primary, .primary-button-style-outline .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--primary, .primary-button-style-outline .sqs-modal-lightbox-content .sqs-button-element--primary { -webkit-transition: 0.1s background-color linear, 0.1s color linear; -moz-transition : 0.1s background-color linear, 0.1s color linear; -o-transition : 0.1s background-color linear, 0.1s color linear; transition : 0.1s background-color linear, 0.1s color linear } .primary-button-style-outline .sqs-button-element--primary:not(:hover), .primary-button-style-outline .list-item .sqs-block-button-element.list-item-content__button.sqs-button-element--primary:not(:hover), .primary-button-style-outline .list-item[data-is-card-enabled="true"] .sqs-block-button-element.list-item-content__button.sqs-button-element--primary:not(:hover), .primary-button-style-outline .sqs-block-form .sqs-editable-button.sqs-button-element--primary:not(:hover), .primary-button-style-outline .header-menu-cta .btn.sqs-button-element--primary:not(:hover), .primary-button-style-outline .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--primary:not(:hover), .primary-button-style-outline .sqs-modal-lightbox-content .sqs-button-element--primary:not(:hover) { background: transparent } .primary-button-style-outline .newsletter-form-button.sqs-system-button.sqs-button-element--primary:not(:hover) { background: transparent !important } .primary-button-shape-square .sqs-button-element--primary, .primary-button-shape-square #Tock_widget_container .sqs-button-element--primary.TockButton-blue { border-radius: 0 } .primary-button-shape-rounded .sqs-button-element--primary, .primary-button-shape-rounded #Tock_widget_container .sqs-button-element--primary.TockButton-blue { border-radius: .4rem } .primary-button-shape-pill .sqs-button-element--primary, .primary-button-shape-pill #Tock_widget_container .sqs-button-element--primary.TockButton-blue { border-radius: 300px } .primary-button-shape-oval .sqs-button-element--primary, .primary-button-shape-oval #Tock_widget_container .sqs-button-element--primary.TockButton-blue { border-radius: 100% } .primary-button-shape-petal .sqs-button-element--primary, .primary-button-shape-petal #Tock_widget_container .sqs-button-element--primary.TockButton-blue { border-radius: 16px 0px } body.primary-button-shape-underline #siteWrapper .sqs-button-element--primary:not(.ma-pricing-option-button), body.primary-button-shape-underline .sqs-block-form-lightbox .sqs-button-element--primary:not(.ma-pricing-option-button), body.primary-button-shape-underline #siteWrapper .comment-btn-wrapper .comment-btn.sqs-button-element--primary, body.primary-button-shape-underline .sqs-block-form-lightbox .comment-btn-wrapper .comment-btn.sqs-button-element--primary, body.primary-button-shape-underline #siteWrapper .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--primary, body.primary-button-shape-underline .sqs-block-form-lightbox .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--primary { border-top : none; border-right : none; border-left : none; border-bottom-style: solid; border-radius : 0; border-bottom-width: 8px } .primary-button-shape-custom .sqs-button-element--primary, .primary-button-shape-custom .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--primary { border-top-left-radius : 6.4px; border-top-right-radius : 6.4px; border-bottom-left-radius : 6.4px; border-bottom-right-radius: 6.4px } .secondary-button-style-solid .sqs-button-element--secondary, .secondary-button-style-solid .sqs-editable-button.sqs-button-element--secondary, .secondary-button-style-solid .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary { -webkit-transition : .1s opacity linear; -moz-transition : .1s opacity linear; -o-transition : .1s opacity linear; transition : .1s opacity linear; -webkit-backface-visibility: hidden } .secondary-button-style-solid .sqs-button-element--secondary:hover, .secondary-button-style-solid .sqs-editable-button.sqs-button-element--secondary:hover, .secondary-button-style-solid .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary:hover { opacity: .8 } .secondary-button-style-outline .sqs-button-element--secondary, .secondary-button-style-outline .list-item .sqs-block-button-element.list-item-content__button.sqs-button-element--secondary, .secondary-button-style-outline .list-item[data-is-card-enabled="true"] .sqs-block-button-element.list-item-content__button.sqs-button-element--secondary, .secondary-button-style-outline .sqs-block-form .sqs-editable-button.sqs-button-element--secondary, .secondary-button-style-outline .header-menu-cta .btn.sqs-button-element--secondary, .secondary-button-style-outline .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary, .secondary-button-style-outline .sqs-modal-lightbox-content .sqs-button-element--secondary { -webkit-transition: 0.1s background-color linear, 0.1s color linear; -moz-transition : 0.1s background-color linear, 0.1s color linear; -o-transition : 0.1s background-color linear, 0.1s color linear; transition : 0.1s background-color linear, 0.1s color linear } .secondary-button-style-outline .sqs-button-element--secondary:not(:hover), .secondary-button-style-outline .list-item .sqs-block-button-element.list-item-content__button.sqs-button-element--secondary:not(:hover), .secondary-button-style-outline .list-item[data-is-card-enabled="true"] .sqs-block-button-element.list-item-content__button.sqs-button-element--secondary:not(:hover), .secondary-button-style-outline .sqs-block-form .sqs-editable-button.sqs-button-element--secondary:not(:hover), .secondary-button-style-outline .header-menu-cta .btn.sqs-button-element--secondary:not(:hover), .secondary-button-style-outline .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary:not(:hover), .secondary-button-style-outline .sqs-modal-lightbox-content .sqs-button-element--secondary:not(:hover) { background: transparent } .secondary-button-style-outline .newsletter-form-button.sqs-system-button.sqs-button-element--secondary { background: transparent !important } .secondary-button-shape-square .sqs-button-element--secondary, .secondary-button-shape-square .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary { border-radius: 0 } .secondary-button-shape-rounded .sqs-button-element--secondary, .secondary-button-shape-rounded .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary { border-radius: .4rem } .secondary-button-shape-pill .sqs-button-element--secondary, .secondary-button-shape-pill .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary { border-radius: 300px } .secondary-button-shape-oval .sqs-button-element--secondary, .secondary-button-shape-oval .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary { border-radius: 100% } body.secondary-button-shape-underline #siteWrapper .sqs-button-element--secondary, body.secondary-button-shape-underline .sqs-block-form-lightbox .sqs-button-element--secondary, body.secondary-button-shape-underline #siteWrapper .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary, body.secondary-button-shape-underline .sqs-block-form-lightbox .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary { border-top : none; border-right : none; border-left : none; border-bottom-style: solid; border-radius : 0; border-bottom-width: 0px } .secondary-button-shape-petal .sqs-button-element--secondary, .secondary-button-shape-petal .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary { border-radius: 16px 0px } .secondary-button-shape-custom .sqs-button-element--secondary, .secondary-button-shape-custom .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--secondary { border-top-left-radius : 6.4px; border-top-right-radius : 6.4px; border-bottom-left-radius : 6.4px; border-bottom-right-radius: 6.4px } .tertiary-button-style-solid .sqs-button-element--tertiary, .tertiary-button-style-solid .sqs-editable-button.sqs-button-element--tertiary, .tertiary-button-style-solid .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary { -webkit-transition : .1s opacity linear; -moz-transition : .1s opacity linear; -o-transition : .1s opacity linear; transition : .1s opacity linear; -webkit-backface-visibility: hidden } .tertiary-button-style-solid .sqs-button-element--tertiary:hover, .tertiary-button-style-solid .sqs-editable-button.sqs-button-element--tertiary:hover, .tertiary-button-style-solid .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary:hover { opacity: .8 } .tertiary-button-style-outline .sqs-button-element--tertiary, .tertiary-button-style-outline .list-item .sqs-block-button-element.list-item-content__button.sqs-button-element--tertiary, .tertiary-button-style-outline .list-item[data-is-card-enabled="true"] .sqs-block-button-element.list-item-content__button.sqs-button-element--tertiary, .tertiary-button-style-outline .sqs-block-form .sqs-editable-button.sqs-button-element--tertiary, .tertiary-button-style-outline .header-menu-cta .btn.sqs-button-element--tertiary, .tertiary-button-style-outline .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary, .tertiary-button-style-outline .sqs-modal-lightbox-content .sqs-button-element--tertiary { -webkit-transition: 0.1s background-color linear, 0.1s color linear; -moz-transition : 0.1s background-color linear, 0.1s color linear; -o-transition : 0.1s background-color linear, 0.1s color linear; transition : 0.1s background-color linear, 0.1s color linear } .tertiary-button-style-outline .sqs-button-element--tertiary:not(:hover), .tertiary-button-style-outline .list-item .sqs-block-button-element.list-item-content__button.sqs-button-element--tertiary:not(:hover), .tertiary-button-style-outline .list-item[data-is-card-enabled="true"] .sqs-block-button-element.list-item-content__button.sqs-button-element--tertiary:not(:hover), .tertiary-button-style-outline .sqs-block-form .sqs-editable-button.sqs-button-element--tertiary:not(:hover), .tertiary-button-style-outline .header-menu-cta .btn.sqs-button-element--tertiary:not(:hover), .tertiary-button-style-outline .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary:not(:hover), .tertiary-button-style-outline .sqs-modal-lightbox-content .sqs-button-element--tertiary:not(:hover) { background: transparent } .tertiary-button-style-outline .newsletter-form-button.sqs-system-button.sqs-button-element--tertiary { background: transparent !important } .tertiary-button-shape-square .sqs-button-element--tertiary, .tertiary-button-shape-square .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary { border-radius: 0 } .tertiary-button-shape-rounded .sqs-button-element--tertiary, .tertiary-button-shape-rounded .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary { border-radius: .4rem } .tertiary-button-shape-pill .sqs-button-element--tertiary, .tertiary-button-shape-pill .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary { border-radius: 300px } .tertiary-button-shape-oval .sqs-button-element--tertiary, .tertiary-button-shape-oval .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary { border-radius: 100% } body.tertiary-button-shape-underline #siteWrapper .sqs-button-element--tertiary, body.tertiary-button-shape-underline .sqs-block-form-lightbox .sqs-button-element--tertiary, body.tertiary-button-shape-underline #siteWrapper .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary, body.tertiary-button-shape-underline .sqs-block-form-lightbox .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary { border-top : none; border-right : none; border-left : none; border-bottom-style: solid; border-radius : 0; border-bottom-width: 0px } .tertiary-button-shape-petal .sqs-button-element--tertiary, .tertiary-button-shape-petal .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary { border-radius: 16px 0px } .tertiary-button-shape-custom .sqs-button-element--tertiary, .tertiary-button-shape-custom .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockButton-blue.sqs-button-element--tertiary { border-top-left-radius : 6.4px; border-top-right-radius : 6.4px; border-bottom-left-radius : 6.4px; border-bottom-right-radius: 6.4px } @media (hover:hover) { .tweak-global-animations-animation-type-flex.primary-button-style-outline .image-button a:hover, .tweak-global-animations-animation-type-flex.primary-button-style-outline .sqs-add-to-cart-button:hover, .tweak-global-animations-animation-type-flex.primary-button-style-outline .sqs-editable-button:not(input):hover, .tweak-global-animations-animation-type-flex.primary-button-style-outline .sqs-block-button-element.sqs-block-button-element--primary:hover, .tweak-global-animations-animation-type-flex.primary-button-style-outline .ma-pricing-toggle-wrapper .ma-pricing-option-button:hover, .tweak-global-animations-animation-type-flex.primary-button-style-outline [data-animation-role="header-element"] .btn:hover { background-color: transparent !important } .tweak-global-animations-animation-type-flex.primary-button-style-outline .user-items-list-simple { background: transparent } .tweak-global-animations-animation-type-flex.primary-button-style-outline .user-items-list-simple:hover { background-color: transparent } .tweak-global-animations-animation-type-flex.primary-button-style-outline .user-items-list-carousel { background: transparent } .tweak-global-animations-animation-type-flex.primary-button-style-outline .user-items-list-carousel:hover { background-color: transparent } .tweak-global-animations-animation-type-flex.primary-button-style-outline .user-items-list-banner-slideshow { background: transparent } .tweak-global-animations-animation-type-flex.primary-button-style-outline .user-items-list-banner-slideshow:hover { background-color: transparent } } @media (hover:hover) { .tweak-global-animations-animation-type-flex.secondary-button-style-outline .sqs-button-element--secondary:hover, .tweak-global-animations-animation-type-flex.tertiary-button-style-outline .sqs-button-element--tertiary:hover { background: transparent } } .sqs-announcement-bar .sqs-announcement-bar-close { background: transparent } div#Tock_widget_container>div.TockWidgetWrapper .InlineWidgetDropDown-NoRightBorder { border-right: 1px solid #e7e7e7 } .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: 6% } .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: 5% } .sqs-block-image .design-layout-card .image-button { margin-top: 15% } .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: 0% } .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 - 0%) } .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: 86% } .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: 114% } .sqs-block-image .design-layout-overlap:not(.sqs-narrow-width) .image-title-wrapper { width: 146.39534884% } .sqs-block-image .design-layout-overlap:not(.sqs-narrow-width).image-position-left .image-title-wrapper { margin-left: -46.39534884% } .sqs-block-image .design-layout-overlap:not(.sqs-narrow-width).image-position-right>div:first-child>div { left: -14% } .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 : 80%; margin-left: 20% } .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 : 80%; margin-right: 20% } .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-fade-in .image-inset, .image-block-outer-wrapper.combination-animation-fade-in .image-block-wrapper, .image-block-outer-wrapper.combination-animation-fade-in .sqs-image-content, .image-block-outer-wrapper.combination-animation-fade-in .image-caption-wrapper, .image-block-outer-wrapper.combination-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-fade-in.animation-loaded .image-inset, .image-block-outer-wrapper.combination-animation-fade-in.animation-loaded .image-block-wrapper, .image-block-outer-wrapper.combination-animation-fade-in.animation-loaded .sqs-image-content, .image-block-outer-wrapper.combination-animation-fade-in.animation-loaded .image-caption-wrapper, .image-block-outer-wrapper.combination-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-slide-up .image-inset, .image-block-outer-wrapper.combination-animation-slide-up .image-block-wrapper, .image-block-outer-wrapper.combination-animation-slide-up .sqs-image-content, .image-block-outer-wrapper.combination-animation-slide-up .image-caption-wrapper, .image-block-outer-wrapper.combination-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-slide-up.animation-loaded .image-inset, .image-block-outer-wrapper.combination-animation-slide-up.animation-loaded .image-block-wrapper, .image-block-outer-wrapper.combination-animation-slide-up.animation-loaded .sqs-image-content, .image-block-outer-wrapper.combination-animation-slide-up.animation-loaded .image-caption-wrapper, .image-block-outer-wrapper.combination-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-horizontal-clip .image-inset, .image-block-outer-wrapper.combination-animation-horizontal-clip .image-block-wrapper, .image-block-outer-wrapper.combination-animation-horizontal-clip .sqs-image-content, .image-block-outer-wrapper.combination-animation-horizontal-clip .image-caption-wrapper, .image-block-outer-wrapper.combination-animation-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-horizontal-clip.animation-loaded .image-inset, .image-block-outer-wrapper.combination-animation-horizontal-clip.animation-loaded .image-block-wrapper, .image-block-outer-wrapper.combination-animation-horizontal-clip.animation-loaded .sqs-image-content, .image-block-outer-wrapper.combination-animation-horizontal-clip.animation-loaded .image-caption-wrapper, .image-block-outer-wrapper.combination-animation-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-vertical-clip .image-inset, .image-block-outer-wrapper.combination-animation-vertical-clip .image-block-wrapper, .image-block-outer-wrapper.combination-animation-vertical-clip .sqs-image-content, .image-block-outer-wrapper.combination-animation-vertical-clip .image-caption-wrapper, .image-block-outer-wrapper.combination-animation-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-vertical-clip.animation-loaded .image-inset, .image-block-outer-wrapper.combination-animation-vertical-clip.animation-loaded .image-block-wrapper, .image-block-outer-wrapper.combination-animation-vertical-clip.animation-loaded .sqs-image-content, .image-block-outer-wrapper.combination-animation-vertical-clip.animation-loaded .image-caption-wrapper, .image-block-outer-wrapper.combination-animation-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-tilt-up .image-inset, .image-block-outer-wrapper.combination-animation-tilt-up .image-block-wrapper, .image-block-outer-wrapper.combination-animation-tilt-up .sqs-image-content, .image-block-outer-wrapper.combination-animation-tilt-up .image-caption-wrapper, .image-block-outer-wrapper.combination-animation-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-tilt-up.animation-loaded .image-inset, .image-block-outer-wrapper.combination-animation-tilt-up.animation-loaded .image-block-wrapper, .image-block-outer-wrapper.combination-animation-tilt-up.animation-loaded .sqs-image-content, .image-block-outer-wrapper.combination-animation-tilt-up.animation-loaded .image-caption-wrapper, .image-block-outer-wrapper.combination-animation-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-tilt-down .image-inset, .image-block-outer-wrapper.combination-animation-tilt-down .image-block-wrapper, .image-block-outer-wrapper.combination-animation-tilt-down .sqs-image-content, .image-block-outer-wrapper.combination-animation-tilt-down .image-caption-wrapper, .image-block-outer-wrapper.combination-animation-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-tilt-down.animation-loaded .image-inset, .image-block-outer-wrapper.combination-animation-tilt-down.animation-loaded .image-block-wrapper, .image-block-outer-wrapper.combination-animation-tilt-down.animation-loaded .sqs-image-content, .image-block-outer-wrapper.combination-animation-tilt-down.animation-loaded .image-caption-wrapper, .image-block-outer-wrapper.combination-animation-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-collide .image-inset, .image-block-outer-wrapper.combination-animation-collide .image-block-wrapper, .image-block-outer-wrapper.combination-animation-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-collide .image-caption-wrapper, .image-block-outer-wrapper.combination-animation-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-collide.image-position-right .image-inset, .image-block-outer-wrapper.combination-animation-collide.image-position-right .image-block-wrapper, .image-block-outer-wrapper.combination-animation-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-collide.image-position-right .image-caption-wrapper, .image-block-outer-wrapper.combination-animation-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-collide.animation-loaded .image-inset, .image-block-outer-wrapper.combination-animation-collide.animation-loaded .image-block-wrapper, .image-block-outer-wrapper.combination-animation-collide.animation-loaded .sqs-image-content, .image-block-outer-wrapper.combination-animation-collide.animation-loaded .image-caption-wrapper, .image-block-outer-wrapper.combination-animation-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-reveal .image-inset, .image-block-outer-wrapper.combination-animation-reveal .image-block-wrapper, .image-block-outer-wrapper.combination-animation-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-reveal .image-caption-wrapper, .image-block-outer-wrapper.combination-animation-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-reveal.image-position-right .image-inset, .image-block-outer-wrapper.combination-animation-reveal.image-position-right .image-block-wrapper, .image-block-outer-wrapper.combination-animation-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-reveal.image-position-right .image-caption-wrapper, .image-block-outer-wrapper.combination-animation-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-reveal.animation-loaded .image-inset, .image-block-outer-wrapper.combination-animation-reveal.animation-loaded .image-block-wrapper, .image-block-outer-wrapper.combination-animation-reveal.animation-loaded .sqs-image-content, .image-block-outer-wrapper.combination-animation-reveal.animation-loaded .image-caption-wrapper, .image-block-outer-wrapper.combination-animation-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-focus-in .image-inset, .image-block-outer-wrapper.combination-animation-focus-in .image-block-wrapper, .image-block-outer-wrapper.combination-animation-focus-in .sqs-image-content, .image-block-outer-wrapper.combination-animation-focus-in .image-caption-wrapper, .image-block-outer-wrapper.combination-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-focus-in.animation-loaded .image-inset, .image-block-outer-wrapper.combination-animation-focus-in.animation-loaded .image-block-wrapper, .image-block-outer-wrapper.combination-animation-focus-in.animation-loaded .sqs-image-content, .image-block-outer-wrapper.combination-animation-focus-in.animation-loaded .image-caption-wrapper, .image-block-outer-wrapper.combination-animation-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 .img-wrapper, .sqs-block-summary-v2 .sqs-video-wrapper { position: relative; width : 100%; height : auto } .sqs-block-summary-v2 .img-wrapper img, .sqs-block-summary-v2 .sqs-video-wrapper img { opacity : 0; display : block; width : 100%; height : auto; font-size : 13px; line-height: normal; transition : opacity .6s ease } .sqs-block-summary-v2 .img-wrapper img.loaded, .sqs-block-summary-v2 .sqs-video-wrapper img.loaded { opacity: 1 } .sqs-block-summary-v2 .img-wrapper img:not(.loaded) .sqs-product-mark-wrapper .sqs-product-quick-view-button-wrapper, .sqs-block-summary-v2 .sqs-video-wrapper img:not(.loaded) .sqs-product-mark-wrapper .sqs-product-quick-view-button-wrapper { opacity: 0 !important } .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 : .6em 1.002em } 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; -webkit-transition: 0.1s background-color linear, 0.1s color linear; -moz-transition : 0.1s background-color linear, 0.1s color linear; -o-transition : 0.1s background-color linear, 0.1s color linear; transition : 0.1s background-color linear, 0.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 } /*! 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 : .48em .8016em } .primary-button-style-solid .btn { -webkit-transition : .1s opacity linear; -moz-transition : .1s opacity linear; -o-transition : .1s opacity linear; 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; -webkit-transition: 0.1s background-color linear, 0.1s color linear; -moz-transition : 0.1s background-color linear, 0.1s color linear; -o-transition : 0.1s background-color linear, 0.1s color linear; transition : 0.1s background-color linear, 0.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 : 2vw; --sqs-mobile-site-gutter: 6vw; --sqs-site-max-width : 1600px } } 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 : 2vw; padding-right : 2vw; padding-bottom: 2vw; padding-left : 2vw } .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: 2vw } .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: 2vw } .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 : 2vw; right : 2vw; bottom: 2vw; left : 2vw } .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 : 1600px; padding-top : 2vw; padding-bottom: 2vw; padding-left : 2vw; padding-right : 2vw; margin : 0 auto } .system-page>*:first-child { padding-top: 2vw } .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 : 2vw; padding-bottom: 2vw } .tweak-products-width-full .products.collection-content-wrapper { width : 100%; padding-left : 2vw; padding-right: 2vw } .tweak-products-width-inset .products.collection-content-wrapper { max-width : 1600px; padding-left : 2vw; padding-right: 2vw; 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.plp-add-to-cart .products.collection-content-wrapper .plp-grid-add-to-cart { display : flex; flex-direction: column; margin-top : auto } .tweak-products-add-to-cart-button.plp-add-to-cart .products.collection-content-wrapper .plp-grid-add-to-cart a:focus-visible { outline: var(--navigationLinkColor) solid 2px } .tweak-products-add-to-cart-button.plp-add-to-cart .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.plp-add-to-cart .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.plp-add-to-cart .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.plp-add-to-cart .products.collection-content-wrapper .plp-grid-add-to-cart .variant-option select::-ms-expand { display: none } .tweak-products-add-to-cart-button.plp-add-to-cart .products.collection-content-wrapper .plp-grid-add-to-cart .variant-option select:focus option { color: #000 } .tweak-products-add-to-cart-button.plp-add-to-cart .products.collection-content-wrapper .plp-grid-add-to-cart .product-variants { margin-top: 22px } .tweak-products-add-to-cart-button.plp-add-to-cart .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.plp-add-to-cart .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.plp-add-to-cart .products.collection-content-wrapper .plp-grid-add-to-cart .sqs-add-to-cart-button, .tweak-products-add-to-cart-button.plp-add-to-cart .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.plp-add-to-cart .products.collection-content-wrapper .plp-grid-add-to-cart .sqs-add-to-cart-button:hover, .tweak-products-add-to-cart-button.plp-add-to-cart .products.collection-content-wrapper .plp-grid-add-to-cart .sqs-view-options-button-wrapper:hover { opacity: 80% } .tweak-products-add-to-cart-button.plp-add-to-cart .products.collection-content-wrapper .plp-grid-add-to-cart .sqs-add-to-cart-button .plp-cart-added, .tweak-products-add-to-cart-button.plp-add-to-cart .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.plp-add-to-cart .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.plp-add-to-cart .products.collection-content-wrapper .plp-grid-add-to-cart .sqs-view-options-button-wrapper .plp-cart-added .status-text { text-transform: uppercase } .products.collection-content-wrapper .list-grid { position: relative } @media screen and (min-width: 768px) { .products.collection-content-wrapper .list-grid { display : grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-column-gap : 2vw; grid-row-gap : 4.5vw; 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%; 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 { 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: 1vw } } .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% + 4vw); position : relative; left : -2vw } } .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 : 2vw; 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 2vw 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 } .lesson-item-pagination-link .pagination-lock-icon { width : 36px; height : 36px; margin-right: 12px } .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 } .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 } .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: 2vw } .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-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) } .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%; backdrop-filter: blur(1px) brightness(.3) } .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%; backdrop-filter: blur(4px) brightness(.3) } .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 } .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: 2vw } .tweak-product-basic-item-width-inset .ProductItem { max-width : 1600px; padding-left : 2vw; padding-right: 2vw; 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: 7.7vw } .tweak-product-basic-item-gallery-placement-right .ProductItem-details { padding-left : 0; padding-right: 7.7vw } } @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 : 50% } .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 : 50% } .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(3)~.ProductList-item { display: none } @media only screen and (max-width:640px) { .ProductItem .ProductItem-related .ProductList-item { margin-right: 15px; width : calc(50% - 15px) } } .ProductItem .ProductItem-related-label { position: relative } .tweak-product-basic-item-product-variant-display-dropdown .ProductItem .variant-select-wrapper { display: block } .tweak-product-basic-item-product-variant-display-dropdown .ProductItem .variant-radiobtn-wrapper { display: none } .tweak-product-basic-item-product-variant-display-button .ProductItem .variant-radiobtn-wrapper { display: flex } .tweak-product-basic-item-product-variant-display-button .ProductItem .variant-select-wrapper { display: none } .tweak-global-animations-animation-type-flex .ProductItem-nav-breadcrumb .ProductItem-nav-breadcrumb-link { position : relative; display : inline-block; text-decoration: none } .tweak-global-animations-animation-type-flex .ProductItem-nav-breadcrumb .ProductItem-nav-breadcrumb-link::after { content : ''; position : absolute; width : 100%; height : 1px; left : 0; bottom : 0px; background-color: currentColor; transform : scalex(0); transform-origin: right; transition : transform .6s cubic-bezier(.19, 1, .22, 1) } @media (hover:hover) { .tweak-global-animations-animation-type-flex .ProductItem-nav-breadcrumb .ProductItem-nav-breadcrumb-link:hover::after { transform : scalex(1); transform-origin: left } } .product-block .product-quantity-input input { border : 0; border-radius: 0; padding : 0; outline : 0; background : transparent !important; border : 1px solid grey; text-align : left; box-sizing : border-box; padding : calc(.6em - 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 : 2vw; padding-right: 2vw } .tweak-portfolio-grid-basic-width-inset .portfolio-grid-basic { max-width : 1600px; padding-left : 2vw; padding-right: 2vw; 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 } @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 : 2vw; padding-right: 2vw } .tweak-portfolio-grid-overlay-width-inset .portfolio-grid-overlay { max-width : 1600px; padding-left : 2vw; padding-right: 2vw; 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 } .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 2vw 2vw; 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 { display: none } .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 : 2vw; padding-left : 2vw; padding-right : 2vw; padding-bottom: 2vw } .portfolio-hover[data-mode="hover-cover"][data-width="full"] .portfolio-hover-backgrounds { padding-top : 0 !important; padding-right : 2vw !important; padding-bottom: 2vw !important; padding-left : 2vw !important } .portfolio-hover[data-mode="hover-cover"][data-width="inset"] .portfolio-hover-items { max-width : 1600px; margin-left : auto; margin-right: auto } .portfolio-hover[data-mode="hover-cover"][data-width="inset"] .portfolio-hover-backgrounds { max-width : 1600px; 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 : 2vw; bottom: 2vw; left : 2vw } .tweak-portfolio-index-background-width-inset .collection-type-portfolio-index-background .section-background { max-width : 1600px; margin-left : auto; margin-right: auto; top : 0; right : 2vw; bottom : 2vw; left : 2vw } @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 : 2vw; padding-right: 2vw } .tweak-events-stacked-width-inset .events { max-width : 1600px; padding-left : 2vw; padding-right: 2vw; 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 : 2vw } @media screen and (max-width: 767px) { .gallery-grid[data-width="full"] { padding: 6vw } } .gallery-grid[data-width="inset"] { max-width : 1600px; padding : 2vw; 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 : 2vw } @media screen and (max-width: 767px) { .gallery-strips[data-width="full"] { padding: 6vw } } .gallery-strips[data-width="inset"] { max-width : 1600px; padding : 2vw; 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 : 1600px; 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: 2vw } .gallery-slideshow[data-thumbnails="true"] { padding: 2vw 2vw calc(2vw - 10px) 2vw } } .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 : 2vw } @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 : 2vw } @media screen and (max-width: 767px) { .gallery-masonry[data-width="full"] { padding: 6vw } } .gallery-masonry[data-width="inset"] { max-width : 1600px; padding : 2vw; 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 : 2vw; padding-right: 2vw } .user-items-list-simple[data-layout-width="inset"] { padding-left : 2vw; padding-right: 2vw; max-width : 1600px } @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 { display : block; width : 100%; min-height: 100% } .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(1664px - 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:1664px) { #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(1664px - 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:1664px) { #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(1664px - 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:1664px) { #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 : 2vw; padding-right: 2vw } .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 : 2vw; padding-right: 2vw } .user-items-list-banner-slideshow[data-layout-width="inset"] .slideshow-gutter { padding-left : 2vw; padding-right: 2vw } .user-items-list-banner-slideshow[data-layout-width="inset"] .slideshow-holder { max-width: 1600px } .user-items-list-banner-slideshow[data-layout-width="inset"] .arrows-bottom-outer { padding-left : 2vw; padding-right: 2vw } .user-items-list-banner-slideshow[data-layout-width="inset"] .arrows-bottom-wrapper { max-width: 1600px } .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(1664px - 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:1664px) { #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(1664px - 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:1664px) { #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(1664px - 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:1664px) { #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 : 2vw; padding-right: 2vw } .user-items-list-carousel[data-layout-width="full"][data-show-adjacent-slides="true"] .user-items-list-carousel__arrow-wrapper { width : calc(100% - 2 * 2vw); 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 * 2vw); max-width: 100% } .user-items-list-carousel[data-layout-width="inset"] .user-items-list-carousel__gutter { padding-left : 2vw; padding-right: 2vw } .user-items-list-carousel[data-layout-width="inset"] .user-items-list-carousel__slideshow-holder { max-width: 1600px } .user-items-list-carousel[data-layout-width="inset"] .arrows-bottom-wrapper { padding-left : 2vw; padding-right: 2vw; box-sizing : content-box; max-width : 1600px; 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 * 2vw); max-width: calc(1600px - 40px) } .user-items-list-carousel[data-layout-width="inset"][data-show-adjacent-slides="false"] .user-items-list-carousel__arrow-wrapper { width : calc(100% - 2 * 2vw); max-width: 1600px } @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(1664px - 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:1664px) { #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(1664px - 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:1664px) { #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(1664px - 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:1664px) { #siteWrapper .user-items-list-item-container.user-items-list-carousel[data-button-font-unit="rem"] .list-item-content__button { font-size: calc(var(--button-font-size-value) * 1rem) } } .user-items-list-carousel .list-item-content__title { margin: 0px } .user-items-list-carousel .list-item-content__description { margin : 0px; letter-spacing: normal } .user-items-list-carousel .list-item-content__description p:first-of-type { margin-top: 0px } .user-items-list-carousel .list-item-content__description p:last-of-type { margin-bottom: 0px } .user-items-list-carousel[data-media-alignment="left"] .user-items-list-carousel__media-container { margin-left : 0; margin-right: auto } .user-items-list-carousel[data-media-alignment="center"] .user-items-list-carousel__media-container { margin-left : auto; margin-right: auto } .user-items-list-carousel[data-media-alignment="right"] .user-items-list-carousel__media-container { margin-left : auto; margin-right: 0 } .user-items-list-carousel[data-title-placement="left"] .list-item-content__title { margin-left : 0; margin-right: auto } .user-items-list-carousel[data-title-placement="center"] .list-item-content__title { margin-left : auto; margin-right: auto } .user-items-list-carousel[data-title-placement="right"] .list-item-content__title { margin-left : auto; margin-right: 0 } .user-items-list-carousel[data-body-placement="left"] .list-item-content__description { margin-left : 0; margin-right: auto } .user-items-list-carousel[data-body-placement="center"] .list-item-content__description { margin-left : auto; margin-right: auto } .user-items-list-carousel[data-body-placement="right"] .list-item-content__description { margin-left : auto; margin-right: 0 } .user-items-list-carousel[data-button-placement="left"] .list-item-content__button-container { margin-left : 0; margin-right: auto } .user-items-list-carousel[data-button-placement="center"] .list-item-content__button-container { margin-left : auto; margin-right: auto } .user-items-list-carousel[data-button-placement="right"] .list-item-content__button-container { margin-left : auto; margin-right: 0 } .user-items-list-carousel[data-title-alignment="left"] .list-item-content__title { text-align: left } .user-items-list-carousel[data-title-alignment="center"] .list-item-content__title { text-align: center } .user-items-list-carousel[data-title-alignment="right"] .list-item-content__title { text-align: right } .user-items-list-carousel[data-body-alignment="left"] .list-item-content__description { text-align: left } .user-items-list-carousel[data-body-alignment="center"] .list-item-content__description { text-align: center } .user-items-list-carousel[data-body-alignment="right"] .list-item-content__description { text-align: right } .user-items-list-carousel[data-button-alignment="left"] .list-item-content__button-container { text-align: left } .user-items-list-carousel[data-button-alignment="center"] .list-item-content__button-container { text-align: center } .user-items-list-carousel[data-button-alignment="right"] .list-item-content__button-container { text-align: right } .user-items-list-carousel[data-max-columns="1"] .user-items-list-carousel__slides, .user-items-list-carousel[data-max-columns="2"] .user-items-list-carousel__slides, .user-items-list-carousel[data-max-columns="3"] .user-items-list-carousel__slides, .user-items-list-carousel[data-max-columns="4"] .user-items-list-carousel__slides, .user-items-list-carousel[data-max-columns="5"] .user-items-list-carousel__slides, .user-items-list-carousel[data-max-columns="6"] .user-items-list-carousel__slides, .user-items-list-carousel[data-max-columns="1"] .user-items-list-carousel__arrow-wrapper, .user-items-list-carousel[data-max-columns="2"] .user-items-list-carousel__arrow-wrapper, .user-items-list-carousel[data-max-columns="3"] .user-items-list-carousel__arrow-wrapper, .user-items-list-carousel[data-max-columns="4"] .user-items-list-carousel__arrow-wrapper, .user-items-list-carousel[data-max-columns="5"] .user-items-list-carousel__arrow-wrapper, .user-items-list-carousel[data-max-columns="6"] .user-items-list-carousel__arrow-wrapper { -ms-grid-columns : (1fr)[1]; grid-template-columns: repeat(1, 1fr) } @media screen and (min-width: 576px) { .user-items-list-carousel[data-max-columns="2"] .user-items-list-carousel__slides, .user-items-list-carousel[data-max-columns="3"] .user-items-list-carousel__slides, .user-items-list-carousel[data-max-columns="4"] .user-items-list-carousel__slides, .user-items-list-carousel[data-max-columns="5"] .user-items-list-carousel__slides, .user-items-list-carousel[data-max-columns="6"] .user-items-list-carousel__slides, .user-items-list-carousel[data-max-columns="2"] .user-items-list-carousel__arrow-wrapper, .user-items-list-carousel[data-max-columns="3"] .user-items-list-carousel__arrow-wrapper, .user-items-list-carousel[data-max-columns="4"] .user-items-list-carousel__arrow-wrapper, .user-items-list-carousel[data-max-columns="5"] .user-items-list-carousel__arrow-wrapper, .user-items-list-carousel[data-max-columns="6"] .user-items-list-carousel__arrow-wrapper { -ms-grid-columns : (1fr)[2]; grid-template-columns: repeat(2, 1fr) } } @media screen and (min-width: 992px) { .user-items-list-carousel[data-max-columns="3"] .user-items-list-carousel__slides, .user-items-list-carousel[data-max-columns="4"] .user-items-list-carousel__slides, .user-items-list-carousel[data-max-columns="5"] .user-items-list-carousel__slides, .user-items-list-carousel[data-max-columns="6"] .user-items-list-carousel__slides, .user-items-list-carousel[data-max-columns="3"] .user-items-list-carousel__arrow-wrapper, .user-items-list-carousel[data-max-columns="4"] .user-items-list-carousel__arrow-wrapper, .user-items-list-carousel[data-max-columns="5"] .user-items-list-carousel__arrow-wrapper, .user-items-list-carousel[data-max-columns="6"] .user-items-list-carousel__arrow-wrapper { -ms-grid-columns : (1fr)[3]; grid-template-columns: repeat(3, 1fr) } } @media screen and (min-width: 1100px) { .user-items-list-carousel[data-max-columns="4"] .user-items-list-carousel__slides, .user-items-list-carousel[data-max-columns="5"] .user-items-list-carousel__slides, .user-items-list-carousel[data-max-columns="6"] .user-items-list-carousel__slides, .user-items-list-carousel[data-max-columns="4"] .user-items-list-carousel__arrow-wrapper, .user-items-list-carousel[data-max-columns="5"] .user-items-list-carousel__arrow-wrapper, .user-items-list-carousel[data-max-columns="6"] .user-items-list-carousel__arrow-wrapper { -ms-grid-columns : (1fr)[4]; grid-template-columns: repeat(4, 1fr) } } @media screen and (min-width: 1200px) { .user-items-list-carousel[data-max-columns="5"] .user-items-list-carousel__slides, .user-items-list-carousel[data-max-columns="5"] .user-items-list-carousel__arrow-wrapper { -ms-grid-columns : (1fr)[5]; grid-template-columns: repeat(5, 1fr) } .user-items-list-carousel[data-max-columns="6"] .user-items-list-carousel__slides, .user-items-list-carousel[data-max-columns="6"] .user-items-list-carousel__arrow-wrapper { -ms-grid-columns : (1fr)[6]; grid-template-columns: repeat(6, 1fr) } } .user-items-list-carousel[data-alignment-vertical="top"] .user-items-list-carousel__slide { align-self: flex-start } .user-items-list-carousel[data-alignment-vertical="middle"] .user-items-list-carousel__slide { align-self: center } .user-items-list-carousel[data-alignment-vertical="bottom"] .user-items-list-carousel__slide { align-self: flex-end } .user-items-list-carousel[data-alignment-vertical="stretch"] .user-items-list-carousel__slide { align-self: stretch } .user-items-list-carousel[data-alignment-vertical="stretch"][data-content-order="media-first"] .list-item-content { flex : 1; display : flex; flex-direction : column; justify-content: space-between } .user-items-list-carousel__arrow-wrapper { pointer-events : none; position : absolute; top : 0px; height : 100%; box-sizing : border-box; display : -ms-grid; display : grid; -ms-grid-rows : 1fr; grid-template-rows : 1fr; -ms-grid-columns : 1fr; grid-template-columns: 1fr } .user-items-list-carousel__arrow-wrapper--left { left: 0px } .user-items-list-carousel__arrow-wrapper--right { right: 0px } .user-items-list-carousel__arrow-wrapper--right .user-items-list-carousel__arrow-container { justify-self: right } .user-items-list-carousel__arrow-wrapper--right .user-items-list-carousel__arrow-icon-holder { justify-content: flex-end } .user-items-list-carousel__arrow-container { position : absolute; top : 0; height : 100%; width : 100%; box-sizing : border-box; -ms-grid-column : 1; grid-column-start: 1; grid-column-end : 2 } .user-items-list-carousel__arrow-wrapper--left .user-items-list-carousel__arrow-container { -ms-grid-column : 1; grid-column-start: 1; grid-column-end : 2 } .user-items-list-carousel__arrow-wrapper--right .user-items-list-carousel__arrow-container { -ms-grid-column : -1; grid-column-start: -1; grid-column-end : -2 } .user-items-list-carousel__arrow-positioner { box-sizing: border-box; width : 100% } .user-items-list-carousel__arrow-icon-holder { position : absolute; left : 0; top : 0; width : 100%; height : 100%; display : flex; align-items: center } .user-items-list-carousel__arrow-button { pointer-events : auto; -webkit-appearance: none; cursor : pointer; display : block; border : none; border-radius : 50%; overflow : hidden; width : 60px; height : 60px; margin : 0; padding : 0; transition : opacity .3s; position : relative; background : transparent; z-index : 1 } .user-items-list-carousel__arrow-button:focus { outline: none } .user-items-list-carousel__arrow-button:focus::after { position : absolute; height : 80%; width : 80%; border-radius: 50%; border : 2px solid; content : ''; top : 0; left : 0; right : 0; bottom : 0; margin : auto } .user-items-list-carousel__arrow-button:focus:not(:focus-visible)::after { display: none } .user-items-list-carousel__arrow-button--hidden { opacity : 0; pointer-events: none } .user-items-list-carousel__arrow-icon-background-area { position : absolute; width : 100%; height : 100%; left : 0; top : 0; opacity : .7; transition: opacity .3s } .user-items-list-carousel__arrow-button:hover .user-items-list-carousel__arrow-icon-background-area { opacity: 1 } .user-items-list-carousel__arrow-icon { position: relative; display : block; margin : 0 auto; width : 36px; height : 36px } .user-items-list-carousel__arrow-icon-path { stroke-width : 2px; stroke-linejoin: round; stroke-linecap : round; fill : none } .arrows-bottom-wrapper { display: flex } .arrows-bottom { display : -ms-grid; display : grid; -ms-grid-columns : 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-gap : 20px; grid-gap : 20px } .user-items-list-carousel[data-navigation-alignment="left"] .arrows-bottom-wrapper { justify-content: flex-start } .user-items-list-carousel[data-navigation-alignment="center"] .arrows-bottom-wrapper { justify-content: center } .user-items-list-carousel[data-navigation-alignment="right"] .arrows-bottom-wrapper { justify-content: flex-end } .user-items-list-carousel .mobile-arrows { display : none; justify-content: center; margin-top : 20px } .user-items-list-carousel .mobile-arrow-button { pointer-events : auto; -webkit-appearance: none; cursor : pointer; display : block; border : none; border-radius : 50%; overflow : hidden; width : 48px; height : 48px; margin : 0; padding : 0; position : relative; background : transparent; z-index : 1 } .user-items-list-carousel .mobile-arrow-button--left { margin-right: 10px } .user-items-list-carousel .mobile-arrow-button--hidden { opacity : 0; pointer-events: none } .user-items-list-carousel .mobile-arrow-icon-background-area { position : absolute; width : 40px; height : 40px; left : 4px; top : 4px; transition : opacity .3s; border-radius: 50% } .user-items-list-carousel .mobile-arrow-icon { position: relative; display : block; margin : 0 auto; width : 20px; height : 20px } @media screen and (max-width: 575px) { .user-items-list-carousel .desktop-arrows { display: none } .user-items-list-carousel .mobile-arrows { display: flex } } [data-is-media-enabled="true"] .user-items-list-carousel__media-inner, [data-is-media-enabled="true"] .user-items-list-carousel__arrow-positioner { position: relative } [data-is-media-enabled="true"] .user-items-list-carousel__media-inner:not([data-media-aspect-ratio="original"]), [data-is-media-enabled="true"] .user-items-list-carousel__arrow-positioner:not([data-media-aspect-ratio="original"]) { height: 0px } [data-is-media-enabled="true"] .user-items-list-carousel__media-inner[data-media-aspect-ratio="1:1"], [data-is-media-enabled="true"] .user-items-list-carousel__arrow-positioner[data-media-aspect-ratio="1:1"] { padding-bottom: 100% } [data-is-media-enabled="true"] .user-items-list-carousel__media-inner[data-media-aspect-ratio="3:2"], [data-is-media-enabled="true"] .user-items-list-carousel__arrow-positioner[data-media-aspect-ratio="3:2"] { padding-bottom: 66.67% } [data-is-media-enabled="true"] .user-items-list-carousel__media-inner[data-media-aspect-ratio="2:3"], [data-is-media-enabled="true"] .user-items-list-carousel__arrow-positioner[data-media-aspect-ratio="2:3"] { padding-bottom: 150% } [data-is-media-enabled="true"] .user-items-list-carousel__media-inner[data-media-aspect-ratio="4:3"], [data-is-media-enabled="true"] .user-items-list-carousel__arrow-positioner[data-media-aspect-ratio="4:3"] { padding-bottom: 75% } [data-is-media-enabled="true"] .user-items-list-carousel__media-inner[data-media-aspect-ratio="3:4"], [data-is-media-enabled="true"] .user-items-list-carousel__arrow-positioner[data-media-aspect-ratio="3:4"] { padding-bottom: 133.33% } [data-is-media-enabled="true"] .user-items-list-carousel__media-inner[data-media-aspect-ratio="16:9"], [data-is-media-enabled="true"] .user-items-list-carousel__arrow-positioner[data-media-aspect-ratio="16:9"] { padding-bottom: 56.25% } [data-is-media-enabled="true"] .user-items-list-carousel__media-inner[data-media-aspect-ratio="2.4:1"], [data-is-media-enabled="true"] .user-items-list-carousel__arrow-positioner[data-media-aspect-ratio="2.4:1"] { padding-bottom: 41.67% } [data-is-media-enabled="true"] .user-items-list-carousel__media-inner[data-media-aspect-ratio="circle"], [data-is-media-enabled="true"] .user-items-list-carousel__arrow-positioner[data-media-aspect-ratio="circle"] { padding-bottom: 100% } [data-is-media-enabled="true"] .user-items-list-carousel__media-inner:not([data-media-aspect-ratio="original"]) { overflow: hidden } [data-is-media-enabled="true"] .user-items-list-carousel__media-inner[data-media-aspect-ratio="circle"] { border-radius: 50% } .user-items-list-carousel__arrow-positioner[data-media-aspect-ratio="original"], .user-items-list-carousel[data-is-media-enabled="false"] .user-items-list-carousel__arrow-positioner, .user-items-list-carousel[data-is-card-enabled="true"] .user-items-list-carousel__arrow-positioner, .user-items-list-carousel:not([data-media-width-value="100"][data-media-width-unit="%"]) .user-items-list-carousel__arrow-positioner { height : 100%; padding-bottom: 0px } .user-items-list-carousel__media { display: block; width : 100% } .user-items-list-carousel__media-inner:not([data-media-aspect-ratio="original"]) .user-items-list-carousel__media { height : 100%; object-fit: cover; position : absolute; left : 0px; top : 0px } .list-item-content--hidden { display: none } .user-items-list .list-section-title { margin-left : auto; margin-right : auto; padding-left : 2vw; padding-right: 2vw } .user-items-list .list-section-title p { margin: 0 } .user-items-list .list-section-title[data-section-title-alignment="left"] { text-align: left } .user-items-list .list-section-title[data-section-title-alignment="center"] { text-align: center } .user-items-list .list-section-title[data-section-title-alignment="right"] { text-align: right } .user-items-list[data-layout-width="inset"] .list-section-title { max-width: 1600px } .user-items-list .list-section-button-container { margin-left : auto; margin-right : auto; padding-left : 2vw; padding-right: 2vw } .user-items-list .list-section-button-container[data-section-button-alignment="left"] { text-align: left } .user-items-list .list-section-button-container[data-section-button-alignment="center"] { text-align: center } .user-items-list .list-section-button-container[data-section-button-alignment="right"] { text-align: right } .user-items-list[data-layout-width="inset"] .list-section-button-container { max-width: 1600px } 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 .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 .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.7vw; padding-bottom: 1.7vw; padding-left : 2vw; padding-right : 2vw; 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.7vw; padding-bottom: 1.7vw } @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 : 1600px; 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: 134px } .header-title-logo img { width : auto; max-width : 100%; max-height: 134px } @media screen and (max-width: 767px) { .header-title-logo a { max-height: 30px } .header-title-logo img { max-height: 30px } } .header-title-text { margin: 0 } .header-title-text a { opacity: 1 } .header-title .header-mobile-logo { display: none } .header-burger { display : none; align-items : center; justify-content: center } @media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) { .header-burger { display: flex } } .header-nav { flex-grow : 1; flex-shrink: 1 } @media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) { .header-nav { display: none } } .header-nav-list { display : inline-flex; flex-wrap: wrap } .header-nav-list>div { white-space: nowrap } .header-nav .header-nav-item--folder { position: relative } .header-nav .header-nav-item--folder .header-nav-folder-content { opacity : 0; pointer-events: none; position : absolute; top : auto; left : -1em; padding : .5em 1em; text-align : left; min-width : 200px; z-index : 10 } .header-nav .header-nav-item--folder .header-nav-folder-content .header-nav-folder-item { line-height: 1.3 } .header-nav .header-nav-item--folder:hover .header-nav-folder-content, .header-nav .header-nav-item--folder .header-nav-folder-content.focus-within { opacity : 1; pointer-events: auto } .header-nav .header-nav-item--folder .header-nav-folder-content:focus-within { opacity : 1; pointer-events: auto } .header-nav-item a { display: block } .header .header-layout-nav-right .header-nav .header-nav-item--folder .header-nav-folder-content { left : auto; right : -1em; text-align: right } .header .language-picker .icon { line-height: 0; flex-shrink: 0 } .header .language-picker .current-language { display : flex; align-items: center } .header .language-picker .current-language-name { margin-right: 8px } .header .language-picker img:not([src]) { visibility: hidden } .header .language-picker-content a { display : flex; align-items: center } .header .language-picker-mobile .icon, .header #multilingual-language-picker-mobile .icon, .header .language-picker-mobile .flag, .header #multilingual-language-picker-mobile .flag { margin : 0 16px 0 8px; display: inline-block } .header .language-picker-mobile .chevron { margin-top: 2px } .header-actions { flex-grow : 0; flex-shrink: 1; display : inline-flex; align-items: center } .header-actions .header-actions-action--cta { white-space: nowrap } .header-actions .header-actions-action--social { display: flex } .header-actions .language-picker-desktop { margin : 0 0 0 .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 .9vw } @media screen and (max-width: 767px) { .header-actions--right .header-actions-action--cart { margin: 0 } } .header-actions--right .customerAccountLoginDesktop { margin: 0 0 0 .9vw } .header-actions--right .header-actions-action--social { margin: 0 } .header-actions--right .header-actions-action--social .icon { width : 19px; height: 19px } .header-actions--right .header-actions-action--social .icon:not(:first-child) { margin-left: 1.5vw } .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.5vw - 10px)) } .header-actions--right .header-actions-action--social .icon:first-child { margin-left: .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: .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.5vw } .header-layout-nav-right .header-actions { margin-right: 0 } .header-layout-nav-left .header-title { margin-right: .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.5vw } .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 : .75vw; margin-right: .75vw } .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.5vw } .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 : .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 : .75vw; margin-right: .75vw } .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 : 19px; height: 19px } .header-layout-branding-center-nav-center .header-actions--left .header-actions-action--social .icon:not(:last-child) { margin-right: 1.5vw } .header-layout-branding-center-nav-center .header-actions--left .header-actions-action--social .icon:last-child { margin-right: .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 : .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 + 27px / 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: 27px } .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 : 27px; width : 27px } @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 - .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: 30px } .header .header-title--use-mobile-logo .header-mobile-logo img { max-height: 30px } } @media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) and only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) { .header .header-title--use-mobile-logo .header-title-text { display: none } } .header[data-first-focusable-element]:focus { outline: none } .tweak-global-animations-animation-type-flex .header-nav-item:not(.header-nav-item--folder) a, .tweak-global-animations-animation-type-flex .header-nav-folder-item a { position : relative; display : inline-block; text-decoration: none } .tweak-global-animations-animation-type-flex .header-nav-item:not(.header-nav-item--folder) a::after, .tweak-global-animations-animation-type-flex .header-nav-folder-item a::after { content : ''; position : absolute; width : 100%; height : 1px; left : 0; bottom : .1em; background-color: currentColor; transform : scalex(0); transform-origin: right; transition : transform .6s cubic-bezier(.19, 1, .22, 1) } @media (hover:hover) { .tweak-global-animations-animation-type-flex .header-nav-item:not(.header-nav-item--folder) a:hover::after, .tweak-global-animations-animation-type-flex .header-nav-folder-item a:hover::after { transform : scalex(1); transform-origin: left } } .tweak-global-animations-animation-type-flex .header-nav-item--active:not(.header-nav-item--folder) a::after { transform: scalex(1) } main .sections:first-child .page-section:first-child { padding-top: 100px } @media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) { main .sections:first-child .page-section:first-child { padding-top: 80.175px } } .tweak-portfolio-index-background-width-full-bleed main .sections:first-child .page-section.collection-type-portfolio-index-background:first-child { padding-top: 0 } .announcement-bar-reserved-space .sqs-announcement-bar-dropzone { min-height: 2.3em } .announcement-bar-reserved-space main .sections:first-child .page-section:first-child { padding-top: calc(2.3em + 100px) } @media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) { .announcement-bar-reserved-space main .sections:first-child .page-section:first-child { padding-top: calc(2.3em + 80.175px) } } .announcement-bar-reserved-space.tweak-portfolio-index-background-width-full-bleed main .sections:first-child .page-section.collection-type-portfolio-index-background:first-child { padding-top: 2.3em } .header-menu { position : fixed; z-index : 1; display : flex; flex-direction: column; top : 0; right : 0; bottom : 0; left : 0; opacity : 0; visibility : hidden; will-change : opacity, visibility; user-select : none; text-align : center; pointer-events: auto } .header-overlay-alignment-left .header-menu { text-align: left } .header-overlay-alignment-right .header-menu { text-align: right } @media screen and (min-width: 768px) { .header-menu.display-hamburger-on-desktop.desktop-promote-button .header-menu-cta { display: none } .header-menu.display-hamburger-on-desktop.desktop-promote-cart .showOnDesktop { display: none } .header-menu.display-hamburger-on-desktop.desktop-promote-login .user-accounts-link { display: none } .header-menu.display-hamburger-on-desktop.desktop-promote-social .header-menu-actions { display: none } } .header-menu.display-hamburger-on-desktop { transition: visibility 600ms cubic-bezier(.4, 0, .2, 1), opacity 400ms cubic-bezier(.4, 0, .2, 1) } .header--menu-open .header-menu.display-hamburger-on-desktop { opacity : 1; visibility: visible } .header-menu a { opacity: 1 } @media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) { .header-menu { transition: visibility 600ms cubic-bezier(.4, 0, .2, 1), opacity 400ms cubic-bezier(.4, 0, .2, 1) } } .header-menu-bg { position: absolute; top : 0; right : 0; bottom : 0; left : 0 } .header-menu-nav { position : relative; display : flex; flex-direction: column; flex-grow : 1; flex-shrink : 0 } .header-menu-nav-list { position : relative; flex-grow : 1; width : 100%; transform : translatey(20px); transition: transform 600ms cubic-bezier(.4, 0, .2, 1) } .header-menu-nav-folder { position : absolute; display : flex; top : 0; left : 0; width : 100%; min-height : 100%; max-height : 100%; justify-content : flex-start; overflow-y : scroll; overflow-x : hidden; transform : translatex(100%); transition : transform 600ms cubic-bezier(.4, 0, .2, 1); -webkit-overflow-scrolling: touch; flex-direction : column } .header-menu-nav-folder[data-folder="root"] { transform: translatex(0%) } .header-menu-nav-folder-content { position : relative; display : flex; width : 100%; flex-grow : 1; flex-shrink : 0; justify-content: center; flex-direction : column } .header-menu-nav-folder .header-menu-nav-folder { display: none } .header-menu-nav-folder--active { transform : translatex(0); will-change: transform } .header-menu-nav-folder--open { transform: translatex(-100%) !important } .header-menu-nav-item { position : relative; width : 100%; box-sizing : border-box; padding-left : 2vw; padding-right: 2vw } .header-menu-nav-item a { position : relative; display : block; margin : 5vw 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(1664px - 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:1664px) { .Marquee h1, .Marquee p { font-size: calc(var(--marquee-font-size-value) * 1rem) !important } } .sqs-video-background { position : absolute; top : 0; left : 0; width : 100%; height : 100%; z-index : 0; overflow : hidden; pointer-events: none } .sqs-video-background iframe { border-width: 0 } .sqs-video-background iframe:not(.background-video) { visibility : hidden; opacity : 0; -webkit-transform: translatex(-1000%); -moz-transform : translatex(-1000%); -ms-transform : translatex(-1000%); transform : translatex(-1000%) } .sqs-video-background .background-video { position : absolute; min-width : 100%; min-height : 100%; opacity : 0; z-index : 0; -webkit-transition: opacity .2s ease-in; -moz-transition : opacity .2s ease-in; -ms-transition : opacity .2s ease-in; -o-transition : opacity .2s ease-in; transition : opacity .2s ease-in } .sqs-video-background .background-video.ready, .sqs-video-background .background-video.loaded { opacity: 1 } .sqs-video-background .background-video.buffering { opacity : 0; -webkit-transition: none; -moz-transition : none; -ms-transition : none; -o-transition : none; transition : none } .sqs-video-background .custom-fallback-image { display : block; min-width : 100%; min-height : 100%; opacity : 0; z-index : 0; -webkit-transition: opacity .2s ease-in; -moz-transition : opacity .2s ease-in; -ms-transition : opacity .2s ease-in; -o-transition : opacity .2s ease-in; transition : opacity .2s ease-in } .sqs-video-background .custom-fallback-image.loaded { opacity: 1 } .sqs-video-background-native { position : absolute; top : 0; left : 0; width : 100%; height : 100%; z-index : 0; overflow : hidden; pointer-events: none } .sqs-video-background-native__fallback-image { display : block; min-width : 100%; min-height: 100%; opacity : 1; z-index : 1; transition: opacity .2s ease-in } .sqs-video-background-native__fallback-image--hidden { opacity: 0 } .sqs-video-background-native .video-player { position: absolute; top : 0; width : 100% } .sqs-video-background-native .video-player .plyr video { position : absolute; top : 50%; left : 50%; transform : translate(-50%, -50%); min-width : 100%; min-height: 100%; width : auto; height : auto } @supports (object-fit: cover) { .sqs-video-background-native .video-player .plyr video { position : static; top : auto; left : auto; transform : none; min-width : auto; min-height: auto; width : 100%; height : 100%; object-fit: cover } } .transition-disabled { transition: none !important } .break-column { break-after: column } .visually-hidden { position: absolute !important; clip : rect(1px, 1px, 1px, 1px); padding : 0 !important; border : 0 !important; height : 1px !important; width : 1px !important; overflow: hidden } body { background-color: var(--siteBackgroundColor); color : var(--paragraphMediumColor) } .page-section .section-border { background-color: var(--siteBackgroundColor) } p a { color: var(--paragraphLinkColor) } .section-background-overlay { opacity: 0 } .sqs-block-image .image-overlay, .sqs-block-image .sqs-image-content::after, .sqs-block-image .image-block-wrapper:after { opacity: .1 } div.sqs-block-opentable-v2 h1 { color: inherit } .page-section { color: var(--paragraphMediumColor) } .page-section .sqs-background-enabled { color: var(--tweak-paragraph-medium-color-on-background) } .page-section.background-width--inset .section-border { background-color: var(--section-inset-border-color) } :not(.has-background) .section-background { background-color: var(--siteBackgroundColor) } h1 { color: var(--headingExtraLargeColor) } h2 { color: var(--headingLargeColor) } h3 { color: var(--headingMediumColor) } h4 { color: var(--headingSmallColor) } .sqsrte-large { color: var(--paragraphLargeColor) } .sqsrte-small { color: var(--paragraphSmallColor) } .sqs-background-enabled.sqs-block-html, .sqs-background-enabled.sqs-block-accordion { background-color: var(--tweak-text-block-background-color) } .sqs-background-enabled.sqs-block-html p.sqsrte-large, .sqs-background-enabled.sqs-block-accordion p.sqsrte-large { color: var(--tweak-paragraph-large-color-on-background) } .sqs-background-enabled.sqs-block-html p, .sqs-background-enabled.sqs-block-accordion p, .sqs-background-enabled.sqs-block-html code, .sqs-background-enabled.sqs-block-accordion code { color: var(--tweak-paragraph-medium-color-on-background) } .sqs-background-enabled.sqs-block-html p.sqsrte-small, .sqs-background-enabled.sqs-block-accordion p.sqsrte-small { color: var(--tweak-paragraph-small-color-on-background) } .sqs-background-enabled.sqs-block-html h1, .sqs-background-enabled.sqs-block-accordion h1 { color: var(--tweak-heading-extra-large-color-on-background) } .sqs-background-enabled.sqs-block-html h2, .sqs-background-enabled.sqs-block-accordion h2 { color: var(--tweak-heading-large-color-on-background) } .sqs-background-enabled.sqs-block-html h3, .sqs-background-enabled.sqs-block-accordion h3 { color: var(--tweak-heading-medium-color-on-background) } .sqs-background-enabled.sqs-block-html h4, .sqs-background-enabled.sqs-block-accordion h4 { color: var(--tweak-heading-small-color-on-background) } .sqs-background-enabled.sqs-block-marquee { background-color: var(--tweak-marquee-block-background-color) } .sqs-background-enabled.sqs-block-marquee h1 { color: var(--tweak-marquee-block-heading-color-on-background) } .sqs-background-enabled.sqs-block-marquee p { color: var(--tweak-marquee-block-paragraph-color-on-background) } .sqs-background-enabled.sqs-block-accordion { background-color: var(--tweak-accordion-block-background-color) } .sqs-background-enabled.sqs-block-accordion .accordion-divider { color: var(--tweak-accordion-block-divider-color-on-background) } .sqs-background-enabled.sqs-block-accordion .accordion-icon-container { color: var(--tweak-accordion-block-icon-color-on-background) } .sqs-background-enabled.sqs-block-form { background-color: var(--tweak-form-block-background-color) } .sqs-background-enabled.sqs-block-form .field-list .title { color: var(--tweak-form-block-title-color-on-background) } .sqs-background-enabled.sqs-block-form .field-list .description { color: var(--tweak-form-block-description-color-on-background) } .sqs-background-enabled.sqs-block-form .field-list .caption-text { color: var(--tweak-form-block-caption-color-on-background) } .sqs-background-enabled.sqs-block-form .field-list .option { color: var(--tweak-form-block-option-color-on-background) } .sqs-background-enabled.sqs-block-form .field-list .question { color: var(--tweak-form-block-survey-title-color-on-background) } .sqs-background-enabled.sqs-block-form .sqs-editable-button { background: var(--tweak-form-block-button-background-color-on-background); color : var(--tweak-form-block-button-text-color-on-background) } .primary-button-style-solid.primary-button-shape-underline .sqs-background-enabled.sqs-block-form .sqs-editable-button.sqs-button-element--primary, .secondary-button-style-solid.secondary-button-shape-underline .sqs-background-enabled.sqs-block-form .sqs-editable-button.sqs-button-element--secondary, .tertiary-button-style-solid.tertiary-button-shape-underline .sqs-background-enabled.sqs-block-form .sqs-editable-button.sqs-button-element--tertiary { background : var(--tweak-form-block-button-text-color-on-background); color : var(--tweak-form-block-button-background-color-on-background); border-color: var(--tweak-form-block-button-background-color-on-background) } .primary-button-style-outline .sqs-background-enabled.sqs-block-form .sqs-editable-button.sqs-button-element--primary, .secondary-button-style-outline .sqs-background-enabled.sqs-block-form .sqs-editable-button.sqs-button-element--secondary, .tertiary-button-style-outline .sqs-background-enabled.sqs-block-form .sqs-editable-button.sqs-button-element--tertiary { color : var(--tweak-form-block-button-background-color-on-background); border-color: var(--tweak-form-block-button-background-color-on-background) } @media (hover:hover) { .primary-button-style-outline .sqs-background-enabled.sqs-block-form .sqs-editable-button.sqs-button-element--primary:hover, .secondary-button-style-outline .sqs-background-enabled.sqs-block-form .sqs-editable-button.sqs-button-element--secondary:hover, .tertiary-button-style-outline .sqs-background-enabled.sqs-block-form .sqs-editable-button.sqs-button-element--tertiary:hover { background: var(--tweak-form-block-button-background-color-on-background); color : var(--tweak-form-block-button-text-color-on-background) } } .primary-button-style-outline.primary-button-shape-underline .sqs-background-enabled.sqs-block-form .sqs-editable-button.sqs-button-element--primary:hover, .secondary-button-style-outline.secondary-button-shape-underline .sqs-background-enabled.sqs-block-form .sqs-editable-button.sqs-button-element--secondary:hover, .tertiary-button-style-outline.tertiary-button-shape-underline .sqs-background-enabled.sqs-block-form .sqs-editable-button.sqs-button-element--tertiary:hover { border-color: var(--tweak-form-block-button-text-color-on-background) } .primary-button-style-solid.primary-button-shape-underline .sqs-background-enabled.sqs-block-form .sqs-editable-button.sqs-button-element--primary, .secondary-button-style-solid.secondary-button-shape-underline .sqs-background-enabled.sqs-block-form .sqs-editable-button.sqs-button-element--secondary, .tertiary-button-style-solid.tertiary-button-shape-underline .sqs-background-enabled.sqs-block-form .sqs-editable-button.sqs-button-element--tertiary { background : var(--tweak-form-block-button-text-color-on-background); color : var(--tweak-form-block-button-background-color-on-background); border-color: var(--tweak-form-block-button-background-color-on-background) } .sqs-background-enabled.sqs-block-newsletter { background-color: var(--tweak-newsletter-block-background-color) } .sqs-background-enabled.sqs-block-newsletter .newsletter-form-header-title { color: var(--tweak-newsletter-block-title-color-on-background) } .sqs-background-enabled.sqs-block-newsletter .newsletter-form-header-description { color: var(--tweak-newsletter-block-description-color-on-background) } .sqs-background-enabled.sqs-block-newsletter .newsletter-form-button { background-color: var(--tweak-newsletter-block-button-background-color-on-background) !important; color : var(--tweak-newsletter-block-button-text-color-on-background) !important } .primary-button-style-outline .sqs-background-enabled.sqs-block-newsletter .newsletter-form-button.sqs-button-element--primary, .secondary-button-style-outline .sqs-background-enabled.sqs-block-newsletter .newsletter-form-button.sqs-button-element--secondary, .tertiary-button-style-outline .sqs-background-enabled.sqs-block-newsletter .newsletter-form-button.sqs-button-element--tertiary { color : var(--tweak-newsletter-block-button-background-color-on-background) !important; border-color: var(--tweak-newsletter-block-button-background-color-on-background) !important } @media (hover:hover) { .primary-button-style-outline .sqs-background-enabled.sqs-block-newsletter .newsletter-form-button.sqs-button-element--primary:hover, .secondary-button-style-outline .sqs-background-enabled.sqs-block-newsletter .newsletter-form-button.sqs-button-element--secondary:hover, .tertiary-button-style-outline .sqs-background-enabled.sqs-block-newsletter .newsletter-form-button.sqs-button-element--tertiary:hover { background-color: var(--tweak-newsletter-block-button-background-color-on-background) !important; color : var(--tweak-newsletter-block-button-text-color-on-background) !important } } .primary-button-style-outline.primary-button-shape-underline .sqs-background-enabled.sqs-block-newsletter .newsletter-form-button.sqs-button-element--primary:hover, .secondary-button-style-outline.secondary-button-shape-underline .sqs-background-enabled.sqs-block-newsletter .newsletter-form-button.sqs-button-element--secondary:hover, .tertiary-button-style-outline.tertiary-button-shape-underline .sqs-background-enabled.sqs-block-newsletter .newsletter-form-button.sqs-button-element--tertiary:hover { border-color: var(--tweak-newsletter-block-button-text-color-on-background) !important } .primary-button-style-solid.primary-button-shape-underline .sqs-background-enabled.sqs-block-newsletter .newsletter-form-button.sqs-button-element--primary, .secondary-button-style-solid.secondary-button-shape-underline .sqs-background-enabled.sqs-block-newsletter .newsletter-form-button.sqs-button-element--secondary, .tertiary-button-style-solid.tertiary-button-shape-underline .sqs-background-enabled.sqs-block-newsletter .newsletter-form-button.sqs-button-element--tertiary { background-color: var(--tweak-newsletter-block-button-text-color-on-background) !important; color : var(--tweak-newsletter-block-button-background-color-on-background) !important; border-color : var(--tweak-newsletter-block-button-background-color-on-background) } .tweak-global-animations-animation-type-flex.primary-button-style-solid .sqs-background-enabled.sqs-block-newsletter .newsletter-form-button.sqs-button-element--primary:hover { color: var(--tweak-newsletter-block-button-background-color-on-background) !important } .tweak-global-animations-animation-type-flex.primary-button-style-solid .sqs-background-enabled.sqs-block-newsletter .newsletter-form-button.sqs-button-element--primary::before { border-color : var(--tweak-newsletter-block-button-background-color-on-background) !important; background-color: var(--tweak-newsletter-block-button-text-color-on-background) !important } .tweak-global-animations-animation-type-flex.primary-button-style-outline .sqs-background-enabled.sqs-block-newsletter .newsletter-form-button.sqs-button-element--primary:hover { color: var(--tweak-newsletter-block-button-text-color-on-background) !important } .tweak-global-animations-animation-type-flex.primary-button-style-outline .sqs-background-enabled.sqs-block-newsletter .newsletter-form-button.sqs-button-element--primary::before { border-color : var(--tweak-newsletter-block-button-background-color-on-background) !important; background-color: var(--tweak-newsletter-block-button-background-color-on-background) !important } .sqs-background-enabled.sqs-block-newsletter .newsletter-form-footnote { color: var(--tweak-newsletter-block-footnote-color-on-background) !important } .sqs-background-enabled.sqs-block-summary-v2 { background-color: var(--tweak-summary-block-background-color) } .sqs-background-enabled.sqs-block-summary-v2 .summary-header-text { color: var(--tweak-summary-block-header-text-color-on-background) } .sqs-background-enabled.sqs-block-summary-v2 .summary-title { color: var(--tweak-summary-block-title-color-on-background) } .sqs-background-enabled.sqs-block-summary-v2 .summary-excerpt { color: var(--tweak-summary-block-excerpt-color-on-background) } .sqs-background-enabled.sqs-block-summary-v2 .summary-read-more-link { color: var(--tweak-summary-block-read-more-color-on-background) } .sqs-background-enabled.sqs-block-summary-v2 .summary-metadata--primary { color: var(--tweak-summary-block-primary-metadata-color-on-background) } .sqs-background-enabled.sqs-block-summary-v2 .summary-metadata--secondary { color: var(--tweak-summary-block-secondary-metadata-color-on-background) } .sqs-background-enabled.sqs-block-quote { background-color: var(--tweak-quote-block-background-color) } .sqs-background-enabled.sqs-block-quote blockquote { color: var(--tweak-quote-block-text-color-on-background) } .sqs-background-enabled.sqs-block-quote .source { color: var(--tweak-quote-block-source-color-on-background) } .sqs-background-enabled.sqs-block-html a, .sqs-background-enabled .read-more-link, .sqs-background-enabled .entry-excerpt a, .sqs-background-enabled .blog-excerpt a, .sqs-background-enabled .eventlist-excerpt a, .sqs-background-enabled.sqs-block-newsletter .newsletter-form-header a, .sqs-background-enabled.sqs-block-newsletter .newsletter-form-footnote a, .sqs-background-enabled.sqs-block-newsletter .form-submission-text a, .sqs-background-enabled.sqs-block-form .form-submission-text a, .sqs-background-enabled.sqs-block-accordion .accordion-item__description a { color: var(--tweak-paragraph-link-color-on-background) } .sqs-block-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) } :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 .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 .field-list .title { 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 blockquote { color: var(--tweak-quote-block-text-color) } .sqs-block-quote .source { color: var(--tweak-quote-block-source-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 .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 } } .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 : 1600px; box-sizing: border-box; margin : 0 auto; position : relative } .blog-item-wrapper article.entry { width : 100%; box-sizing : border-box; margin : 0 auto; padding-right : 2vw; padding-left : 2vw; padding-top : 2vw; padding-bottom: 2vw } @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: 55% } } @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 } .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 } .blog-item-wrapper .blog-item-top-wrapper { margin-bottom : 15px; 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 : 2vw; padding-bottom: 2vw } .tweak-blog-basic-grid-width-full .blog-basic-grid { width : 100%; padding-left : 2vw; padding-right: 2vw } .tweak-blog-basic-grid-width-inset .blog-basic-grid { max-width : 1600px; padding-left : 2vw; padding-right: 2vw; 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 : 54px; grid-row-gap : 94px; 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-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-right .blog-basic-grid .blog-basic-grid--container { text-align: right } .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 : 90%; 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: 25px } } .blog-basic-grid .blog-meta-section { margin-bottom: 2vw } @media screen and (min-width: 768px) { .blog-basic-grid .blog-meta-section { margin-bottom: 7px } } .blog-basic-grid .blog-title { margin : 0; margin-bottom: 6px } .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: 11px } } .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 : 2vw; padding-bottom: 2vw } .tweak-blog-single-column-width-full .blog-single-column { width : 100%; padding-left : 2vw; padding-right: 2vw } .tweak-blog-single-column-width-inset .blog-single-column { max-width : 1600px; padding-left : 2vw; padding-right: 2vw; 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-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-right .blog-single-column .blog-single-column--text { text-align: right } .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 : 2vw; padding-bottom: 2vw } .tweak-blog-side-by-side-width-full .blog-side-by-side { width : 100%; padding-left : 2vw; padding-right: 2vw } .tweak-blog-side-by-side-width-inset .blog-side-by-side { max-width : 1600px; padding-left : 2vw; padding-right: 2vw; 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-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-right .blog-side-by-side { text-align: right } .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 : 34%; margin-right : 6%; margin-bottom: 0 } } @media screen and (min-width: 768px) { .blog-side-by-side .blog-item-summary { width: calc(100% - 34% - 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 : 2vw; padding-bottom: 2vw } .tweak-blog-alternating-side-by-side-width-full .blog-alternating-side-by-side { padding-left : 2vw; padding-right: 2vw } .tweak-blog-alternating-side-by-side-width-inset .blog-alternating-side-by-side { max-width : 1600px; padding-left : 2vw; padding-right: 2vw; 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: 111px; 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-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-right .blog-alternating-side-by-side .blog-item { text-align: right } .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 : 95%; 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 : 44%; margin-right : 3%; 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 : 3% } .blog-alternating-side-by-side .blog-item:nth-child(even) .blog-item-summary { max-width: calc(53%) } } @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% - 44% - 3%) } } .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: 0px } } .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: 18px } .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 : 2vw; padding-bottom: 2vw } .tweak-blog-masonry-width-full .blog-masonry { width : 100%; padding-left : 2vw; padding-right: 2vw } .tweak-blog-masonry-width-inset .blog-masonry { max-width : 1600px; padding-left : 2vw; padding-right: 2vw; 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-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-right .blog-masonry { text-align: right } .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 2vw 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%) } } [data-animation-role="image"] { min-height: 1px } @keyframes clipAnimation { 0% { -webkit-clip-path: polygon(0 0, 10% 0, 0% 100%, 0% 100%); clip-path : polygon(0 0, 10% 0, 0% 100%, 0% 100%) } 100% { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); clip-path : polygon(0 0, 100% 0, 100% 100%, 0% 100%) } } .preClip { clip-path : ellipse(0% 100% at 0 0); -webkit-clip-path : ellipse(0% 100% at 0 0); transition-property: clip-path, -webkit-clip-path; transform : translatez(0) } .clipIn { animation : clipAnimation; animation-fill-mode: forwards; transform : translatez(0) } _:-ms-fullscreen .preClip, :root .ie11up .preClip { opacity : 0; transition-property: opacity } _:-ms-fullscreen .clipIn:not([data-override-initial-global-animation]), :root .ie11up .clipIn:not([data-override-initial-global-animation]) { opacity: 1 !important } @supports not (clip-path: ellipse(0% 100% at 0 0)) { .preClip { opacity : 0; transition-property: opacity } .clipIn:not([data-override-initial-global-animation]) { opacity: 1 !important } } .preFade { opacity : 0; transition-property: opacity } .fadeIn:not([data-override-initial-global-animation]) { opacity: 1 !important } .preScale { opacity : 0; transform : scale(.9); transition-property: transform, opacity } .scaleIn { transform: scale(1) !important } .scaleIn:not([data-override-initial-global-animation]) { opacity: 1 !important } .preSlide { opacity : 0; transform : translate(0%, 30%); transition-property: transform, opacity } .slideIn { transform: translate(0, 0) !important } .slideIn:not([data-override-initial-global-animation]) { opacity: 1 !important } .tweak-global-animations-animation-type-fade header, .tweak-global-animations-animation-type-slide header, .tweak-global-animations-animation-type-scale header, .tweak-global-animations-animation-type-clip header, .tweak-global-animations-animation-type-flex header, .tweak-global-animations-animation-type-fade footer, .tweak-global-animations-animation-type-slide footer, .tweak-global-animations-animation-type-scale footer, .tweak-global-animations-animation-type-clip footer, .tweak-global-animations-animation-type-flex footer, .tweak-global-animations-animation-type-fade section>.content-wrapper, .tweak-global-animations-animation-type-slide section>.content-wrapper, .tweak-global-animations-animation-type-scale section>.content-wrapper, .tweak-global-animations-animation-type-clip section>.content-wrapper, .tweak-global-animations-animation-type-flex section>.content-wrapper { opacity: 0 } .tweak-global-animations-animation-type-fade[data-animation-state="booted"] header, .tweak-global-animations-animation-type-slide[data-animation-state="booted"] header, .tweak-global-animations-animation-type-scale[data-animation-state="booted"] header, .tweak-global-animations-animation-type-clip[data-animation-state="booted"] header, .tweak-global-animations-animation-type-flex[data-animation-state="booted"] header, .tweak-global-animations-animation-type-fade[data-animation-state="booted"] footer, .tweak-global-animations-animation-type-slide[data-animation-state="booted"] footer, .tweak-global-animations-animation-type-scale[data-animation-state="booted"] footer, .tweak-global-animations-animation-type-clip[data-animation-state="booted"] footer, .tweak-global-animations-animation-type-flex[data-animation-state="booted"] footer, .tweak-global-animations-animation-type-fade[data-animation-state="booted"] section>.content-wrapper, .tweak-global-animations-animation-type-slide[data-animation-state="booted"] section>.content-wrapper, .tweak-global-animations-animation-type-scale[data-animation-state="booted"] section>.content-wrapper, .tweak-global-animations-animation-type-clip[data-animation-state="booted"] section>.content-wrapper, .tweak-global-animations-animation-type-flex[data-animation-state="booted"] section>.content-wrapper { opacity: 1 } .tweak-global-animations-animation-type-flex .preFlex { opacity : 0; transition-property: transform, opacity, clip-path; transform : translate(0%, 2vh) } .tweak-global-animations-animation-type-flex .flexIn { opacity : 1; transform: translate(0%, 0%) } .tweak-global-animations-animation-type-flex [data-animation-role="image"].preFlex { transform: none; clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%) } .tweak-global-animations-animation-type-flex [data-animation-role="image"].flexIn { transform: none; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%) } .tweak-global-animations-animation-type-flex .image-position-right [data-animation-role="image"].preFlex { clip-path: polygon(101% 0%, 99.9% 0%, 101% 100%, calc(125%) 100%) } .tweak-global-animations-animation-type-flex .image-position-right [data-animation-role="image"].flexIn { clip-path: polygon(0% 0%, 101% 0%, 101% 101%, 0% 101%) } .tweak-global-animations-animation-type-flex .image-position-left [data-animation-role="image"].preFlex { clip-path: polygon(-1% 0%, .1% 0%, -25% 100%, 0% 100%) } .tweak-global-animations-animation-type-flex .image-position-left [data-animation-role="image"].flexIn { clip-path: polygon(0% 0%, 101% 0%, 101% 101%, 0% 101%) } .tweak-global-animations-animation-type-flex.primary-button-style-solid [data-button-type="primary"], .tweak-global-animations-animation-type-flex.primary-button-style-solid .add-to-cart-button-wrapper, .tweak-global-animations-animation-type-flex.primary-button-style-solid .image-button-wrapper { overflow: hidden } .tweak-global-animations-animation-type-flex.primary-button-style-solid [data-button-type="primary"].preFlex .sqs-button-element--primary, .tweak-global-animations-animation-type-flex.primary-button-style-solid .add-to-cart-button-wrapper.preFlex .sqs-button-element--primary, .tweak-global-animations-animation-type-flex.primary-button-style-solid .image-button-wrapper.preFlex .sqs-button-element--primary, .tweak-global-animations-animation-type-flex.primary-button-style-solid [data-button-type="primary"].preFlex .sqs-add-to-cart-button, .tweak-global-animations-animation-type-flex.primary-button-style-solid .add-to-cart-button-wrapper.preFlex .sqs-add-to-cart-button, .tweak-global-animations-animation-type-flex.primary-button-style-solid .image-button-wrapper.preFlex .sqs-add-to-cart-button, .tweak-global-animations-animation-type-flex.primary-button-style-solid [data-button-type="primary"].preFlex .sqs-editable-button:not(input), .tweak-global-animations-animation-type-flex.primary-button-style-solid .add-to-cart-button-wrapper.preFlex .sqs-editable-button:not(input), .tweak-global-animations-animation-type-flex.primary-button-style-solid .image-button-wrapper.preFlex .sqs-editable-button:not(input), .tweak-global-animations-animation-type-flex.primary-button-style-solid [data-button-type="primary"].preFlex .image-button, .tweak-global-animations-animation-type-flex.primary-button-style-solid .add-to-cart-button-wrapper.preFlex .image-button, .tweak-global-animations-animation-type-flex.primary-button-style-solid .image-button-wrapper.preFlex .image-button { transition: inherit; transform : translate(0%, 100%) } .tweak-global-animations-animation-type-flex.primary-button-style-solid [data-button-type="primary"].flexIn .sqs-button-element--primary, .tweak-global-animations-animation-type-flex.primary-button-style-solid .add-to-cart-button-wrapper.flexIn .sqs-button-element--primary, .tweak-global-animations-animation-type-flex.primary-button-style-solid .image-button-wrapper.flexIn .sqs-button-element--primary, .tweak-global-animations-animation-type-flex.primary-button-style-solid [data-button-type="primary"].flexIn .sqs-add-to-cart-button, .tweak-global-animations-animation-type-flex.primary-button-style-solid .add-to-cart-button-wrapper.flexIn .sqs-add-to-cart-button, .tweak-global-animations-animation-type-flex.primary-button-style-solid .image-button-wrapper.flexIn .sqs-add-to-cart-button, .tweak-global-animations-animation-type-flex.primary-button-style-solid [data-button-type="primary"].flexIn .sqs-editable-button:not(input), .tweak-global-animations-animation-type-flex.primary-button-style-solid .add-to-cart-button-wrapper.flexIn .sqs-editable-button:not(input), .tweak-global-animations-animation-type-flex.primary-button-style-solid .image-button-wrapper.flexIn .sqs-editable-button:not(input), .tweak-global-animations-animation-type-flex.primary-button-style-solid [data-button-type="primary"].flexIn .image-button, .tweak-global-animations-animation-type-flex.primary-button-style-solid .add-to-cart-button-wrapper.flexIn .image-button, .tweak-global-animations-animation-type-flex.primary-button-style-solid .image-button-wrapper.flexIn .image-button { transform: translate(0%, 0%) } .tweak-global-animations-animation-type-flex.primary-button-style-solid .header-actions-action--cta { overflow: hidden } .tweak-global-animations-animation-type-flex.primary-button-style-solid .header-actions-action--cta.preFlex .btn { transition: inherit; transform : translate(0%, 100%) } .tweak-global-animations-animation-type-flex.primary-button-style-solid .header-actions-action--cta.flexIn .btn { transform: translate(0%, 0%) } .tweak-global-animations-animation-type-flex.secondary-button-style-solid [data-button-type="secondary"] { overflow: hidden } .tweak-global-animations-animation-type-flex.secondary-button-style-solid [data-button-type="secondary"].preFlex .sqs-button-element--secondary { transition: inherit; transform : translate(0%, 100%) } .tweak-global-animations-animation-type-flex.secondary-button-style-solid [data-button-type="secondary"].flexIn .sqs-button-element--secondary { transform: translate(0%, 0%) } .tweak-global-animations-animation-type-flex.tertiary-button-styled-solid [data-button-type="tertiary"] { overflow: hidden } .tweak-global-animations-animation-type-flex.tertiary-button-styled-solid [data-button-type="tertiary"].preFlex .sqs-button-element--tertiary { transition: inherit; transform : translate(0%, 100%) } .tweak-global-animations-animation-type-flex.tertiary-button-styled-solid [data-button-type="tertiary"].flexIn .sqs-button-element--tertiary { transform: translate(0%, 0%) } @media (hover:hover) { .tweak-global-animations-animation-type-flex a[data-animation-role="image"] { overflow: hidden } .tweak-global-animations-animation-type-flex a[data-animation-role="image"] img { transition : inherit; transform : translate(0%, 0%); transform-origin: top } .tweak-global-animations-animation-type-flex a[data-animation-role="image"]:hover img { transform: scale(1.05) translate(0%, -2.5%) } .tweak-global-animations-animation-type-flex .sqs-button-element--primary:not(input), .tweak-global-animations-animation-type-flex .sqs-button-element--secondary:not(input), .tweak-global-animations-animation-type-flex .sqs-button-element--tertiary:not(input) { transform : scaley(1); transition: .6s cubic-bezier(.19, 1, .22, 1) color; position : relative } .tweak-global-animations-animation-type-flex .sqs-button-element--primary:not(input)::before, .tweak-global-animations-animation-type-flex .sqs-button-element--secondary:not(input)::before, .tweak-global-animations-animation-type-flex .sqs-button-element--tertiary:not(input)::before { z-index : -1; position : absolute; content : ''; bottom : 0; left : 0; right : 0; top : 0; border-style: solid; border-width: 2px; transition : .6s cubic-bezier(.19, 1, .22, 1) clip-path; clip-path : polygon(-2% 102%, 102% 102%, 102% 102%, -2% 102%); transform : translatez(0) } .tweak-global-animations-animation-type-flex .sqs-button-element--primary:not(input):hover, .tweak-global-animations-animation-type-flex .sqs-button-element--secondary:not(input):hover, .tweak-global-animations-animation-type-flex .sqs-button-element--tertiary:not(input):hover { opacity: 1 } .tweak-global-animations-animation-type-flex .sqs-button-element--primary:not(input):hover::before, .tweak-global-animations-animation-type-flex .sqs-button-element--secondary:not(input):hover::before, .tweak-global-animations-animation-type-flex .sqs-button-element--tertiary:not(input):hover::before { clip-path: polygon(-2% -2%, 102% -2%, 102% 102%, -2% 102%) } .tweak-global-animations-animation-type-flex .sqs-button-element--primary:not(input).ma-pricing-option-button.right-button::before { border-radius: 0px 300px 300px 0px; border-width : 8px } .tweak-global-animations-animation-type-flex .sqs-button-element--primary:not(input).ma-pricing-option-button.left-button::before { border-radius: 300px 0px 0px 300px; border-width : 8px } .tweak-global-animations-animation-type-flex .has-background .sqs-button-element--primary:not(input)::before, .tweak-global-animations-animation-type-flex .has-background .sqs-button-element--secondary:not(input)::before, .tweak-global-animations-animation-type-flex .has-background .sqs-button-element--tertiary:not(input)::before { border-width: 0 } .tweak-global-animations-animation-type-flex.primary-button-style-solid .tock-block div#Tock_widget_container>div.TockWidgetWrapper .TockInlineButton-container.sqs-button-element--primary .MainLabelSpan { background: transparent !important } .tweak-global-animations-animation-type-flex.primary-button-shape-rounded .sqs-button-element--primary:not(.ma-pricing-option-button)::before { border-radius: .4rem } .tweak-global-animations-animation-type-flex.secondary-button-shape-rounded .sqs-button-element--secondary::before, .tweak-global-animations-animation-type-flex.tertiary-button-shape-rounded .sqs-button-element--tertiary::before { border-radius: .4rem } .tweak-global-animations-animation-type-flex.primary-button-shape-pill .sqs-button-element--primary:not(.ma-pricing-option-button)::before { border-radius: 300px } .tweak-global-animations-animation-type-flex.secondary-button-shape-pill .sqs-button-element--secondary::before, .tweak-global-animations-animation-type-flex.tertiary-button-shape-pill .sqs-button-element--tertiary::before { border-radius: 300px } .tweak-global-animations-animation-type-flex.primary-button-shape-oval .sqs-button-element--primary:not(.ma-pricing-option-button)::before { border-radius: 100% } .tweak-global-animations-animation-type-flex.secondary-button-shape-oval .sqs-button-element--secondary::before, .tweak-global-animations-animation-type-flex.tertiary-button-shape-oval .sqs-button-element--tertiary::before { border-radius: 100% } .tweak-global-animations-animation-type-flex.primary-button-shape-petal .sqs-button-element--primary:not(.ma-pricing-option-button)::before { border-radius: 16px 0px } .tweak-global-animations-animation-type-flex.secondary-button-shape-petal .sqs-button-element--secondary::before, .tweak-global-animations-animation-type-flex.tertiary-button-shape-petal .sqs-button-element--tertiary::before { border-radius: 16px 0px } .tweak-global-animations-animation-type-flex.primary-button-style-outline:not(.primary-button-shape-underline) .image-button a::before, .tweak-global-animations-animation-type-flex.primary-button-style-outline:not(.primary-button-shape-underline) .sqs-add-to-cart-button::before, .tweak-global-animations-animation-type-flex.primary-button-style-outline:not(.primary-button-shape-underline) .sqs-editable-button:not(input):not(.ma-pricing-option-button)::before, .tweak-global-animations-animation-type-flex.primary-button-style-outline:not(.primary-button-shape-underline) .sqs-button-element--primary:not(.ma-pricing-option-button)::before, .tweak-global-animations-animation-type-flex.primary-button-style-outline:not(.primary-button-shape-underline) [data-animation-role="header-element"] .btn::before { border-width: 0; bottom : -2px; left : -2px; right : -2px; top : -2px } .tweak-global-animations-animation-type-flex.secondary-button-style-outline .sqs-button-element--secondary:not(input)::before { border-width: 0; bottom : -2px; left : -2px; right : -2px; top : -2px } .tweak-global-animations-animation-type-flex.tertiary-button-style-outline .sqs-button-element--tertiary:not(input)::before { border-width: 0; bottom : -2px; left : -2px; right : -2px; top : -2px } } .tweak-global-animations-animation-type-flex .animation-segment-parent-hidden { opacity: 0 } .tweak-global-animations-animation-type-flex .animation-segment-wrapper { display : inline-flex; overflow: hidden } .tweak-global-animations-animation-type-flex .animation-segment-wrapper .animation-segment-interior { display: inline-block } .tweak-global-animations-animation-type-flex .animation-segmented-flex-primed .animation-segment-interior { opacity : 0; transition-property: transform, opacity, clip-path; transform : translate(0%, 2vh); transform : translate(0%, 100%) } .tweak-global-animations-animation-type-flex .animation-segmented-flex-fired .animation-segment-interior { opacity : 1; transform: translate(0%, 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 } .product-details .pdp-product-add-ons .add-on-card:first-of-type { margin-top: 40px } @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 .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 } .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 } .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) } .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 } .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 } @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(2vw, 55px) } .course-item:not(.mobile-layout):not(.nav-align-right) .course-item__header { padding-left: max(2vw, 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 2vw; display : flex; justify-content: space-between; align-items : center; border-bottom : 1px solid var(--course-item-nav-border-color) } .course-item .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 .course-item__video-container .course-item-video-wrapper { position: absolute; top : 0; right : 0; bottom : 0; left : 0 } .course-item .course-item__video-container .course-item-video-wrapper [data-controller="CourseItemVideoNative"], .course-item .course-item__video-container .course-item-video-wrapper .course-item-video-inner-wrapper { height: 100% } .course-item .course-item__video-container .course-item-video-wrapper [data-controller="CourseItemVideoNative"] iframe, .course-item .course-item__video-container .course-item-video-wrapper .course-item-video-inner-wrapper iframe { width : 100%; height: 100% } .course-item .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 .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 .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 } .course-item .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 .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 .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 .course-item__video-container.block-clicks::after { content : ''; display : block; position: absolute; left : 0; top : 0; width : 100%; height : 100% } .course-item .course-item__intro { padding : 0px 2vw; max-width: 1600px; margin : 0px auto; position : relative; z-index : 0 } .course-item .course-item__intro .course-item__chapter-title { text-transform: uppercase; font-weight : bold; line-height : 1 } .course-item .course-item__intro .course-item__lesson-title { margin-top : 0px; line-height: 1 } .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-progress-bar-container .course-item__side-nav-progress-bar-percentage::before { counter-reset: course-item-progress var(--course-item-progress); content : counter(course-item-progress) '%' } .course-item .course-item__side-nav-header .course-item__side-nav-toggle-button-desktop { position : absolute; z-index : -1; top : 50%; right : 0px; transform : translate(40px, -50%); width : 60px; height : 38px; border : none; padding : 0px; border-radius: 41px; background : var(--course-item-nav-background-color) } .course-item .course-item__side-nav-header .course-item__side-nav-toggle-button-desktop svg { position : absolute; top : 50%; right : 13px; transform: translatey(-50%); width : 17px; height : 100%; fill : var(--course-item-nav-text-color) } .course-item .course-item__side-nav-mobile-header { display : flex; flex-wrap : wrap; align-items : center; gap : 10px; padding : 11px; background : inherit; border-bottom: 1px solid var(--course-item-nav-border-color) } .course-item .course-item__side-nav-mobile-header .course-item__side-nav-toggle-button-mobile { background : none; border : 1.5px solid var(--course-item-nav-text-color); border-radius: 50px; padding : 11px; width : 43px; height : 43px } .course-item .course-item__side-nav-mobile-header .course-item__side-nav-toggle-button-mobile svg { stroke : var(--course-item-nav-text-color); vertical-align: middle; width : 100%; height : 100% } .course-item .course-item__side-nav-mobile-header .course-item__side-nav-toggle-button-mobile svg.course-item__side-nav-expanded-svg { display : block; stroke-width: 2px; transform : rotate(90deg); margin-top : 1px } .course-item .course-item__side-nav-mobile-header .course-item__side-nav-toggle-button-mobile svg.course-item__side-nav-collapsed-svg { display : none; stroke-width: .1px } .course-item .course-item__side-nav-mobile-header .course-item__side-nav-mobile-course-title { flex : 1; text-overflow: ellipsis; white-space : nowrap; overflow : hidden; text-align : right } .course-item .course-item__side-nav-content { overflow-y: auto; flex : 1; transition: opacity ease 300ms } .course-item .course-item__overlay { position: fixed; inset : 0; z-index : 999; display : none } .course-item .course-item__side-nav-chapter-header { padding : 10px 22px; border-bottom: 1px solid var(--course-item-nav-border-color) } .course-item .course-item__side-nav-chapter-header .course-item__side-nav-chapter-title { word-break: break-word } .course-item .course-item__side-nav-chapter-header .course-item__side-nav-chapter-metadata>span { white-space: nowrap } .course-item .course-item__side-nav-lesson { display : flex; gap : 10px; border-bottom: 1px solid var(--course-item-nav-border-color); align-items : stretch } .course-item .course-item__side-nav-lesson.active, .course-item .course-item__side-nav-lesson:hover { background-color: var(--course-item-nav-active-lesson-background-color); color : var(--course-item-nav-active-lesson-text-color) } .course-item .course-item__side-nav-lesson.active .course-item__side-nav-link.course-item__side-nav-interactive:focus-visible { outline : solid var(--course-item-nav-active-lesson-text-color) 2px; outline-offset: 3px } .course-item .course-item__side-nav-chapter-lessons .course-item__side-nav-lesson:not(:last-child) { border-bottom: none } .course-item .course-item__side-nav-chapter-lessons .course-item__side-nav-link { padding-left: 33px } .course-item .course-item__side-nav-link { flex : 1; display : flex; align-items: center; gap : 10px; padding : 10px 0px 10px 22px } .course-item .course-item__side-nav-link .course-item__side-nav-link-title { display : -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow : hidden; word-break : break-word; margin-bottom : 2px } .course-item .course-item__side-nav-link .course-item__side-nav-lesson-time { white-space: nowrap } .course-item .course-item__side-nav-link .course-item__side-nav-thumbnail-container { position : relative; display : flex; align-items : center; background-color: #e9e9e9; width : 40px; height : 40px; overflow : hidden } .course-item .course-item__side-nav-link .course-item__side-nav-thumbnail-container[data-private-mode="true"]::before { content : ''; position : absolute; top : 0; left : 0; width : 100%; height : 100%; backdrop-filter: blur(1px) brightness(.3); z-index : 999 } .course-item .course-item__side-nav-link .course-item__side-nav-thumbnail-container[data-private-mode="true"] .course-item__side-nav-lock-icon-overlay { color : #fff; position : absolute; top : 0; left : 0; width : 100%; height : 100%; transform: scale(.5); z-index : 1000 } .course-item .course-item__side-nav-link .course-item__side-nav-thumbnail-container[data-private-mode="true"] .course-item__side-nav-placeholder-svg { display: none } .course-item .course-item__side-nav-link .course-item__side-nav-thumbnail-container .course-item__side-nav-placeholder-svg { transform: scale(.6); fill : #c4c4c4 } .course-item .course-item__side-nav-link .course-item__side-nav-thumbnail-container .course-item__video-player-icon-container { position : absolute; top : 0; bottom : 0; left : 0; right : 0; transform : scale(.4); background : rgba(0, 0, 0, .54); border-radius: 50% } .course-item .course-item__side-nav-link .course-item__side-nav-thumbnail-container .course-item__video-player-icon-container svg { width : 100%; height: 100% } .course-item .course-item__side-nav-link .course-item__side-nav-thumbnail-container .course-item__video-player-icon-container .course-item__video-player-icon { fill: #fff } .course-item .course-item__side-nav-link .course-item__side-nav-thumbnail-container .course-item__side-nav-thumbnail { position : absolute; top : 0; bottom : 0; left : 0; right : 0; width : 100%; height : 100%; background-size : cover; background-position: 50% 50% } .course-item .course-item__side-nav-link.course-item__side-nav-interactive:focus-visible { outline : solid var(--course-item-nav-text-color) 2px; outline-offset: 3px } .course-item .course-item__side-nav-lock-icon-container { display : flex; align-items : center; gap : 10px; padding-right: 22px } .course-item .course-item__side-nav-checkbox-container { display : flex; align-items : center; gap : 10px; padding-right: 22px; cursor : pointer } .course-item .course-item__side-nav-checkbox-container .course-item__side-nav-checkbox { position: absolute; opacity : 0; z-index : -1 } .course-item .course-item__side-nav-checkbox-container .course-item__side-nav-checkbox:checked+.course-item__side-nav-checkbox-target .course-item__checkbox-svg-checkmark { stroke-dashoffset: 0 } .course-item .course-item__side-nav-checkbox-container .course-item__side-nav-checkbox:checked+.course-item__side-nav-checkbox-target .course-item__checkbox-svg-outline { stroke-dashoffset: 2; stroke-dasharray : 8 0; stroke-opacity : 1 } .course-item .course-item__side-nav-checkbox-container .course-item__side-nav-checkbox:focus-visible+.course-item__side-nav-checkbox-target { outline : solid currentColor 2px; outline-offset: 3px } .course-item .course-item__side-nav-checkbox-container .course-item__side-nav-checkbox:focus-visible+.course-item__side-nav-checkbox-target .course-item__checkbox-svg-outline { stroke-opacity: 1 } .course-item .course-item__side-nav-checkbox-container .course-item__side-nav-checkbox-target { cursor : pointer; display : block; width : 22px; height : 22px; border-radius: 500px } .course-item .course-item__side-nav-checkbox-container .course-item__side-nav-checkbox-target svg { display: block; height : 100%; width : 100% } .course-item .course-item__side-nav-checkbox-container .course-item__side-nav-checkbox-target:hover .course-item__checkbox-svg-outline { stroke-opacity: 1 } .course-item .course-item__side-nav-checkbox-container .course-item__checkbox-svg-checkmark, .course-item .course-item__side-nav-checkbox-container .course-item__checkbox-svg-outline { transition-duration : 300ms; transition-timing-function: ease-in-out } @media (prefers-reduced-motion:reduce) { .course-item .course-item__side-nav-checkbox-container .course-item__checkbox-svg-checkmark, .course-item .course-item__side-nav-checkbox-container .course-item__checkbox-svg-outline { transition: none } } .course-item .course-item__side-nav-checkbox-container .course-item__checkbox-svg-checkmark { transition-property: stroke-dashoffset } .course-item .course-item__side-nav-checkbox-container .course-item__checkbox-svg-outline { transition-property: stroke-dashoffset, stroke-dasharray, stroke-opacity } .course-item .course-item__side-nav-placeholder { padding: 10px 22px } .course-item__footer-container { color : var(--paragraphMediumColor); position: relative } @media (max-width:800px) { .course-item__footer-container { display: none } } .course-item__footer-background { background-color: var(--siteBackgroundColor); position : absolute; top : calc(-1 * var(--previous-section-divider-offset, 0px)); bottom : 0; left : 0; right : 0 } .course-item__footer-content { position : relative; padding : 20px 2vw; max-width : 1600px; 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 } .sqs-edit-mode-active .course-item .course-item__video-container .course-item-video-thumbnail-placeholder .course-item-video-thumbnail-placeholder-content { display: block } .course-list { max-width : 1080px; padding-left : 2vw; padding-right: 2vw; 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-list__progress-bar-container .course-list__progress-bar-percentage::before { counter-reset: course-list-progress var(--course-list-progress); content : counter(course-list-progress) '%' } .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 .lesson-video-inner-wrapper .lesson-video-paywall { font-family : Clarkson, "Helvetica Neue", Helvetica, Arial, sans-serif; position : absolute; height : 100%; width : 100%; z-index : 10; display : flex; flex-direction : column; justify-content: center; align-items : center; background : rgba(0, 0, 0, .6); backdrop-filter: blur(20px) } .lesson-item .lesson-video-inner-wrapper .lesson-video-paywall.no-video-background { background: #6e6e6e } .lesson-item .lesson-video-inner-wrapper .lesson-video-paywall .lesson-video-paywall-description { color : #fff; font-weight: 600; font-size : 22px; line-height: 28px; text-align : center; margin : 11px 0 22px } @media screen and (max-width: 480px) { .lesson-item .lesson-video-inner-wrapper .lesson-video-paywall .lesson-video-paywall-description { font-size : 16px; line-height: 22px; margin : 0 0 22px } } .lesson-item .lesson-video-inner-wrapper .lesson-video-paywall .lesson-video-paywall-button { background-color : #fff; color : #0e0e0e; font-size : 12px; padding : 0 16px; letter-spacing : .5px; line-height : 22px; min-height : 44px; width : auto; height : auto; outline : none; text-align : center; text-rendering : optimizelegibility; -webkit-font-smoothing: antialiased; -webkit-box-align : center; align-items : center; border : 0 none transparent; box-sizing : border-box; cursor : pointer; display : inline-flex; font-family : inherit; font-weight : 500; -webkit-box-pack : center; justify-content : center; text-decoration : none; text-transform : uppercase; overflow : hidden; transform : translate3d(0, 0, 0) scale(1, 1); transition : transform 50ms ease 0s } @media screen and (max-width: 480px) { .lesson-item .lesson-video-inner-wrapper .lesson-video-paywall .lesson-video-paywall-button { font-size : 10px; padding : 0 12px; min-height: 36px } } .lesson-item .lesson-video-inner-wrapper .lesson-video-paywall .lesson-video-paywall-button:hover, .lesson-item .lesson-video-inner-wrapper .lesson-video-paywall .lesson-video-paywall-button:active { background-color: #e7e7e7 } .lesson-item .lesson-video-inner-wrapper .lesson-video-paywall .lesson-video-paywall-button:focus { border : 1px solid rgba(0, 0, 0, .6); box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0e0e0e } .lesson-item .lesson-video-inner-wrapper .lesson-video-paywall .lesson-video-paywall-button--disabled { color : #6e6e6e; background-color: #e7e7e7 } .lesson-item .lesson-video-inner-wrapper .lesson-video-paywall .paywall-lock-icon { height: 26px; width : 21px } @media screen and (max-width: 480px) { .lesson-item .lesson-video-inner-wrapper .lesson-video-paywall .paywall-lock-icon { display: none } } .lesson-item .lesson-video-inner-wrapper .lesson-video-paywall-image { position: absolute; margin : auto; inset : 0; height : 100% } .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% } .lessons.collection-content-wrapper { padding-top : 2vw; padding-bottom: 2vw; 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) } .lessons.collection-content-wrapper .grid-item .lessons-image__lock-icon { width : 34px; height: 34px; color : #fff } .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 .grid-meta-wrapper .lesson-title[data-private-mode="true"] { display : flex; align-items: center } .lessons.collection-content-wrapper .list-pagination { padding-top : 6vw; width : 100%; display : flex; justify-content: space-between } .lessons.collection-content-wrapper .list-pagination a { display: flex; flex : 1 0 50% } .lessons.collection-content-wrapper .list-pagination a.list-pagination-next { justify-content: flex-end } .lessons.collection-content-wrapper .list-pagination .lesson-list-pagination-icon svg { stroke: #000 } .lessons.collection-content-wrapper .list-pagination-nested-categories { text-transform: uppercase } .lessons.collection-content-wrapper .list-pagination-nested-categories .lesson-list-pagination-icon { height: 15px; width : 15px } .lessons.collection-content-wrapper .list-pagination-nested-categories .list-pagination-next { text-align : right; align-items: center } .lessons.collection-content-wrapper .list-pagination-nested-categories .list-pagination-prev { align-items: center } .lessons.collection-content-wrapper .lessons-flex-container { display : flex; flex-direction: column } .lessons.collection-content-wrapper .nested-category-breadcrumb-list-item { display: flex } .lessons.collection-content-wrapper .nested-category-breadcrumb-list-item:first-child .nested-category-breadcrumb-link { margin-left: 0 } .lessons.collection-content-wrapper .nested-category-breadcrumb-list-item .nested-category-breadcrumb-link { margin: 0 1.5vw } .lessons.collection-content-wrapper .nested-category-breadcrumb-list-item:last-child .breadcrumb-separator { display: none } @media screen and (max-width: 575px) { .lessons.collection-content-wrapper .nested-category-breadcrumb-list-item { flex: 0 0 auto } .lessons.collection-content-wrapper .nested-category-breadcrumb-list-item:last-child { padding-right: calc(12vw) } } .lessons.collection-content-wrapper .category-skip-link { float : right; position : absolute; text-decoration: underline; z-index : 2; top : 2.7em; left : -1000em } .lessons.collection-content-wrapper .category-skip-link:focus { float: none; left : auto } .lessons.collection-content-wrapper .nested-category-children { padding-bottom: 54px; padding-top : 54px; padding-left : 0; margin-top : 0; text-align : center; display : flex; flex-wrap : wrap; flex-direction: row; align-content : center; position : relative } .lessons.collection-content-wrapper .nested-category-children .active { font-weight: 700 } @media screen and (max-width: 575px) { .lessons.collection-content-wrapper .nested-category-children { padding-top : 44px; margin-bottom : 0; margin-right : calc(-12vw); flex-wrap : nowrap; overflow-x : auto; justify-content : start; scrollbar-width : none; -ms-overflow-style: none } .lessons.collection-content-wrapper .nested-category-children::-webkit-scrollbar { display: none } .lessons.collection-content-wrapper .nested-category-children .nested-category-breadcrumb-link { margin: 0 2.5vw } } .lessons.collection-content-wrapper .nested-category-tree-wrapper { float : left; min-width : 220px; max-width : 300px; margin-right: 40px } .lessons.collection-content-wrapper .nested-category-tree-wrapper ul { padding-inline-start: 20px; margin-top : 0 } .lessons.collection-content-wrapper .nested-category-tree-wrapper>ul { padding-left: 0 } .lessons.collection-content-wrapper .nested-category-tree-wrapper>ul>li:first-child a { padding-top: 0 } .lessons.collection-content-wrapper .nested-category-tree-wrapper li { list-style: none } .lessons.collection-content-wrapper .nested-category-tree-wrapper .category-link { position: relative; display : block; padding : 10px 0 } .lessons.collection-content-wrapper .nested-category-tree-wrapper .category-link.active { font-weight: 700 } .lessons.collection-content-wrapper .nested-category-tree-wrapper .category-link.activeParent { font-weight: 700 } .lessons.collection-content-wrapper .nested-category-tree-wrapper .breadcrumb-separator { display: none } .lessons.collection-content-wrapper .nested-category-tree-wrapper .category-skip-link:focus { float: none; left : 0; top : -.3em } @media screen and (max-width: 575px) { .lessons.collection-content-wrapper .nested-category-tree-wrapper { float : none; margin: 0 } .lessons.collection-content-wrapper .nested-category-tree-wrapper ul { padding-top : 44px; padding-bottom : 54px; padding-left : 0; margin-top : 0; margin-bottom : 0; margin-right : calc(-12vw); flex-wrap : nowrap; overflow-x : auto; justify-content : start; text-align : center; display : flex; flex-direction : row; align-content : center; position : relative; scrollbar-width : none; -ms-overflow-style: none } .lessons.collection-content-wrapper .nested-category-tree-wrapper ul::-webkit-scrollbar { display: none } .lessons.collection-content-wrapper .nested-category-tree-wrapper ul .category-link { display: inline; margin : 0 2.5vw; padding: 0 } .lessons.collection-content-wrapper .nested-category-tree-wrapper ul .category-item { display: flex; flex : 0 0 auto } .lessons.collection-content-wrapper .nested-category-tree-wrapper ul .category-item:first-child .category-link { margin-left: 0 } .lessons.collection-content-wrapper .nested-category-tree-wrapper ul .category-item:last-child .breadcrumb-separator { display: none } .lessons.collection-content-wrapper .nested-category-tree-wrapper ul .category-item:last-child { padding-right: calc(12vw) } .lessons.collection-content-wrapper .nested-category-tree-wrapper .breadcrumb-separator { display: inline } } .gallery-reel { display : block; box-sizing : border-box; user-select: none; z-index : 0; min-height : 10vh } .gallery-reel[data-width="full-bleed"] { max-width: 100% } .gallery-reel[data-width="full"] { max-width: 100%; padding : 2vw } @media screen and (max-width: 767px) { .gallery-reel[data-width="full"] { padding: 0 } } .gallery-reel[data-width="inset"] { max-width : 1600px; padding : 2vw; margin-left : auto; margin-right: auto } @media screen and (max-width: 767px) { .gallery-reel[data-width="inset"] { max-width: 100%; padding : 0 } } .gallery-reel-wrapper { position : relative; display : flex; flex-direction: column; width : 100%; height : 100% } .gallery-reel-list { position: absolute; top : 0; left : 0; width : 100%; height : 100%; overflow: hidden; cursor : grab } .gallery-reel .gallery-reel-image-link { position : absolute; display : block; left : 0; top : 0; width : 100%; height : 100%; outline-offset: -2px } .gallery-reel-lightbox-link { position: absolute; top : 0; right : 0; bottom : 0; left : 0; display : block; z-index : 1 } .gallery-reel-lightbox-link { cursor: zoom-in } .gallery-reel-item { position : absolute; top : 0; left : 0; margin : 0; user-select: none } .gallery-reel-item-wrapper { position: absolute; top : 0; left : 0; width : 100%; height : 100%; overflow: hidden; z-index : -1 } .gallery-reel-item-src { position : absolute; top : 0; left : 0; width : 100%; height : 100%; overflow : hidden; background-size: cover; display : none; opacity : 0 } .gallery-reel-item-src[data-visible] { display: block } .gallery-reel-item-src[data-visible="true"] { animation: image-fade-in 600ms cubic-bezier(.4, 0, .2, 1) forwards } @keyframes image-fade-in { 0% { opacity: 0 } 100% { opacity: 1 } } .gallery-reel-item img { position : absolute; display : block; left : 0; top : 0; width : 100%; height : 100%; object-fit: cover } .gallery-reel-item[data-active="true"] .gallery-caption-reel { opacity : 1; visibility: visible } .gallery-reel-controls { position : absolute; display : flex; justify-content: space-between; top : 0; left : 0; width : 100%; height : 100%; pointer-events : none } .gallery-reel-control { display : flex; flex-grow : 0; flex-shrink : 0; align-items : center; justify-content: center; z-index : 1 } .gallery-reel-control-btn { background : initial; border : initial; position : relative; color : #000; padding : 8px; box-sizing : border-box; pointer-events: all; opacity : .75; transition : opacity 600ms cubic-bezier(.4, 0, .2, 1) } .gallery-reel-control-btn::before { position : absolute; content : ''; top : 0; right : 0; bottom : 0; left : 0; background-color: #fff; opacity : 1; border-radius : .15em } .gallery-reel-control-btn:focus { opacity: 1 } @media (hover:none) { .gallery-reel-control-btn:focus:not(:focus-visible) { opacity: .75 } } @media (hover:hover) { .gallery-reel-control-btn:hover { opacity: 1 } .gallery-reel-control-btn:not(:hover):focus:not(:focus-visible) { opacity: .75 } } .gallery-reel-control-btn-icon { position: relative; width : 28px; height : 28px } .gallery-reel-control-btn-icon svg { width : 100%; height: 100% } .gallery-reel-control-btn-icon svg * { stroke : currentColor; stroke-width: 4px } .gallery-reel .gallery-caption-reel { display: none } .gallery-reel[data-controls-location="below"] .gallery-reel-list, .gallery-reel[data-controls-location="below-left"] .gallery-reel-list, .gallery-reel[data-controls-location="below-right"] .gallery-reel-list, .gallery-reel[data-controls-location="below-center"] .gallery-reel-list { position: relative; margin : 0 0 15px } .gallery-reel[data-controls-location="below"] .gallery-reel-controls, .gallery-reel[data-controls-location="below-left"] .gallery-reel-controls, .gallery-reel[data-controls-location="below-right"] .gallery-reel-controls, .gallery-reel[data-controls-location="below-center"] .gallery-reel-controls { position: relative; height : auto } .gallery-reel[data-show-captions="true"] .gallery-caption-reel { display: block } .gallery-reel[data-show-captions="true"][data-controls-location="below"] .gallery-reel-list, .gallery-reel[data-show-captions="true"][data-controls-location="below-left"] .gallery-reel-list, .gallery-reel[data-show-captions="true"][data-controls-location="below-right"] .gallery-reel-list, .gallery-reel[data-show-captions="true"][data-controls-location="below-center"] .gallery-reel-list { position: relative; margin : 0 } .gallery-reel[data-show-captions="true"][data-controls-location="below"] .gallery-reel-controls, .gallery-reel[data-show-captions="true"][data-controls-location="below-left"] .gallery-reel-controls, .gallery-reel[data-show-captions="true"][data-controls-location="below-right"] .gallery-reel-controls, .gallery-reel[data-show-captions="true"][data-controls-location="below-center"] .gallery-reel-controls { position: relative; height : auto } .gallery-reel[data-show-captions="true"][data-controls-location="side"][data-width="full-bleed"], .gallery-reel[data-show-captions="true"][data-controls-location="overflow-side"][data-width="full-bleed"] { padding-bottom: 2vw } @media screen and (max-width: 575px) { .gallery-reel[data-show-captions="true"][data-controls-location="side"][data-width="full-bleed"], .gallery-reel[data-show-captions="true"][data-controls-location="overflow-side"][data-width="full-bleed"] { padding-bottom: 0 } } .gallery-reel[data-show-captions="true"][data-controls-location="side"] .gallery-reel-control-btn, .gallery-reel[data-show-captions="true"][data-controls-location="overflow-side"] .gallery-reel-control-btn { bottom: 70px } .gallery-reel[data-show-captions="true"][data-controls-location="below"][data-width="full-bleed"], .gallery-reel[data-show-captions="true"][data-controls-location="below-left"][data-width="full-bleed"], .gallery-reel[data-show-captions="true"][data-controls-location="below-right"][data-width="full-bleed"] { margin-bottom: 25px } .gallery-reel[data-show-captions="true"][data-controls-location="below"] .gallery-reel-controls, .gallery-reel[data-show-captions="true"][data-controls-location="below-left"] .gallery-reel-controls, .gallery-reel[data-show-captions="true"][data-controls-location="below-right"] .gallery-reel-controls { bottom: 0px; top : auto } .gallery-reel[data-show-captions="true"][data-controls-location="below-center"][data-width="full-bleed"] { margin-bottom: 100px } .gallery-reel[data-show-captions="true"][data-controls-location="below-center"][data-width="full"], .gallery-reel[data-show-captions="true"][data-controls-location="below-center"][data-width="inset"] { margin-bottom: 50px } .gallery-reel[data-show-captions="true"][data-controls-location="below-center"] .gallery-reel-controls { position: relative; top : 25px; margin : 0 } @media screen and (max-width: 575px) { .gallery-reel[data-show-captions="true"][data-controls-location="below-center"][data-width="full"], .gallery-reel[data-show-captions="true"][data-controls-location="below-center"][data-width="inset"], .gallery-reel[data-show-captions="true"][data-controls-location="below-center"][data-width="full-bleed"] { margin-bottom: 20px } .gallery-reel[data-show-captions="true"][data-controls-location="below-center"] .gallery-reel-controls { bottom: 0; top : auto; margin: 0 } } @media screen and (max-width: 575px) { .gallery-reel[data-show-captions="true"] .gallery-reel-list { position: relative; margin : 0 } .gallery-reel[data-show-captions="true"] .gallery-reel-controls { position : relative; bottom : 50px; top : auto; height : auto; margin : 0; justify-content: space-between } .gallery-reel[data-show-captions="true"] .gallery-reel-control-btn { margin: 0 } } .gallery-reel[data-controls-location="side"] .gallery-reel-list { left : 59px; right: 59px; width: auto } @media screen and (max-width: 575px) { .gallery-reel[data-controls-location="side"] .gallery-reel-list { position: relative; left : 0; right : 0; margin : 0 0 15px } .gallery-reel[data-controls-location="side"] .gallery-reel-controls { position: relative; height : auto } } .gallery-reel[data-controls-location="none"] .gallery-reel-controls { display: none } .gallery-reel[data-controls-location="overflow-side"] .gallery-reel-control:first-child { margin-left: 15px } .gallery-reel[data-controls-location="overflow-side"] .gallery-reel-control:last-child { margin-right: 15px } .gallery-reel[data-controls-location="below"][data-width="full-bleed"] .gallery-reel-control:first-child { margin-left: 25px } .gallery-reel[data-controls-location="below"][data-width="full-bleed"] .gallery-reel-control:first-child+.gallery-reel-control { margin-right: 25px } .gallery-reel[data-controls-location="below-left"] .gallery-reel-controls { justify-content: flex-start } .gallery-reel[data-controls-location="below-left"][data-width="full-bleed"] .gallery-reel-control:first-child { margin-left: 25px } .gallery-reel[data-controls-location="below-left"] .gallery-reel-control:first-child { padding-right: 10px } .gallery-reel[data-controls-location="below-right"] .gallery-reel-controls { justify-content: flex-end } .gallery-reel[data-controls-location="below-right"] .gallery-reel-control:first-child { padding-right: 10px } .gallery-reel[data-controls-location="below-right"][data-width="full-bleed"] .gallery-reel-control:first-child+.gallery-reel-control { margin-right: 25px } .gallery-reel[data-controls-location="below-center"] .gallery-reel-controls { justify-content: center } .gallery-reel[data-controls-location="below-center"] .gallery-reel-control { padding: 0 5px } .video-player { position : relative; height : 100%; font-family: Clarkson, Arial, sans-serif } @keyframes plyr-progress { to { background-position: 25px 0 } } @keyframes plyr-popup { 0% { opacity : .5; transform: translatey(10px) } 100% { opacity : 1; transform: translatey(0) } } @keyframes plyr-fade-in { from { opacity: 0 } to { opacity: 1 } } .video-player .plyr { align-items : center; direction : ltr; display : flex; flex-direction : column; font-family : inherit; font-variant-numeric: tabular-nums; font-weight : 400; line-height : 1.7; max-width : 100%; min-width : 200px; position : relative; text-shadow : none; transition : box-shadow .3s ease; z-index : 0 } .video-player .plyr video, .video-player .plyr audio, .video-player .plyr iframe { display: block; height : 100%; width : 100% } .video-player .plyr button { font : inherit; line-height: inherit; width : auto } .video-player .plyr:focus { outline: 0 } .video-player .plyr--full-ui { box-sizing: border-box } .video-player .plyr--full-ui *, .video-player .plyr--full-ui *::after, .video-player .plyr--full-ui *::before { box-sizing: inherit } .video-player .plyr--full-ui a, .video-player .plyr--full-ui button, .video-player .plyr--full-ui input, .video-player .plyr--full-ui label { touch-action: manipulation } .video-player .plyr__badge { background : #4a5464; border-radius: 2px; color : #fff; font-size : 9px; line-height : 1; padding : 3px 4px } .video-player .plyr--full-ui ::-webkit-media-text-track-container { display: none } .video-player .plyr__captions { animation : plyr-fade-in .3s ease; bottom : 0; display : none; font-size : 13px; left : 0; padding : 10px; position : absolute; text-align: center; transition: transform .4s ease-in-out; width : 100% } .video-player .plyr__captions span:empty { display: none } @media (min-width:480px) { .video-player .plyr__captions { font-size: 15px; padding : calc(10px * 2) } } @media (min-width:768px) { .video-player .plyr__captions { font-size: 18px } } .video-player .plyr--captions-active .plyr__captions { display: block } .video-player .plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions { transform: translatey(calc(10px * -4)) } .video-player .plyr__caption { background : rgba(0, 0, 0, .8); border-radius : 2px; box-decoration-break: clone; color : #fff; line-height : 185%; padding : .2em .5em; white-space : pre-wrap } .video-player .plyr__caption div { display: inline } .video-player .plyr__control { background : transparent; border : 0; border-radius: 3px; color : inherit; cursor : pointer; flex-shrink : 0; overflow : visible; padding : calc(10px * 0.7); position : relative; transition : all .3s ease } .video-player .plyr__control svg { display : block; fill : currentColor; height : 18px; pointer-events: none; width : 18px } .video-player .plyr__control:focus { outline: 0 } .video-player .plyr__control.plyr__tab-focus { outline : #00b2ff dotted 3px; outline-offset: 2px } .video-player a.plyr__control { text-decoration: none } .video-player a.plyr__control::after, .video-player a.plyr__control::before { display: none } .video-player .plyr__control:not(.plyr__control--pressed) .icon--pressed, .video-player .plyr__control.plyr__control--pressed .icon--not-pressed, .video-player .plyr__control:not(.plyr__control--pressed) .label--pressed, .video-player .plyr__control.plyr__control--pressed .label--not-pressed { display: none } .video-player .plyr--full-ui ::-webkit-media-controls { display: none } .video-player .plyr__controls { align-items : center; display : flex; justify-content: flex-end; text-align : center } .video-player .plyr__controls .plyr__progress__container { flex : 1; min-width: 0 } .video-player .plyr__controls .plyr__controls__item { margin-left: calc(10px / 4) } .video-player .plyr__controls .plyr__controls__item:first-child { margin-left : 0; margin-right: auto } .video-player .plyr__controls .plyr__controls__item.plyr__progress__container { padding-left: calc(10px / 4) } .video-player .plyr__controls .plyr__controls__item.plyr__time { padding: 0 calc(10px / 2) } .video-player .plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .video-player .plyr__controls .plyr__controls__item.plyr__time:first-child, .video-player .plyr__controls .plyr__controls__item.plyr__time+.plyr__time { padding-left: 0 } .video-player .plyr__controls:empty { display: none } .video-player .plyr [data-plyr="captions"], .video-player .plyr [data-plyr="pip"], .video-player .plyr [data-plyr="airplay"], .video-player .plyr [data-plyr="fullscreen"] { display: none } .video-player .plyr--captions-enabled [data-plyr="captions"], .video-player .plyr--pip-supported [data-plyr="pip"], .video-player .plyr--airplay-supported [data-plyr="airplay"], .video-player .plyr--fullscreen-enabled [data-plyr="fullscreen"] { display: inline-block } .video-player .plyr__menu { display : flex; position: relative } .video-player .plyr__menu .plyr__control svg { transition: transform .3s ease } .video-player .plyr__menu .plyr__control[aria-expanded="true"] svg { transform: rotate(90deg) } .video-player .plyr__menu .plyr__control[aria-expanded="true"] .plyr__tooltip { display: none } .video-player .plyr__menu__container { animation : plyr-popup .2s ease; background : rgba(255, 255, 255, .9); border-radius: 4px; bottom : 100%; box-shadow : 0 1px 2px rgba(0, 0, 0, .15); color : #4a5464; font-size : 15px; margin-bottom: 10px; position : absolute; right : -3px; text-align : left; white-space : nowrap; z-index : 3 } .video-player .plyr__menu__container>div { overflow : hidden; transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1) } .video-player .plyr__menu__container::after { border : 4px solid transparent; border-top-color: rgba(255, 255, 255, .9); content : ""; height : 0; position : absolute; right : calc(((18px / 2) + (10px * 0.7)) - (4px / 2)); top : 100%; width : 0 } .video-player .plyr__menu__container [role="menu"] { padding: calc(10px * 0.7) } .video-player .plyr__menu__container [role="menuitem"], .video-player .plyr__menu__container [role="menuitemradio"] { margin-top: 2px } .video-player .plyr__menu__container [role="menuitem"]:first-child, .video-player .plyr__menu__container [role="menuitemradio"]:first-child { margin-top: 0 } .video-player .plyr__menu__container .plyr__control { align-items: center; color : #4a5464; display : flex; font-size : 13px; padding : calc((10px * 0.7) / 1.5) calc((10px * 0.7) * 1.5); user-select: none; width : 100% } .video-player .plyr__menu__container .plyr__control>span { align-items: inherit; display : flex; width : 100% } .video-player .plyr__menu__container .plyr__control::after { border : 4px solid transparent; content : ""; position : absolute; top : 50%; transform: translatey(-50%) } .video-player .plyr__menu__container .plyr__control--forward { padding-right: calc((10px * 0.7) * 4) } .video-player .plyr__menu__container .plyr__control--forward::after { border-left-color: #728197; right : calc(((10px * 0.7) * 1.5) - 4px) } .video-player .plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .video-player .plyr__menu__container .plyr__control--forward:hover::after { border-left-color: currentColor } .video-player .plyr__menu__container .plyr__control--back { font-weight : 400; margin : calc(10px * 0.7); margin-bottom: calc((10px * 0.7) / 2); padding-left : calc((10px * 0.7) * 4); position : relative; width : calc(100% - ((10px * 0.7) * 2)) } .video-player .plyr__menu__container .plyr__control--back::after { border-right-color: #728197; left : calc(((10px * 0.7) * 1.5) - 4px) } .video-player .plyr__menu__container .plyr__control--back::before { background: #dcdfe5; box-shadow: 0 1px 0 #fff; content : ""; height : 1px; left : 0; margin-top: calc((10px * 0.7) / 2); overflow : hidden; position : absolute; right : 0; top : 100% } .video-player .plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .video-player .plyr__menu__container .plyr__control--back:hover::after { border-right-color: currentColor } .video-player .plyr__menu__container .plyr__control[role="menuitemradio"] { padding-left: calc(10px * 0.7) } .video-player .plyr__menu__container .plyr__control[role="menuitemradio"]::before, .video-player .plyr__menu__container .plyr__control[role="menuitemradio"]::after { border-radius: 100% } .video-player .plyr__menu__container .plyr__control[role="menuitemradio"]::before { background : rgba(0, 0, 0, .1); content : ""; display : block; flex-shrink : 0; height : 16px; margin-right: 10px; transition : all .3s ease; width : 16px } .video-player .plyr__menu__container .plyr__control[role="menuitemradio"]::after { background: #fff; border : 0; height : 6px; left : 12px; opacity : 0; top : 50%; transform : translatey(-50%) scale(0); transition: transform .3s ease, opacity .3s ease; width : 6px } .video-player .plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]::before { background: #00b2ff } .video-player .plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]::after { opacity : 1; transform: translatey(-50%) scale(1) } .video-player .plyr__menu__container .plyr__control[role="menuitemradio"].plyr__tab-focus::before, .video-player .plyr__menu__container .plyr__control[role="menuitemradio"]:hover::before { background: rgba(35, 40, 47, .1) } .video-player .plyr__menu__container .plyr__menu__value { align-items : center; display : flex; margin-left : auto; margin-right : calc(((10px * 0.7) - 2) * -1); overflow : hidden; padding-left : calc((10px * 0.7) * 3.5); pointer-events: none } .video-player .plyr--full-ui input[type="range"] { appearance : none; background : transparent; border : 0; border-radius: calc(13px * 2); color : #00b2ff; display : block; height : calc((3px * 2) + 13px); margin : 0; min-width : 0; padding : 0; transition : box-shadow .3s ease; width : 100% } .video-player .plyr--full-ui input[type="range"]::-webkit-slider-runnable-track { background : transparent; border : 0; border-radius : calc(5px / 2); height : 5px; transition : box-shadow .3s ease; user-select : none; background-image: linear-gradient(to right, currentColor 0%, transparent 0%) } .video-player .plyr--full-ui input[type="range"]::-webkit-slider-thumb { background : #fff; border : 0; border-radius: 100%; height : 13px; position : relative; transition : all .2s ease; width : 13px; appearance : none; margin-top : calc((13px - 5px) / 2 * -1) } .video-player .plyr--full-ui input[type="range"]::-moz-range-track { background : transparent; border : 0; border-radius: calc(5px / 2); height : 5px; transition : box-shadow .3s ease; user-select : none } .video-player .plyr--full-ui input[type="range"]::-moz-range-thumb { background : #fff; border : 0; border-radius: 100%; height : 13px; position : relative; transition : all .2s ease; width : 13px } .video-player .plyr--full-ui input[type="range"]::-moz-range-progress { background : currentColor; border-radius: calc(5px / 2); height : 5px } .video-player .plyr--full-ui input[type="range"]::-ms-track { background : transparent; border : 0; border-radius: calc(5px / 2); height : 5px; transition : box-shadow .3s ease; user-select : none; color : transparent } .video-player .plyr--full-ui input[type="range"]::-ms-fill-upper { background : transparent; border : 0; border-radius: calc(5px / 2); height : 5px; transition : box-shadow .3s ease; user-select : none } .video-player .plyr--full-ui input[type="range"]::-ms-fill-lower { border : 0; border-radius: calc(5px / 2); height : 5px; transition : box-shadow .3s ease; user-select : none; background : currentColor } .video-player .plyr--full-ui input[type="range"]::-ms-thumb { background : #fff; border : 0; border-radius: 100%; height : 13px; position : relative; transition : all .2s ease; width : 13px; margin-top : 0 } .video-player .plyr--full-ui input[type="range"]::-ms-tooltip { display: none } .video-player .plyr--full-ui input[type="range"]::-moz-focus-outer { border: 0 } .video-player .plyr--full-ui input[type="range"]:focus { outline: 0 } .video-player .plyr--full-ui input[type="range"].plyr__tab-focus::-webkit-slider-runnable-track { outline : #00b2ff dotted 3px; outline-offset: 2px } .video-player .plyr--full-ui input[type="range"].plyr__tab-focus::-moz-range-track { outline : #00b2ff dotted 3px; outline-offset: 2px } .video-player .plyr--full-ui input[type="range"].plyr__tab-focus::-ms-track { outline : #00b2ff dotted 3px; outline-offset: 2px } .video-player .plyr__poster { background-color : #000; background-position: 50% 50%; background-repeat : no-repeat; background-size : contain; height : 100%; left : 0; opacity : 0; position : absolute; top : 0; transition : opacity .2s ease; width : 100%; z-index : 1 } .video-player .plyr--stopped.plyr__poster-enabled .plyr__poster { opacity: 1 } .video-player .plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster { display: none } .video-player .plyr__time { font-size: 13px } .video-player .plyr__time+.plyr__time::before { content : "⁄"; margin-right: 10px } @media (max-width:767px) { .video-player .plyr__time+.plyr__time { display: none } } .video-player .plyr__tooltip { background : rgba(255, 255, 255, .9); border-radius : 5px; bottom : 100%; box-shadow : 0 1px 2px rgba(0, 0, 0, .15); color : #4a5464; font-size : 13px; font-weight : 400; left : 50%; line-height : 1.3; margin-bottom : calc((10px / 2) * 2); opacity : 0; padding : calc(10px / 2) calc((10px / 2) * 1.5); pointer-events : none; position : absolute; transform : translate(-50%, 10px) scale(.8); transform-origin: 50% 100%; transition : transform .2s .1s ease, opacity .2s .1s ease; white-space : nowrap; z-index : 2 } .video-player .plyr__tooltip::before { border-left : 4px solid transparent; border-right: 4px solid transparent; border-top : 4px solid rgba(255, 255, 255, .9); bottom : calc(4px * -1); content : ""; height : 0; left : 50%; position : absolute; transform : translatex(-50%); width : 0; z-index : 2 } .video-player .plyr .plyr__control:hover .plyr__tooltip, .video-player .plyr .plyr__control.plyr__tab-focus .plyr__tooltip, .video-player .plyr__tooltip--visible { opacity : 1; transform: translate(-50%, 0) scale(1) } .video-player .plyr .plyr__control:hover .plyr__tooltip { z-index: 3 } .video-player .plyr__controls>.plyr__control:first-child .plyr__tooltip, .video-player .plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip { left : 0; transform : translate(0, 10px) scale(.8); transform-origin: 0 100% } .video-player .plyr__controls>.plyr__control:first-child .plyr__tooltip::before, .video-player .plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before { left: calc((18px / 2) + (10px * 0.7)) } .video-player .plyr__controls>.plyr__control:last-child .plyr__tooltip { left : auto; right : 0; transform : translate(0, 10px) scale(.8); transform-origin: 100% 100% } .video-player .plyr__controls>.plyr__control:last-child .plyr__tooltip::before { left : auto; right : calc((18px / 2) + (10px * 0.7)); transform: translatex(50%) } .video-player .plyr__controls>.plyr__control:first-child:hover .plyr__tooltip, .video-player .plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip, .video-player .plyr__controls>.plyr__control:first-child .plyr__tooltip--visible, .video-player .plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip, .video-player .plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip, .video-player .plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible, .video-player .plyr__controls>.plyr__control:last-child:hover .plyr__tooltip, .video-player .plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip, .video-player .plyr__controls>.plyr__control:last-child .plyr__tooltip--visible { transform: translate(0, 0) scale(1) } .video-player .plyr__progress { left : calc(13px * 0.5); margin-right: 13px; position : relative } .video-player .plyr__progress input[type="range"], .video-player .plyr__progress__buffer { margin-left : calc(13px * -0.5); margin-right: calc(13px * -0.5); width : calc(100% + 13px) } .video-player .plyr__progress input[type="range"] { position: relative; z-index : 2 } .video-player .plyr__progress .plyr__tooltip { left : 0; max-width : 120px; overflow-wrap: break-word; white-space : normal } .video-player .plyr__progress__buffer { appearance : none; background : transparent; border : 0; border-radius: 100px; height : 5px; left : 0; margin-top : calc((5px / 2) * -1); padding : 0; position : absolute; top : 50% } .video-player .plyr__progress__buffer::-webkit-progress-bar { background: transparent } .video-player .plyr__progress__buffer::-webkit-progress-value { background : currentColor; border-radius: 100px; min-width : 5px; transition : width .2s ease } .video-player .plyr__progress__buffer::-moz-progress-bar { background : currentColor; border-radius: 100px; min-width : 5px; transition : width .2s ease } .video-player .plyr__progress__buffer::-ms-fill { border-radius: 100px; transition : width .2s ease } .video-player .plyr--loading .plyr__progress__buffer { animation : plyr-progress 1s linear infinite; background-image : linear-gradient(-45deg, rgba(35, 40, 47, .6) 25%, transparent 25%, transparent 50%, rgba(35, 40, 47, .6) 50%, rgba(35, 40, 47, .6) 75%, transparent 75%, transparent); background-repeat: repeat-x; background-size : 25px 25px; color : transparent } .video-player .plyr--video.plyr--loading .plyr__progress__buffer { background-color: rgba(255, 255, 255, .25) } .video-player .plyr--audio.plyr--loading .plyr__progress__buffer { background-color: rgba(193, 200, 209, .6) } .video-player .plyr__progress__marker { background-color: #fff; border-radius : 1px; height : 5px; position : absolute; top : 50%; transform : translate(-50%, -50%); width : 3px; z-index : 3 } .video-player .plyr__volume { align-items: center; display : flex; max-width : 110px; min-width : 80px; position : relative; width : 20% } .video-player .plyr__volume input[type="range"] { margin-left : calc(10px / 2); margin-right: calc(10px / 2); position : relative; z-index : 2 } .video-player .plyr--is-ios .plyr__volume { min-width: 0; width : auto } .video-player .plyr--audio { display: block } .video-player .plyr--audio .plyr__controls { background : #fff; border-radius: inherit; color : #4a5464; padding : 10px } .video-player .plyr--audio .plyr__control.plyr__tab-focus, .video-player .plyr--audio .plyr__control:hover, .video-player .plyr--audio .plyr__control[aria-expanded="true"] { background: #00b2ff; color : #fff } .video-player .plyr--full-ui.plyr--audio input[type="range"]::-webkit-slider-runnable-track { background-color: rgba(193, 200, 209, .6) } .video-player .plyr--full-ui.plyr--audio input[type="range"]::-moz-range-track { background-color: rgba(193, 200, 209, .6) } .video-player .plyr--full-ui.plyr--audio input[type="range"]::-ms-track { background-color: rgba(193, 200, 209, .6) } .video-player .plyr--full-ui.plyr--audio input[type="range"]:active::-webkit-slider-thumb { box-shadow: 0 0 0 3px rgba(35, 40, 47, .1) } .video-player .plyr--full-ui.plyr--audio input[type="range"]:active::-moz-range-thumb { box-shadow: 0 0 0 3px rgba(35, 40, 47, .1) } .video-player .plyr--full-ui.plyr--audio input[type="range"]:active::-ms-thumb { box-shadow: 0 0 0 3px rgba(35, 40, 47, .1) } .video-player .plyr--audio .plyr__progress__buffer { color: rgba(193, 200, 209, .6) } .video-player .plyr--video { background: #000; overflow : hidden } .video-player .plyr--video.plyr--menu-open { overflow: visible } .video-player .plyr__video-wrapper { background: #000; height : 100%; margin : auto; overflow : hidden; position : relative; width : 100% } .video-player .plyr__video-embed, .video-player .plyr__video-wrapper--fixed-ratio { aspect-ratio: 1.77777778 } @supports not (aspect-ratio: 16/9) { .video-player .plyr__video-embed, .video-player .plyr__video-wrapper--fixed-ratio { height : 0; padding-bottom: 56.25%; position : relative } } .video-player .plyr__video-embed iframe, .video-player .plyr__video-wrapper--fixed-ratio video { border : 0; height : 100%; left : 0; position: absolute; top : 0; width : 100% } .video-player .plyr--full-ui .plyr__video-embed>.plyr__video-embed__container { padding-bottom: 240%; position : relative; transform : translatey(-38.28125%) } .video-player .plyr--video .plyr__controls { background : linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .75)); border-bottom-left-radius : inherit; border-bottom-right-radius: inherit; bottom : 0; color : #fff; left : 0; padding : calc(10px / 2); padding-top : calc(10px * 2); position : absolute; right : 0; transition : opacity .4s ease-in-out, transform .4s ease-in-out; z-index : 3 } @media (min-width:480px) { .video-player .plyr--video .plyr__controls { padding : 10px; padding-top: calc(10px * 3.5) } } .video-player .plyr--video.plyr--hide-controls .plyr__controls { opacity : 0; pointer-events: none; transform : translatey(100%) } .video-player .plyr--video .plyr__control.plyr__tab-focus, .video-player .plyr--video .plyr__control:hover, .video-player .plyr--video .plyr__control[aria-expanded="true"] { background: #00b2ff; color : #fff } .video-player .plyr__control--overlaid { background : #00b2ff; border : 0; border-radius: 100%; color : #fff; display : none; left : 50%; opacity : .9; padding : calc(10px * 1.5); position : absolute; top : 50%; transform : translate(-50%, -50%); transition : .3s; z-index : 2 } .video-player .plyr__control--overlaid svg { left : 2px; position: relative } .video-player .plyr__control--overlaid:hover, .video-player .plyr__control--overlaid:focus { opacity: 1 } .video-player .plyr--playing .plyr__control--overlaid { opacity : 0; visibility: hidden } .video-player .plyr--full-ui.plyr--video .plyr__control--overlaid { display: block } .video-player .plyr--full-ui.plyr--video input[type="range"]::-webkit-slider-runnable-track { background-color: rgba(255, 255, 255, .25) } .video-player .plyr--full-ui.plyr--video input[type="range"]::-moz-range-track { background-color: rgba(255, 255, 255, .25) } .video-player .plyr--full-ui.plyr--video input[type="range"]::-ms-track { background-color: rgba(255, 255, 255, .25) } .video-player .plyr--full-ui.plyr--video input[type="range"]:active::-webkit-slider-thumb { box-shadow: 0 0 0 3px rgba(255, 255, 255, .5) } .video-player .plyr--full-ui.plyr--video input[type="range"]:active::-moz-range-thumb { box-shadow: 0 0 0 3px rgba(255, 255, 255, .5) } .video-player .plyr--full-ui.plyr--video input[type="range"]:active::-ms-thumb { box-shadow: 0 0 0 3px rgba(255, 255, 255, .5) } .video-player .plyr--video .plyr__progress__buffer { color: rgba(255, 255, 255, .25) } .video-player .plyr:fullscreen { background : #000; border-radius: 0 !important; height : 100%; margin : 0; width : 100% } .video-player .plyr:fullscreen video { height: 100% } .video-player .plyr:fullscreen .plyr__control .icon--exit-fullscreen { display: block } .video-player .plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg { display: none } .video-player .plyr:fullscreen.plyr--hide-controls { cursor: none } @media (min-width:1024px) { .video-player .plyr:fullscreen .plyr__captions { font-size: 21px } } .video-player .plyr--fullscreen-fallback { background : #000; border-radius: 0 !important; height : 100%; margin : 0; width : 100%; bottom : 0; display : block; left : 0; position : fixed; right : 0; top : 0; z-index : 10000000 } .video-player .plyr--fullscreen-fallback video { height: 100% } .video-player .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen { display: block } .video-player .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg { display: none } .video-player .plyr--fullscreen-fallback.plyr--hide-controls { cursor: none } @media (min-width:1024px) { .video-player .plyr--fullscreen-fallback .plyr__captions { font-size: 21px } } .video-player .plyr__ads { border-radius: inherit; bottom : 0; cursor : pointer; left : 0; overflow : hidden; position : absolute; right : 0; top : 0; z-index : -1 } .video-player .plyr__ads>div, .video-player .plyr__ads>div iframe { height : 100%; position: absolute; width : 100% } .video-player .plyr__ads::after { background : #23282f; border-radius : 2px; bottom : 10px; color : #fff; content : attr(data-badge-text); font-size : 11px; padding : 2px 6px; pointer-events: none; position : absolute; right : 10px; z-index : 3 } .video-player .plyr__ads:empty::after { display: none } .video-player .plyr__cues { background: currentColor; display : block; height : 5px; left : 0; opacity : .8; position : absolute; top : 50%; transform : translatey(-50%); width : 3px; z-index : 3 } .video-player .plyr__preview-thumb { background-color: rgba(255, 255, 255, .9); border-radius : 5px; bottom : 100%; box-shadow : 0 1px 2px rgba(0, 0, 0, .15); margin-bottom : calc((10px / 2) * 2); opacity : 0; padding : 3px; pointer-events : none; position : absolute; transform : translate(0, 10px) scale(.8); transform-origin: 50% 100%; transition : transform .2s .1s ease, opacity .2s .1s ease; z-index : 2 } .video-player .plyr__preview-thumb--is-shown { opacity : 1; transform: translate(0, 0) scale(1) } .video-player .plyr__preview-thumb::before { border-left : 4px solid transparent; border-right: 4px solid transparent; border-top : 4px solid rgba(255, 255, 255, .9); bottom : calc(4px * -1); content : ""; height : 0; left : 50%; position : absolute; transform : translatex(-50%); width : 0; z-index : 2 } .video-player .plyr__preview-thumb__image-container { background : #c1c8d1; border-radius: calc(5px - 1px); overflow : hidden; position : relative; z-index : 0 } .video-player .plyr__preview-thumb__image-container img, .video-player .plyr__preview-thumb__image-container::after { height : 100%; left : 0; position: absolute; top : 0; width : 100% } .video-player .plyr__preview-thumb__image-container::after { border-radius : inherit; box-shadow : inset 0 0 0 1px rgba(0, 0, 0, .15); content : ""; pointer-events: none } .video-player .plyr__preview-thumb__image-container img { max-height: none; max-width : none } .video-player .plyr__preview-thumb__time-container { background : linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .75)); border-bottom-left-radius : calc(5px - 1px); border-bottom-right-radius: calc(5px - 1px); bottom : 0; left : 0; line-height : 1.1; padding : 20px 6px 6px; position : absolute; right : 0; z-index : 3 } .video-player .plyr__preview-thumb__time-container span { color : #fff; font-size: 13px } .video-player .plyr__preview-scrubbing { bottom : 0; filter : blur(1px); height : 100%; left : 0; margin : auto; opacity : 0; overflow : hidden; pointer-events: none; position : absolute; right : 0; top : 0; transition : opacity .3s ease; width : 100%; z-index : 1 } .video-player .plyr__preview-scrubbing--is-shown { opacity: 1 } .video-player .plyr__preview-scrubbing img { height : 100%; left : 0; max-height: none; max-width : none; object-fit: contain; position : absolute; top : 0; width : 100% } .video-player .plyr--no-transition { transition: none !important } .video-player .plyr__sr-only { clip : rect(1px, 1px, 1px, 1px); overflow: hidden; border : 0 !important; height : 1px !important; padding : 0 !important; position: absolute !important; width : 1px !important } .video-player .plyr [hidden] { display: none !important } .video-player .plyr { position : absolute; top : 0; right : 0; bottom : 0; left : 0; min-width: auto } .video-player .plyr:focus-visible, .video-player .plyr.focus-visible { color : inherit; outline : 2px solid; outline-offset: 4px } .video-player .plyr video { object-fit: contain } .video-player .plyr .plyr__controls { overflow : hidden; flex-wrap : wrap; justify-content: space-between; padding : 0 10px 3.5px } .video-player .plyr .plyr__controls svg { width : 24px; height: 24px } .video-player .plyr .plyr__controls .plyr__controls__item.plyr__control, .video-player .plyr .plyr__controls .plyr__controls__item>.plyr__control { padding: 0 } .video-player .plyr .plyr__controls .plyr__controls__item { margin-left: 20px } .video-player .plyr .plyr__controls .plyr__time, .video-player .plyr .plyr__controls .plyr__progress__container { margin: 0 } .video-player .plyr .plyr__controls .plyr__menu__container { right: 10px } .video-player .plyr .plyr__controls .plyr__time--duration { margin-right: auto } .video-player .plyr .plyr__controls .plyr__volume { margin-left: auto } .video-player .plyr .plyr__controls .plyr__menu { position: static } .video-player .plyr .plyr__controls .plyr__progress__container { flex : 100%; order : 1; margin-top: 3px; padding : 0 !important } .video-player .plyr--video, .video-player .plyr__poster, .video-player .plyr__video-wrapper { background-color: transparent } .video-player .plyr__video-wrapper { z-index: -1 } .video-player .video-player__icons { visibility: hidden; position : absolute } .video-player .video-player__container--click-to-play { cursor: pointer } .video-player.video-player--medium .plyr .plyr__controls { padding: 0 20px 16.5px } .video-player.video-player--medium .plyr .plyr__controls .plyr__menu__container { right: 20px } .video-player .plyr--full-ui input[type="range"] { cursor: pointer } .video-player .plyr--full-ui input[type="range"]::-webkit-slider-runnable-track { background-image: linear-gradient(to right, currentColor var(--value, 0%), transparent var(--value, 0%)) } .video-player .plyr .plyr__controls>.plyr__controls__item.plyr__control, .video-player .plyr .plyr__controls>.plyr__controls__item>.plyr__control { color: #e7e7e7 } .video-player .plyr .plyr__controls>.plyr__controls__item.plyr__control:active, .video-player .plyr .plyr__controls>.plyr__controls__item>.plyr__control:active, .video-player .plyr .plyr__controls>.plyr__controls__item.plyr__control:hover, .video-player .plyr .plyr__controls>.plyr__controls__item>.plyr__control:hover, .video-player .plyr .plyr__controls>.plyr__controls__item.plyr__control:focus, .video-player .plyr .plyr__controls>.plyr__controls__item>.plyr__control:focus, .video-player .plyr .plyr__controls>.plyr__controls__item.plyr__control[aria-expanded="true"], .video-player .plyr .plyr__controls>.plyr__controls__item>.plyr__control[aria-expanded="true"] { background: none; outline : none } .video-player .plyr .plyr__controls>.plyr__controls__item.plyr__control:active, .video-player .plyr .plyr__controls>.plyr__controls__item>.plyr__control:active, .video-player .plyr .plyr__controls>.plyr__controls__item.plyr__control:hover, .video-player .plyr .plyr__controls>.plyr__controls__item>.plyr__control:hover { color: #fff } .video-player .plyr .plyr__controls>.plyr__controls__item.plyr__control.plyr__tab-focus::before, .video-player .plyr .plyr__controls>.plyr__controls__item>.plyr__control.plyr__tab-focus::before { position : absolute; content : ''; width : 30px; height : 30px; left : calc(50% - 15px); top : calc(50% - 15px); border-radius: 50%; border : 1px solid #fff } .video-player .plyr .plyr__controls { background : none; top : 0; pointer-events: none; align-content : flex-end; align-items : flex-end } .video-player .plyr .plyr__controls::before { content : ''; position : absolute; z-index : -1; left : 0; right : 0; bottom : 0; height : 33%; background-image : linear-gradient(0deg, rgba(0, 0, 0, .9), rgba(0, 0, 0, .4) 50%, rgba(0, 0, 0, 0)); backface-visibility: hidden } .video-player .plyr .plyr__controls>* { pointer-events: auto } .video-player .plyr .video-player__controls-blocker { position : absolute; z-index : 2; left : 0; right : 0; bottom : 0; height : 60px; pointer-events: auto } .video-player .plyr.plyr--hide-controls .plyr__controls { transform: none !important } .video-player .video-player__thumbnail--focal-point { background-size: cover } .video-player .video-player__thumbnail--youtube-failure { display: none } .video-player .plyr__video-embed__container { pointer-events: none } .video-player .plyr__video-embed { height : 0; padding-bottom: 56.25%; position : relative } .video-player .plyr__video-embed.video-player__embed--fixed-width { height : 100%; padding-bottom: 0 !important } .video-player.video-player--vimeo-button .plyr__control--overlaid { visibility: hidden; opacity : 0 } .video-player.video-player--vimeo-button .plyr--video.plyr--hide-controls .plyr__control--overlaid, .video-player.video-player--vimeo-button .plyr--video.plyr--loading .plyr__control--overlaid, .video-player.video-player--vimeo-button .plyr--video.plyr--playing .plyr__control--overlaid { visibility: hidden; opacity : 0 } .video-player .plyr--video .plyr__control--overlaid { background : rgba(0, 0, 0, .7); border : 0; border-radius: 100%; color : #fff; display : none; left : 50%; opacity : .9; padding : 7px; position : absolute; top : 50%; transform : translate(-50%, -50%); transition : .3s; z-index : 2 } .video-player .plyr--video .plyr__control--overlaid svg { left : auto; height : 30px; width : 30px; margin : 0; position: relative } @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) { .video-player .plyr--video .plyr__control--overlaid { background : rgba(0, 0, 0, .5); backdrop-filter: blur(15px) } } .video-player .plyr--video .plyr__control--overlaid.focus-visible, .video-player .plyr--video .plyr__control--overlaid.plyr__tab-focus { outline: none; border : 1px solid #fff } .video-player .plyr--video .plyr__control--overlaid:hover, .video-player .plyr--video .plyr__control--overlaid:focus { background: rgba(0, 0, 0, .9); opacity : 1 } @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) { .video-player .plyr--video .plyr__control--overlaid:hover, .video-player .plyr--video .plyr__control--overlaid:active, .video-player .plyr--video .plyr__control--overlaid:focus { background: rgba(0, 0, 0, .7) } } .video-player .plyr--video.plyr--playing .plyr__control--overlaid { visibility: visible; opacity : 1 } .video-player .plyr--video.plyr--hide-controls .plyr__control--overlaid, .video-player .plyr--video.plyr--loading .plyr__control--overlaid { visibility: hidden; opacity : 0 } .video-player.video-player--medium .plyr--video .plyr__control--overlaid { padding: 15px } .video-player.video-player--medium .plyr--video .plyr__control--overlaid svg { height: 48px; width : 48px; margin: 1px } .video-player.video-player--large .plyr--video .plyr__control--overlaid svg { height: 72px; width : 72px; margin: 9px } .video-player .plyr--full-ui.plyr--video .plyr__progress { height: 14px } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"] { height : 14px; color : rgba(255, 255, 255, .3); backface-visibility: hidden } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:focus, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:active, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"].plyr__tab-focus { outline-style: none; box-shadow : none; border-color : transparent } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:focus::-webkit-slider-thumb, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:active::-webkit-slider-thumb, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"].plyr__tab-focus::-webkit-slider-thumb { box-shadow: none } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:focus::-moz-range-thumb, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:active::-moz-range-thumb, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"].plyr__tab-focus::-moz-range-thumb { box-shadow: none } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:focus::-ms-thumb, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:active::-ms-thumb, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"].plyr__tab-focus::-ms-thumb { box-shadow: none } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:focus::-webkit-slider-runnable-track, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:active::-webkit-slider-runnable-track, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"].plyr__tab-focus::-webkit-slider-runnable-track { outline-style: none; box-shadow : none; border-color : transparent } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:focus::-moz-range-track, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:active::-moz-range-track, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"].plyr__tab-focus::-moz-range-track, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:focus::-moz-range-progress, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:active::-moz-range-progress, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"].plyr__tab-focus::-moz-range-progress { outline-style: none; box-shadow : none; border-color : transparent } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:focus::-ms-track, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:active::-ms-track, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"].plyr__tab-focus::-ms-track, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:focus::-ms-fill-upper, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:active::-ms-fill-upper, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"].plyr__tab-focus::-ms-fill-upper, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:focus::-ms-fill-lower, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:active::-ms-fill-lower, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"].plyr__tab-focus::-ms-fill-lower { outline-style: none; box-shadow : none; border-color : transparent } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]::-webkit-slider-runnable-track { height : 3px; border-radius: 0 } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]::-moz-range-track, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]::-moz-range-progress { height : 3px; border-radius: 0 } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]::-ms-track, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]::-ms-fill-upper, .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]::-ms-fill-lower { height : 3px; border-radius: 0 } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]::-moz-range-progress { background-color: #fff } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]::-moz-range-track { background-color: rgba(255, 255, 255, .3) } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]::-webkit-slider-runnable-track { color: #fff } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]::-ms-fill-upper { background-color: rgba(255, 255, 255, .3) } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]::-ms-fill-lower { background-color: #fff } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]::-webkit-slider-thumb { visibility: hidden; box-shadow: none; width : 14px; height : 14px; margin-top: -5px; transition: none } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]::-moz-range-thumb { visibility: hidden; box-shadow: none; width : 14px; height : 14px; margin-top: -5px; transition: none } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]::-ms-thumb { visibility: hidden; box-shadow: none; width : 14px; height : 14px; margin-top: -5px; transition: none } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]::-ms-thumb { margin: 0 } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:active::-webkit-slider-thumb { visibility: visible } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:active::-moz-range-thumb { visibility: visible } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"]:active::-ms-thumb { visibility: visible } .video-player .plyr--full-ui.plyr--video .plyr__progress input[type="range"].plyr__tab-focus { outline : 1px solid #fff; outline-style : solid; outline-offset : 2px; -moz-outline-radius: 0 } .video-player .plyr--full-ui.plyr--video .plyr__progress .plyr__progress__buffer { height : 3px; margin-top : 0; top : 5.5px; border-radius: 0; color : rgba(255, 255, 255, .35) } .video-player .plyr--full-ui.plyr--video .plyr__progress .plyr__progress__buffer::-webkit-progress-value { border-radius: 0 } .video-player .plyr--full-ui.plyr--video .plyr__progress .plyr__progress__buffer::-moz-progress-bar { border-radius: 0 } .video-player .plyr--full-ui.plyr--video .plyr__progress .plyr__progress__buffer::-ms-fill { border-radius: 0 } .video-player .plyr--full-ui.plyr--video .plyr__progress .plyr__tooltip { margin-bottom : 12px; box-shadow : 0 0 10px rgba(0, 0, 0, .2); background-color: #fff; border-radius : 18px; padding : 3px 6px; font-size : 12px; color : #000; transform : translate(-50%, 0) scale(1); transition : opacity .1s ease-in-out } .video-player .plyr--full-ui.plyr--video .plyr__progress .plyr__tooltip::before { display: none } .video-player .plyr--full-ui.plyr--video .plyr__progress:hover input[type="range"]::-webkit-slider-runnable-track, .video-player .plyr--full-ui.plyr--video .plyr__progress:active input[type="range"]::-webkit-slider-runnable-track { height: 5px } .video-player .plyr--full-ui.plyr--video .plyr__progress:hover input[type="range"]::-moz-range-track, .video-player .plyr--full-ui.plyr--video .plyr__progress:active input[type="range"]::-moz-range-track, .video-player .plyr--full-ui.plyr--video .plyr__progress:hover input[type="range"]::-moz-range-progress, .video-player .plyr--full-ui.plyr--video .plyr__progress:active input[type="range"]::-moz-range-progress { height: 5px } .video-player .plyr--full-ui.plyr--video .plyr__progress:hover input[type="range"]::-ms-track, .video-player .plyr--full-ui.plyr--video .plyr__progress:active input[type="range"]::-ms-track, .video-player .plyr--full-ui.plyr--video .plyr__progress:hover input[type="range"]::-ms-fill-upper, .video-player .plyr--full-ui.plyr--video .plyr__progress:active input[type="range"]::-ms-fill-upper, .video-player .plyr--full-ui.plyr--video .plyr__progress:hover input[type="range"]::-ms-fill-lower, .video-player .plyr--full-ui.plyr--video .plyr__progress:active input[type="range"]::-ms-fill-lower { height: 5px } .video-player .plyr--full-ui.plyr--video .plyr__progress:hover input[type="range"]::-webkit-slider-thumb, .video-player .plyr--full-ui.plyr--video .plyr__progress:active input[type="range"]::-webkit-slider-thumb { margin-top: -4px } .video-player .plyr--full-ui.plyr--video .plyr__progress:hover input[type="range"]::-moz-range-thumb, .video-player .plyr--full-ui.plyr--video .plyr__progress:active input[type="range"]::-moz-range-thumb { margin-top: -4px } .video-player .plyr--full-ui.plyr--video .plyr__progress:hover input[type="range"]::-ms-thumb, .video-player .plyr--full-ui.plyr--video .plyr__progress:active input[type="range"]::-ms-thumb { margin-top: -4px } .video-player .plyr--full-ui.plyr--video .plyr__progress:hover input[type="range"]::-ms-thumb, .video-player .plyr--full-ui.plyr--video .plyr__progress:active input[type="range"]::-ms-thumb { margin: 0 } .video-player .plyr--full-ui.plyr--video .plyr__progress:hover .plyr__progress__buffer, .video-player .plyr--full-ui.plyr--video .plyr__progress:active .plyr__progress__buffer { height : 5px; transform: translatey(-1px) } .video-player .plyr__time { font-size : 12px; text-shadow: 0 0 4px rgba(0, 0, 0, .8) } .video-player .plyr__time+.plyr__time--duration { display: block } .video-player .plyr__time+.plyr__time--duration::before { margin-right: 5px } .video-player .plyr .plyr__volume { position : relative; flex-direction: column; width : auto; min-width : 0 } .video-player .plyr:not(.plyr--is-touch).video-player__volume--menu-open .plyr__volume input[type="range"], .video-player .plyr:not(.plyr--is-touch) .plyr__volume:hover input[type="range"], .video-player .plyr:not(.plyr--is-touch) .plyr__volume button:hover+input[type="range"], .video-player .plyr:not(.plyr--is-touch) .plyr__volume button.plyr__tab-focus+input[type="range"], .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"].plyr__tab-focus { transform : rotate(-90deg) translatex(0); opacity : 1; visibility : visible; transition-delay: 0s; width : 90px } .video-player .plyr:not(.plyr--is-touch).plyr--menu-open .plyr__volume button+input[type="range"] { width : 85.71428571px; visibility : hidden; opacity : 0; transition-delay: .1s } .video-player .plyr:not(.plyr--is-touch) .plyr__volume:hover::before, .video-player .plyr:not(.plyr--is-touch) .plyr__volume:focus::before, .video-player .plyr:not(.plyr--is-touch) .plyr__volume:focus-within::before { content : ''; position : absolute; top : -107px; left : -10px; right : -10px; bottom : calc(100% - 2px); background: transparent } .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"] { position : absolute; top : calc(-50% - 12px); left : 50%; height : 28px; padding : 0 10px; margin : 0; color : #fff; background-color: rgba(38, 38, 38, .9); border-radius : 8px; transition : all 100ms ease-in-out, outline-offset 1ms; transform-origin: center left; transform : rotate(-90deg) translatex(-5px); width : 85.71428571px; visibility : hidden; opacity : 0; transition-delay: .1s } .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]::-webkit-slider-thumb { border-radius: 50%; width : 13px; height : 13px; margin-top : -5px } .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]::-moz-range-thumb { border-radius: 50%; width : 13px; height : 13px; margin-top : -5px } .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]::-ms-thumb { border-radius: 50%; width : 13px; height : 13px; margin-top : -5px } .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]::-ms-thumb { margin: 0 } .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]::-webkit-slider-runnable-track { height : 3px; border-radius: 0; border : 0 } .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]::-moz-range-track, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]::-moz-range-progress { height : 3px; border-radius: 0; border : 0 } .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]::-ms-track, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]::-ms-fill-upper, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]::-ms-fill-lower { height : 3px; border-radius: 0; border : 0 } .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]:focus, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]:active, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"].plyr__tab-focus { outline-style: none; box-shadow : none; border-color : transparent } .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]:focus::-webkit-slider-thumb, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]:active::-webkit-slider-thumb, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"].plyr__tab-focus::-webkit-slider-thumb { box-shadow: none } .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]:focus::-moz-range-thumb, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]:active::-moz-range-thumb, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"].plyr__tab-focus::-moz-range-thumb { box-shadow: none } .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]:focus::-ms-thumb, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]:active::-ms-thumb, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"].plyr__tab-focus::-ms-thumb { box-shadow: none } .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]:focus::-webkit-slider-runnable-track, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]:active::-webkit-slider-runnable-track, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"].plyr__tab-focus::-webkit-slider-runnable-track { outline-style: none; box-shadow : none; border-color : transparent } .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]:focus::-moz-range-track, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]:active::-moz-range-track, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"].plyr__tab-focus::-moz-range-track, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]:focus::-moz-range-progress, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]:active::-moz-range-progress, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"].plyr__tab-focus::-moz-range-progress { outline-style: none; box-shadow : none; border-color : transparent } .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]:focus::-ms-track, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]:active::-ms-track, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"].plyr__tab-focus::-ms-track, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]:focus::-ms-fill-upper, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]:active::-ms-fill-upper, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"].plyr__tab-focus::-ms-fill-upper, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]:focus::-ms-fill-lower, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"]:active::-ms-fill-lower, .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"].plyr__tab-focus::-ms-fill-lower { outline-style: none; box-shadow : none; border-color : transparent } .video-player .plyr:not(.plyr--is-touch) .plyr__volume input[type="range"].plyr__tab-focus { outline : 1px solid #fff; outline-style : solid; outline-offset : 7px; -moz-outline-radius: 0 } .video-player .plyr.plyr--is-touch .plyr__volume input[type="range"] { pointer-events: none; opacity : 0; width : 0; height : 0; position : absolute } @keyframes video-player-settings-popup { 0% { opacity : 0; transform: translatey(-100%) translatey(-12px) translatey(5px) } 100% { opacity : 1; transform: translatey(-100%) translatey(-12px) translatey(0) } } .video-player .plyr .plyr__menu { display: none } .video-player .plyr .plyr__menu__container { background-color: rgba(38, 38, 38, .9); border-radius : 8px; max-height : calc(100% - 60px - 60px); top : auto; bottom : auto; animation : video-player-settings-popup .1s ease-in-out; overflow-y : scroll; overflow-y : overlay; transform : translatey(-100%) translatey(-12px) translatey(0) } .video-player .plyr .plyr__menu__container::-webkit-scrollbar-track { box-shadow : none; border-radius : 8px; background-color: transparent } .video-player .plyr .plyr__menu__container::-webkit-scrollbar { width : 4px; background-color: transparent } .video-player .plyr .plyr__menu__container::-webkit-scrollbar-thumb { border-radius : 8px; box-shadow : none; background-color: #757575 } .video-player .plyr .plyr__menu__container::after { display: none } .video-player .plyr .plyr__menu__container div[role="menu"] { padding: 8px 0 } .video-player .plyr .plyr__menu__container div[id$="-home"]>div[role="menu"] { display : flex; flex-direction: column-reverse; min-width : 164px } .video-player .plyr .plyr__menu__container div[id$="-quality"]>div[role="menu"] { display : flex; flex-direction: column-reverse } .video-player .plyr .plyr__menu__container .plyr__control { position : relative; color : #fff; font-size : 12px; padding : 5px 28px 5px 13px; margin : 0; border-radius: 0; transition : none; font-weight : 500; border : 1px solid transparent } .video-player .plyr .plyr__menu__container .plyr__control:active, .video-player .plyr .plyr__menu__container .plyr__control:hover, .video-player .plyr .plyr__menu__container .plyr__control:focus, .video-player .plyr .plyr__menu__container .plyr__control[aria-expanded="true"] { background: none; outline : none } .video-player .plyr .plyr__menu__container .plyr__control:hover { background: rgba(79, 79, 79, .9) } .video-player .plyr .plyr__menu__container .plyr__control.plyr__tab-focus { border: 1px solid #fff } .video-player .plyr .plyr__menu__container .plyr__control::after { border : 0; background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDcgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTAuMjU1ODU5IDkuMTI0NDdMMi4zMTk4MSA5LjEyNDQ3TDYuNDQ3NzIgNC45OTY1NkwyLjMxOTgxIDAuODY4NjUyTDAuMjU1ODU5IDAuODY4NjUyTDQuMzgzNzcgNC45OTY1NkwwLjI1NTg1OSA5LjEyNDQ3WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+'); width : 7px; height : 10px; right : 14px; top : 50%; bottom : auto; transform : translatey(-50%) } .video-player .plyr .plyr__menu__container .plyr__control.plyr__control--back { width : 100%; min-width : 160px; padding-left : 26px; padding-right: 13px; margin-top : 8px; font-weight : 500 } .video-player .plyr .plyr__menu__container .plyr__control.plyr__control--back::before { display: none } .video-player .plyr .plyr__menu__container .plyr__control.plyr__control--back::after { top : 50%; transform: scalex(-1) translatey(-50%); left : 13px } .video-player .plyr .plyr__menu__container .plyr__control.plyr__control--back+div[role="menu"] { padding-top: 0 } .video-player .plyr .plyr__menu__container .plyr__control.plyr__control--back+div[role="menu"] .plyr__control { padding-left: 26px; font-weight : 400 } .video-player .plyr .plyr__menu__container .plyr__control.plyr__control--back+div[role="menu"] .plyr__control::before { display: none } .video-player .plyr .plyr__menu__container .plyr__control.plyr__control--back+div[role="menu"] .plyr__control::after { position : absolute; background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik05LjA5MzU2IDAuMjQ0Mzg1VjIuMTc5NTFMMy42MzQ3IDcuNjM4MzZMMC45MDUyNzMgNC45MDg5NEwwLjkwNTI3NCAyLjk3MzgxTDMuNjM0NyA1LjcwMzI0TDkuMDkzNTYgMC4yNDQzODVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4='); background-color: transparent; border-radius : 0; width : 10px; height : 8px; right : 17px; left : auto; top : 50%; bottom : auto; transform : translatey(-50%) } .video-player .plyr .plyr__menu__container .plyr__control.plyr__control--back+div[role="menu"] .plyr__control .plyr__badge { display: none } .video-player .plyr .plyr__menu__container .plyr__menu__value { padding-left: 40px; font-weight : 400 } .video-player.video-player--medium .plyr .plyr__menu, .video-player.video-player--large .plyr .plyr__menu { display: flex } @media only screen and (orientation:landscape) { .video-player .plyr--is-touch:fullscreen .plyr__menu { display: flex } } .video-player .plyr:not(.plyr--is-touch):fullscreen .plyr__menu { display: flex } @keyframes video-player__loading-indicator-rotate-spinner { 100% { transform: rotate(360deg) } } @keyframes video-player__loading-indicator-dash { 0% { stroke-dasharray : 1, 200; stroke-dashoffset: 0 } 50% { stroke-dasharray : 89, 200; stroke-dashoffset: -35 } 100% { stroke-dasharray : 89, 200; stroke-dashoffset: -124 } } .video-player .video-player__loading-indicator { background : rgba(0, 0, 0, .7); border : 0; border-radius: 100%; color : #fff; left : 50%; opacity : .9; position : absolute; top : 50%; transform : translate(-50%, -50%); transition : .3s; z-index : 2; line-height : 1; display : block; padding : 6px 7px } .video-player .video-player__loading-indicator svg { left : auto; height : 30px; width : 30px; margin : 0; position: relative } @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) { .video-player .video-player__loading-indicator { background : rgba(0, 0, 0, .5); backdrop-filter: blur(15px) } } .video-player.video-player--medium .video-player__loading-indicator { padding: 15px; padding: 14px 15px } .video-player.video-player--medium .video-player__loading-indicator svg { height: 48px; width : 48px; margin: 1px } .video-player.video-player--large .video-player__loading-indicator svg { height: 72px; width : 72px; margin: 9px } .video-player .loading-indicator__spinner { animation : video-player__loading-indicator-rotate-spinner 2s linear infinite; height : 100%; transform-origin: center center; width : 100%; position : absolute; top : 0; left : 0; margin : auto } .video-player .loading-indicator__path { fill : transparent; stroke-dasharray : 150, 200; stroke-dashoffset: -10; animation : video-player__loading-indicator-dash 1.5s ease-in-out infinite } .video-player .video-player__plyr-loading-indicator { display: none } .video-player .plyr--loading .video-player__plyr-loading-indicator { display: block } .video-player .video-player__loading-screen { position : absolute; top : 0; bottom : 0; left : 0; right : 0; display : flex; align-content : center; justify-content : center; align-items : center; background-color: #000; pointer-events : all; padding : 0 20%; z-index : 10 } .video-player .video-player__navigation-indicators { display : flex; justify-content: space-around; align-items : center; pointer-events : none; position : absolute; top : 0; bottom : 0; left : 0; right : 0 } .video-player .video-player__navigation-indicator { background : rgba(0, 0, 0, .7); border : 0; border-radius: 100%; color : #fff; left : 50%; padding : 7px; top : 50%; transition : .3s; z-index : 2; width : 44px; height : 44px; position : static; transform : none; line-height : 1; display : block; opacity : 0; box-sizing : border-box } .video-player .video-player__navigation-indicator svg { left : auto; height : 30px; width : 30px; margin : 0; position: relative } @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) { .video-player .video-player__navigation-indicator { background : rgba(0, 0, 0, .5); backdrop-filter: blur(15px) } } .video-player .video-player__navigation-indicator svg { top : 3px; left: 2px } .video-player .video-player__navigation-indicator--backward { margin-right: 33% } .video-player .video-player__navigation-indicator--show { opacity: 1 } .video-player.video-player--medium .video-player__navigation-indicator { padding: 15px; width : 80px; height : 80px } .video-player.video-player--medium .video-player__navigation-indicator svg { height: 48px; width : 48px; margin: 1px } .video-player.video-player--medium .video-player__navigation-indicator svg { top : 6px; left: 3px } .video-player.video-player--large .video-player__navigation-indicator { width : 120px; height: 120px } .video-player.video-player--large .video-player__navigation-indicator svg { height: 72px; width : 72px; margin: 9px } .video-player.video-player--large .video-player__navigation-indicator svg { top : 6px; left: 3px } .video-player .video-player__paywall-screen { display : flex; flex-direction : column; align-content : center; justify-content: center; align-items : center } .video-player .video-player__paywall-screen .video-player__lock-icon { display: none } .video-player .video-player__paywall-screen .video-player__paywall-description>p { margin: 0 0 22px } .video-player.video-player--medium .video-player__paywall-screen .video-player__lock-icon { display: block } .video-player.video-player--medium .video-player__paywall-screen .video-player__paywall-description>p { margin: 11px 0 22px } .video-player .video-player__controls--hidden { display: none } .video-player .video-player__paywall-screen { font-family : Clarkson, "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: rgba(0, 0, 0, .6); backdrop-filter : blur(20px); height : 100%; width : 100%; position : absolute; top : 0; right : 100%; bottom : 100%; left : 0; z-index : 2 } .video-player button.video-player__paywall-cta-button { background-color : #fff; color : #0e0e0e; font-size : 10px; padding : 0 12px; letter-spacing : .5px; line-height : 22px; min-height : 36px; width : auto; height : auto; outline : none; text-align : center; text-rendering : optimizelegibility; -webkit-font-smoothing: antialiased; -webkit-box-align : center; align-items : center; border : 0 none transparent; box-sizing : border-box; cursor : pointer; display : inline-flex; font-family : inherit; font-weight : 500; -webkit-box-pack : center; justify-content : center; text-decoration : none; text-transform : uppercase; overflow : hidden; transform : translate3d(0, 0, 0) scale(1, 1); transition : transform 50ms ease 0s } .video-player button.video-player__paywall-cta-button:hover, .video-player button.video-player__paywall-cta-button:active { background-color: #e7e7e7 } .video-player button.video-player__paywall-cta-button:focus { border : 2px solid #0e0e0e; box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0e0e0e } .video-player button.video-player__paywall-cta-button--disabled { color : #6e6e6e; background-color: #e7e7e7 } .video-player.video-player--medium button.video-player__paywall-cta-button { background-color : #fff; color : #0e0e0e; letter-spacing : .5px; line-height : 22px; width : auto; height : auto; outline : none; text-align : center; text-rendering : optimizelegibility; -webkit-font-smoothing: antialiased; -webkit-box-align : center; align-items : center; border : 0 none transparent; box-sizing : border-box; cursor : pointer; display : inline-flex; font-family : inherit; font-weight : 500; -webkit-box-pack : center; justify-content : center; text-decoration : none; text-transform : uppercase; overflow : hidden; transform : translate3d(0, 0, 0) scale(1, 1); transition : transform 50ms ease 0s; font-size : 12px; padding : 0 16px; min-height : 44px } .video-player.video-player--medium button.video-player__paywall-cta-button:hover, .video-player.video-player--medium button.video-player__paywall-cta-button:active { background-color: #e7e7e7 } .video-player.video-player--medium button.video-player__paywall-cta-button:focus { border : 2px solid #0e0e0e; box-shadow: 0 0 0 2px #fff, 0 0 0 4px #0e0e0e } .video-player.video-player--medium button.video-player__paywall-cta-button--disabled { color : #6e6e6e; background-color: #e7e7e7 } .video-player .video-player__paywall-description { color : #fff; font-weight: 600; font-size : 16px; line-height: 22px; text-align : center } .video-player.video-player--medium .video-player__paywall-description { font-size : 22px; line-height: 28px } .video-player .video-player__lock-icon>svg { height: 26px; width : 21px } .video-player .video-player__error { position : absolute; top : 0; bottom : 0; left : 0; right : 0; display : flex; align-content : center; justify-content : center; align-items : center; background-color: #000; pointer-events : all; font-size : 16px; padding : 0 20%; z-index : 10 } .video-player.video-player--medium .video-player__error { font-size: 18px } .video-player.video-player--large .video-player__error { font-size: 22px } .video-player .video-player__error-message { color: #fff } .announcement-bar-font { font-family : Pontano Sans; font-size : .9rem; font-weight : 400; font-style : normal; letter-spacing: 0em; text-transform: none } .tweak-product-quick-view-button-font { font-family : Helvetica, Arial, sans-serif; font-weight : 400; font-style : normal; font-size : 12px; letter-spacing: 1px; text-transform: uppercase } .sqs-html-content-text-position { display : flex; justify-content: center; } .fe-block-bba16f32dc4fb5041e6f { grid-area: 3/14/18/22; z-index: 0; } @media (max-width: 768px) { .fe-block-bba16f32dc4fb5041e6f { grid-area: 1/14/16/22; z-index : 0; } .fe-block-bba16f32dc4fb5041e6f .sqs-block { justify-content: center; } .fe-block-bba16f32dc4fb5041e6f .sqs-block-alignment-wrapper { align-items: center; } }