html{
    -webkit-font-smoothing: antialiased; /* Chrome, Safari */
    -moz-osx-font-smoothing: grayscale; /* Firefox */
}

*, *:before, *:after{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Lazy load images have data-src attribute but no src */
img[data-src]:not([src]) {
    visibility: hidden;
    /*
        Some images on collection page do not appear when on Mac Catalina + Chrome 81
        Setting a min height and width helps fix this
        https://github.com/verlok/vanilla-lazyload/issues/350
    */
    min-height: 1px;
    min-width: 1px;
}

a:not([href]) {
    cursor: not-allowed;
}

/*
    no-js class should only be added to the html tag.
    To make it clear in case mistakes appear
    in future, hide elements which break this rule.
*/
.no-js:not(html) {
    display: none;
}

.page-container{
    margin: 0 auto;
}

.arrow-icon:after{
    content: "\e095";
    position: relative;
    left: 8px;
    font-size: 11px;
    transition: left .2s ease-in;
    font-family: "payhipcustom";
    vertical-align: middle;
}

.arrow-icon:hover:after{
    left: 10px;
}

.vertical-center{
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    top: 50%;
}

.ratio{
    display: flex;
    position: relative;
    align-items: stretch;
}

.ratio:before{
    content: '';
    width: 0;
    height: 0;
    padding-bottom: var(--ratio-percent);
}

.icon-arrow{
    width: 0.9375rem;
}

h1 .icon-arrow,
h2 .icon-arrow,
h3 .icon-arrow,
h4 .icon-arrow,
h5 .icon-arrow,
.h1 .icon-arrow,
.h2 .icon-arrow,
.h3 .icon-arrow,
.h4 .icon-arrow,
.h5 .icon-arrow,
.custom-style-font-heading .icon-arrow{
    width: 0.9375rem;
}

.animate-arrow .icon-arrow path{
    transform: translateX(-0.25rem);
    transition: transform var(--duration-short) ease;
}

.animate-arrow:hover .icon-arrow path{
    transform: translateX(-0.05rem);
}

.badge-general{
  border: 1px solid transparent;
  border-radius: var(--badge-corner-radius);
  display: inline-block;
  padding: 0.3125rem 0.8125rem 0.3125rem 0.8125rem;
  text-align: center;
  word-break: break-word;
}

/* Need nice spacing below h1-h4 tags */
h1, h2, h3, h4{
    margin-bottom: 1rem;
}

/* HR border top colors is handled elsewhere */
hr{
    opacity: 0.3;
}

/* Hardcode button disabled state, no need to open up style of this state */
.btn.disabled, .btn:disabled{
    color: #FFFFFF !important;
    background-color: #6C757D !important;
    border-color: #6C757D !important;
    /* Don't show normal cursor for diabled button */
    cursor: default;
}

/* Spinner border on disabled button means we're dealing with loading state */
.btn.btn-lg.disabled .spinner-border, .btn.btn-lg:disabled .spinner-border{
    position: relative;
    top: -3px;
    left: -5px;
}

/* Disabled buttons should not display the arrow icon which indicates action */
.btn.arrow-icon.disabled:after, .btn.arrow-icon:disabled:after{
    content: '';
}

/*
    Accessibility:
    Focusing on tab with buttons should be clear not stylised.
    Need to override focus colors defined in editorv2_color_lib
*/
.section-wrapper .btn-primary:focus-visible,
.section-wrapper .btn-secondary:focus-visible,
.section-wrapper .btn-light:focus-visible,
.cart-block .cart-checkout-button:focus-visible,
#cross-sell-prominent-popup-modal .cart-checkout-button:focus-visible{
    outline: -webkit-focus-ring-color auto 1px !important;
}

.tooltip-inner{
    padding: 5px 10px;
    background-color: #444444;
}

.bs-tooltip-top .arrow::before{
    border-top-color: #444444;
}

.bs-tooltip-bottom .arrow::before{
    border-bottom-color: #444444;
}

.bs-tooltip-left .arrow::before{
    border-left-color: #444444;
}

.bs-tooltip-right .arrow::before{
    border-right-color: #444444;
}

/* LINK START */

a:link, a:visited{
    text-decoration: none;
}

a:hover{
    text-decoration: none;
}

/*
    product section preview link has 'link-underline' applied to span
    so note that 'link-underline' is not always applied to links
 */
.link-underline,
.richtext a,
.richtext-quill a,
/*
    testimonial section heading text can have links
*/
.heading-text a,
.section-wrapper[data-section-key="footer"] .footer-nav a{
    background-repeat: repeat-x;
    background-size: 1px 1px;
    background-position: 0 100%;
    /* color of underline is applied in variables */
    white-space: initial;
}

.link-underline:hover,
.richtext a:hover,
.richtext-quill a:hover,
.section-wrapper[data-section-key="footer"] .footer-nav a:hover{
    opacity: 0.7;
}

/* LINK END */

/* INPUTS START */

body:not([data-theme-key="aerosmith"]) .form-control:not(.ignore-default-style){
    background-color: rgb(var(--color-section-background));
    border-color: rgba(var(--color-text-regular), var(--inputs-border-opacity));
    border-radius: var(--inputs-radius);
    color: rgb(var(--color-text-regular));
}

body:not([data-theme-key="aerosmith"]) .form-control:not(.ignore-default-style):focus{
    background-color: rgb(var(--color-section-background));
    color: rgb(var(--color-text-regular));
    /*
        In 99% of cases a blue highlight to input when focused
        on looks best, so hardcoding color below
    */
    border-color: #80BDFF;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

body:not([data-theme-key="aerosmith"]) .form-control::placeholder{
    color: rgb(var(--color-text-regular));
}

/* INPUTS END */

/* GLOBAL BACKGROUND IMAGE START */

.global-background-image{
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
    left: 0;
    top: 0;
    z-index: -1;
    display: none;
}

body[data-has-global-background-image="1"] .global-background-image{
    display: block;
}

/*
    Only inset sections should have a background color if we're dealing with global background image
    but the section wrapper background should still be present if we're on the section picker page
*/
body[data-has-global-background-image="1"]:not([id="page-builder-section-picker"]) .section-wrapper:not([data-section-setting-section-background-width="inset"]) .section-background{
    background-color: transparent !important;
}
body#page-builder-section-picker[data-has-global-background-image="1"] .global-background-image{
    /* The section picker page should never have the global background image */
    background-image: none !important;
}

/* GLOBAL BACKGROUND IMAGE END */

/*****************************************************/
/*           PRETTY-SELECT-WRAPPER START             */
/*****************************************************/

.pretty-select-wrapper .dropdown-item.active, .dropdown-item:active{
    /*
        Hardcoding the select background color
        It's a critical part of the UI and there's no telling what the knockon
        effects of opening it up would be
    */
    background-color: #1292EE;
}
.pretty-select-wrapper .bootstrap-select .dropdown-menu li a{
    /* Other links have more specificity so need to apply !important */
    color: #1292EE !important;
}
.pretty-select-wrapper .bootstrap-select .dropdown-menu li a.active,
.pretty-select-wrapper .bootstrap-select .dropdown-menu li a:focus,
.pretty-select-wrapper .bootstrap-select .dropdown-menu li a.active:hover,
.pretty-select-wrapper .bootstrap-select .dropdown-menu li a:focus:hover{
    /* Other links have more specificity so need to apply !important */
    color: #FFFFFF !important;
}
.pretty-select-wrapper .bootstrap-select > .dropdown-menu{
    border: 1px solid #CCCCCC;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.pretty-select-wrapper .color-circle{
    display: inline-block;
    width: 10px;
    height: 10px;
    position: relative;
    top: 0px;
    border-radius: 50%;
    margin-right: 5px;
}

/*****************************************************/
/*           PRETTY-SELECT-WRAPPER END               */
/*****************************************************/

/*****************************************************/
/*           PRETTY-RADIO-WRAPPER START              */
/*****************************************************/

.pretty-radio-button{
    display: block
}

.pretty-radio-button-label{
    align-items: center;
    display: flex;
    padding-top: 1px;
    position: relative;
    cursor: pointer
}

.pretty-radio-button:not(.variant-radio-button) .pretty-radio-button-label:before,
.pretty-radio-button.variant-radio-button .pretty-radio-button-label-text:before{
    border-radius: 18px;
    border: 2px solid #949291;
    content: '';
    display: inline-block;
    height: 14px;
    left: 0;
    position: absolute;
    top: 6px;
    transition: .25s;
    width: 14px;
}

.pretty-radio-button:not(.variant-radio-button) .pretty-radio-button-label:after,
.pretty-radio-button.variant-radio-button .pretty-radio-button-label-text:after{
    background-color: #0D6EFD;
    border-radius: 6px;
    content: '';
    display: block;
    height: 6px;
    left: 4px;
    opacity: 0;
    position: absolute;
    top: 10px;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    transition: .25s;
    width: 6px;
}

.pretty-radio-button:not(.variant-radio-button) .pretty-radio-button-label:hover:before,
.pretty-radio-button.variant-radio-button .pretty-radio-button-label:hover .pretty-radio-button-label-text:before{
    border-color: #0D6EFD;
}

.pretty-radio-button-label-text{
    margin-left: 27px;
    position: relative
}

.pretty-radio-button-input{
    height: 1px;
    opacity: 0;
    position: absolute;
    width: 1px
}

.pretty-radio-button:not(.variant-radio-button) .pretty-radio-button-input:checked+.pretty-radio-button-label:after,
.pretty-radio-button.variant-radio-button .pretty-radio-button-input:checked+.pretty-radio-button-label .pretty-radio-button-label-text:after{
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.pretty-radio-button:not(.variant-radio-button) .pretty-radio-button-input:not(:disabled):checked+.pretty-radio-button-label:before,
.pretty-radio-button.variant-radio-button .pretty-radio-button-input:not(:disabled):checked+.pretty-radio-button-label .pretty-radio-button-label-text:before{
    border-color: #0D6EFD;
}

.pretty-radio-button:not(.variant-radio-button) .pretty-radio-button-input:not(:disabled):checked+.pretty-radio-button-label:hover:before,
.pretty-radio-button .variant-radio-button .pretty-radio-button-input:not(:disabled):checked+.pretty-radio-button-label:hover .pretty-radio-button-label-text:before{
    background-color: rgba(179,221,255,.45)
}

.pretty-radio-button:not(.variant-radio-button) .pretty-radio-button-input:focus+.pretty-radio-button-label:before,
.pretty-radio-button.variant-radio-button .pretty-radio-button-input:focus+.pretty-radio-button-label .pretty-radio-button-label-text:before{
    background-color: rgba(179,221,255,.45);
    box-shadow: 0 0 0 5px rgba(179,221,255,.45)
}

.pretty-radio-button-input:disabled+.pretty-radio-button-label{
    color: #c7c6c5
}

.pretty-radio-button-input:disabled+.pretty-radio-button-label:before{
    border-color: #c7c6c5
}

.pretty-radio-button-input:disabled+.pretty-radio-button-label:after{
    background-color: #c7c6c5
}

/*****************************************************/
/*           PRETTY-RADIO-WRAPPER END                */
/*****************************************************/

/*****************************************************/
/*                  RICHTEXT START                   */
/*****************************************************/

.richtext,
.richtext-quill{
    /*
        Long link might be included in description,
        needs to be broken up into two lines
    */
    word-break: break-word;
}

.richtext iframe{
    /*
        Video iframes can now be inserted in product descriptions.
        If the product has a two-column layout then it may
        not have enough space to display full iframe so need to
        set max-width on iframe.
    */
    max-width: 100%;
}

.section-wrapper[data-section-setting-text-align="center"] .richtext ul,
.section-wrapper[data-section-setting-text-align="right"] .richtext ul,
.section-wrapper[data-section-setting-text-align="center"] .richtext ol,
.section-wrapper[data-section-setting-text-align="right"] .richtext ol,
.section-wrapper[data-section-key="text-two-columns"][data-section-setting-regular-text-align="center"] .richtext ul,
.section-wrapper[data-section-key="text-two-columns"][data-section-setting-regular-text-align="right"] .richtext ul,
.section-wrapper[data-section-key="text-two-columns"][data-section-setting-regular-text-align="center"] .richtext ol,
.section-wrapper[data-section-key="text-two-columns"][data-section-setting-regular-text-align="right"] .richtext ol{
    list-style-position: inside;
    padding-left: 0px;
}

/*****************************************************/
/*                  RICHTEXT END                     */
/*****************************************************/

/*****************************************************/
/*              RICHTEXT QUILL START                 */
/*****************************************************/

.richtext-quill p{
    /* br tags control spacing, margins shouldn't */
    margin-bottom: 0px;
}

.richtext-quill .ql-indent-1:not(.ql-direction-rtl){
    padding-left: 3em
}
.richtext-quill li.ql-indent-1:not(.ql-direction-rtl){
    padding-left: 4.5em
}
.richtext-quill .ql-indent-1.ql-direction-rtl.ql-align-right{
    padding-right: 3em
}
.richtext-quill li.ql-indent-1.ql-direction-rtl.ql-align-right{
    padding-right: 4.5em
}
.richtext-quill .ql-indent-2:not(.ql-direction-rtl){
    padding-left: 6em
}
.richtext-quill li.ql-indent-2:not(.ql-direction-rtl){
    padding-left: 7.5em
}
.richtext-quill .ql-indent-2.ql-direction-rtl.ql-align-right{
    padding-right: 6em
}
.richtext-quill li.ql-indent-2.ql-direction-rtl.ql-align-right{
    padding-right: 7.5em
}
.richtext-quill .ql-indent-3:not(.ql-direction-rtl){
    padding-left: 9em
}
.richtext-quill li.ql-indent-3:not(.ql-direction-rtl){
    padding-left: 10.5em
}
.richtext-quill .ql-indent-3.ql-direction-rtl.ql-align-right{
    padding-right: 9em
}
.richtext-quill li.ql-indent-3.ql-direction-rtl.ql-align-right{
    padding-right: 10.5em
}
.richtext-quill .ql-indent-4:not(.ql-direction-rtl){
    padding-left: 12em
}
.richtext-quill li.ql-indent-4:not(.ql-direction-rtl){
    padding-left: 13.5em
}
.richtext-quill .ql-indent-4.ql-direction-rtl.ql-align-right{
    padding-right: 12em
}
.richtext-quill li.ql-indent-4.ql-direction-rtl.ql-align-right{
    padding-right: 13.5em
}
.richtext-quill .ql-indent-5:not(.ql-direction-rtl){
    padding-left: 15em
}
.richtext-quill li.ql-indent-5:not(.ql-direction-rtl){
    padding-left: 16.5em
}
.richtext-quill .ql-indent-5.ql-direction-rtl.ql-align-right{
    padding-right: 15em
}
.richtext-quill li.ql-indent-5.ql-direction-rtl.ql-align-right{
    padding-right: 16.5em
}
.richtext-quill .ql-indent-6:not(.ql-direction-rtl){
    padding-left: 18em
}
.richtext-quill li.ql-indent-6:not(.ql-direction-rtl){
    padding-left: 19.5em
}
.richtext-quill .ql-indent-6.ql-direction-rtl.ql-align-right{
    padding-right: 18em
}
.richtext-quill li.ql-indent-6.ql-direction-rtl.ql-align-right{
    padding-right: 19.5em
}
.richtext-quill .ql-indent-7:not(.ql-direction-rtl){
    padding-left: 21em
}
.richtext-quill li.ql-indent-7:not(.ql-direction-rtl){
    padding-left: 22.5em
}
.richtext-quill .ql-indent-7.ql-direction-rtl.ql-align-right{
    padding-right: 21em
}
.richtext-quill li.ql-indent-7.ql-direction-rtl.ql-align-right{
    padding-right: 22.5em
}
.richtext-quill .ql-indent-8:not(.ql-direction-rtl){
    padding-left: 24em
}
.richtext-quill li.ql-indent-8:not(.ql-direction-rtl){
    padding-left: 25.5em
}
.richtext-quill .ql-indent-8.ql-direction-rtl.ql-align-right{
    padding-right: 24em
}
.richtext-quill li.ql-indent-8.ql-direction-rtl.ql-align-right{
    padding-right: 25.5em
}
.richtext-quill .ql-indent-9:not(.ql-direction-rtl){
    padding-left: 27em
}
.richtext-quill li.ql-indent-9:not(.ql-direction-rtl){
    padding-left: 28.5em
}
.richtext-quill .ql-indent-9.ql-direction-rtl.ql-align-right{
    padding-right: 27em
}
.richtext-quill li.ql-indent-9.ql-direction-rtl.ql-align-right{
    padding-right: 28.5em
}

.richtext-quill ul,
.richtext-quill ol{
    padding-left: 10px;
}

.richtext-quill ol > li, .richtext-quill ul > li{
    list-style-type: none;
}
.richtext-quill ul > li::before{
    content: '\2022';
    /* Bullet point is too small by default, use em unit */
    font-size: 1.5em;
}

.richtext-quill li::before{
    display: inline-block;
    white-space: nowrap;
    width: 1.2em
}
.richtext-quill li:not(.ql-direction-rtl)::before{
    margin-left: -1.5em;
    margin-right: .3em;
    text-align: right
}
.richtext-quill li.ql-direction-rtl::before{
    margin-left: .3em;
    margin-right: -1.5em
}
.richtext-quill ol li:not(.ql-direction-rtl),
.richtext-quill ul li:not(.ql-direction-rtl){
    padding-left: 1.5em
}
.richtext-quill ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{
    padding-right: 1.5em
}

.richtext-quill ol li{
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    counter-increment: list-0
}
.richtext-quill ol li:before{
    content: counter(list-0,decimal) '. '
}
.richtext-quill ol li.ql-indent-1{
    counter-increment: list-1
}
.richtext-quill ol li.ql-indent-1:before{
    content: counter(list-1,lower-alpha) '. '
}
.richtext-quill ol li.ql-indent-1{
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}
.richtext-quill ol li.ql-indent-2{
    counter-increment: list-2
}
.richtext-quill ol li.ql-indent-2:before{
    content: counter(list-2,lower-roman) '. '
}
.richtext-quill ol li.ql-indent-2{
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9
}
.richtext-quill ol li.ql-indent-3{
    counter-increment: list-3
}
.richtext-quill ol li.ql-indent-3:before{
    content: counter(list-3,decimal) '. '
}
.richtext-quill ol li.ql-indent-3{
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9
}
.richtext-quill ol li.ql-indent-4{
    counter-increment: list-4
}
.richtext-quill ol li.ql-indent-4:before{
    content: counter(list-4,lower-alpha) '. '
}
.richtext-quill ol li.ql-indent-4{
    counter-reset: list-5 list-6 list-7 list-8 list-9
}
.richtext-quill ol li.ql-indent-5{
    counter-increment: list-5
}
.richtext-quill ol li.ql-indent-5:before{
    content: counter(list-5,lower-roman) '. '
}
.richtext-quill ol li.ql-indent-5{
    counter-reset: list-6 list-7 list-8 list-9
}
.richtext-quill ol li.ql-indent-6{
    counter-increment: list-6
}
.richtext-quill ol li.ql-indent-6:before{
    content: counter(list-6,decimal) '. '
}
.richtext-quill ol li.ql-indent-6{
    counter-reset: list-7 list-8 list-9
}
.richtext-quill ol li.ql-indent-7{
    counter-increment: list-7
}
.richtext-quill ol li.ql-indent-7:before{
    content: counter(list-7,lower-alpha) '. '
}
.richtext-quill ol li.ql-indent-7{
    counter-reset: list-8 list-9
}
.richtext-quill ol li.ql-indent-8{
    counter-increment: list-8
}
.richtext-quill ol li.ql-indent-8:before{
    content: counter(list-8,lower-roman) '. '
}
.richtext-quill ol li.ql-indent-8{
    counter-reset: list-9
}
.richtext-quill ol li.ql-indent-9{
    counter-increment: list-9
}
.richtext-quill ol li.ql-indent-9:before{
    content: counter(list-9,decimal) '. '
}



.richtext-quill .ql-align-center{
    text-align: center;
}

.richtext-quill .ql-align-right{
    text-align: right;
}

.richtext-quill blockquote,
.richtext:not(.richtext-quill) blockquote{
    border-left: 4px solid #CCCCCC;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 16px;
}

/*****************************************************/
/*              RICHTEXT QUILL END                   */
/*****************************************************/

/*****************************************************/
/*                 EMBED PAGE START                  */
/*****************************************************/

body[data-is-embed-page="1"] #header,
/* Hide any section which is not the product section */
body[data-is-embed-page="1"] .section-wrapper:not([data-section-key="product"]){
    display: none;
}

body[data-is-embed-page="1"] .content-main-wrapper .section-wrapper:first-child{
    /* Remove magic padding from first section-wrapper */
    padding-top: 0px !important;
}

body[data-is-embed-page="1"] .content-main-wrapper .section-wrapper:first-child .section-background{
    /* Remove magic top from first section-wrapper */
    top: 0px !important;
}

body[data-is-embed-page="1"] .content-main-wrapper .section-wrapper[data-section-key="product"] .add-to-cart-button{
    display: none;
}

body[data-is-embed-page="1"] .section-wrapper .section-contents-wrapper{
    /* Padding top/bottom use to be 3.3vmax but that's too large for embed page */
    padding-top: 4vw;
    padding-bottom: 4vw;
}

/*****************************************************/
/*                 EMBED PAGE END                    */
/*****************************************************/

/*****************************************************/
/*              SELECT FACADE START                  */
/*****************************************************/

.select-facade-wrapper{
    position: relative;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

@media screen and (max-width: 479px) {
    .select-facade-wrapper{
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }
}

.select-facade-wrapper:after{
    content: '';
    position: absolute;
    bottom: 22px;
    right: 21px;
    padding: 2px;
    transform: rotateZ(-45deg);
    border-left: 1px solid #111;
    border-bottom: 1px solid #111;
}

.select-facade-wrapper select{
    outline: none;
    -webkit-appearance: none;
    width: 100%;
    border: 1px solid #D6D6D6;
    background: #FFFFFF;
    color: #111111;
    padding: 11px 20px;
    padding-right: 35px;
    font-size: 14px;
}

/*****************************************************/
/*              SELECT FACADE END                    */
/*****************************************************/

/*****************************************************/
/*      RESPONSIVE IMAGE NOT PROVIDED START          */
/*****************************************************/

/*
    Can't place the below in responsive image block
    since it's not always in there - for example
    collage product item
*/

.responsive-image-not-provided-thumbnail-wrapper{
    background-color: #DDDDDD;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.responsive-image-not-provided-thumbnail-wrapper .responsive-image-not-provided-thumbnail{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

/*****************************************************/
/*      RESPONSIVE IMAGE NOT PROVIDED END            */
/*****************************************************/

/*****************************************************/
/*     PREVIEW LINK AND WISHLIST LINK START          */
/*****************************************************/

.preview-link-and-wishlist-link-wrapper{
    margin-top: 20px;
    margin-bottom: 20px;
}

.preview-link-and-wishlist-link-wrapper .preview-file-link{
    margin-right: 1.5em;
}

#wishlist-modal .modal-dialog{
    max-height: 614px;
}

/*
    Edit mode is long so it's OK for it to occupy full height
    on mobile. Add mode and loading mode look strange with this height.
*/
#wishlist-modal[data-mode="edit"] .modal-dialog{
    height: calc(-76px + 100vh);
}

@media screen and (max-height: 614px) {
    #wishlist-modal .modal-content{
        height: 100%;
    }
}

#wishlist-modal .modal-body{
    overflow-y: auto;
    max-height: 400px;
}

#wishlist-modal .loading-animation-state{
    text-align: center;
    margin-bottom: 30px;
    opacity: 0.5;
}

#wishlist-modal .loading-animation-state .spinner-wrapper{
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
}

#wishlist-modal .loading-animation-state .spinner-wrapper .spinner{
    display: inline-block;
    width: 20px;
    height: 20px;
    border-style: solid;
    border-color: rgb(0, 0, 0) rgb(0, 0, 0) transparent transparent;
    border-width: 2px;
    border-radius: 50%;
    -webkit-animation: spinner-spin 0.8s linear 0s infinite normal none running;
    animation: spinner-spin 0.8s linear 0s infinite normal none running;
}

#wishlist-modal .modal-footer .btn{
    font-size: 1rem;
}

#wishlist-modal .modal-footer .final-add-wishlist-button{
    margin-left: 10px;
}

#wishlist-modal .modal-footer .final-add-wishlist-button .icon{
    margin-right: 3px;
}

#wishlist-modal .modal-footer-edit-mode .btn{
    padding: 10px 20px;
}

#wishlist-modal .modal-footer-edit-mode .add-new-wishlist-button{
    margin-right: 3px;
}

#wishlist-modal .modal-footer-add-mode .btn{
    padding: 10px 20px;
}

#wishlist-modal .existing-wishlists-wrapper{
    display: grid;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: repeat(2, 1fr);
}

#wishlist-modal .existing-wishlists-wrapper .wishlist-wrapper{
    position: relative;
    background: transparent;
    border: none;
    outline: none;
}

#wishlist-modal .existing-wishlists-wrapper .wishlist-wrapper .wishlist-thumbnail-wrapper{
    position: relative;
}

#wishlist-modal .existing-wishlists-wrapper .wishlist-wrapper .wishlist-thumbnail-inner{
    width: 0;
    height: 0;
    padding-bottom: 100%;
}

#wishlist-modal .existing-wishlists-wrapper .wishlist-wrapper .wishlist-thumbnail{
    bottom: 0;
    position: absolute;
    top: 0;
    width: 100%;
    overflow: hidden;
    border-radius: 24px;
    border: 5px solid #FFFFFF;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.13);
}

#wishlist-modal .existing-wishlists-wrapper .wishlist-wrapper .wishlist-thumbnail img{
    display: block;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center center;
}

#wishlist-modal .existing-wishlists-wrapper .wishlist-wrapper .wishlist-no-thumbnail-placeholder{
    background-color: #DDDDDD;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#wishlist-modal .existing-wishlists-wrapper .wishlist-wrapper .wishlist-no-thumbnail-placeholder-inner{
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    width: 100%;
}

#wishlist-modal .existing-wishlists-wrapper .wishlist-wrapper .wishlist-no-thumbnail-placeholder-inner svg{
    width: 30px;
    height: 30px;
    opacity: 0.5;
}

#wishlist-modal .existing-wishlists-wrapper .wishlist-wrapper .wishlist-thumbnail img,
#wishlist-modal .existing-wishlists-wrapper .wishlist-wrapper .wishlist-no-thumbnail-placeholder-inner svg{
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
}

#wishlist-modal .existing-wishlists-wrapper .wishlist-wrapper:hover .wishlist-thumbnail img,
#wishlist-modal .existing-wishlists-wrapper .wishlist-wrapper:hover .wishlist-no-thumbnail-placeholder-inner svg{
    transform: scale(1.05);
}

#wishlist-modal .existing-wishlists-wrapper .wishlist-wrapper:hover .wishlist-name{
    text-decoration: underline;
}

#wishlist-modal .existing-wishlists-wrapper .wishlist-name{
    font-weight: 600;
    margin-top: 10px;
}

#wishlist-modal .existing-wishlists-wrapper .wishlist-meta{
    color: #777777;
    font-size: 14px;
}

#wishlist-modal .existing-wishlists-wrapper .wishlist-wrapper:not(.active) .wishlist-meta .added-to-wishlist-meta-label{
    display: none;
}

#wishlist-modal .existing-wishlists-wrapper .wishlist-core-contents-wrapper{
    pointer-events: none;
}

#wishlist-modal .existing-wishlists-wrapper .wishlist-wrapper .tick{
    position: absolute;
    top: 0px;
    right: 0px;
    display: none;
}

#wishlist-modal .existing-wishlists-wrapper .wishlist-wrapper.active .wishlist-thumbnail-wrapper{
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: all 150ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 150ms cubic-bezier(0.19, 1, 0.22, 1);
}

#wishlist-modal .existing-wishlists-wrapper .wishlist-wrapper.active .wishlist-thumbnail,
/* For accessibility using :focus-visible */
#wishlist-modal .existing-wishlists-wrapper .wishlist-wrapper:focus-visible .wishlist-thumbnail{
    border-color: #1292EE;
}

#wishlist-modal .existing-wishlists-wrapper .wishlist-wrapper.active .tick{
    display: inline;
}

#wishlist-modal .max-number-of-characters-message{
    color: #999999;
    font-size: 12px;
    margin-top: 5px;
}

#wishlist-modal .or-create-new-wishlist-message{
    font-size: 14px;
    /* when I sent through translation some characters were uppercase */
    text-transform: lowercase;
}

.payhip-toastify-wishlist-message{
    background: #FFFFFF !important;
    color: #222222 !important;
    padding: 20px 30px !important;
    padding-left: 60px !important;
    border: #DDDDDD;
    box-shadow: 0 6px 20px rgba(0,0,0,0.2);
}

.payhip-toastify-wishlist-message .icon{
    position: absolute !important;
    left: 15px !important;
    top: 13px !important;
    color: #008060;
}

.payhip-toastify-wishlist-message .undo-link{
    margin-left: 50px;
    text-decoration: underline;
    cursor: pointer;
}

/*****************************************************/
/*       PREVIEW LINK AND WISHLIST LINK END          */
/*****************************************************/

/*****************************************************/
/*        GLOBAL MEDIA SETTINGS START                */
/*****************************************************/

.global-media-settings,
.richtext img,
.richtext-quill img{
    border: var(--media-border-width) solid rgba(var(--color-text-heading),var(--media-border-opacity));
    border-radius: var(--media-radius);
}

/*****************************************************/
/*        GLOBAL MEDIA SETTINGS END                  */
/*****************************************************/

/*****************************************************/
/*          CONTENT CONTAINER START                  */
/*****************************************************/

.contains-content-container,
.content-container{
    --border-radius: var(--text-boxes-radius);
    --border-width: var(--text-boxes-border-width);
    --border-opacity: var(--text-boxes-border-opacity);
    --shadow-horizontal-offset: var(--text-boxes-shadow-horizontal-offset);
    --shadow-vertical-offset: var(--text-boxes-shadow-vertical-offset);
    --shadow-blur-radius: var(--text-boxes-shadow-blur-radius);
    --shadow-opacity: var(--text-boxes-shadow-opacity);
}

.content-container {
  border-radius: var(--text-boxes-radius);
  border: var(--text-boxes-border-width) solid rgba(var(--color-text-heading), var(--text-boxes-border-opacity));
  position: relative;
}

.content-container:after {
  content: '';
  position: absolute;
  top: calc(var(--text-boxes-border-width) * -1);
  right: calc(var(--text-boxes-border-width) * -1);
  bottom: calc(var(--text-boxes-border-width) * -1);
  left: calc(var(--text-boxes-border-width) * -1);
  border-radius: var(--text-boxes-radius);
  box-shadow: var(--text-boxes-shadow-horizontal-offset)
    var(--text-boxes-shadow-vertical-offset)
    var(--text-boxes-shadow-blur-radius)
    rgba(var(--color-shadow), var(--text-boxes-shadow-opacity));
  z-index: -1;
}


.content-container--full-width:after {
  left: 0;
  right: 0;
  border-radius: 0;
}

@media screen and (max-width: 749px) {
  .content-container--full-width-mobile {
    border-left: none;
    border-right: none;
    border-radius: 0;
  }
  .content-container--full-width-mobile:after {
    display: none;
  }
}

/*****************************************************/
/*          CONTENT CONTAINER END                    */
/*****************************************************/

/*****************************************************/
/*        ALL SECTIONS - COMMON START                */
/*****************************************************/

.section-wrapper{
    /*
        Needs to be relative to contain section-background
        which has absolute positioning
    */
    position: relative;
    display: flex;
    align-items: center;
}

.section-wrapper,
.section-wrapper .section-contents-wrapper,
.section-wrapper .section-contents-wrapper .section-contents{
    margin: 0 auto;
}

.section-wrapper .section-contents-wrapper{
    /*
        Since section-wrapper is display flex, need to specify
        that section-contents-wrapper is 100% width
    */
    width: 100%;
}

/* Section height start */

.section-wrapper[data-section-setting-section-height="small"]:not([data-section-key="gallery"]){
  min-height: 33vh;
}

.section-wrapper[data-section-setting-section-height="medium"]:not([data-section-key="gallery"]){
  min-height: 66vh;
}

.section-wrapper[data-section-setting-section-height="large"]:not([data-section-key="gallery"]){
  min-height: 100vh;
}

/* Section height end */

/* Section vertical align start */

.section-wrapper[data-section-setting-section-content-alignment-vertical="top"]:not([data-section-key="slideshow"]){
    align-items: flex-start;
}

.section-wrapper[data-section-setting-section-content-alignment-vertical="center"]:not([data-section-key="slideshow"]){
    align-items: center;
}

.section-wrapper[data-section-setting-section-content-alignment-vertical="bottom"]:not([data-section-key="slideshow"]){
    align-items: flex-end;
}

/* Section vertical align end */

.section-wrapper[data-section-setting-section-height="small"] .section-contents-wrapper{
    padding-top: 3.3vmax;
    padding-bottom: 3.3vmax;
}

.section-wrapper[data-section-setting-section-height="medium"] .section-contents-wrapper{
    padding-top: 6.6vmax;
    padding-bottom: 6.6vmax;
}

.section-wrapper[data-section-setting-section-height="large"] .section-contents-wrapper{
    padding-top: 10vmax;
    padding-bottom: 10vmax;
}

.section-wrapper .embed-code-wrapper,
#cross-sell-prominent-popup-modal .embed-code-wrapper{
    /*
        For non-youtube embeds (like soundcloud)
        need to also set width 100% to overcome floated
        parent in product and featured-product sections
    */
    width: 100%;
}

.section-wrapper .embed-code-wrapper[data-type="youtube"],
#cross-sell-prominent-popup-modal .embed-code-wrapper[data-type="youtube"]{
    position: relative;
    /*
        In case we're not able to retrieve aspectRatioTimesOneHundred
        (which is applied as inline CSS and overrides this CSS)
        use the default YouTube video aspect ratio (16:9)
        https://support.google.com/youtube/answer/6375112
        https://css-tricks.com/fluid-width-video
    */
    padding-bottom: 56.25%;
    height: 0;
    /*
        width 100% is needed to overcome floated parent in product
        and featured-product sections
    */
    width: 100%;
}
.section-wrapper .embed-code-wrapper[data-type="youtube"] iframe,
#cross-sell-prominent-popup-modal .embed-code-wrapper[data-type="youtube"] iframe{
    position: absolute;
    top: 0;
    left: 0;
    /*
        Some older versions of YouTube iframe have width+height
        defined, need to override those to use fluid height trick
    */
    width: 100% !important;
    height: 100% !important;
}
.section-wrapper .embed-code-wrapper[data-type="hearthis.at"] iframe,
#cross-sell-prominent-popup-modal .embed-code-wrapper[data-type="hearthis.at"] iframe{
    width: 100%;
}
/* Other embeds shouldn't exceed fill width */
.section-wrapper .embed-code-wrapper iframe,
#cross-sell-prominent-popup-modal .embed-code-wrapper iframe{
    max-width: 100%;
}

.section-wrapper .section-background{
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    overflow: hidden;
    pointer-events: none;
}

.section-wrapper[data-section-setting-section-background-width="inset"] .section-background{
    /* Border color is set elsewhere */
    border: 1px solid;
}

html.no-js .section-wrapper .section-background .section-background-image{
    display: none;
}

html.no-js .section-wrapper .section-background .section-background-image-fallback{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

.section-wrapper .section-background-overlay{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.section-wrapper .section-background-video-wrapper{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.section-wrapper .section-contents-wrapper{
    /*
        Needs to be relative to so that contents wrapper has
        higher z-index than absolutely positioned section-background
    */
    position: relative;
}

.section-wrapper .section-contents-wrapper.standard-padding-left-right{
    padding-right: 4vw;
    padding-left: 4vw;
}

.section-wrapper[data-section-setting-section-content-alignment-horizontal]:not([data-section-key="slideshow"]) .section-contents-wrapper{
    display: flex;
}
.section-wrapper[data-section-setting-section-content-alignment-horizontal]:not([data-section-key="slideshow"]) .section-contents-wrapper .section-contents{
    /*
        By default section-contents have margin: 0 auto to center it
        However when using flex to align left, center and right
        need to remove margin-left/right
    */
    margin-left: 0px;
    margin-right: 0px;
}
.section-wrapper[data-section-setting-section-content-alignment-horizontal="left"]:not([data-section-key="slideshow"]) .section-contents-wrapper{
    justify-content: flex-start;
}
.section-wrapper[data-section-setting-section-content-alignment-horizontal="center"]:not([data-section-key="slideshow"]) .section-contents-wrapper{
    justify-content: center;
}
.section-wrapper[data-section-setting-section-content-alignment-horizontal="right"]:not([data-section-key="slideshow"]) .section-contents-wrapper{
    justify-content: flex-end;
}

/*
    Need decent separation between button and text above it
    For example, headline section is formatted as follows:
    ---
    Heading
    Richtext
    Button wrapper
    ---
    Richtext does not have any margins so need separation on button wrapper
*/
.section-wrapper .button-wrapper{
    margin-top: 20px;
}

.section-wrapper[data-section-setting-image-click-action="lightbox"] .lightbox-trigger-item,
.section-wrapper[data-section-setting-image-click-action="zoom"] .zoom-trigger-item{
    cursor: zoom-in;
}

/*****************************************************/
/*        ALL SECTIONS - COMMON END                  */
/*****************************************************/















/*****************************************************/
/*              PAGE SECTIONS START                  */
/*              PAGE SECTIONS START                  */
/*              PAGE SECTIONS START                  */
/*              PAGE SECTIONS START                  */
/*              PAGE SECTIONS START                  */
/*              PAGE SECTIONS START                  */
/*              PAGE SECTIONS START                  */
/*              PAGE SECTIONS START                  */
/*              PAGE SECTIONS START                  */
/*              PAGE SECTIONS START                  */
/*****************************************************/















/*****************************************************/
/*        PAGE SECTION - PRODUCT SECTION START       */
/*****************************************************/

.section-wrapper[data-section-key="product"].item-is-in-cart .product-price-before-discount,
.section-wrapper[data-section-key="product"].item-is-in-cart .pwyw-outer-wrapper,
.section-wrapper[data-section-key="product"].item-is-in-cart .variant-outer-wrapper,
.section-wrapper[data-section-key="product"].item-is-in-cart .payhip-buy-button,
.section-wrapper[data-section-key="product"].item-is-in-cart .add-to-cart-button,
.section-wrapper[data-section-key="product"].item-is-in-cart .discount-applied-message,
.section-wrapper[data-section-key="product"].item-is-in-cart .social-discount,
.section-wrapper[data-section-key="product"].item-is-in-cart .quantity-input-block,
.section-wrapper[data-section-key="product"]:not(.display-sale-v2-percentage-discount-label) .sale-v2-percentage-discount-label{
    display: none;
}

.section-wrapper[data-section-key="product"] .added-to-cart-message,
.section-wrapper[data-section-key="product"] .next-steps-added-to-cart-wrapper{
    display: none;
}

.section-wrapper[data-section-key="product"][data-section-setting-show-social-media-icons="no"] .social-media-buttons-wrapper,
.section-wrapper[data-section-key="product"][data-section-setting-show-social-media-icons="no"] .separator-social{
    display: none;
}

.section-wrapper[data-section-key="product"][data-section-setting-show-add-to-wishlist="no"] .product-wishlist-links-wrapper{
    display: none;
}

.section-wrapper[data-section-key="product"][data-section-setting-show-add-to-wishlist="yes"] .product-wishlist-links-wrapper{
    display: inline;
}

.section-wrapper[data-section-key="product"].item-is-in-cart .added-to-cart-message,
.section-wrapper[data-section-key="product"].item-is-in-cart .next-steps-added-to-cart-wrapper{
    display: block;
}

.section-wrapper[data-section-key="product"].display-on-sale-badge .on-sale-badge,
.section-wrapper[data-section-key="product"].display-on-sale-badge .badge-product-on-sale-wrapper,
.section-wrapper[data-section-key="product"].display-on-sale-v2-block .on-sale-v2-block{
    display: block;
}

.section-wrapper[data-section-key="product"].display-price-before-discount-applied .product-price-before-discount{
    display: block;
}

/*****************************************************/
/*         PAGE SECTION - PRODUCT SECTION END        */
/*****************************************************/

/*****************************************************/
/*        PAGE SECTION - COLLECTION SECTION START    */
/*****************************************************/

.section-wrapper[data-section-key="collection"][data-section-setting-show-price="no"] .grid-block .grid-item .grid-item-meta-wrapper-outer .price-details-wrapper-outer{
    display: none;
}

.section-wrapper[data-section-key="collection"][data-section-setting-text-align="left"] .grid-block[data-grid-block-meta-type="standard"] .grid-list .grid-item .grid-item-meta-wrapper-outer{
    text-align: left;
}

.section-wrapper[data-section-key="collection"][data-section-setting-text-align="center"] .grid-block[data-grid-block-meta-type="standard"] .grid-list .grid-item .grid-item-meta-wrapper-outer{
    text-align: center;
}

.section-wrapper[data-section-key="collection"][data-section-setting-text-align="right"] .grid-block[data-grid-block-meta-type="standard"] .grid-list .grid-item .grid-item-meta-wrapper-outer{
    text-align: right;
}

/*****************************************************/
/*         PAGE SECTION - COLLECTION SECTION END     */
/*****************************************************/

/************************************************************/
/*      PAGE SECTION - SUBSCRIPTION MAIN SECTION START      */
/************************************************************/

.section-wrapper[data-section-key="subscription-main"][data-section-setting-show-select-membership-level-message="no"] .select-plan-message{
    display: none;
}

/************************************************************/
/*      PAGE SECTION - SUBSCRIPTION MAIN SECTION END        */
/************************************************************/

/************************************************************/
/* PAGE SECTION - SUBSCRIPTION LOGIN REMINDER SECTION START */
/************************************************************/

.section-wrapper[data-section-key="subscription-login-main"][data-section-setting-text-align="left"] .subheader-wrapper{
    text-align: left;
}

.section-wrapper[data-section-key="subscription-login-main"][data-section-setting-text-align="center"] .subheader-wrapper{
    text-align: center;
}

.section-wrapper[data-section-key="subscription-login-main"][data-section-setting-text-align="right"] .subheader-wrapper{
    text-align: right;
}

/************************************************************/
/* PAGE SECTION - SUBSCRIPTION LOGIN REMINDER SECTION END   */
/************************************************************/















/*****************************************************/
/*              PAGE SECTIONS END                    */
/*              PAGE SECTIONS END                    */
/*              PAGE SECTIONS END                    */
/*              PAGE SECTIONS END                    */
/*              PAGE SECTIONS END                    */
/*              PAGE SECTIONS END                    */
/*              PAGE SECTIONS END                    */
/*              PAGE SECTIONS END                    */
/*              PAGE SECTIONS END                    */
/*              PAGE SECTIONS END                    */
/*****************************************************/














/*****************************************************/
/*              FRAME SECTIONS START                 */
/*              FRAME SECTIONS START                 */
/*              FRAME SECTIONS START                 */
/*              FRAME SECTIONS START                 */
/*              FRAME SECTIONS START                 */
/*              FRAME SECTIONS START                 */
/*              FRAME SECTIONS START                 */
/*              FRAME SECTIONS START                 */
/*              FRAME SECTIONS START                 */
/*              FRAME SECTIONS START                 */
/*****************************************************/










/*****************************************************/
/*          FRAME SECTION - FOOTER START             */
/*****************************************************/

.section-wrapper[data-section-key="footer"][data-section-setting-footer-type="simple"] .footer-nav{
    text-align: center;
    margin-bottom: 20px;
}
.section-wrapper[data-section-key="footer"][data-section-setting-footer-type="simple"] .heading-text{
    display: none;
}
.section-wrapper[data-section-key="footer"][data-section-setting-footer-type="simple"] .footer-nav-item{
    display: inline;
    margin-right: 10px;
}
.section-wrapper[data-section-key="footer"][data-section-setting-footer-type="simple"] .footer-nav-item:last-child{
    margin-right: 0px;
}

.section-wrapper[data-section-key="footer"] .group-footer-wrapper{
    /*
        negative margin left/right is needed so that group footer items can have
        horizontal space between items
    */
    margin-left: -15px;
    margin-right: -15px;
    /*
        negative margin bottom is needed so that group footer items can have
        vertical space between if the items wrap over more than one row.
        Originally this was margin-bottom: -40px
        but changed to -20px so that there can be separation between
        powered by message below group-footer-wrapper.
    */
    margin-bottom: -20px;
    /*
        need display flex instead of floats so that items wrap correctly
    */
    display: flex;
    flex-wrap: wrap;
}

.section-wrapper[data-section-key="footer"] .group-footer-wrapper .group-footer-item{
    /*
        padding left/right is needed to offset negative margin left/right
        on parent and provide horizontal space between items
    */
    padding-left: 15px;
    padding-right: 15px;
    /*
        padding bottom is needed to offset negative margin bottom on parent
        and provide vertical space between items which wrap across
        multiple rows
    */
    padding-bottom: 40px;
    width: 100%;
    min-height: 1px;
}

.section-wrapper[data-section-key="footer"] .group-footer-wrapper .group-footer-item[data-text-align="left"]{
    text-align: left;
}
.section-wrapper[data-section-key="footer"] .group-footer-wrapper .group-footer-item[data-text-align="center"]{
    text-align: center;
}
.section-wrapper[data-section-key="footer"] .group-footer-wrapper .group-footer-item[data-text-align="right"]{
    text-align: right;
}

.section-wrapper[data-section-key="footer"] .group-footer-wrapper .group-footer-clearfix{
    clear: both;
}

.section-wrapper[data-section-key="footer"] .group-footer-wrapper .heading-text{
    margin-bottom: 5px;
}

.section-wrapper[data-section-key="footer"] .group-footer-wrapper .footer-nav-list .footer-nav-item{
    margin-bottom: 3px;
}
.section-wrapper[data-section-key="footer"] .group-footer-wrapper .footer-nav-list .footer-nav-item:last-child{
    margin-bottom: 0px;
}

.section-wrapper[data-section-key="footer"] .social-wrapper{
    margin-top: 5px;
}
.section-wrapper[data-section-key="footer"] .social-wrapper .social-link{
    padding: 2px;
    overflow: hidden;
    line-height: 1.8;
    vertical-align: middle;
}
.section-wrapper[data-section-key="footer"] .social-wrapper .social-link svg{
    width: 18px;
    height: 18px;
}
.section-wrapper[data-section-key="footer"] .social-wrapper .social-link.social-link-youtube svg{
    width: 22px;
    height: 22px;
}
.section-wrapper[data-section-key="footer"] .social-wrapper .social-link:hover{
    opacity: 0.7;
}

.section-wrapper[data-section-key="footer"] .group-footer-wrapper .footer-logo{
    margin-bottom: 5px;
}

.section-wrapper[data-section-key="footer"] .group-footer-wrapper .subscribe-form-block{
    margin-top: 3px;
}

@media screen and (max-width: 767px) {

    /* On small mobile devices column widths are 100% */

    .section-wrapper[data-section-key="footer"] .group-footer-wrapper .group-footer-item{
        /* Override inline style */
        width: 100% !important;
    }

    .section-wrapper[data-section-key="footer"] .group-footer-wrapper .group-footer-item{
        /* Override inline style */
        text-align: left !important;
    }

    .section-wrapper[data-section-key="footer"] .group-footer-wrapper .group-footer-item[data-group-complex-type-id="newsletter"] .subscribe-form-block{
        max-width: 22.5rem !important;
    }

    .section-wrapper[data-section-key="footer"] .group-footer-item[data-group-complex-type-id="social"] .social-new-wrapper .footer-list-social{
        justify-content: flex-start !important;
    }

    .section-wrapper[data-section-key="footer"] .footer-bottom ul.footer-payment-icons,
    .section-wrapper[data-section-key="footer"] .footer-bottom .powered-by-payhip-wrapper {
        text-align: left !important;
    }

}

.section-wrapper[data-section-key="footer"][data-section-setting-show-payment-icons="no"] .footer-bottom ul.footer-payment-icons{
    display: none;
}

.section-wrapper[data-section-key="footer"] .footer-bottom ul.footer-payment-icons{
    margin-bottom: 10px;
    padding-bottom: 0px;
    padding-left: 0px;
    text-align: center;
}
.section-wrapper[data-section-key="footer"] .footer-bottom ul.footer-payment-icons li{
    cursor: default;
    margin: 0 4px 0;
    padding-top: 4px;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

.section-wrapper[data-section-key="footer"] .footer-bottom .powered-by-payhip-wrapper{
    text-align: center;
}
.section-wrapper[data-section-key="footer"] .footer-bottom .powered-by-payhip-wrapper .powered-by-payhip-learn-more-link{
    position: relative;
    top: 2px;
    font-size: 12px;
}
.section-wrapper[data-section-key="footer"] .footer-bottom .powered-by-payhip-learn-more-wrapper{
    text-align: center;
}

.section-wrapper[data-section-key="footer"][data-section-setting-footer-type="columns"] .footer-bottom .social-wrapper{
    display: none;
}

.section-wrapper[data-section-key="footer"][data-section-setting-footer-type="simple"] .social-wrapper{
    text-align: center;
    margin-bottom: 10px;
}

.section-wrapper[data-section-key="footer"][data-section-setting-footer-type="simple"] .social-wrapper a{
    margin-right: 18px;
}

.section-wrapper[data-section-key="footer"][data-section-setting-footer-type="simple"] .social-wrapper a:last-child{
    margin-right: 0px;
}

/* Social new start */

.section-wrapper[data-section-key="footer"] .social-new-wrapper .footer-list-social{
    display: flex;
    flex: 1 1 100%;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

.section-wrapper[data-section-key="footer"] .group-footer-item[data-group-complex-type-id="social"][data-text-align="left"] .social-new-wrapper .footer-list-social{
    justify-content: flex-start;
}
.section-wrapper[data-section-key="footer"] .group-footer-item[data-group-complex-type-id="social"][data-text-align="center"] .social-new-wrapper .footer-list-social{
    justify-content: center;
}
.section-wrapper[data-section-key="footer"] .group-footer-item[data-group-complex-type-id="social"][data-text-align="right"] .social-new-wrapper .footer-list-social{
    justify-content: flex-end;
}

.section-wrapper[data-section-key="footer"] .social-new-wrapper .footer-list-social .social-link{
    align-items: center;
    display: flex;
    padding: 0.8125rem;
}

.section-wrapper[data-section-key="footer"] .social-new-wrapper .footer-list-social .social-link svg{
    height: 18px;
    width: 18px;
}

.section-wrapper[data-section-key="footer"] .social-new-wrapper .footer-list-social .social-link:hover svg{
    transform: scale(1.07);
}

/* Social new end */

/*****************************************************/
/*          FRAME SECTION - FOOTER END               */
/*****************************************************/










/*****************************************************/
/*              FRAME SECTIONS END                   */
/*              FRAME SECTIONS END                   */
/*              FRAME SECTIONS END                   */
/*              FRAME SECTIONS END                   */
/*              FRAME SECTIONS END                   */
/*              FRAME SECTIONS END                   */
/*              FRAME SECTIONS END                   */
/*              FRAME SECTIONS END                   */
/*              FRAME SECTIONS END                   */
/*              FRAME SECTIONS END                   */
/*****************************************************/















/*****************************************************/
/*           CONTENT SECTIONS START                  */
/*           CONTENT SECTIONS START                  */
/*           CONTENT SECTIONS START                  */
/*           CONTENT SECTIONS START                  */
/*           CONTENT SECTIONS START                  */
/*           CONTENT SECTIONS START                  */
/*           CONTENT SECTIONS START                  */
/*           CONTENT SECTIONS START                  */
/*           CONTENT SECTIONS START                  */
/*           CONTENT SECTIONS START                  */
/*****************************************************/















/************************************************************/
/*        CONTENT SECTION - TEXT SIMPLE SECTION START       */
/************************************************************/

.section-wrapper[data-section-key="text-simple"][data-section-setting-text-align="left"]{
    text-align: left;
}

.section-wrapper[data-section-key="text-simple"][data-section-setting-text-align="center"]{
    text-align: center;
}

.section-wrapper[data-section-key="text-simple"][data-section-setting-text-align="right"]{
    text-align: right;
}

/************************************************************/
/*        CONTENT SECTION - TEXT SIMPLE SECTION END         */
/************************************************************/









/************************************************************/
/*     CONTENT SECTION - TEXT TWO COLUMNS SECTION START     */
/************************************************************/

.section-wrapper[data-section-key="text-two-columns"][data-section-setting-heading-text-align="left"] .heading-text-wrapper,
.section-wrapper[data-section-key="text-two-columns"][data-section-setting-regular-text-align="left"] .regular-text-wrapper{
    text-align: left;
}

.section-wrapper[data-section-key="text-two-columns"][data-section-setting-heading-text-align="center"] .heading-text-wrapper,
.section-wrapper[data-section-key="text-two-columns"][data-section-setting-regular-text-align="center"] .regular-text-wrapper{
    text-align: center;
}

.section-wrapper[data-section-key="text-two-columns"][data-section-setting-heading-text-align="right"] .heading-text-wrapper,
.section-wrapper[data-section-key="text-two-columns"][data-section-setting-regular-text-align="right"] .regular-text-wrapper{
    text-align: right;
}

.section-wrapper[data-section-key="text-two-columns"][data-section-setting-text-align="center"] ul,
.section-wrapper[data-section-key="text-two-columns"][data-section-setting-text-align="right"] ul,
.section-wrapper[data-section-key="text-two-columns"][data-section-setting-text-align="center"] ol,
.section-wrapper[data-section-key="text-two-columns"][data-section-setting-text-align="right"] ol{
    list-style-position: inside;
    padding-left: 0px;
}

/************************************************************/
/*     CONTENT SECTION - TEXT TWO COLUMNS SECTION END       */
/************************************************************/









/*****************************************************/
/*        CONTENT SECTION - GALLERY START            */
/*****************************************************/

.section-wrapper[data-section-key="gallery"][data-section-setting-text-align-heading-main="left"] .heading-text-main{
    text-align: left;
}

.section-wrapper[data-section-key="gallery"][data-section-setting-text-align-heading-main="center"] .heading-text-main{
    text-align: center;
}

.section-wrapper[data-section-key="gallery"][data-section-setting-text-align-heading-main="right"] .heading-text-main{
    text-align: right;
}

.section-wrapper[data-section-key="gallery"][data-section-setting-section-width="inset"] .section-contents-wrapper,
.section-wrapper[data-section-key="gallery"][data-section-setting-section-width="fullWidth"] .section-contents-wrapper{
    padding: 3vw;
}

/* Simple Gallery Start */

.section-wrapper[data-section-key="gallery"][data-section-setting-gallery-type="simple"] .gallery-wrapper{
    display: grid;
    position: relative;
    width: 100%;
}
.section-wrapper[data-section-key="gallery"][data-section-setting-gallery-type="simple"] .gallery-wrapper .gallery-item-wrapper{
    position: relative;
}
html.no-js .section-wrapper[data-section-key="gallery"][data-section-setting-gallery-type="simple"] .gallery-wrapper .gallery-item-wrapper .gallery-item-contents,
html.no-js .section-wrapper[data-section-key="gallery"][data-section-setting-gallery-type="simple"] .gallery-wrapper .gallery-item-wrapper .gallery-item-caption-wrapper-outer{
    display: none;
}
.section-wrapper[data-section-key="gallery"] .gallery-item-contents-and-link-wrapper{
    position: relative;
}
.section-wrapper[data-section-key="gallery"][data-section-setting-gallery-type="simple"] .gallery-wrapper .gallery-item-wrapper .gallery-item-contents{
    position: relative;
    display: block;
    width: 100%;
    height: 0;
}
.section-wrapper[data-section-key="gallery"][data-section-setting-gallery-type="simple"] .gallery-wrapper .gallery-item-wrapper .gallery-item-contents img{
    position: absolute;
    display: block;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}
.section-wrapper[data-section-key="gallery"][data-section-setting-gallery-type="simple"][data-section-setting-gallery-type-simple-aspect-ratio="square"] .gallery-wrapper .gallery-item-wrapper .gallery-item-contents{
    padding-bottom: 100%
}

.section-wrapper[data-section-key="gallery"][data-section-setting-gallery-type="simple"][data-section-setting-gallery-type-simple-aspect-ratio="standard"] .gallery-wrapper .gallery-item-wrapper .gallery-item-contents{
    padding-bottom: 66.666%
}

.section-wrapper[data-section-key="gallery"][data-section-setting-gallery-type="simple"][data-section-setting-gallery-type-simple-aspect-ratio="standardVertical"] .gallery-wrapper .gallery-item-wrapper .gallery-item-contents{
    padding-bottom: 150%
}

.section-wrapper[data-section-key="gallery"][data-section-setting-gallery-type="simple"][data-section-setting-gallery-type-simple-aspect-ratio="fourThree"] .gallery-wrapper .gallery-item-wrapper .gallery-item-contents{
    padding-bottom: 75%;
}

.section-wrapper[data-section-key="gallery"][data-section-setting-gallery-type="simple"][data-section-setting-gallery-type-simple-aspect-ratio="threeFourVertical"] .gallery-wrapper .gallery-item-wrapper .gallery-item-contents{
    padding-bottom: 133.333%
}

.section-wrapper[data-section-key="gallery"][data-section-setting-gallery-type="simple"][data-section-setting-gallery-type-simple-aspect-ratio="widescreen"] .gallery-wrapper .gallery-item-wrapper .gallery-item-contents{
    padding-bottom: 56.25%
}

/* Simple Gallery End */

/* Masonry Gallery Start */

.section-wrapper[data-section-key="gallery"][data-section-setting-gallery-type="masonry"] .gallery-wrapper{
    position: relative;
    width: 100%;
    display: block;
}
.section-wrapper[data-section-key="gallery"][data-section-setting-gallery-type="masonry"] .gallery-wrapper .gallery-item-wrapper{
    position: relative;
    width: 100%;
    display: block;
}
.section-wrapper[data-section-key="gallery"][data-section-setting-gallery-type="masonry"] .gallery-wrapper .gallery-item-wrapper .gallery-item-contents{
    position: relative;
}
.section-wrapper[data-section-key="gallery"][data-section-setting-gallery-type="masonry"] .gallery-wrapper .gallery-item-wrapper[data-loaded] img{
    height: auto !important;
}

/* Masonry Gallery End */

/* Strips Gallery Start */

.section-wrapper[data-section-key="gallery"][data-section-setting-gallery-type="strips"] .gallery-wrapper{
    position: relative;
    width: 100%;
}
.section-wrapper[data-section-key="gallery"][data-section-setting-gallery-type="strips"] .gallery-wrapper .gallery-item-wrapper{

}
.section-wrapper[data-section-key="gallery"][data-section-setting-gallery-type="strips"] .gallery-wrapper .gallery-item-wrapper .gallery-item-contents{
    position: relative;
    display: block;
    width: 100%;
}
.section-wrapper[data-section-key="gallery"][data-section-setting-gallery-type="strips"] .gallery-wrapper .gallery-item-wrapper[data-loaded] img{
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}

/* Strips Gallery End */

/* Caption Start */

.section-wrapper[data-section-key="gallery"][data-section-setting-caption-type="belowImage"] .gallery-wrapper .gallery-item-wrapper .gallery-item-caption-wrapper-outer{
    position: relative;
    width: 100%;
    padding: 15px 0;
    opacity: 1;
    visibility: visible;
}

.section-wrapper[data-section-key="gallery"][data-section-setting-caption-type="belowImage"][data-section-setting-animation="fading"] .gallery-wrapper .gallery-item-wrapper .gallery-item-caption-wrapper-outer,
.section-wrapper[data-section-key="gallery"][data-section-setting-caption-type="belowImage"][data-section-setting-animation="scaling"] .gallery-wrapper .gallery-item-wrapper .gallery-item-caption-wrapper-outer{
    transition: visibility 600ms cubic-bezier(.4,0,.2,1),opacity 600ms cubic-bezier(.4,0,.2,1);
    will-change: opacity;
    transition-delay: 800ms;
}

.section-wrapper[data-section-key="gallery"][data-section-setting-caption-type="belowImage"] .gallery-wrapper .gallery-item-wrapper .gallery-item-caption-background{
    display: none;
}

.section-wrapper[data-section-key="gallery"][data-section-setting-caption-type="overlay"] .gallery-wrapper .gallery-item-wrapper .gallery-item-caption-background{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
.section-wrapper[data-section-key="gallery"][data-section-setting-caption-type="overlay"] .gallery-wrapper .gallery-item-wrapper .gallery-item-caption-wrapper-outer{
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 10%;
    top: 0px;
    left: 0px;
    /* belowImage captions should not use color from image overlay so inherit */
    color: inherit;
}
.section-wrapper[data-section-key="gallery"][data-section-setting-caption-type="overlay"] .gallery-wrapper .gallery-item-wrapper.gallery-item-has-link .gallery-item-caption-wrapper-outer{
    /*
        The caption outer wrapper is technically above the item link
        so need to make the overlay caption outer wrapper not be able to
        receive clicks (or hovers) so that the item link below it can
        be clicked instead
    */
    pointer-events: none;
}
.section-wrapper[data-section-key="gallery"][data-section-setting-caption-type="overlay"] .gallery-wrapper .gallery-item-wrapper .gallery-item-caption-wrapper-inner{
    /* Set position relative so that caption text width does not exceed 100% */
    position: relative;
    height: 100%;
}
.section-wrapper[data-section-key="gallery"][data-section-setting-caption-type="overlay"] .gallery-wrapper .gallery-item-wrapper .gallery-item-caption-wrapper-outer .gallery-item-caption-text{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    width: 100%;
}
.section-wrapper[data-section-key="gallery"][data-section-setting-caption-text-align="center"] .gallery-wrapper .gallery-item-wrapper .gallery-item-caption-wrapper-outer{
    text-align: center;
}
.section-wrapper[data-section-key="gallery"][data-section-setting-caption-text-align="left"] .gallery-wrapper .gallery-item-wrapper .gallery-item-caption-wrapper-outer{
    text-align: left;
}
.section-wrapper[data-section-key="gallery"][data-section-setting-caption-text-align="right"] .gallery-wrapper .gallery-item-wrapper .gallery-item-caption-wrapper-outer{
    text-align: right;
}

.section-wrapper[data-section-key="gallery"] .gallery-wrapper .gallery-item-wrapper.media-not-provided .media-not-provided-thumbnail-wrapper{
    background-color: #DDDDDD;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
.section-wrapper[data-section-key="gallery"] .gallery-wrapper .gallery-item-wrapper.media-not-provided .media-not-provided-thumbnail-wrapper .media-not-provided-thumbnail{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
}

/* Caption End */

.section-wrapper[data-section-key="gallery"] .gallery-wrapper .gallery-item-wrapper:not([data-show]) .gallery-item-contents{
    opacity: 0;
    animation-name: none !important;
}
.section-wrapper[data-section-key="gallery"] .gallery-wrapper .gallery-item-wrapper:not([data-show]) .gallery-item-caption-wrapper-outer{
    opacity: 0;
    visibility: hidden;
}
.section-wrapper[data-section-key="gallery"][data-section-setting-animation="fading"] .gallery-item-wrapper .gallery-item-contents{
    animation-name: core-animation-fade-up;
    animation-duration: 800ms;
    animation-fill-mode: both;
    animation-iteration-count: 1;
}
.section-wrapper[data-section-key="gallery"][data-section-setting-animation="scaling"] .gallery-item-wrapper .gallery-item-contents{
    animation-name: core-animation-scale-up;
    animation-duration: 800ms;
    animation-fill-mode: both;
    animation-iteration-count: 1;
}
.section-wrapper[data-section-key="gallery"] .gallery-wrapper .gallery-item-wrapper .gallery-item-link{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

/* If in no-js mode (eg search engine crawler) then handle fallback */
html.no-js .section-wrapper[data-section-key="gallery"][data-section-setting-gallery-type="masonry"] .gallery-wrapper .gallery-item-contents-fallback img,
html.no-js .section-wrapper[data-section-key="gallery"][data-section-setting-gallery-type="strips"] .gallery-wrapper .gallery-item-contents-fallback img{
    max-height: 500px;
}

/*****************************************************/
/*        CONTENT SECTION - GALLERY END              */
/*****************************************************/

/*****************************************************/
/*       CONTENT SECTION - SLIDESHOW START           */
/*****************************************************/

.section-wrapper[data-section-key="slideshow"] .slideshow-wrapper{
    position: relative;
}

.section-wrapper[data-section-key="slideshow"] .slideshow{
    position: relative;
    /*
        Only show the slideshow when the the first slide placeholder
        blurry image has loaded
    */
    visibility: hidden;
}

html.no-js .section-wrapper[data-section-key="slideshow"] .slideshow{
    /* When no js case (eg search engine crawler) show slideshow */
    visibility: visible;
}

.section-wrapper[data-section-key="slideshow"] .slideshow .slideshow-item.media-not-provided{
    background-color: #DDDDDD;
}

.section-wrapper[data-section-key="slideshow"] .slideshow .slideshow-item.media-not-provided .slideshow-item-contents img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

.section-wrapper[data-section-key="slideshow"] .slideshow .slideshow-item .slideshow-item-contents img.slideshow-item-image{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

html.no-js .section-wrapper[data-section-key="slideshow"] .slideshow .slideshow-item .slideshow-item-contents img.slideshow-item-image{
    /*
        Hide original image in no js mode (eg search engine crawler)
        Fallback image is setup below
    */
    display: none;
}

html.no-js .section-wrapper[data-section-key="slideshow"] .slideshow .slideshow-item .slideshow-item-contents img.slideshow-item-image-fallback{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section-wrapper[data-section-key="slideshow"] .slideshow .slideshow-item .slideshow-item-overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

/* Slideshow height start */

.section-wrapper[data-section-key="slideshow"][data-section-setting-slide-height="small"] .slideshow .slideshow-item .slideshow-item-contents .image-wrapper{
    height: 175px;
}

.section-wrapper[data-section-key="slideshow"][data-section-setting-slide-height="medium"] .slideshow .slideshow-item .slideshow-item-contents .image-wrapper{
    height: 270px;
}

.section-wrapper[data-section-key="slideshow"][data-section-setting-slide-height="large"] .slideshow .slideshow-item .slideshow-item-contents .image-wrapper{
    height: 375px;
}

/* Slideshow height end */

/* Slideshow text start */

.section-wrapper[data-section-key="slideshow"] .slideshow .slideshow-item .slideshow-text-outer-wrapper{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
}

.section-wrapper[data-section-key="slideshow"] .slideshow .slideshow-item .slideshow-text-outer-wrapper .slideshow-text-middle-wrapper{
    position: absolute;
    width: 100%;
    text-align: center;
}

.section-wrapper[data-section-key="slideshow"] .slideshow .slideshow-item .slideshow-text-outer-wrapper .slideshow-text-inner-wrapper{
    /*
        Can't apply padding left/right on slideshow-text-middle-wrapper
        since it shows transition on that element and applying on
        slideshow-text-outer-wrapper messes with width of slideshow-text-middle-wrapper
    */
    padding-left: 4vw;
    padding-right: 4vw;
    margin: 0 auto;
}

.section-wrapper[data-section-key="slideshow"] .slideshow .slideshow-button-wrapper{
    margin-top: 20px;
}

/* Positioning for no container start */

.section-wrapper[data-section-key="slideshow"] .slideshow-item[data-desktop-content-position="top-left"] .slideshow-text-outer-wrapper .slideshow-text-middle-wrapper,
.section-wrapper[data-section-key="slideshow"] .slideshow-item[data-desktop-content-position="top-center"] .slideshow-text-outer-wrapper .slideshow-text-middle-wrapper,
.section-wrapper[data-section-key="slideshow"] .slideshow-item[data-desktop-content-position="top-right"] .slideshow-text-outer-wrapper .slideshow-text-middle-wrapper{
    top: 120px;
}

.section-wrapper[data-section-key="slideshow"] .slideshow-item[data-desktop-content-position="center-left"] .slideshow-text-outer-wrapper .slideshow-text-middle-wrapper,
.section-wrapper[data-section-key="slideshow"] .slideshow-item[data-desktop-content-position="center-center"] .slideshow-text-outer-wrapper .slideshow-text-middle-wrapper,
.section-wrapper[data-section-key="slideshow"] .slideshow-item[data-desktop-content-position="center-right"] .slideshow-text-outer-wrapper .slideshow-text-middle-wrapper{
    top: 50%;
    transform: translateY(-50%);
}

.section-wrapper[data-section-key="slideshow"] .slideshow-item[data-desktop-content-position="bottom-left"] .slideshow-text-outer-wrapper .slideshow-text-middle-wrapper,
.section-wrapper[data-section-key="slideshow"] .slideshow-item[data-desktop-content-position="bottom-center"] .slideshow-text-outer-wrapper .slideshow-text-middle-wrapper,
.section-wrapper[data-section-key="slideshow"] .slideshow-item[data-desktop-content-position="bottom-right"] .slideshow-text-outer-wrapper .slideshow-text-middle-wrapper{
    top: auto;
    bottom: 40px;
}

.section-wrapper[data-section-key="slideshow"] .slideshow-item[data-desktop-content-position="top-left"] .slideshow-text-outer-wrapper .slideshow-text-middle-wrapper,
.section-wrapper[data-section-key="slideshow"] .slideshow-item[data-desktop-content-position="center-left"] .slideshow-text-outer-wrapper .slideshow-text-middle-wrapper,
.section-wrapper[data-section-key="slideshow"] .slideshow-item[data-desktop-content-position="bottom-left"] .slideshow-text-outer-wrapper .slideshow-text-middle-wrapper{
    text-align: left;
}

.section-wrapper[data-section-key="slideshow"] .slideshow-item[data-desktop-content-position="top-center"] .slideshow-text-outer-wrapper .slideshow-text-middle-wrapper,
.section-wrapper[data-section-key="slideshow"] .slideshow-item[data-desktop-content-position="center-center"] .slideshow-text-outer-wrapper .slideshow-text-middle-wrapper,
.section-wrapper[data-section-key="slideshow"] .slideshow-item[data-desktop-content-position="bottom-center"] .slideshow-text-outer-wrapper .slideshow-text-middle-wrapper{
    text-align: center;
}

.section-wrapper[data-section-key="slideshow"] .slideshow-item[data-desktop-content-position="top-right"] .slideshow-text-outer-wrapper .slideshow-text-middle-wrapper,
.section-wrapper[data-section-key="slideshow"] .slideshow-item[data-desktop-content-position="center-right"] .slideshow-text-outer-wrapper .slideshow-text-middle-wrapper,
.section-wrapper[data-section-key="slideshow"] .slideshow-item[data-desktop-content-position="bottom-right"] .slideshow-text-outer-wrapper .slideshow-text-middle-wrapper{
    text-align: right;
}

@media screen and (max-width: 749px) {

    .section-wrapper[data-section-key="slideshow"] .slideshow-item[data-mobile-content-position="top-left"] .slideshow-text-outer-wrapper .slideshow-text-middle-wrapper,
    .section-wrapper[data-section-key="slideshow"] .slideshow-item[data-mobile-content-position="top-center"] .slideshow-text-outer-wrapper .slideshow-text-middle-wrapper,
    .section-wrapper[data-section-key="slideshow"] .slideshow-item[data-mobile-content-position="top-right"] .slideshow-text-outer-wrapper .slideshow-text-middle-wrapper{
        top: 120px;
    }

    .section-wrapper[data-section-key="slideshow"] .slideshow-item[data-mobile-content-position="center-left"] .slideshow-text-outer-wrapper .slideshow-text-middle-wrapper,
    .section-wrapper[data-section-key="slideshow"] .slideshow-item[data-mobile-content-position="center-center"] .slideshow-text-outer-wrapper .slideshow-text-middle-wrapper,
    .section-wrapper[data-section-key="slideshow"] .slideshow-item[data-mobile-content-position="center-right"] .slideshow-text-outer-wrapper .slideshow-text-middle-wrapper{
        top: 50%;
        transform: translateY(-50%);
    }

    .section-wrapper[data-section-key="slideshow"] .slideshow-item[data-mobile-content-position="bottom-left"] .slideshow-text-outer-wrapper .slideshow-text-middle-wrapper,
    .section-wrapper[data-section-key="slideshow"] .slideshow-item[data-mobile-content-position="bottom-center"] .slideshow-text-outer-wrapper .slideshow-text-middle-wrapper,
    .section-wrapper[data-section-key="slideshow"] .slideshow-item[data-mobile-content-position="bottom-right"] .slideshow-text-outer-wrapper .slideshow-text-middle-wrapper{
        top: auto;
        bottom: 40px;
    }

    .section-wrapper[data-section-key="slideshow"] .slideshow-item[data-mobile-content-position="top-left"] .slideshow-text-outer-wrapper .slideshow-text-middle-wrapper,
    .section-wrapper[data-section-key="slideshow"] .slideshow-item[data-mobile-content-position="center-left"] .slideshow-text-outer-wrapper .slideshow-text-middle-wrapper,
    .section-wrapper[data-section-key="slideshow"] .slideshow-item[data-mobile-content-position="bottom-left"] .slideshow-text-outer-wrapper .slideshow-text-middle-wrapper{
        text-align: left;
    }

    .section-wrapper[data-section-key="slideshow"] .slideshow-item[data-mobile-content-position="top-center"] .slideshow-text-outer-wrapper .slideshow-text-middle-wrapper,
    .section-wrapper[data-section-key="slideshow"] .slideshow-item[data-mobile-content-position="center-center"] .slideshow-text-outer-wrapper .slideshow-text-middle-wrapper,
    .section-wrapper[data-section-key="slideshow"] .slideshow-item[data-mobile-content-position="bottom-center"] .slideshow-text-outer-wrapper .slideshow-text-middle-wrapper{
        text-align: center;
    }

    .section-wrapper[data-section-key="slideshow"] .slideshow-item[data-mobile-content-position="top-right"] .slideshow-text-outer-wrapper .slideshow-text-middle-wrapper,
    .section-wrapper[data-section-key="slideshow"] .slideshow-item[data-mobile-content-position="center-right"] .slideshow-text-outer-wrapper .slideshow-text-middle-wrapper,
    .section-wrapper[data-section-key="slideshow"] .slideshow-item[data-mobile-content-position="bottom-right"] .slideshow-text-outer-wrapper .slideshow-text-middle-wrapper{
        text-align: right;
    }

}

/* Positioning for no container end */

/* Positioning for container start */
/*
.section-wrapper[data-section-key="slideshow"] .slideshow-item[data-desktop-content-position="top-left"] .banner-block .banner__content,
.section-wrapper[data-section-key="slideshow"] .slideshow-item[data-desktop-content-position="top-center"] .banner-block .banner__content,
.section-wrapper[data-section-key="slideshow"] .slideshow-item[data-desktop-content-position="top-right"] .banner-block .banner__content{
    align-items: flex-start;
    justify-content: flex-start;
}

.section-wrapper[data-section-key="slideshow"] .slideshow-item[data-desktop-content-position="center-left"] .banner-block .banner__content,
.section-wrapper[data-section-key="slideshow"] .slideshow-item[data-desktop-content-position="center-center"] .banner-block .banner__content,
.section-wrapper[data-section-key="slideshow"] .slideshow-item[data-desktop-content-position="center-right"] .banner-block .banner__content{
    align-items: center;
    justify-content: center;
}

.section-wrapper[data-section-key="slideshow"] .slideshow-item[data-desktop-content-position="bottom-left"] .banner-block .banner__content,
.section-wrapper[data-section-key="slideshow"] .slideshow-item[data-desktop-content-position="bottom-center"] .banner-block .banner__content,
.section-wrapper[data-section-key="slideshow"] .slideshow-item[data-desktop-content-position="bottom-right"] .banner-block .banner__content{
    align-items: flex-end;
    justify-content: flex-end;
}
*/
/* Positioning for container end */

/* Slideshow text end */

/* Slideshow controls start */

.section-wrapper[data-section-key="slideshow"] .slideshow-controls-wrapper{
    position: absolute;
    margin-bottom: 10px;
    display: flex;
    top: auto;
    bottom: 0;
}

.section-wrapper[data-section-key="slideshow"][data-section-setting-controls-alignment="left"] .slideshow-controls-wrapper{
    left: 8px;
    right: auto;
}

.section-wrapper[data-section-key="slideshow"][data-section-setting-controls-alignment="center"] .slideshow-controls-wrapper{
    justify-content: center;
    left: 0;
    right: 0;
}

.section-wrapper[data-section-key="slideshow"][data-section-setting-controls-alignment="right"] .slideshow-controls-wrapper{
    left: auto;
    right: 8px;
}

.section-wrapper[data-section-key="slideshow"] .slideshow-controls-wrapper .slideshow-controls{
    height: 35px;
    padding: 5px 0px;
    background-clip: content-box;
    color: rgba(255,255,255,0.5);
    transition: color 0.2s cubic-bezier(0.44, 0.13, 0.48, 0.87),background-color 0.2s cubic-bezier(0.44, 0.13, 0.48, 0.87);
    display: none;
    /* Ensure controls are above slides */
    z-index: 1;
    position: relative;
    /* Need margin for dotsOnly case */
    margin: 0 6px;
}

.section-wrapper[data-section-key="slideshow"] .slideshow-controls-wrapper .slideshow-controls .slideshow-controls-background-wrapper{
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    overflow: hidden;
    opacity: 0.4;
    transition: opacity 0.2s cubic-bezier(0.44, 0.13, 0.48, 0.87);
}
.section-wrapper[data-section-key="slideshow"] .slideshow-controls-wrapper .slideshow-controls:hover .slideshow-controls-background-wrapper{
    opacity: 0.75;
}

.section-wrapper[data-section-key="slideshow"] .slideshow-controls-wrapper .slideshow-controls .slideshow-controls-contents-wrapper{
    display: flex;
    justify-content: center;
    position: relative;
}

.section-wrapper[data-section-key="slideshow"][data-section-setting-controls-layout="dotsOnly"] .slideshow-controls-wrapper .slideshow-controls .slideshow-controls-background-wrapper{
    /*
        Must never allow a background color to appear in dotsOnly case
        Need important so that when in builder mode, on the colors sidebar
        that the chosen background color does not appear
    */
    background-color: transparent !important;
}

.section-wrapper[data-section-key="slideshow"] .slideshow-controls-wrapper .slideshow-controls .slideshow-arrow{
    height: 35px;
    width: 42px;
    position: relative;
    top: -5px;
    padding: 0 14.4px;
    line-height: 0;
    cursor: pointer;
    transition: color 0.2s cubic-bezier(0.44, 0.13, 0.48, 0.87),background-color 0.2s cubic-bezier(0.44, 0.13, 0.48, 0.87);
    background-color: transparent;
    border: none;
}

.section-wrapper[data-section-key="slideshow"] .slideshow-controls-wrapper .slideshow-controls .slideshow-arrow svg{
    width: 15.2px;
    height: 15.2px;
}

.section-wrapper[data-section-key="slideshow"] .slideshow-controls-wrapper .slideshow-controls .slideshow-arrow.slideshow-arrow-prev{
    order: -1;
    display: inline-block;
}

.section-wrapper[data-section-key="slideshow"] .slideshow-controls-wrapper .slideshow-controls .slideshow-arrow.slideshow-arrow-next{
    order: 1;
    display: inline-block;
}

.section-wrapper[data-section-key="slideshow"] .slideshow-controls-wrapper .slideshow-controls .slideshow-dots-wrapper{
    text-align: center;
    display: inline-block;
}

.section-wrapper[data-section-key="slideshow"] .slideshow-controls-wrapper .slideshow-controls .slideshow-dots-wrapper .swiper-pagination-bullet{
    margin-left: 9px;
    opacity: 0.4;
    /* Needs position relative so it appears above slideshow-controls:after */
    position: relative;
}

.section-wrapper[data-section-key="slideshow"] .slideshow-controls-wrapper .slideshow-controls .slideshow-dots-wrapper .swiper-pagination-bullet:first-child{
    margin-left: 0px;
}

.section-wrapper[data-section-key="slideshow"] .slideshow-controls-wrapper .slideshow-controls .slideshow-dots-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active{
    opacity: 1;
}

.section-wrapper[data-section-key="slideshow"][data-section-setting-auto-play="no"] .slideshow-controls-wrapper .slideshow-pause-button,
/* controls can only be hidden if autoplay is enabled */
.section-wrapper[data-section-key="slideshow"][data-section-setting-auto-play="yes"][data-section-setting-auto-play-show-controls="no"] .slideshow-controls-wrapper,
.section-wrapper[data-section-key="slideshow"][data-section-setting-controls-layout="prevNextButtonsOnly"] .slideshow-controls-wrapper .slideshow-dots-wrapper,
.section-wrapper[data-section-key="slideshow"][data-section-setting-controls-layout="dotsOnly"] .slideshow-controls-wrapper button.slideshow-arrow,
.section-wrapper[data-section-key="slideshow"][data-section-setting-controls-layout="dotsOnly"] .slideshow-controls-wrapper .slideshow-pause-button,
.section-wrapper[data-section-key="slideshow"][data-section-setting-controls-layout="prevNextButtonsOnly"] .slideshow-controls-wrapper .slideshow-pause-button{
    /*
        Setting !important to override theme specific styles
        such as osiris.css which uses display flex for 'slideshow-dots-wrapper'
    */
    display: none !important;
}

.section-wrapper[data-section-key="slideshow"] .slideshow-controls-wrapper .slideshow-pause-button{
    clip: auto;
    width: 42px;
    height: 35px;
    margin-left: 10px;
    padding: 5px;
    z-index: 10000;
    border: none;
    /*transition: color 0.2s cubic-bezier(0.44, 0.13, 0.48, 0.87), background-color 0.2s cubic-bezier(0.44, 0.13, 0.48, 0.87);*/
    line-height: 0;
    position: relative;
    background-color: transparent;
}

.section-wrapper[data-section-key="slideshow"] .slideshow-controls-wrapper .slideshow-pause-button:before{
    opacity: 0.4;
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    transition: opacity 0.2s cubic-bezier(0.44, 0.13, 0.48, 0.87);
}

.section-wrapper[data-section-key="slideshow"] .slideshow-controls-wrapper .slideshow-pause-button:hover:before{
    opacity: 0.75;
}

.section-wrapper[data-section-key="slideshow"] .slideshow-controls-wrapper .slideshow-pause-button .pause-icon-wrapper,
.section-wrapper[data-section-key="slideshow"] .slideshow-controls-wrapper .slideshow-pause-button .play-icon-wrapper{
    /* Needs position relative so it appears above slideshow-controls:after */
    position: relative;
}

.section-wrapper[data-section-key="slideshow"] .slideshow-controls-wrapper .slideshow-pause-button .icon{
    width: 9px;
    height: 9px;
}

.section-wrapper[data-section-key="slideshow"] .slideshow-controls-wrapper .slideshow-pause-button[data-state="playing"] .play-icon-wrapper{
    display: none;
}

.section-wrapper[data-section-key="slideshow"] .slideshow-controls-wrapper .slideshow-pause-button[data-state="paused"] .pause-icon-wrapper{
    display: none;
}

/* Slideshow controls end */

/* Slideshow entrance animation start */

.section-wrapper[data-section-key="slideshow"] .slideshow .slideshow-item .slideshow-heading-text,
.section-wrapper[data-section-key="slideshow"] .slideshow .slideshow-item .slideshow-subheading-text,
.section-wrapper[data-section-key="slideshow"] .slideshow .slideshow-item .slideshow-button-wrapper{
    opacity: 0;
    transform: translate3d(0, 20px, 0);
    transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.45s, transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.45s;
    will-change: opacity, transform;
}

.section-wrapper[data-section-key="slideshow"] .slideshow-wrapper.swiper-container-initialized .slideshow .slideshow-item.swiper-slide-active .slideshow-heading-text,
.section-wrapper[data-section-key="slideshow"] .slideshow-wrapper.swiper-container-initialized .slideshow .slideshow-item.swiper-slide-active .slideshow-subheading-text,
.section-wrapper[data-section-key="slideshow"] .slideshow-wrapper.swiper-container-initialized .slideshow .slideshow-item.swiper-slide-active .slideshow-button-wrapper{
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.section-wrapper[data-section-key="slideshow"] .slideshow-wrapper.swiper-container-initialized .slideshow .slideshow-item.swiper-slide-active .slideshow-subheading-text{
    transition-delay: 0.5s;
}

.section-wrapper[data-section-key="slideshow"] .slideshow-wrapper.swiper-container-initialized .slideshow .slideshow-item.swiper-slide-active .slideshow-button-wrapper{
    transition-delay: 0.55s;
}

/* Slideshow entrance animation end */

.section-wrapper[data-section-key="slideshow"] .banner-block{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
}

.section-wrapper[data-section-key="slideshow"] .banner-block .banner__box{
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 34.0625rem;
}

/* The banner shouldn't use its own height but inherit slideshow height */
.section-wrapper[data-section-key="slideshow"] .banner-block .banner{
    min-height: auto !important;
    height: 100% !important;
}

@media screen and (max-width: 749px) {

    /* When height is set to useFirstImageHeight need to override inline height set */
    .section-wrapper[data-section-key="slideshow"][data-section-setting-show-container="yes"] .slideshow{
        height: auto !important;
    }

    /*
        With Oasis theme the banner__box has border which looks really bad when viewing
        on mobile and one slide has larger height than another
    */
    .section-wrapper[data-section-key="slideshow"] .banner-block .banner__box{
        border: none;
    }

    .section-wrapper[data-section-key="slideshow"] .banner-block{
        position: static;
        height: auto;
    }

    .section-wrapper[data-section-key="slideshow"] .banner-block .banner__box{
        max-width: 100%;
    }

}

/*****************************************************/
/*       CONTENT SECTION - SLIDESHOW END             */
/*****************************************************/

/*****************************************************/
/*       CONTENT SECTION - IMAGE AND TEXT START      */
/*****************************************************/

/*****************************************************/
/*       CONTENT SECTION - IMAGE AND TEXT END        */
/*****************************************************/

/*****************************************************/
/*          CONTENT SECTION - HEADLINE START         */
/*****************************************************/

.section-wrapper[data-section-key="headline"][data-section-setting-text-align="left"]{
    text-align: left;
}

.section-wrapper[data-section-key="headline"][data-section-setting-text-align="center"]{
    text-align: center;
}

.section-wrapper[data-section-key="headline"][data-section-setting-text-align="right"]{
    text-align: right;
}

/*****************************************************/
/*          CONTENT SECTION - HEADLINE END           */
/*****************************************************/

/********************************************************************/
/*          CONTENT SECTION - HEADLINE IMAGE DOUBLE START           */
/********************************************************************/

.section-wrapper[data-section-key="headline-image-double"][data-section-setting-text-align="left"]{
    text-align: left;
}

.section-wrapper[data-section-key="headline-image-double"][data-section-setting-text-align="center"]{
    text-align: center;
}

.section-wrapper[data-section-key="headline-image-double"][data-section-setting-text-align="right"]{
    text-align: right;
}

.section-wrapper[data-section-key="headline-image-double"] .section-contents-wrapper{
    /* Magic padding for first section below header won't work if this is relative */
    position: static;
}

/********************************************************************/
/*          CONTENT SECTION - HEADLINE IMAGE DOUBLE END             */
/********************************************************************/

/*****************************************************/
/*         CONTENT SECTION - LOGO LIST START         */
/*****************************************************/

.section-wrapper[data-section-key="logo-list"] .logo-list-wrapper{
    /* Need decent separation between heading and logo list */
    margin-top: 15px;
}

.section-wrapper[data-section-key="logo-list"][data-section-setting-text-align="left"] .heading-text{
    text-align: left;
}

.section-wrapper[data-section-key="logo-list"][data-section-setting-text-align="center"] .heading-text{
    text-align: center;
}

.section-wrapper[data-section-key="logo-list"][data-section-setting-text-align="right"] .heading-text{
    text-align: right;
}

.section-wrapper[data-section-key="logo-list"] .logo-list-wrapper .logo-list-item-wrapper{
    max-width: 500px;
    /*
        If there are more columns than row can handle
        then need margin bottom to separate logos
    */
    margin-bottom: 15px;
}

html.no-js .section-wrapper[data-section-key="logo-list"] .logo-list-wrapper .logo-list-item-wrapper .image-wrapper img.section-image{
    display: none;
}

html.no-js .section-wrapper[data-section-key="logo-list"] .logo-list-wrapper .logo-list-item-wrapper .image-wrapper img.section-image-fallback{
    position: absolute;
    width: 100%;
}

.section-wrapper[data-section-key="logo-list"] .logo-list-wrapper .logo-list-item-wrapper .media-not-provided-thumbnail-wrapper{
    background-color: #FFFFFF;
    padding-bottom: 62.6%;
}

.section-wrapper[data-section-key="logo-list"] .logo-list-wrapper .logo-list-item-wrapper .media-not-provided-thumbnail-wrapper img.media-not-provided-thumbnail{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20%;
}

.section-wrapper[data-section-key="logo-list"] .logo-list-wrapper .logo-list-item-wrapper .image-wrapper .section-link{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

/*****************************************************/
/*         CONTENT SECTION - LOGO LIST END           */
/*****************************************************/

/*******************************************************************/
/*          CONTENT SECTION - IMAGE AND TEXT COLUMNS START         */
/*******************************************************************/

.section-wrapper[data-section-key="image-and-text-columns"] .column-item-wrapper{
    padding-top: 20px;
}

body:not([data-theme-key="aerosmith"]) .section-wrapper[data-section-key="image-and-text-columns"] .column-item-wrapper{
    height: 100%;
    padding-top: 0px;
}

.section-wrapper[data-section-key="image-and-text-columns"] .column-item-wrapper .text-row-contents{
    padding-top: 20px;
}

body:not([data-theme-key="aerosmith"]) .section-wrapper[data-section-key="image-and-text-columns"] .column-item-wrapper .text-row-contents{
    padding: 25px;
}

@media (max-width: 769px) {
    body:not([data-theme-key="aerosmith"]) .section-wrapper[data-section-key="image-and-text-columns"] .row .image-and-text-column-item{
        margin-top: 25px;
    }
    body:not([data-theme-key="aerosmith"]) .section-wrapper[data-section-key="image-and-text-columns"] .row .image-and-text-column-item:first-child{
        margin-top: 0px;
    }
}

.section-wrapper[data-section-key="image-and-text-columns"][data-section-setting-text-align-heading-main="left"] .heading-text-main,
.section-wrapper[data-section-key="image-and-text-columns"][data-section-setting-text-align="left"] .column-item-wrapper .text-row-contents,
.section-wrapper[data-section-key="image-and-text-columns"][data-section-setting-show-more-button-align="left"] .show-more-button-wrapper{
    text-align: left;
}

.section-wrapper[data-section-key="image-and-text-columns"][data-section-setting-text-align-heading-main="center"] .heading-text-main,
.section-wrapper[data-section-key="image-and-text-columns"][data-section-setting-text-align="center"] .column-item-wrapper .text-row-contents,
.section-wrapper[data-section-key="image-and-text-columns"][data-section-setting-show-more-button-align="center"] .show-more-button-wrapper{
    text-align: center;
}

.section-wrapper[data-section-key="image-and-text-columns"][data-section-setting-text-align-heading-main="right"] .heading-text-main,
.section-wrapper[data-section-key="image-and-text-columns"][data-section-setting-text-align="right"] .column-item-wrapper .text-row-contents,
.section-wrapper[data-section-key="image-and-text-columns"][data-section-setting-show-more-button-align="right"] .show-more-button-wrapper{
    text-align: right;
}

.section-wrapper[data-section-key="image-and-text-columns"][data-section-setting-image-align="center"] .image-row-contents{
    margin-left: auto;
    margin-right: auto;
}
.section-wrapper[data-section-key="image-and-text-columns"][data-section-setting-image-align="right"] .image-row-contents{
    margin-left: auto;
    margin-right: 0px;
}

.section-wrapper[data-section-key="image-and-text-columns"] .media-not-provided-thumbnail-wrapper{
    background-color: #DDDDDD;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}

.section-wrapper[data-section-key="image-and-text-columns"][data-section-setting-image-width="50"] .image-row-contents{
    width: 50%;
}
.section-wrapper[data-section-key="image-and-text-columns"][data-section-setting-image-width="33"] .image-row-contents{
    width: 33.33%;
}

.section-wrapper[data-section-key="image-and-text-columns"][data-section-setting-text-align="center"] .image-row-contents{
    margin-left: auto;
    margin-right: auto;
}
.section-wrapper[data-section-key="image-and-text-columns"][data-section-setting-text-align="right"] .image-row-contents{
    margin-left: auto;
}

.section-wrapper[data-section-key="image-and-text-columns"][data-section-setting-image-aspect-ratio="adapt"] .image-row-contents .media img{
    left: 50%;
    transform: translate(-50%);
    width: auto;
}

.section-wrapper[data-section-key="image-and-text-columns"][data-section-setting-show-column-background="yes"] .column-item-wrapper{
    padding-top: 0px;
    margin-bottom: 30px;
}
.section-wrapper[data-section-key="image-and-text-columns"][data-section-setting-show-column-background="yes"] .image-row-contents{
    padding-top: 1.5625rem;
}
.section-wrapper[data-section-key="image-and-text-columns"][data-section-setting-show-column-background="yes"] .text-row-contents{
    padding: 1.5625rem;
}
.section-wrapper[data-section-key="image-and-text-columns"][data-section-setting-show-column-background="yes"] .column-item-wrapper{
    background-color: rgba(var(--color-text-regular), 0.04);
}





.section-wrapper[data-section-key="image-and-text-columns"][data-section-setting-image-aspect-ratio="adapt"] .image-row-contents .media{
    padding-bottom: var(--ratio-percent);
}
.section-wrapper[data-section-key="image-and-text-columns"][data-section-setting-image-aspect-ratio="square"] .image-row-contents .media{
    padding-bottom: 100%;
}
.section-wrapper[data-section-key="image-and-text-columns"][data-section-setting-image-aspect-ratio="circle"] .image-row-contents .media{
    padding-bottom: 100%;
    border-radius: 50%;
}
.section-wrapper[data-section-key="image-and-text-columns"][data-section-setting-image-aspect-ratio="standard"] .image-row-contents .media{
    padding-bottom: 66.666%;
}
.section-wrapper[data-section-key="image-and-text-columns"][data-section-setting-image-aspect-ratio="standardVertical"] .image-row-contents .media{
    padding-bottom: 150%;
}
.section-wrapper[data-section-key="image-and-text-columns"][data-section-setting-image-aspect-ratio="fourThree"] .image-row-contents .media{
    padding-bottom: 75%;
}
.section-wrapper[data-section-key="image-and-text-columns"][data-section-setting-image-aspect-ratio="threeFourVertical"] .image-row-contents .media{
    padding-bottom: 133.333%;
}
.section-wrapper[data-section-key="image-and-text-columns"][data-section-setting-image-aspect-ratio="widescreen"] .image-row-contents .media{
    padding-bottom: 56.25%;
}






.section-wrapper[data-section-key="image-and-text-columns"] .show-more-button-wrapper{
    margin-top: 20px;
}

/*******************************************************************/
/*          CONTENT SECTION - IMAGE AND TEXT COLUMNS END           */
/*******************************************************************/

/*****************************************************/
/*                  ABOUT ME START                   */
/*****************************************************/

@media screen and (min-width: 768px) {
    .section-wrapper[data-section-key="about-me"] .section-contents{
        /* Flex allows the profile image and text to be positioned nicely */
        display: flex;
    }
}

.section-wrapper[data-section-key="about-me"][data-section-setting-show-follow-button="no"] .follow-wrapper,
.section-wrapper[data-section-key="about-me"][data-section-setting-show-social-media-icons="no"] .social-wrapper{
    display: none;
}

.section-wrapper[data-section-key="about-me"][data-section-setting-image-shape="circle"] .icon-image-wrapper-outer .image-wrapper,
.section-wrapper[data-section-key="about-me"][data-section-setting-image-shape="circle"] .icon-image-wrapper-outer .icon-image-wrapper-inner{
    border-radius: 50%;
}

.section-wrapper[data-section-key="about-me"] .icon-image-wrapper-outer{
    width: 200px;
    margin-right: 50px;
}

@media screen and (max-width: 767px) {
    .section-wrapper[data-section-key="about-me"] .icon-image-wrapper-outer{
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .about-me-text-wrapper{
        text-align: center;
    }
    .section-wrapper[data-section-key="about-me"] .follow-wrapper .stage-2 form{
        /* To make the form contents centered need to adjust */
        margin-left: -49px;
    }
}

.section-wrapper[data-section-key="about-me"] .icon-image-wrapper-outer .icon-image-wrapper-inner{
    display: inline-block;
    margin: 0px 2px 0;
    vertical-align: middle;
    width: 200px;
    height: 200px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
    border: 1px solid #DDDDDD;
    padding: 5px;
    background-color: #FFFFFF;
    position: relative;
}

.section-wrapper[data-section-key="about-me"] .icon-image-wrapper-outer .image-wrapper{
    width: 190px;
    height: 190px;
    position: relative;
    overflow: hidden;
}

.section-wrapper[data-section-key="about-me"] .icon-image-wrapper-outer .image-wrapper img.section-image{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 50%;
    left: 50%;
    margin-left: -95px;
    margin-top: -95px;
}

.section-wrapper[data-section-key="about-me"] .social-wrapper{
    position: absolute;
    top: 20px;
    right: 20px;
}

@media screen and (max-width: 767px) {
    .section-wrapper[data-section-key="about-me"] .social-wrapper{
        display: none;
    }
}

.section-wrapper[data-section-key="about-me"] .social-wrapper a.social-link svg{
    width: 18px;
    height: 18px;
}

.section-wrapper[data-section-key="about-me"] .social-wrapper a.social-link.social-link-youtube svg{
    width: 22px;
    height: 22px; 
}

.section-wrapper[data-section-key="about-me"] .social-wrapper a.social-link{
    margin-right: 18px;
}
.section-wrapper[data-section-key="about-me"] .social-wrapper a.social-link:last-child{
    margin-right: 0px;
}

.section-wrapper[data-section-key="about-me"] .social-wrapper a.social-link:hover{
    text-decoration: none;
}

.section-wrapper[data-section-key="about-me"] .social-wrapper a.social-link:hover svg{
    opacity: 0.5;
}

.section-wrapper[data-section-key="about-me"] .website{
    text-align: center;
}

.section-wrapper[data-section-key="about-me"] .follow-wrapper{
    margin-top: 20px;
}

/*
    This is a mistake I made in the past, button padding is customisable
    I shouldn't have fixed the padding here.
    However for backwards compatibility Aerosmith will stay the same
    whereas new themes won't fix padding on this button.
*/
body[data-theme-key="aerosmith"] .section-wrapper[data-section-key="about-me"] .follow-wrapper .stage-1 .btn{
    padding: 10px 20px;
}

/*
    Don't need to set top for non-Aerosmith themes, things look fine
*/
body[data-theme-key="aerosmith"] .section-wrapper[data-section-key="about-me"] .follow-wrapper .stage-1 .btn .icon{
    top: 0.1em;
}

.section-wrapper[data-section-key="about-me"] .follow-wrapper .stage-1 .btn .icon{
    vertical-align: middle;
    position: relative;
}

.section-wrapper[data-section-key="about-me"] .follow-wrapper .stage-2 .follow-error-message{
    color: #DC3545;
    margin-bottom: 5px;
}

.section-wrapper[data-section-key="about-me"] .follow-wrapper .stage-2 form{
    max-width: 300px;
    position: relative;
    margin-bottom: 10px;
    display: inline-table;
}

.section-wrapper[data-section-key="about-me"] .follow-wrapper .stage-2 form input[type="email"]{
    color: #666;
    box-shadow: none;
    height: 50px;
    display: block;
    margin: 0;
    padding: 16px;
    /* Since this is an input, it's OK to hardcode font size */
    font-size: 18px;
    -webkit-transition: all 150ms;
    transition: all 150ms;
    display: table-cell;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.section-wrapper[data-section-key="about-me"] .follow-wrapper .stage-2 form input[type="email"].is-invalid{
    background-image: none;
}

.section-wrapper[data-section-key="about-me"] .follow-wrapper .stage-2 form .btn{
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 1em;
    padding-right: 1em;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    position: absolute;
    top: 0px;
    height: 100%;
    /*
        Regardless of font size of custom style this button must always remain
        at 16px since it would otherwise break layout if large font sizes are used
    */
    font-size: 16px !important;
}

.section-wrapper[data-section-key="about-me"] .follow-wrapper .stage-2 form .btn .icon{
    position: relative;
    top: 4px;
}

.section-wrapper[data-section-key="about-me"] .follow-wrapper .stage-2 form .btn .spinner-border{
    position: relative;
    top: -2px;
    left: -1px;
}

.section-wrapper[data-section-key="about-me"] .follow-wrapper .stage-3 .icon{
    /* No need to use custom style here, green indicates success */
    background-color: #55BC75;
    color: #FFFFFF;
    /*
        The tick must always remain at 25px since there's no need
        for it to be customisable
    */
    font-size: 25px;
    border-radius: 50%;
    display: inline-block;
    width: 50px;
    height: 50px;
    padding-top: 12px;
    text-align: center;
}

/*****************************************************/
/*                  ABOUT ME START                   */
/*****************************************************/

/********************************************************/
/*         CONTENT SECTION - IMAGE DOUBLE START         */
/********************************************************/

.section-wrapper[data-section-key="image-double"] .image-block{
    /* Padding for mobile, need decent separation */
    padding-top: 15px;
    padding-bottom: 15px;
}

.section-wrapper[data-section-key="image-double"][data-section-setting-layout="imageOneOffset"] .row .image-column:first-child,
.section-wrapper[data-section-key="image-double"][data-section-setting-layout="imageTwoOffset"] .row .image-column:last-child{
    padding-top: 100px;
}

/********************************************************/
/*         CONTENT SECTION - IMAGE DOUBLE END           */
/********************************************************/

/********************************************************/
/*         CONTENT SECTION - IMAGE SINGLE START         */
/********************************************************/

.section-wrapper[data-section-key="image-single"] .media-not-provided-thumbnail-wrapper{
    background-color: #DDDDDD;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
    /* Image position is also controlled by text-align so use inline-block */
    display: inline-block;
    width: 350px;
    height: 400px;
    position: relative;
}

.section-wrapper[data-section-key="image-single"] .media-not-provided-thumbnail-wrapper img.media-not-provided-thumbnail{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

/********************************************************/
/*         CONTENT SECTION - IMAGE SINGLE END           */
/********************************************************/

/*******************************************************************/
/*        CONTENT SECTION - TESTIMONIAL IMAGE COLUMNS START        */
/*******************************************************************/

.section-wrapper[data-section-key="testimonial-image-columns"] .column-item-wrapper{
    padding-top: 20px;
}

.section-wrapper[data-section-key="testimonial-image-columns"] .column-item-wrapper .text-row-contents{
    padding-top: 20px;
}

.section-wrapper[data-section-key="testimonial-image-columns"][data-section-setting-text-align-heading-main="left"] .heading-text-main,
.section-wrapper[data-section-key="testimonial-image-columns"][data-section-setting-text-align="left"] .column-item-wrapper .text-row-contents{
    text-align: left;
}

.section-wrapper[data-section-key="testimonial-image-columns"][data-section-setting-text-align-heading-main="center"] .heading-text-main,
.section-wrapper[data-section-key="testimonial-image-columns"][data-section-setting-text-align="center"] .column-item-wrapper .text-row-contents{
    text-align: center;
}

.section-wrapper[data-section-key="testimonial-image-columns"][data-section-setting-text-align-heading-main="right"] .heading-text-main,
.section-wrapper[data-section-key="testimonial-image-columns"][data-section-setting-text-align="right"] .column-item-wrapper .text-row-contents{
    text-align: right;
}

.section-wrapper[data-section-key="testimonial-image-columns"] .media-not-provided-thumbnail-wrapper{
    background-color: #DDDDDD;
    text-align: center;
    padding-top: 100px;
    padding-bottom: 100px;
}

/*******************************************************************/
/*        CONTENT SECTION - TESTIMONIAL IMAGE COLUMNS END          */
/*******************************************************************/

/*******************************************************************/
/*        CONTENT SECTION - TESTIMONIAL SIMPLE COLUMNS START       */
/*******************************************************************/

.section-wrapper[data-section-key="testimonial-simple-columns"] .column-item-wrapper{
    padding-top: 20px;
}

.section-wrapper[data-section-key="testimonial-simple-columns"] .column-item-wrapper .text-row-contents{
    padding-top: 20px;
}

.section-wrapper[data-section-key="testimonial-simple-columns"][data-section-setting-text-align-heading-main="left"] .heading-text-main,
.section-wrapper[data-section-key="testimonial-simple-columns"][data-section-setting-text-align="left"] .column-item-wrapper .text-row-contents,
.section-wrapper[data-section-key="testimonial-simple-columns"][data-section-setting-text-align="left"] .quotation-mark-wrapper{
    text-align: left;
}

.section-wrapper[data-section-key="testimonial-simple-columns"][data-section-setting-text-align-heading-main="center"] .heading-text-main,
.section-wrapper[data-section-key="testimonial-simple-columns"][data-section-setting-text-align="center"] .column-item-wrapper .text-row-contents,
.section-wrapper[data-section-key="testimonial-simple-columns"][data-section-setting-text-align="center"] .quotation-mark-wrapper{
    text-align: center;
}

.section-wrapper[data-section-key="testimonial-simple-columns"][data-section-setting-text-align-heading-main="right"] .heading-text-main,
.section-wrapper[data-section-key="testimonial-simple-columns"][data-section-setting-text-align="right"] .column-item-wrapper .text-row-contents,
.section-wrapper[data-section-key="testimonial-simple-columns"][data-section-setting-text-align="right"] .quotation-mark-wrapper{
    text-align: right;
}

/*******************************************************************/
/*        CONTENT SECTION - TESTIMONIAL SIMPLE COLUMNS END         */
/*******************************************************************/

/*******************************************************************/
/*             CONTENT SECTION - VIDEO AND TEXT ROWS START         */
/*******************************************************************/

.section-wrapper[data-section-key="video-and-text-rows"] .video-block{
    position: relative;
}

.section-wrapper[data-section-key="video-and-text-rows"] .video-block .embed-code-wrapper iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.section-wrapper[data-section-key="video-and-text-rows"] .text-row-contents{
    padding-bottom: 20px;
}

.section-wrapper[data-section-key="video-and-text-rows"][data-section-setting-text-align="left"] .text-row-contents{
    text-align: left;
}

.section-wrapper[data-section-key="video-and-text-rows"][data-section-setting-text-align="center"] .text-row-contents{
    text-align: center;
}

.section-wrapper[data-section-key="video-and-text-rows"][data-section-setting-text-align="right"] .text-row-contents{
    text-align: right;
}

/*******************************************************************/
/*             CONTENT SECTION - VIDEO AND TEXT ROWS START         */
/*******************************************************************/

/*******************************************************************/
/*           CONTENT SECTION - VIDEO AND TEXT COLUMNS START        */
/*******************************************************************/

.section-wrapper[data-section-key="video-and-text-columns"] .video-block{
    position: relative;
}

.section-wrapper[data-section-key="video-and-text-columns"] .video-block .embed-code-wrapper iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 767px) {
    .section-wrapper[data-section-key="video-and-text-columns"] .text-column{
        margin-bottom: 20px;
    }
}

.section-wrapper[data-section-key="video-and-text-columns"][data-section-setting-text-align="left"] .text-column{
    text-align: left;
}

.section-wrapper[data-section-key="video-and-text-columns"][data-section-setting-text-align="center"] .text-column{
    text-align: center;
}

.section-wrapper[data-section-key="video-and-text-columns"][data-section-setting-text-align="right"] .text-column{
    text-align: right;
}

.section-wrapper[data-section-key="video-and-text-columns"][data-section-setting-video-position="left"] .row{
    flex-direction: row-reverse;
}

/*******************************************************************/
/*           CONTENT SECTION - VIDEO AND TEXT COLUMNS START        */
/*******************************************************************/

/***************************************************************************/
/*         CONTENT SECTION - VIDEO SIMPLE SECTION START                    */
/***************************************************************************/

.section-wrapper[data-section-key="video-simple"][data-section-setting-text-align-heading-main="left"] .heading-text-main{
    text-align: left;
}

.section-wrapper[data-section-key="video-simple"][data-section-setting-text-align-heading-main="center"] .heading-text-main{
    text-align: center;
}

.section-wrapper[data-section-key="video-simple"][data-section-setting-text-align-heading-main="right"] .heading-text-main{
    text-align: right;
}

.section-wrapper[data-section-key="video-simple"][data-section-setting-section-width="fullWidth"] .section-contents-wrapper{
    padding-left: 0px;
    padding-right: 0px;
}

.section-wrapper[data-section-key="video-simple"][data-section-setting-section-width="fullWidth"] .heading-text-main-wrapper{
    margin: 0 auto;
}

/***************************************************************************/
/*         CONTENT SECTION - VIDEO SIMPLE SECTION END                    */
/***************************************************************************/

/****************************************************************************/
/*              CONTENT SECTION - IMAGE AND TEXT ADVANCED START             */
/****************************************************************************/

.section-wrapper[data-section-key="image-and-text-advanced"] .columns-wrapper{
    display: flex;
    flex-wrap: wrap;
    column-gap: 0;
    row-gap: 0;
    padding: 0;
    list-style: none;
}

.section-wrapper[data-section-key="image-and-text-advanced"] .text-column,
.section-wrapper[data-section-key="image-and-text-advanced"] .image-column{
    max-width: 100%;
    width: 100%;
}

@media screen and (min-width: 750px) {
    .section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-image-width-desktop="medium"] .text-column,
    .section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-image-width-desktop="medium"] .image-column{
        width: calc(50% - 8px / 2);
    }

    .section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-image-width-desktop="small"] .text-column,
    .section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-image-width-desktop="small"] .image-column,
    .section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-image-width-desktop="large"] .text-column,
    .section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-image-width-desktop="large"] .image-column{
        width: calc(33.33% - 8px * 2 / 3);
    }

    .section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-image-width-desktop="small"] .image-column,
    .section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-image-width-desktop="large"] .text-column{
        flex-grow: 0;
    }
}

.section-wrapper[data-section-key="image-and-text-advanced"] .text-column,
.section-wrapper[data-section-key="image-and-text-advanced"] .image-column{
    max-width: 100%;
    flex-grow: 1;
    flex-shrink: 0;
}

.section-wrapper[data-section-key="image-and-text-advanced"] .text-column,
.section-wrapper[data-section-key="image-and-text-advanced"] .image-column {
  position: relative;
}

@media screen and (min-width: 750px) {
  .section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-image-position-desktop="right"] .columns-wrapper {
    flex-direction: row-reverse;
  }
}

.section-wrapper[data-section-key="image-and-text-advanced"] .media {
  min-height: 100%;
  overflow: visible;
}

.section-wrapper[data-section-key="image-and-text-advanced"] .media:after {
  content: '';
  position: absolute;
  top: calc(var(--media-border-width) * -1);
  right: calc(var(--media-border-width) * -1);
  bottom: calc(var(--media-border-width) * -1);
  left: calc(var(--media-border-width) * -1);
  border-radius: var(--media-radius);
  box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity));
  z-index: -1;
}

.section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-image-height="small"] .media {
  height: 12.125rem;
}

.section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-image-height="large"] .media,
.section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-image-height="large"] .media-placeholder {
  height: 27.1875rem;
}

@media screen and (min-width: 750px) {
  .section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-image-height="small"] .media,
  .section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-image-height="small"] .media-placeholder {
    height: 19.625rem;
  }

  .section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-image-height="large"] .media,
  .section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-image-height="large"] .media-placeholder {
    height: 43.4375rem;
  }
}

.section-wrapper[data-section-key="image-and-text-advanced"] .media-placeholder {
  position: relative;
  overflow: hidden;
}

.section-wrapper[data-section-key="image-and-text-advanced"] .media-placeholder:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
}

.section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-image-height="adapt"] .media-placeholder {
  height: 12.5rem;
}

@media screen and (min-width: 750px) {
  .section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-image-height="adapt"] .media-placeholder {
    height: 18.75rem;
  }
}

.section-wrapper[data-section-key="image-and-text-advanced"] .media-placeholder > svg {
  position: absolute;
  left: 50%;
  max-width: 50rem;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  fill: currentColor;
}

.section-wrapper[data-section-key="image-and-text-advanced"] .text-column-contents {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  align-self: center;
  padding: 2.5rem 2.5rem 3.125rem;
  position: relative;
  z-index: 1;
}

.section-wrapper[data-section-key="image-and-text-advanced"] .text-column:after,
.section-wrapper[data-section-key="image-and-text-advanced"] .image-column:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.section-wrapper[data-section-key="image-and-text-advanced"] .image-column > * {
  overflow: hidden;
}

.section-wrapper[data-section-key="image-and-text-advanced"] .media {
  overflow: hidden !important;
}

.section-wrapper[data-section-key="image-and-text-advanced"] .text-column > * {
  overflow: hidden;
}

.section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-layout="overlap"] .text-column-contents {
  width: 90%;
  margin: -1.875rem auto 0;
}

.section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-text-align-mobile="right"] .text-column-contents > * {
    align-self: flex-end;
    text-align: right;
}

.section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-text-align-mobile="left"] .text-column-contents > * {
    align-self: flex-start;
    text-align: left;
}

.section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-text-align-mobile="center"] .text-column-contents > * {
    align-self: center;
    text-align: center;
}

@media screen and (min-width: 750px) {

  .section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-image-position-desktop="right"] .text-column-contents {
    margin-left: auto;
  }

  .section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-text-content-position-desktop="bottom"] .text-column-contents {
    justify-content: flex-end;
    align-self: flex-end;
  }

  .section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-text-content-position-desktop="top"] .text-column-contents {
    justify-content: flex-start;
    align-self: flex-start;
  }

  .section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-text-align="right"] .text-column-contents > * {
    align-self: flex-end;
    text-align: right;
  }

  .section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-text-align="left"] .text-column-contents > * {
    align-self: flex-start;
    text-align: left;
  }

  .section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-text-align="center"] .text-column-contents > * {
    align-self: center;
    text-align: center;
  }

  .section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-layout="overlap"] .text-column {
    display: flex;
    padding: 1.875rem 0;
  }

  .section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-layout="overlap"] .text-column-contents {
    height: auto;
    width: calc(100% + 2.5rem);
    min-width: calc(100% + 2.5rem);
    margin-top: 0;
    margin-left: -2.5rem;
  }

  .section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-layout="overlap"][data-section-setting-image-position-desktop="right"] .text-column-contents {
    margin-left: 0;
    margin-right: -2.5rem;
  }

  .section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-layout="overlap"][data-section-setting-image-position-desktop="right"] .text-column {
    justify-content: flex-end;
  }

  .section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-layout="overlap"][data-section-setting-text-content-position-desktop="top"] .image-column {
    align-self: flex-start;
  }

  .section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-layout="overlap"][data-section-setting-text-content-position-desktop="middle"] .image-column {
    align-self: center;
  }

  .section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-layout="overlap"][data-section-setting-text-content-position-desktop="bottom"] .image-column {
    align-self: flex-end;
  }

  .section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-image-height="small"]:not([data-section-setting-image-width-desktop="large"]) .image-column,
  .section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-image-height="large"]:not([data-section-setting-image-width-desktop="small"]) .image-column + .text-column {
    flex-grow: 0;
  }

}

@media screen and (min-width: 990px) {
  .section-wrapper[data-section-key="image-and-text-advanced"] .text-column-contents {
    padding: 3.75rem 4.375rem 4.375rem;
  }
}

.section-wrapper[data-section-key="image-and-text-advanced"] .text-column-contents .heading-text,
.section-wrapper[data-section-key="image-and-text-advanced"] .text-column-contents .richtext *{
  word-break: break-word;
}

body:not([id="page-builder-section-picker"]) .section-wrapper[data-section-key="image-and-text-advanced"] .section-background{
    /*
        Don't show section background in usual place when layout is overlap.
        The background color is applied to the text box instead.
        The exception to this is seller is on the store builder using the
        section picker - I don't want transparent background to be shown there.
    */
    visibility: hidden;
}

@media screen and (min-width: 750px) {

    .section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-layout="noOverlap"][data-section-setting-image-position-desktop="left"] .global-media-settings,
    .section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-layout="noOverlap"][data-section-setting-image-position-desktop="right"] .content-container{
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-layout="noOverlap"][data-section-setting-image-position-desktop="right"] .global-media-settings,
    .section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-layout="noOverlap"][data-section-setting-image-position-desktop="left"] .content-container{
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }
    .section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-layout="noOverlap"][data-section-setting-image-position-desktop="left"] .content-container{
        border-left: none;
    }
    .section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-layout="noOverlap"][data-section-setting-image-position-desktop="right"] .content-container{
        border-right: none;
    }

}

@media screen and (max-width: 749px) {

    .section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-layout="noOverlap"][data-section-setting-image-position-desktop="right"] .global-media-settings,
    .section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-layout="noOverlap"][data-section-setting-image-position-desktop="left"] .global-media-settings{
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-layout="noOverlap"][data-section-setting-image-position-desktop="right"] .content-container,
    .section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-layout="noOverlap"][data-section-setting-image-position-desktop="left"] .content-container{
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }
    .section-wrapper[data-section-key="image-and-text-advanced"][data-section-setting-layout="noOverlap"] .content-container{
        border-top: none;
    }

}

/****************************************************************************/
/*              CONTENT SECTION - IMAGE AND TEXT ADVANCED END               */
/****************************************************************************/

/*******************************************************************/
/*                  CONTENT SECTION - NEWSLETTER START             */
/*******************************************************************/

.section-wrapper[data-section-key="newsletter"][data-section-setting-text-align="left"] .section-contents{
    text-align: left;
}

.section-wrapper[data-section-key="newsletter"][data-section-setting-text-align="center"] .section-contents{
    text-align: center;
}

.section-wrapper[data-section-key="newsletter"][data-section-setting-text-align="right"] .section-contents{
    text-align: right;
}

.section-wrapper[data-section-key="newsletter"] .subscribe-form-block{
    margin-top: 30px;
}

.section-wrapper[data-section-key="newsletter"] .subscribe-form-block[data-type="mini"]{
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
}

/*******************************************************************/
/*                  CONTENT SECTION - NEWSLETTER END               */
/*******************************************************************/

/*************************************************************************/
/*                  CONTENT SECTION - FEATURED PRODUCT START             */
/*************************************************************************/

.section-wrapper[data-section-key="featured-product"][data-section-setting-number-of-columns="2"] .media-and-details-wrapper-outer{
    flex-direction: row;
    align-items: center;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
@media screen and (min-width: 768px) {
    .section-wrapper[data-section-key="featured-product"][data-section-setting-number-of-columns="2"] .media-and-details-wrapper-outer{
        flex-direction: row;
    }
}

.section-wrapper[data-section-key="featured-product"] .media-wrapper-outer{
    position: relative;
    display: flex;
    align-items: flex-start;
    overflow: hidden;
    user-select: none;
    margin: 0;
}

.section-wrapper[data-section-key="featured-product"][data-section-setting-number-of-columns="1"] .media-wrapper-outer{
    padding-bottom: 25px;
    width: 100%
}
@media screen and (max-width : 767px) {
    .section-wrapper[data-section-key="featured-product"] .media-wrapper-outer{
        padding-bottom: 25px;
        width: 100%
    }
}
@media screen and (min-width:641px) {
    .section-wrapper[data-section-key="featured-product"][data-section-setting-number-of-columns="2"] .media-wrapper-outer{
        float: left
    }
}
@media screen and (min-width:768px) and (max-width:1024px) {
    .section-wrapper[data-section-key="featured-product"] .media-wrapper-outer{
        width: 50%
    }
}
@media screen and (min-width:1025px) and (max-width:1280px) {
    .section-wrapper[data-section-key="featured-product"] .media-wrapper-outer{
        width: 55%
    }
}
@media screen and (min-width:1281px) {
    .section-wrapper[data-section-key="featured-product"] .media-wrapper-outer{
        width: 55%
    }
}

.section-wrapper[data-section-key="featured-product"].item-is-in-cart .product-price-before-discount,
.section-wrapper[data-section-key="featured-product"].item-is-in-cart .pwyw-outer-wrapper,
.section-wrapper[data-section-key="featured-product"].item-is-in-cart .variant-outer-wrapper,
.section-wrapper[data-section-key="featured-product"].item-is-in-cart .payhip-buy-button,
.section-wrapper[data-section-key="featured-product"].item-is-in-cart .add-to-cart-button,
.section-wrapper[data-section-key="featured-product"].item-is-in-cart .discount-applied-message,
.section-wrapper[data-section-key="featured-product"].item-is-in-cart .social-discount,
.section-wrapper[data-section-key="featured-product"].item-is-in-cart .quantity-input-block,
.section-wrapper[data-section-key="featured-product"]:not(.display-sale-v2-percentage-discount-label) .sale-v2-percentage-discount-label{
    display: none;
}

.section-wrapper[data-section-key="featured-product"] .added-to-cart-message,
.section-wrapper[data-section-key="featured-product"] .next-steps-added-to-cart-wrapper{
    display: none;
}

.section-wrapper[data-section-key="featured-product"].item-is-in-cart .added-to-cart-message,
.section-wrapper[data-section-key="featured-product"].item-is-in-cart .next-steps-added-to-cart-wrapper{
    display: block;
}

.section-wrapper[data-section-key="featured-product"].display-on-sale-badge .on-sale-badge,
.section-wrapper[data-section-key="featured-product"].display-on-sale-badge .badge-product-on-sale-wrapper,
.section-wrapper[data-section-key="featured-product"].display-on-sale-v2-block .on-sale-v2-block{
    display: block;
}

.section-wrapper[data-section-key="featured-product"].display-price-before-discount-applied .product-price-before-discount{
    display: block;
}

.section-wrapper[data-section-key="featured-product"] .media-wrapper-outer{
    /* Needed for single product image case */
    position: relative;
}

.section-wrapper[data-section-key="featured-product"] .media-wrapper-outer .single-product-image-wrapper{
    position: relative;
    /* Need flex-grow and overflow so product section image displays correctly */
    flex-grow: 1;
    overflow: hidden;
}

.section-wrapper[data-section-key="featured-product"] .media-wrapper-outer .single-product-image-wrapper img.single-product-image{
    /* Need position absolute for padding-bottom aspectRatio trick */
    position: absolute;
    top: 0px;
    left: 0px;
}
.section-wrapper[data-section-key="featured-product"][data-section-setting-number-of-columns="1"] .media-wrapper-outer .single-product-image-wrapper img.single-product-image{
    /*
        If the image width is less than the wrapper width, then wrapper will have
        unnecessarily large padding-bottom, resulting in ugly space below
    */
    width: 100%;
}

.section-wrapper[data-section-key="featured-product"] .media-wrapper-outer .media-not-provided-thumbnail-wrapper{
    background-color: #DDDDDD;
    height: 300px;
    position: relative;
    width: 100%;
}
.section-wrapper[data-section-key="featured-product"] .media-wrapper-outer .media-not-provided-thumbnail-wrapper img.media-not-provided-thumbnail{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
}

.section-wrapper[data-section-key="featured-product"]:not(.section-has-resource) .product-details-wrapper{
    /* The fallback product details shown when section has no resource should occupy full width */
    width: 100% !important;
}
.section-wrapper[data-section-key="featured-product"] .product-details-wrapper{
    position: relative;
    padding-top: 0px;
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: column;
    -webkit-box-direction: column;
    -moz-box-orient: column;
    -moz-box-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    text-align: left;
}
@media screen and (min-width:768px) and (max-width:1024px) {
    .section-wrapper[data-section-key="featured-product"][data-section-setting-number-of-columns="2"] .product-details-wrapper{
        width: 50%;
    }
}
@media screen and (max-width: 1280px) and (min-width: 1025px) {
    .section-wrapper[data-section-key="featured-product"][data-section-setting-number-of-columns="2"] .product-details-wrapper{
        width: 45%;
    }
}
@media screen and (min-width: 768px) {
    .section-wrapper[data-section-key="featured-product"][data-section-setting-number-of-columns="2"] .product-details-wrapper{
        padding-left: 5vw;
    }
}

@media screen and (min-width : 768px) {
    .section-wrapper[data-section-key="featured-product"][data-slideshow-block-type="stacked"]{
        /* For stacked sticky to work, need to override default overflow hidden on section */
        overflow: visible !important;
    }
    .section-wrapper[data-section-key="featured-product"][data-slideshow-block-type="stacked"] .product-details-wrapper{
        position: -webkit-sticky;
        position: sticky;
        top: 0px;
        /* Need to allow for some space above with stacked stick */
        padding-top: 30px;
    }
}

.section-wrapper[data-section-key="featured-product"] .product-name{
    margin-bottom: 10px;
}

.section-wrapper[data-section-key="featured-product"] .product-description{
    margin-top: 18px;
    margin-bottom: 18px;
}

.section-wrapper[data-section-key="featured-product"] .product-description:not(.richtext-quill) h3{
    padding-bottom: 10px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin-bottom: 10px;
    margin-top: 20px;
}

.section-wrapper[data-section-key="featured-product"] .product-description:not(.richtext-quill) h4{
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: 700;
}

.section-wrapper[data-section-key="featured-product"] .product-meta-wrapper .product-meta-message{
    font-style: italic;
}

.section-wrapper[data-section-key="featured-product"] .product-meta-wrapper .product-meta-message .icon{
    margin-right: 10px;
    position: relative;
    top: 2px;
}

.section-wrapper[data-section-key="featured-product"] .product-meta-wrapper ul{
    padding-left: 0px;
    margin-bottom: 0px;
    margin-top: 5px;
    list-style-type: none;
}

.section-wrapper[data-section-key="featured-product"] .product-meta-wrapper ul li{
    display: inline-block;
    margin-right: 20px;
}

.section-wrapper[data-section-key="featured-product"] .product-meta-wrapper ul li .icon{
    opacity: 0.5;
    position: relative;
    top: 1px;
}

.section-wrapper[data-section-key="featured-product"] .on-sale-badge,
.section-wrapper[data-section-key="featured-product"] .badge-product-on-sale-wrapper,
.section-wrapper[data-section-key="featured-product"] .on-sale-v2-block{
    display: none;
}

.section-wrapper[data-section-key="featured-product"] .separator-product-price{
    margin-top: 50px;
}

.section-wrapper[data-section-key="featured-product"] .product-price-before-discount{
    display: none;
    /*
        Can't set color here since there's no telling what
        background color is going to be, so using opacity insteads
    */
    opacity: 0.75;
}

.section-wrapper[data-section-key="featured-product"] .product-price-before-discount .product-price-before-discount-value{
    text-decoration: line-through;
}

.section-wrapper[data-section-key="featured-product"] .product-price{
    margin-bottom: 1em;
}

.section-wrapper[data-section-key="featured-product"] .product-price .currency{
    position: relative;
    vertical-align: top;
}

.section-wrapper[data-section-key="featured-product"] .pwyw-outer-wrapper{
    margin-bottom: 10px;
}

.section-wrapper[data-section-key="featured-product"] .pwyw-outer-wrapper .pwyw-label,
.section-wrapper[data-section-key="featured-product"] .variant-label{
    margin-bottom: 3px;
}

.section-wrapper[data-section-key="featured-product"] .variant-select-wrapper{
    margin-bottom: 10px;
}

.section-wrapper[data-section-key="featured-product"] .out-of-stock-message{
    margin-top: 30px;
}

.section-wrapper[data-section-key="featured-product"] .payhip-buy-button{
    margin-bottom: 20px;
}

.section-wrapper[data-section-key="featured-product"] .add-to-cart-button{
    margin-bottom: 10px;    
}

.section-wrapper[data-section-key="featured-product"] .added-to-cart-message{
    text-align: center;
    padding: 15px 10px;
    padding-top: 0px;
}

.section-wrapper[data-section-key="featured-product"] .added-to-cart-message .icon{
    position: relative;
    top: 3px;
    left: -2px;
}

.section-wrapper[data-section-key="featured-product"] .next-steps-added-to-cart-wrapper{
    text-align: center;
    margin-bottom: 10px;
}

.section-wrapper[data-section-key="featured-product"] .separator-social{
    border-top-width: 1px;
    border-top-style: solid;
    margin-top: 40px;
}

.section-wrapper[data-section-key="featured-product"] .referral-message{
    margin-top: 20px;
}

.section-wrapper[data-section-key="featured-product"] .referral-message .icon{
    display: none;
}

.section-wrapper[data-section-key="featured-product"] .social-discount{
    margin-top: 20px;
}

.section-wrapper[data-section-key="featured-product"][data-section-setting-show-description="no"] .product-description,
.section-wrapper[data-section-key="featured-product"][data-section-setting-show-description="no"] .product-meta-wrapper,
.section-wrapper[data-section-key="featured-product"][data-section-setting-show-description="yes"] .visit-product-page-link-wrapper{
    display: none;
}
.section-wrapper[data-section-key="featured-product"] .visit-product-page-link-wrapper{
    margin-top: 20px;
    text-align: center;
}
.section-wrapper[data-section-key="featured-product"] .visit-product-page-link-wrapper .icon:before{
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.section-wrapper[data-section-key="featured-product"][data-section-setting-show-social-media-buttons="no"] .social-media-buttons-wrapper{
    display: none;
}

.section-wrapper[data-section-key="featured-product"][data-section-setting-show-social-media-buttons="no"] .separator-social{
    /* Would look odd having no social media buttons but the dashed line so remove */
    border: none;
}

.section-wrapper[data-section-key="featured-product"] .social-media-buttons-wrapper{
    margin-top: 20px;
}

.section-wrapper[data-section-key="featured-product"] .social-media-buttons-wrapper button{
    margin-right: 5px;
    font-weight: 300;
}

.section-wrapper[data-section-key="featured-product"] .social-media-buttons-wrapper button:last-child{
    margin-right: 0px;
}

.section-wrapper[data-section-key="featured-product"] .social-media-buttons-wrapper button[data-type="pinterest"] svg{
    height: 14px;
    position: relative;
    top: -2px;
}

.section-wrapper[data-section-key="featured-product"] .social-media-buttons-wrapper button[data-type="facebook"] svg{
    height: 14px;
    position: relative;
    top: -2px;
}

.section-wrapper[data-section-key="featured-product"] .social-media-buttons-wrapper button[data-type="twitter"] svg{
    height: 12px;
    position: relative;
    top: -1px;
}

.section-wrapper[data-section-key="featured-product"] .upgrade-discount-message .icon{
    position: relative;
    top: 2px;
}

.section-wrapper[data-section-key="featured-product"] .media-not-provided-thumbnail-wrapper{
    background-color: #DDDDDD;
    height: 300px;
    position: relative;
}

.section-wrapper[data-section-key="featured-product"] .media-not-provided-thumbnail-wrapper img.media-not-provided-thumbnail{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
}

.section-wrapper[data-section-key="featured-product"] .preview-file-link .icon{
    position: relative;
    top: 2px;
}

.section-wrapper[data-section-key="featured-product"] .free-download-message{
    margin-bottom: 10px;
}

.section-wrapper[data-section-key="featured-product"] .badge-product-on-sale-wrapper{
    margin-bottom: 10px;
}

/***************************************************************************/
/*                  CONTENT SECTION - FEATURED PRODUCT END                 */
/***************************************************************************/

/***************************************************************************/
/*                  CONTENT SECTION - FEATURED COLLECTION START            */
/***************************************************************************/

/* For non-Aerosmith themes need hide price in different way */
body[data-theme-key="aerosmith"] .section-wrapper[data-section-key="featured-collection"][data-section-setting-show-price="no"] .grid-block .grid-item .grid-item-meta-wrapper-outer .price-details-wrapper-outer{
    display: none;
}

.section-wrapper[data-section-key="featured-collection"] .heading-text{
    margin-bottom: 30px;
}

.section-wrapper[data-section-key="featured-collection"][data-section-setting-text-align-heading-main="left"] .heading-text{
    text-align: left;
}
.section-wrapper[data-section-key="featured-collection"][data-section-setting-text-align-heading-main="center"] .heading-text{
    text-align: center;
}
.section-wrapper[data-section-key="featured-collection"][data-section-setting-text-align-heading-main="right"] .heading-text{
    text-align: right;
}

.section-wrapper[data-section-key="featured-collection"][data-section-setting-text-align="left"] .grid-block[data-grid-block-meta-type="standard"] .grid-list .grid-item .grid-item-meta-wrapper-outer{
    text-align: left;
}
.section-wrapper[data-section-key="featured-collection"][data-section-setting-text-align="center"] .grid-block[data-grid-block-meta-type="standard"] .grid-list .grid-item .grid-item-meta-wrapper-outer{
    text-align: center;
}
.section-wrapper[data-section-key="featured-collection"][data-section-setting-text-align="right"] .grid-block[data-grid-block-meta-type="standard"] .grid-list .grid-item .grid-item-meta-wrapper-outer{
    text-align: right;
}

.section-wrapper[data-section-key="featured-collection"] .collection-list-wrapper{
    /* Need text align center for meta type hover */
    text-align: center;
}

.section-wrapper[data-section-key="featured-collection"] .collection-list-wrapper ul{
    padding: 0px;
    list-style-type: none;
}

.section-wrapper[data-section-key="featured-collection"] .collection-list-wrapper ul li{
    display: inline;
    margin-right: 10px;
}

.section-wrapper[data-section-key="featured-collection"] .collection-list-wrapper ul li:last-child{
    margin-right: 0px;
}

.section-wrapper[data-section-key="featured-collection"] .collection-list-wrapper ul li a{
    padding: 10px 15px;
    border-radius: 4px;
}

.section-wrapper[data-section-key="featured-collection"] .collection-list-wrapper ul li a:hover{
    text-decoration: none;
    -webkit-box-shadow: 0px 0px 0px 1px #EEEEEE inset, 0px 3px 4px rgba(0,0,0,0.04);
    box-shadow: 0px 0px 0px 1px #EEEEEE inset, 0px 3px 4px rgba(0,0,0,0.04);
}

.section-wrapper[data-section-key="featured-collection"] .collection-list-wrapper ul li a.active:hover{
    -webkit-box-shadow: none;
    box-shadow: none;
}

.section-wrapper[data-section-key="featured-collection"] .grid-block .grid-list .grid-item{
    opacity: 0;
    transform: translatey(-15px);
    transition: opacity 1s ease,transform 1s ease;
}

.section-wrapper[data-section-key="featured-collection"] .grid-block .grid-list .grid-item[data-show],
.section-wrapper[data-section-key="featured-collection"] .grid-block .grid-list .grid-item[data-media-not-provided="1"],
html.no-js .section-wrapper[data-section-key="featured-collection"] .grid-block .grid-list .grid-item{
    opacity: 1;
    transform: translatey(0);
}

.section-wrapper[data-section-key="featured-collection"] .grid-block .grid-list .grid-item .name-price-separator{
    height: 1px;
    width: 24px;
    margin: 0 auto;
    margin-top: 8px;
    margin-bottom: 8px;
}

.section-wrapper[data-section-key="featured-collection"] .grid-block .grid-list .grid-item[data-on-sale="1"] .price-wrapper .price-before-sale{
    text-decoration: line-through;
}

.section-wrapper[data-section-key="featured-collection"] .grid-block .grid-list .grid-item[data-on-sale="1"] .price-wrapper .price,
.section-wrapper[data-section-key="featured-collection"] .grid-block .grid-list .grid-item[data-on-sale="1"] .price-wrapper .price-before-sale{
    display: inline;
}

.section-wrapper[data-section-key="featured-collection"] .grid-block .grid-list .grid-item .grid-item-image-wrapper-outer .grid-item-image-wrapper-inner img.section-image,
.section-wrapper[data-section-key="featured-collection"] .grid-block .grid-list .grid-item .grid-item-image-wrapper-outer .grid-item-image-wrapper-inner .media-not-provided-thumbnail-wrapper,
.section-wrapper[data-section-key="featured-collection"] .grid-block[data-grid-block-meta-type="hover"] .grid-list .grid-item .grid-item-meta-wrapper-outer,
.section-wrapper[data-section-key="featured-collection"] .grid-block[data-grid-block-meta-type="hover"] .grid-list .grid-item:hover .hover-background{
    border-radius: 3px;
}






/* Show meta on hover */
.section-wrapper[data-section-key="featured-collection"] .grid-block[data-grid-block-meta-type="hover"] .grid-list .grid-item .grid-item-meta-wrapper-outer{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    opacity: 0;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
    /* Center contents vertically and horizontally */
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.section-wrapper[data-section-key="featured-collection"] .grid-block[data-grid-block-meta-type="hover"] .grid-list .grid-item .grid-item-meta-wrapper-inner{
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    padding-top: 8px;
    position: relative;
    z-index: 1;
    top: 5%;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}
.section-wrapper[data-section-key="featured-collection"] .grid-block[data-grid-block-meta-type="hover"] .grid-list .grid-item:hover .grid-item-meta-wrapper-outer{
    opacity: 1;
}
.section-wrapper[data-section-key="featured-collection"] .grid-block[data-grid-block-meta-type="hover"] .grid-list .grid-item:hover .hover-background{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.section-wrapper[data-section-key="featured-collection"] .grid-block[data-grid-block-meta-type="hover"] .grid-list .grid-item:hover .grid-item-meta-wrapper-inner{
    top: 0%;
}
.section-wrapper[data-section-key="featured-collection"] .grid-block[data-grid-block-meta-type="hover"] .grid-list .grid-item .name{

}
.section-wrapper[data-section-key="featured-collection"] .grid-block[data-grid-block-meta-type="hover"] .grid-list .grid-item .name .text{
    font-size: 1.13em;
}
.section-wrapper[data-section-key="featured-collection"] .grid-block[data-grid-block-meta-type="hover"] .grid-list .grid-item .badge-on-sale{
    color: inherit;
}
.section-wrapper[data-section-key="featured-collection"] .grid-block[data-grid-block-meta-type="hover"] .grid-list .grid-item .inherit-color{
    color: inherit;
}



/* Show meta standard */
.section-wrapper[data-section-key="featured-collection"] .grid-block .grid-list .grid-item .grid-item-meta-wrapper-outer{
    margin-top: 10px;
}
.section-wrapper[data-section-key="featured-collection"] .grid-block .grid-list .grid-item .name{
    margin-bottom: 0px;
}
.section-wrapper[data-section-key="featured-collection"] .grid-block[data-grid-block-meta-type="standard"] .grid-list .grid-item .hover-background,
.section-wrapper[data-section-key="featured-collection"] .grid-block[data-grid-block-meta-type="standard"] .grid-list .grid-item .name-price-separator{
    display: none;
}
.section-wrapper[data-section-key="featured-collection"] .grid-block[data-grid-block-meta-type="standard"] .grid-list .grid-item .price-wrapper{
    margin-top: 0.1em;
    margin-bottom: 0.25em;
}
.section-wrapper[data-section-key="featured-collection"] .grid-block[data-grid-block-meta-type="standard"] .grid-list .grid-item[data-out-of-stock="1"] .price-wrapper .price{
    text-decoration: line-through;
}





.section-wrapper[data-section-key="featured-collection"][data-section-setting-show-view-all-button="no"] .view-all-button-wrapper{
    display: none;
}
.section-wrapper[data-section-key="featured-collection"] .view-all-button-wrapper{
    text-align: center;
}

/***************************************************************************/
/*                  CONTENT SECTION - FEATURED COLLECTION END              */
/***************************************************************************/

/***************************************************************************/
/*             CONTENT SECTION - FEATURED COLLECTION LIST START            */
/***************************************************************************/

.section-wrapper[data-section-key="featured-collection-list"] .heading-text{
    margin-bottom: 30px;
}

.section-wrapper[data-section-key="featured-collection-list"][data-section-setting-text-align-heading-main="left"] .heading-text{
    text-align: left;
}
.section-wrapper[data-section-key="featured-collection-list"][data-section-setting-text-align-heading-main="center"] .heading-text{
    text-align: center;
}
.section-wrapper[data-section-key="featured-collection-list"][data-section-setting-text-align-heading-main="right"] .heading-text{
    text-align: right;
}

.section-wrapper[data-section-key="featured-collection-list"][data-section-setting-text-align="left"] .grid-block[data-grid-block-meta-type="standard"] .grid-list .grid-item .grid-item-meta-wrapper-outer{
    text-align: left;
}
.section-wrapper[data-section-key="featured-collection-list"][data-section-setting-text-align="center"] .grid-block[data-grid-block-meta-type="standard"] .grid-list .grid-item .grid-item-meta-wrapper-outer{
    text-align: center;
}
.section-wrapper[data-section-key="featured-collection-list"][data-section-setting-text-align="right"] .grid-block[data-grid-block-meta-type="standard"] .grid-list .grid-item .grid-item-meta-wrapper-outer{
    text-align: right;
}

.section-wrapper[data-section-key="featured-collection-list"] .collection-list-wrapper .collection-list-item-wrapper{
    position: relative;
    width: 100%;
    display: block;
    height: 0;
    padding-bottom: 100%;
    margin-bottom: 22px;
}

.section-wrapper[data-section-key="featured-collection-list"] .collection-list-wrapper .collection-list-item-wrapper .collection-link{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.section-wrapper[data-section-key="featured-collection-list"] .collection-list-wrapper .collection-list-item-wrapper .collection-overlay-background{
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
}

.section-wrapper[data-section-key="featured-collection-list"] .collection-list-wrapper .collection-list-item-wrapper .collection-name{
    position: absolute;
    text-align: center;
    width: 100%;
    top: 50%;
    padding: 0 5px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: 0.1s cubic-bezier(0.44, 0.13, 0.48, 0.87);
    hyphens: auto;
}

.section-wrapper[data-section-key="featured-collection-list"] .collection-list-wrapper .media-not-provided-thumbnail-wrapper img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    display: block;
    height: 100%;
}
.section-wrapper[data-section-key="featured-collection-list"] .collection-list-wrapper .image-wrapper img.section-image,
html.no-js .section-wrapper[data-section-key="featured-collection-list"] .collection-list-wrapper .image-wrapper img.section-image-fallback{
    position: absolute;
    display: block;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

/***************************************************************************/
/*             CONTENT SECTION - FEATURED COLLECTION LIST END              */
/***************************************************************************/

/***************************************************************************/
/*            CONTENT SECTION - CONTACT US SIMPLE SECTION START            */
/***************************************************************************/

.section-wrapper[data-section-key="contact-us-simple"][data-section-setting-text-align="left"] .contact-us-main-text{
    text-align: left;
}
.section-wrapper[data-section-key="contact-us-simple"][data-section-setting-text-align="center"] .contact-us-main-text{
    text-align: center;
}
.section-wrapper[data-section-key="contact-us-simple"][data-section-setting-text-align="right"] .contact-us-main-text{
    text-align: right;
}

.section-wrapper[data-section-key="contact-us-simple"] form{
    display: block;
    margin-top: 30px;
}

.section-wrapper[data-section-key="contact-us-simple"] .thank-you-message{
    display: inline-block;
}

.section-wrapper[data-section-key="contact-us-simple"] .thank-you-message .icon{
    position: relative;
    top: 2px;
}

.section-wrapper[data-section-key="contact-us-simple"] .submit-button .spinner-border{
    position: relative;
    left: -1px !important;
    top: -2px !important;
}

/***************************************************************************/
/*             CONTENT SECTION - CONTACT US SIMPLE SECTION END             */
/***************************************************************************/

/***************************************************************************/
/*         CONTENT SECTION - CONTACT US TWO COLUMNS SECTION START          */
/***************************************************************************/

.section-wrapper[data-section-key="contact-us-two-columns"][data-section-setting-text-align="left"] .contact-us-main-text{
    text-align: left;
}
.section-wrapper[data-section-key="contact-us-two-columns"][data-section-setting-text-align="center"] .contact-us-main-text{
    text-align: center;
}
.section-wrapper[data-section-key="contact-us-two-columns"][data-section-setting-text-align="right"] .contact-us-main-text{
    text-align: right;
}

.section-wrapper[data-section-key="contact-us-two-columns"] form{
    display: block;
}

.section-wrapper[data-section-key="contact-us-two-columns"] .thank-you-message{
    display: inline-block;
}

.section-wrapper[data-section-key="contact-us-two-columns"] .thank-you-message .icon{
    position: relative;
    top: 2px;
}

.section-wrapper[data-section-key="contact-us-two-columns"] .submit-button .spinner-border{
    position: relative;
    left: -1px !important;
    top: -2px !important;
}

/***************************************************************************/
/*           CONTENT SECTION - CONTACT US TWO COLUMNS SECTION END          */
/***************************************************************************/

/***************************************************************************/
/*         CONTENT SECTION - CHECKOUTV3 PRICING SECTION START              */
/***************************************************************************/

.section-wrapper[data-section-key="checkoutv3-pricing"][data-section-setting-text-align-description="left"] .pricing-plan-description-text,
.section-wrapper[data-section-key="checkoutv3-pricing"][data-section-setting-text-align-heading-main="left"] .heading-and-subheading-top-wrapper{
    text-align: left;
}

.section-wrapper[data-section-key="checkoutv3-pricing"][data-section-setting-text-align-description="center"] .pricing-plan-description-text,
.section-wrapper[data-section-key="checkoutv3-pricing"][data-section-setting-text-align-heading-main="center"] .heading-and-subheading-top-wrapper{
    text-align: center;
}

.section-wrapper[data-section-key="checkoutv3-pricing"][data-section-setting-text-align-description="right"] .pricing-plan-description-text,
.section-wrapper[data-section-key="checkoutv3-pricing"][data-section-setting-text-align-heading-main="right"] .heading-and-subheading-top-wrapper{
    text-align: right;
}

.section-wrapper[data-section-key="checkoutv3-pricing"] .all-pricing-plans-wrapper{
    text-align: center;
    margin-top: 40px;
}

.section-wrapper[data-section-key="checkoutv3-pricing"] .all-pricing-plans-wrapper[data-number-of-pricing-plans="1"] .pricing-plan-wrapper{
    width: 40%;
}
.section-wrapper[data-section-key="checkoutv3-pricing"] .all-pricing-plans-wrapper[data-number-of-pricing-plans="2"] .pricing-plan-wrapper{
    width: 40%;
}

.section-wrapper[data-section-key="checkoutv3-pricing"] .pricing-plan-wrapper{
    border-radius: 6px;
    /* Border color is set elsewhere */
    border: 1px solid;
    padding: 50px 48px 38px;
    display: inline-block;
    width: 30%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 20px;
    text-align: left;
    vertical-align: top;
}

.section-wrapper[data-section-key="checkoutv3-pricing"]:not(.all-pricing-plans-visible) .pricing-plan-wrapper:nth-child(n+4),
.section-wrapper[data-section-key="checkoutv3-pricing"].all-pricing-plans-visible .show-more-pricing-plans-link-wrapper{
    display: none; 
}

/*
    The wrapper "crude-workaround-to-handle-show-more-pricing-plans-visibility-mustache-wrapper"
    is only set on the page if mustache is being used, not PHP.
    I'm having difficulty counting array sizes of groups with mustache
    so need to use a crude workaround.
    The below approach is never used with PHP.
    ------------
    Take the example of 2 pricing plans on the page:
    ++ 2 "show-more-pricing-plans-link-wrapper" divs will be on the page
    ++ None of them will be shown
    Take the example of 3 pricing plans on the page:
    ++ 3 "show-more-pricing-plans-link-wrapper" divs will be on the page
    ++ None of them will be shown
    Take the example of 4 pricing plans on the page:
    ++ 4 "show-more-pricing-plans-link-wrapper" divs will be on the page
    ++ The 4th index div will only be shown
    Take the example of 5 pricing plans on the page:
    ++ 5 "show-more-pricing-plans-link-wrapper" divs will be on the page
    ++ The 4th index div will only be shown
*/
.section-wrapper[data-section-key="checkoutv3-pricing"] .crude-workaround-to-handle-show-more-pricing-plans-visibility-mustache-wrapper .show-more-pricing-plans-link-wrapper:nth-child(-n+3),
.section-wrapper[data-section-key="checkoutv3-pricing"] .crude-workaround-to-handle-show-more-pricing-plans-visibility-mustache-wrapper .show-more-pricing-plans-link-wrapper:nth-child(n+5){
    display: none;
}

.section-wrapper[data-section-key="checkoutv3-pricing"] .pricing-plan-wrapper h2.pricing-plan-name{
    text-align: center;
}

.section-wrapper[data-section-key="checkoutv3-pricing"] .pricing-plan-wrapper .pricing-plan-icon{
    margin-top: 8px;
    margin-bottom: 8px;
    text-align: center;
}

.section-wrapper[data-section-key="checkoutv3-pricing"] .pricing-plan-wrapper .pricing-plan-icon img{
    max-height: 128px;
    max-width: 100%;
}

.section-wrapper[data-section-key="checkoutv3-pricing"] .pricing-plan-wrapper .pricing-plan-price{
    text-align: center;
    margin-top: 15px;
    margin-bottom: 6px;
}

.section-wrapper[data-section-key="checkoutv3-pricing"] .pricing-plan-wrapper .pricing-plan-price-on-sale{
    text-align: center;
}

.section-wrapper[data-section-key="checkoutv3-pricing"] .pricing-plan-wrapper .pricing-plan-price-on-sale .pricing-plan-price-before-discount-value-and-currency{
    text-decoration: line-through;
}

.section-wrapper[data-section-key="checkoutv3-pricing"] .pricing-plan-wrapper .pricing-plan-price .currency{
    right: -2px;
    position: relative;
    vertical-align: top;
}

.section-wrapper[data-section-key="checkoutv3-pricing"] .pricing-plan-wrapper .pricing-plan-price .value{
    position: relative;
    left: -1px;
}

.section-wrapper[data-section-key="checkoutv3-pricing"] .pricing-plan-wrapper .pricing-plan-period{
    text-align: center;
    margin-top: -10px;
}

.section-wrapper[data-section-key="checkoutv3-pricing"] .pricing-plan-wrapper .initial-charge-description{
    text-align: center;
}

.section-wrapper[data-section-key="checkoutv3-pricing"] .pricing-plan-wrapper .separator{
    margin-bottom: 20px;
}

.section-wrapper[data-section-key="checkoutv3-pricing"] .pricing-plan-wrapper .pricing-plan-description-inner-wrapper{
    overflow: hidden;
    position: relative;
}

.section-wrapper[data-section-key="checkoutv3-pricing"] .pricing-plan-wrapper .pricing-plan-description-text ul,
.section-wrapper[data-section-key="checkoutv3-pricing"] .pricing-plan-wrapper .pricing-plan-description-text ol{
    padding-left: 20px;
}

.section-wrapper[data-section-key="checkoutv3-pricing"] .pricing-plan-wrapper .pricing-plan-description-text li{
    margin-bottom: 5px;
}

.section-wrapper[data-section-key="checkoutv3-pricing"] .pricing-plan-wrapper .pricing-plan-description-gradient{
    bottom: 0px;
    position: absolute;
    height: 50px;
    opacity: 1;
    pointer-events: none;
    width: 100%;
}

.section-wrapper[data-section-key="checkoutv3-pricing"] .pricing-plan-wrapper .pricing-plan-description-show-more{
    text-align: center;
}

.section-wrapper[data-section-key="checkoutv3-pricing"] .pricing-plan-wrapper .pricing-plan-description-show-more a{
    text-decoration: underline;
}

.section-wrapper[data-section-key="checkoutv3-pricing"] .pricing-plan-wrapper.show-full-pricing-plan-description .pricing-plan-description-gradient,
.section-wrapper[data-section-key="checkoutv3-pricing"] .pricing-plan-wrapper.show-full-pricing-plan-description .pricing-plan-description-show-more{
    display: none;
}

.section-wrapper[data-section-key="checkoutv3-pricing"] .show-more-pricing-plans-link-wrapper{
    text-align: center;
}

.section-wrapper[data-section-key="checkoutv3-pricing"] .show-more-pricing-plans-link-wrapper .show-more-pricing-plans-button{
    padding: 5px 15px;
    font-weight: 600;
}

.section-wrapper[data-section-key="checkoutv3-pricing"] .show-more-pricing-plans-link-wrapper .show-more-pricing-plans-button .icon{
    margin-right: 10px;
    position: relative;
    top: 2px;
}

.section-wrapper[data-section-key="checkoutv3-pricing"] .not-available-for-purchase-message{
    text-align: center;
}

.section-wrapper[data-section-key="checkoutv3-pricing"] .trial-period{
    text-align: center;
}

/***************************************************************************/
/*          CONTENT SECTION - CHECKOUTV3 PRICING SECTION END               */
/***************************************************************************/

/***************************************************************************/
/*         CONTENT SECTION - BUNDLE COLLECTION SECTION START               */
/***************************************************************************/

.section-wrapper[data-section-key="bundle-collection"][data-section-setting-text-align-heading-main="left"] .bundle-collection-main-text{
    text-align: left;
}
.section-wrapper[data-section-key="bundle-collection"][data-section-setting-text-align-heading-main="center"] .bundle-collection-main-text{
    text-align: center;
}
.section-wrapper[data-section-key="bundle-collection"][data-section-setting-text-align-heading-main="right"] .bundle-collection-main-text{
    text-align: right;
}

.section-wrapper[data-section-key="bundle-collection"][data-section-setting-text-align="left"] .grid-block[data-grid-block-meta-type="standard"] .grid-list .grid-item .grid-item-meta-wrapper-outer{
    text-align: left;
}
.section-wrapper[data-section-key="bundle-collection"][data-section-setting-text-align="center"] .grid-block[data-grid-block-meta-type="standard"] .grid-list .grid-item .grid-item-meta-wrapper-outer{
    text-align: center;
}
.section-wrapper[data-section-key="bundle-collection"][data-section-setting-text-align="right"] .grid-block[data-grid-block-meta-type="standard"] .grid-list .grid-item .grid-item-meta-wrapper-outer{
    text-align: right;
}

.section-wrapper[data-section-key="bundle-collection"] .product-list-block{
    margin-top: 30px;
}

.section-wrapper[data-section-key="bundle-collection"] .load-more-button-wrapper{
    margin-top: 50px;
    text-align: center;
}

.section-wrapper[data-section-key="bundle-collection"] .load-more-button-wrapper .load-more-button .spinner-border{
    left: 0px;
}

/***************************************************************************/
/*          CONTENT SECTION - BUNDLE COLLECTION SECTION END                */
/***************************************************************************/

/***************************************************************************/
/*            CONTENT SECTION - COACHING INTAKE FORM SECTION START            */
/***************************************************************************/

.section-wrapper[data-section-key="coaching-intake-form"][data-section-setting-text-align="left"] .coaching-intake-form-main-text{
    text-align: left;
}
.section-wrapper[data-section-key="coaching-intake-form"][data-section-setting-text-align="center"] .coaching-intake-form-main-text{
    text-align: center;
}
.section-wrapper[data-section-key="coaching-intake-form"][data-section-setting-text-align="right"] .coaching-intake-form-main-text{
    text-align: right;
}

.section-wrapper[data-section-key="coaching-intake-form"] form{
    display: block;
    margin-top: 30px;
}

.section-wrapper[data-section-key="coaching-intake-form"] .thank-you-message{
    display: inline-block;
}

.section-wrapper[data-section-key="coaching-intake-form"] .thank-you-message .icon{
    position: relative;
    top: 2px;
}

.section-wrapper[data-section-key="coaching-intake-form"] .submit-button .spinner-border{
    position: relative;
    left: -1px !important;
    top: -2px !important;
}

/***************************************************************************/
/*             CONTENT SECTION - COACHING INTAKE FORM SECTION END          */
/***************************************************************************/

/***************************************************************************/
/*            CONTENT SECTION - FEATURED BLOG POST LIST SECTION START            */
/***************************************************************************/

.section-wrapper[data-section-key="featured-blog-post-list"] .view-all-button-wrapper{
    text-align: center;
}

.section-wrapper[data-section-key="featured-blog-post-list"][data-section-setting-show-most-recent-blog-posts="yes"][data-section-setting-maximum-number-of-blog-posts="1"] .blog-post-item:nth-of-type(n+2),
.section-wrapper[data-section-key="featured-blog-post-list"][data-section-setting-show-most-recent-blog-posts="yes"][data-section-setting-maximum-number-of-blog-posts="2"] .blog-post-item:nth-of-type(n+3),
.section-wrapper[data-section-key="featured-blog-post-list"][data-section-setting-show-most-recent-blog-posts="yes"][data-section-setting-maximum-number-of-blog-posts="3"] .blog-post-item:nth-of-type(n+4),
.section-wrapper[data-section-key="featured-blog-post-list"][data-section-setting-show-most-recent-blog-posts="yes"][data-section-setting-maximum-number-of-blog-posts="4"] .blog-post-item:nth-of-type(n+5),
.section-wrapper[data-section-key="featured-blog-post-list"][data-section-setting-show-most-recent-blog-posts="yes"][data-section-setting-maximum-number-of-blog-posts="5"] .blog-post-item:nth-of-type(n+6),
.section-wrapper[data-section-key="featured-blog-post-list"][data-section-setting-show-most-recent-blog-posts="yes"][data-section-setting-maximum-number-of-blog-posts="6"] .blog-post-item:nth-of-type(n+7),
.section-wrapper[data-section-key="featured-blog-post-list"][data-section-setting-show-most-recent-blog-posts="yes"][data-section-setting-maximum-number-of-blog-posts="7"] .blog-post-item:nth-of-type(n+8),
.section-wrapper[data-section-key="featured-blog-post-list"][data-section-setting-show-most-recent-blog-posts="yes"][data-section-setting-maximum-number-of-blog-posts="8"] .blog-post-item:nth-of-type(n+9),
.section-wrapper[data-section-key="featured-blog-post-list"][data-section-setting-show-most-recent-blog-posts="yes"][data-section-setting-maximum-number-of-blog-posts="9"] .blog-post-item:nth-of-type(n+10){
    display: none;
}

.section-wrapper[data-section-key="featured-blog-post-list"][data-section-setting-text-align-heading-main="left"] .heading-text{
    text-align: left;
}
.section-wrapper[data-section-key="featured-blog-post-list"][data-section-setting-text-align-heading-main="center"] .heading-text{
    text-align: center;
}
.section-wrapper[data-section-key="featured-blog-post-list"][data-section-setting-text-align-heading-main="right"] .heading-text{
    text-align: right;
}

/***************************************************************************/
/*             CONTENT SECTION - FEATURED BLOG POST LIST SECTION END             */
/***************************************************************************/

/***************************************************************************/
/*         CONTENT SECTION - COURSE CURRICULUM SECTION START              */
/***************************************************************************/

.section-wrapper[data-section-key="course-curriculum"][data-section-setting-text-align-heading-main="left"] .heading-and-subheading-top-wrapper{
    text-align: left;
}

.section-wrapper[data-section-key="course-curriculum"][data-section-setting-text-align-heading-main="center"] .heading-and-subheading-top-wrapper{
    text-align: center;
}

.section-wrapper[data-section-key="course-curriculum"][data-section-setting-text-align-heading-main="right"] .heading-and-subheading-top-wrapper{
    text-align: right;
}

.section-wrapper[data-section-key="course-curriculum"][data-section-setting-section-list-marker="none"] .course-curriculum-section-item-header{
    padding-left: 0px;
}

.section-wrapper[data-section-key="course-curriculum"][data-section-setting-section-list-marker="none"] .course-curriculum-section-item-content-wrapper{
    padding-left: 0.5rem;
}

.section-wrapper[data-section-key="course-curriculum"] ul.course-curriculum-section-list{
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    margin-top: 20px;
    padding: 0;
    list-style: none;
}

.section-wrapper[data-section-key="course-curriculum"] li.course-curriculum-section-item{
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 100%;
    max-width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2px;
    padding-top: 1rem;
    padding-bottom: 1rem;
    line-height: 1;
    border-radius: 5px;
}

.section-wrapper[data-section-key="course-curriculum"] .course-curriculum-section-item-content li {
    position: relative;
    margin-bottom: 1.6rem;
    padding-left: 2rem;
}

@media all and (max-width: 767px) {
    .section-wrapper[data-section-key="course-curriculum"] .course-curriculum-section-item-content li {
        padding-left:0;
    }
}

.section-wrapper[data-section-key="course-curriculum"] .course-curriculum-section-item-content-wrapper{
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    padding-left: 2rem;
}

.section-wrapper[data-section-key="course-curriculum"] .course-curriculum-section-item-number{
    position: absolute;
    top: 1px;
    left: 1em;
    color: inherit;
    text-align: right;
    opacity: 0.8;
}

.section-wrapper[data-section-key="course-curriculum"] .course-curriculum-section-item-header{
    -webkit-transition: margin-bottom 400ms ease;
    -moz-transition: margin-bottom 400ms ease;
    transition: margin-bottom 400ms ease;
    position: relative;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 100%;
    max-width: 100%;
    position: initial;
    margin-bottom: 2rem;
    padding-right: 0;
    padding-left: 2rem;
}

.section-wrapper[data-section-key="course-curriculum"] .course-curriculum-section-item-header{
    position: relative;
    cursor: pointer;
}

@media all and (min-width: 768px) {
    .section-wrapper[data-section-key="course-curriculum"] .course-curriculum-section-item-header{
        position:initial
    }
}

.section-wrapper[data-section-key="course-curriculum"] .course-curriculum-section-item-title{
    position: relative;
    margin: 0;
}

@media all and (min-width: 480px) {
    .section-wrapper[data-section-key="course-curriculum"] .course-curriculum-section-item-title{
        padding-right:2rem
    }
}

.section-wrapper[data-section-key="course-curriculum"] .course-curriculum-section-item-header-toggle{
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    width: 1rem;
    height: 1rem
}

@media all and (min-width: 768px) {
    .section-wrapper[data-section-key="course-curriculum"] .course-curriculum-section-item-header-toggle{
        right:1rem
    }

    .section-wrapper[data-section-key="course-curriculum"] .course-curriculum-section-item.collapsed .course-curriculum-section-item-header-toggle{
        right: 2rem;
        width: auto
    }
}

.section-wrapper[data-section-key="course-curriculum"] .course-curriculum-section-item.collapsed .course-curriculum-section-item-header{
    -webkit-transition: margin-bottom 400ms ease;
    -moz-transition: margin-bottom 400ms ease;
    transition: margin-bottom 400ms ease;
    margin-bottom: 0
}

.section-wrapper[data-section-key="course-curriculum"] .course-curriculum-section-item-header-toggle button{
    -webkit-transform: translate(-6px, 0);
    -moz-transform: translate(-6px, 0);
    -ms-transform: translate(-6px, 0);
    -o-transform: translate(-6px, 0);
    transform: translate(-6px, 0);
    display: inline-block;
    position: absolute;
    left: 0;
    height: 1rem;
    border: 0;
    background-color: transparent
}

@media all and (min-width: 768px) {
    .section-wrapper[data-section-key="course-curriculum"] .course-curriculum-section-item-header-toggle button{
        left:1rem
    }
}

.section-wrapper[data-section-key="course-curriculum"] .course-curriculum-section-item-header-toggle button:focus{
    outline: none;
}

.section-wrapper[data-section-key="course-curriculum"] .course-curriculum-section-item-header-toggle button:before,
.section-wrapper[data-section-key="course-curriculum"] .course-curriculum-section-item-header-toggle button:after{
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    transition: all 0.25s ease;
    position: absolute;
    width: 3px;
    height: 9px;
    content: '';
}

.section-wrapper[data-section-key="course-curriculum"] .course-curriculum-section-item-header-toggle button:before{
    -webkit-transform: translate(2px, 0) rotate(45deg);
    -moz-transform: translate(2px, 0) rotate(45deg);
    -ms-transform: translate(2px, 0) rotate(45deg);
    -o-transform: translate(2px, 0) rotate(45deg);
    transform: translate(2px, 0) rotate(45deg);
}

.section-wrapper[data-section-key="course-curriculum"] .course-curriculum-section-item-header-toggle button:after{
    -webkit-transform: translate(-2px, 0) rotate(-45deg);
    -moz-transform: translate(-2px, 0) rotate(-45deg);
    -ms-transform: translate(-2px, 0) rotate(-45deg);
    -o-transform: translate(-2px, 0) rotate(-45deg);
    transform: translate(-2px, 0) rotate(-45deg);
}

.section-wrapper[data-section-key="course-curriculum"] .course-curriculum-section-item-content{
    width: 100%;
    margin: 0;
    list-style: none;
    padding-left: 0px;
}

@media all and (min-width: 480px) {
    .section-wrapper[data-section-key="course-curriculum"] .course-curriculum-section-item-content{
        padding-right:3rem
    }
}

.section-wrapper[data-section-key="course-curriculum"] .course-curriculum-lesson{
    display: block;
    position: relative;
}

@media all and (max-width: 767px) {
    .section-wrapper[data-section-key="course-curriculum"] .course-curriculum-lesson{
        padding-left:2rem
    }
}

.section-wrapper[data-section-key="course-curriculum"] .course-curriculum-lesson .icon{
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

@media all and (min-width: 768px) {
    .section-wrapper[data-section-key="course-curriculum"] .course-curriculum-lesson-title{
        max-width: 80%;
    }
}

.section-wrapper[data-section-key="course-curriculum"] .course-curriculum-lesson .lesson-list-marker{
    margin-right: 5px;
}

.section-wrapper[data-section-key="course-curriculum"] .course-curriculum-lesson .lesson-free-preview-badge{
    margin: 4px 0;
    padding: 5px 8px;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 0.75em;
    text-transform: uppercase;
    margin-left: 16px;
}

/***************************************************************************/
/*         CONTENT SECTION - COURSE CURRICULUM SECTION END                 */
/***************************************************************************/

/***************************************************************************/
/*         CONTENT SECTION - FAQ ACCORDION SECTION START                   */
/***************************************************************************/

.section-wrapper[data-section-key="faq-accordion"][data-section-setting-text-align-heading-main="left"] .heading-text-main{
    text-align: left;
}

.section-wrapper[data-section-key="faq-accordion"][data-section-setting-text-align-heading-main="center"] .heading-text-main{
    text-align: center;
}

.section-wrapper[data-section-key="faq-accordion"][data-section-setting-text-align-heading-main="right"] .heading-text-main{
    text-align: right;
}

/***************************************************************************/
/*         CONTENT SECTION - FAQ ACCORDION SECTION END                     */
/***************************************************************************/

/***************************************************************************/
/*         CONTENT SECTION - COLLAGE SECTION START                         */
/***************************************************************************/

.section-wrapper[data-section-key="collage"][data-section-setting-text-align-heading-main="left"] .heading-text-main,
.section-wrapper[data-section-key="collage"][data-section-setting-text-align="left"] .collage-product-block .grid-item-meta-wrapper-outer,
.section-wrapper[data-section-key="collage"][data-section-setting-text-align="left"] .collage-collection-block .card-heading{
    text-align: left;
}

.section-wrapper[data-section-key="collage"][data-section-setting-text-align-heading-main="center"] .heading-text-main,
.section-wrapper[data-section-key="collage"][data-section-setting-text-align="center"] .collage-product-block .grid-item-meta-wrapper-outer,
.section-wrapper[data-section-key="collage"][data-section-setting-text-align="center"] .collage-collection-block .card-heading{
    text-align: center;
}

.section-wrapper[data-section-key="collage"][data-section-setting-text-align-heading-main="right"] .heading-text-main,
.section-wrapper[data-section-key="collage"][data-section-setting-text-align="right"] .collage-product-block .grid-item-meta-wrapper-outer,
.section-wrapper[data-section-key="collage"][data-section-setting-text-align="right"] .collage-collection-block .card-heading{
    text-align: right;
}

.section-wrapper[data-section-key="collage"] .group-collage-wrapper {
    display: grid;
}

.section-wrapper[data-section-key="collage"] .group-collage-item > * {
    width: 100%;
}

.section-wrapper[data-section-key="collage"] .group-collage-item .card__content {
    flex-grow: initial;
}

@media screen and (max-width: 749px) {
    .section-wrapper[data-section-key="collage"][data-section-setting-mobile-layout="collage"] .group-collage-wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .section-wrapper[data-section-key="collage"][data-section-setting-mobile-layout="collage"][data-section-setting-desktop-layout="leftLargeBlock"] .group-collage-wrapper .group-collage-item:nth-child(3n - 2) {
        grid-column: span 2;
    }

    .section-wrapper[data-section-key="collage"][data-section-setting-mobile-layout="collage"][data-section-setting-desktop-layout="leftLargeBlock"] .group-collage-wrapper .group-collage-item:nth-child(3n - 2):nth-last-child(2) {
        grid-column: span 1;
    }

    .section-wrapper[data-section-key="collage"][data-section-setting-mobile-layout="collage"][data-section-setting-desktop-layout="leftLargeBlock"] .group-collage-wrapper .group-collage-item:nth-child(3n) {
        grid-column-start: 2;
    }

    .section-wrapper[data-section-key="collage"][data-section-setting-mobile-layout="collage"][data-section-setting-desktop-layout="rightLargeBlock"] .group-collage-wrapper .group-collage-item:nth-child(3n - 2) {
        grid-column-start: 1;
    }

    .section-wrapper[data-section-key="collage"][data-section-setting-mobile-layout="collage"][data-section-setting-desktop-layout="rightLargeBlock"] .group-collage-wrapper .group-collage-item:nth-child(3n - 2):last-child {
        grid-column: span 2;
    }

    .section-wrapper[data-section-key="collage"][data-section-setting-mobile-layout="collage"][data-section-setting-desktop-layout="rightLargeBlock"] .group-collage-wrapper .group-collage-item:nth-child(3n - 1) {
        grid-column-start: 2;
    }

    .section-wrapper[data-section-key="collage"][data-section-setting-mobile-layout="collage"][data-section-setting-desktop-layout="rightLargeBlock"] .group-collage-wrapper .group-collage-item:nth-child(3n) {
        grid-column: 1 / span 2;
    }
}

@media screen and (min-width: 750px) {
    .section-wrapper[data-section-key="collage"] .group-collage-wrapper {
        grid-auto-flow: column;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .section-wrapper[data-section-key="collage"][data-section-setting-desktop-layout="leftLargeBlock"] .group-collage-item:nth-child(3n - 2) {
        grid-column: 1 / span 2;
        grid-row: span 2;
    }

    .section-wrapper[data-section-key="collage"][data-section-setting-desktop-layout="leftLargeBlock"] .group-collage-item:nth-child(3n - 2):last-child {
        grid-column: 1 / span 3;
    }

    .section-wrapper[data-section-key="collage"][data-section-setting-desktop-layout="leftLargeBlock"] .group-collage-item:nth-child(3n - 1),
    .section-wrapper[data-section-key="collage"][data-section-setting-desktop-layout="leftLargeBlock"] .group-collage-item:nth-child(3n) {
        grid-column-start: 3;
    }

    .section-wrapper[data-section-key="collage"][data-section-setting-desktop-layout="leftLargeBlock"] .group-collage-item:nth-child(3n - 1):last-child {
        grid-row: span 2;
    }

    .section-wrapper[data-section-key="collage"][data-section-setting-desktop-layout="rightLargeBlock"] .group-collage-item:nth-child(3n - 2) {
        grid-column: 1 / span 1;
        grid-row: span 1;
    }

    .section-wrapper[data-section-key="collage"][data-section-setting-desktop-layout="rightLargeBlock"] .group-collage-item:nth-child(3n - 2):last-child {
        grid-column: 1 / span 3;
    }

    .section-wrapper[data-section-key="collage"][data-section-setting-desktop-layout="rightLargeBlock"] .group-collage-item:nth-child(3n - 1) {
        grid-column-start: 1;
    }

    .section-wrapper[data-section-key="collage"][data-section-setting-desktop-layout="rightLargeBlock"] .group-collage-item:nth-child(3n-1):last-child {
        grid-column: span 2;
    }

    .section-wrapper[data-section-key="collage"][data-section-setting-desktop-layout="rightLargeBlock"] .group-collage-item:nth-child(3n) {
        grid-column: 2 / span 2;
        grid-row: span 2;
    }

    .section-wrapper[data-section-key="collage"] .group-collage-item[data-group-complex-type-id="collection"]:only-child,
    .section-wrapper[data-section-key="collage"] .group-collage-item[data-group-complex-type-id="product"]:only-child {
        justify-self: center;
        max-width: 73rem;
        width: 100%;
    }
}

.section-wrapper[data-section-key="collage"] .collage-card {
    border-radius: var(--card-corner-radius);
    height: 100%;
    padding: var(--card-image-padding);
    position: relative;
}

.section-wrapper[data-section-key="collage"] .collage-card:after {
    border-radius: var(--card-corner-radius);
    content: '';
    position: absolute;
    width: calc(var(--card-border-width) * 2 + 100%);
    height: calc(var(--card-border-width) * 2 + 100%);
    top: calc(var(--card-border-width) * -1);
    left: calc(var(--card-border-width) * -1);
    z-index: -1;
}

.section-wrapper[data-section-key="collage"] .collage-card .response-image-block {
    border-radius: calc(var(--card-corner-radius) - var(--card-border-width) - var(--card-image-padding));
    height: 100%;
    overflow: hidden;
}

.section-wrapper[data-section-key="collage"] .collage-card-link {
    display: block;
    height: 100%;
}

.section-wrapper[data-section-key="collage"] .group-collage-wrapper .collage-card-spacing img {
    object-fit: contain;
}

.section-wrapper[data-section-key="collage"] .group-collage-item[data-use-original-image-aspect-ratio="no"] .responsive-video-block{
    border-radius: calc(var(--card-corner-radius) - var(--card-border-width) - var(--card-image-padding));
    height: 100%;
    overflow: hidden;
}

.section-wrapper[data-section-key="collage"] .media {
    height: 100%;
    overflow: hidden;
}

.section-wrapper[data-section-key="collage"] .deferred-media {
    height: 100%;
    overflow: visible;
}

.section-wrapper[data-section-key="collage"] .deferred-media-poster {
    background-color: transparent;
    border: 0;
}

.section-wrapper[data-section-key="collage"] .deferred-media-poster:after {
    content: '';
    position: absolute;
    z-index: 1;
    bottom: calc(var(--card-border-width) * -1);
    left: calc(var(--card-border-width) * -1);
    right: calc(var(--card-border-width) * -1);
    top: calc(var(--card-border-width) * -1);
    outline-offset: 0.3rem;
}

.section-wrapper[data-section-key="collage"] .deferred-media-poster:focus:after {
    box-shadow: none;
    outline: none;
}

.section-wrapper[data-section-key="collage"] .deferred-media-poster:focus-visible:after {
    box-shadow: none;
    outline: none;
}

.section-wrapper[data-section-key="collage"] .deferred-media-poster:focus:not(:focus-visible),
.section-wrapper[data-section-key="collage"] .deferred-media-poster:focus:not(:focus-visible):after {
    outline: none;
    box-shadow: none;
}

.section-wrapper[data-section-key="collage"] .deferred-media-poster:focus {
    outline: none;
    box-shadow: none;
}

/***************************************************************************/
/*            CONTENT SECTION - COLLAGE SECTION END                        */
/***************************************************************************/

/***************************************************************************/
/*         CONTENT SECTION - EMBED CODE SECTION START                      */
/***************************************************************************/

.section-wrapper[data-section-key="embed-code"][data-section-setting-text-align="left"] .heading-text-main{
    text-align: left;
}

.section-wrapper[data-section-key="embed-code"][data-section-setting-text-align="center"] .heading-text-main{
    text-align: center;
}

.section-wrapper[data-section-key="embed-code"][data-section-setting-text-align="right"] .heading-text-main{
    text-align: right;
}

.section-wrapper[data-section-key="embed-code"] .embed-code-not-added-yet-message,
.section-wrapper[data-section-key="embed-code"] .embed-code-error-message{
    font-size: 22px;
    padding: 30px;
    text-align: center;
    background-color: #DDDDDD;
    /* Override default text color for this message */
    color: #666666;
    border-radius: 10px;
}

.section-wrapper[data-section-key="embed-code"] .embed-code-not-added-yet-message svg,
.section-wrapper[data-section-key="embed-code"] .embed-code-error-message svg{
    width: 25px;
    height: 25px;
}

/***************************************************************************/
/*         CONTENT SECTION - EMBED CODE SECTION END                        */
/***************************************************************************/










/***************************************************************************/
/*             CONTENT SECTION - TICKER SECTION START                      */
/***************************************************************************/

.section-wrapper[data-section-key="ticker"] .ticker {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    overflow: hidden;
    z-index: auto;
    background-color: transparent
}

.section-wrapper[data-section-key="ticker"] .ticker h1,
.section-wrapper[data-section-key="ticker"] .ticker p {
    margin: 0;
    min-height: 0;
    line-height: 1.4
}

.section-wrapper[data-section-key="ticker"] .ticker-svg {
    display: block;
    width: 100%;
    font-size: inherit
}

.section-wrapper[data-section-key="ticker"] .ticker-hitbox {
    position: relative;
    display: block;
    width: 100%
}

.section-wrapper[data-section-key="ticker"] .ticker-hitbox:focus .ticker-path-hitbox-focus-outline {
    stroke: currentColor
}

.section-wrapper[data-section-key="ticker"] .ticker-hitbox:focus:not(:focus-visible) .ticker-path-hitbox-focus-outline {
    stroke: initial
}

.section-wrapper[data-section-key="ticker"] .ticker-display {
    flex-grow: 1;
    flex-shrink: 0
}

.section-wrapper[data-section-key="ticker"] .ticker-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%)
}

.section-wrapper[data-section-key="ticker"] .ticker-measure {
    display: inline-flex;
    align-items: center;
    width: max-content;
    min-height: 1em;
    visibility: hidden;
    position: absolute
}

.section-wrapper[data-section-key="ticker"] .ticker-group {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0
}

.section-wrapper[data-section-key="ticker"] .ticker-measure,
.section-wrapper[data-section-key="ticker"] .ticker-group {
    min-width: 50px
}

.section-wrapper[data-section-key="ticker"] .ticker-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 0;
    flex-shrink: 0
}

.section-wrapper[data-section-key="ticker"] .ticker-track {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.section-wrapper[data-section-key="ticker"] .ticker-track {
    pointer-events: none
}

.section-wrapper[data-section-key="ticker"] .ticker-track .ticker-track-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0
}

.section-wrapper[data-section-key="ticker"] .ticker-track-item .ticker-item {
    padding: 0;
    transform: translate3d(-50%, calc(-50% - 0.4em), 0)
}

.section-wrapper[data-section-key="ticker"] .ticker-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
}

.section-wrapper[data-section-key="ticker"] .ticker-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

/***************************************************************************/
/*             CONTENT SECTION - TICKER SECTION START                      */
/***************************************************************************/










/*****************************************************/
/*      FEATURED CUSTOMER REVIEWS SECTION START      */
/*****************************************************/

.section-wrapper[data-section-key="featured-customer-reviews"][data-section-setting-show-write-review-button="no"] .write-review-button,
.section-wrapper[data-section-key="featured-customer-reviews"][data-section-setting-show-sorting-dropdown="no"] .sorting-wrapper,
.section-wrapper[data-section-key="featured-customer-reviews"][data-section-setting-show-product-recommended-badge="no"] .recommended-badge,
.section-wrapper[data-section-key="featured-customer-reviews"][data-section-setting-show-verified-buyer-badge="no"] .verified-buyer-badge{
    /* Other elements have more specificity so need to use !important */
    display: none !important;
}

.section-wrapper[data-section-key="featured-customer-reviews"].all-reviews-are-imported-with-empty-title-and-message .sorting-wrapper,
.section-wrapper[data-section-key="featured-customer-reviews"].all-reviews-are-imported-with-empty-title-and-message .show-more-button-wrapper{
    display: none !important;
}

.section-wrapper[data-section-key="featured-customer-reviews"].all-reviews-are-imported-with-empty-title-and-message .top-row{
    border-bottom: none !important;
}

.section-wrapper[data-section-key="featured-customer-reviews"] .customer-review-row{
    border-bottom: 1px solid;
    padding: 2.5em 0;
}

.section-wrapper[data-section-key="featured-customer-reviews"] .star-rating{
    width: 100px;
    height: 20px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.section-wrapper[data-section-key="featured-customer-reviews"] .star-rating .star-rating-indicator{
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.section-wrapper[data-section-key="featured-customer-reviews"] .customer-review-row .verified-buyer-icon{
    position: relative;
    top: -4px;
}

.section-wrapper[data-section-key="featured-customer-reviews"] .top-row{
    border-bottom: 1px solid;
}

.section-wrapper[data-section-key="featured-customer-reviews"] .aggregate-summary .rating-value{
    display: inline-block;
    margin: 10px auto;
    margin-bottom: .5em;
    margin-right: 0.5em;
    vertical-align: middle;
    width: auto;
}

.section-wrapper[data-section-key="featured-customer-reviews"] .aggregate-summary .star-rating-wrapper{
    display: inline-block;
    margin-bottom: .5em;
    margin-right: 1em;
    vertical-align: middle;
    width: auto;
}

.section-wrapper[data-section-key="featured-customer-reviews"] .verified-buyer-badge,
.section-wrapper[data-section-key="featured-customer-reviews"] .recommended-badge{
    margin-bottom: 12px;
}

.section-wrapper[data-section-key="featured-customer-reviews"] .verified-buyer-badge svg.icon{
    position: relative;
    top: -2px;
}

.section-wrapper[data-section-key="featured-customer-reviews"] .recommended-badge .icon{
    position: relative;
    top: -4px;
}

.section-wrapper[data-section-key="featured-customer-reviews"] .star-rating .star-rating-indicator .star-rating-indicator-layer svg{
    position: absolute;
    width: 100px;
    height: 20px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.section-wrapper[data-section-key="featured-customer-reviews"] .star-rating .star-rating-indicator .star-rating-indicator-layer:not(.star-rating-indicator-layer-foreground){
    /*opacity: 0.3;*/
}

.section-wrapper[data-section-key="featured-customer-reviews"] .star-rating .star-rating-indicator .star-rating-indicator-layer-foreground{
    width: 0;
}

.section-wrapper[data-section-key="featured-customer-reviews"] .star-rating .star-rating-indicator .star-rating-indicator-layer{
    position: absolute;
    overflow: hidden;
    height: 20px;
    left: 0px;
    top: 0px;
    width: 100%;
}

.section-wrapper[data-section-key="featured-customer-reviews"] .actions-wrapper{
    margin-bottom: 1rem;
}

.section-wrapper[data-section-key="featured-customer-reviews"] .actions-wrapper .sorting-wrapper{
    display: inline-block;
    position: relative;
}

.section-wrapper[data-section-key="featured-customer-reviews"] .actions-wrapper .sorting-select{
    opacity: 0;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    z-index: 10;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

.section-wrapper[data-section-key="featured-customer-reviews"] .actions-wrapper .main-sorting-link svg{
    width: 17px;
}

.section-wrapper[data-section-key="featured-customer-reviews"] .customer-review-row .time-elapsed{
    text-align: right;
}

.section-wrapper[data-section-key="featured-customer-reviews"] .customer-review-row .star-rating{
    margin-bottom: 1rem;
}

.section-wrapper[data-section-key="featured-customer-reviews"] .actions-wrapper .sorting-wrapper{
    display: inline-block;
    margin-right: 20px;
}

.section-wrapper[data-section-key="featured-customer-reviews"] .show-more-button-wrapper{
    text-align: center;
}

.section-wrapper[data-section-key="featured-customer-reviews"] .rows-wrapper{
    position: relative;
}

.section-wrapper[data-section-key="featured-customer-reviews"] .rows-wrapper.loading .customer-review-row{
    opacity: 0.5;
}

.section-wrapper[data-section-key="featured-customer-reviews"] .rows-loading-message{
    text-align: center;
    padding: 2em;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}

.section-wrapper[data-section-key="featured-customer-reviews"] .rows-loading-message .spinner-border{
    margin-right: 5px;
    vertical-align: middle;
}

.section-wrapper[data-section-key="featured-customer-reviews"] .show-more-button-wrapper .btn{
    /* Looks better in all cases without border radius */
    border-radius: 0px !important;
}

.section-wrapper[data-section-key="featured-customer-reviews"] .no-reviews-yet-message{
    text-align: center;
    padding: 2em;
    border: 1px solid;
}

.section-wrapper[data-section-key="featured-customer-reviews"] .customer-review-row .review-message-wrapper-outer{
    overflow: hidden;
    position: relative;
}

.section-wrapper[data-section-key="featured-customer-reviews"] .customer-review-row.show-full-review-message .review-message-show-more-wrapper,
.section-wrapper[data-section-key="featured-customer-reviews"] .customer-review-row.show-full-review-message .review-message-gradient{
    display: none;
}

.section-wrapper[data-section-key="featured-customer-reviews"] .customer-review-row .review-message-gradient{
    bottom: 0px;
    position: absolute;
    height: 50px;
    opacity: 1;
    pointer-events: none;
    width: 100%;
}

@media (min-width: 768px) {

    .section-wrapper[data-section-key="featured-customer-reviews"] .actions-wrapper{
        text-align: right;
    }

    /* Need to use less specificty to so border color on other class takes precendence */
    .section-wrapper[data-section-key="featured-customer-reviews"] .customer-review-row-primary-column{
        border-left: 1px solid;
    }

    .section-wrapper[data-section-key="featured-customer-reviews"] .customer-review-row-primary-column,
    .section-wrapper[data-section-key="featured-customer-reviews"] .customer-review-row-secondary-column{
        padding: 2em;
    }

}

/*****************************************************/
/*          FEATURED CUSTOMER REVIEWS SECTION END    */
/*****************************************************/










/*******************************************************************/
/*          CONTENT SECTION - SLIDER LIST START                   */
/*******************************************************************/

.section-wrapper[data-section-key="slider-list"][data-section-setting-section-width="fullBleed"] .section-contents-wrapper{
    padding-left: 0px;
    padding-right: 0px;
}

.section-wrapper[data-section-key="slider-list"][data-section-setting-text-align-heading-main="left"] .heading-text-main,
.section-wrapper[data-section-key="slider-list"][data-section-setting-text-align="left"] .text-row-contents{
    text-align: left;
}

.section-wrapper[data-section-key="slider-list"][data-section-setting-text-align-heading-main="center"] .heading-text-main,
.section-wrapper[data-section-key="slider-list"][data-section-setting-text-align="center"] .text-row-contents{
    text-align: center;
}

.section-wrapper[data-section-key="slider-list"][data-section-setting-text-align-heading-main="right"] .heading-text-main,
.section-wrapper[data-section-key="slider-list"][data-section-setting-text-align="right"] .text-row-contents{
    text-align: right;
}

/* If text width is less than 100% than need to center or right align in these cases */
.section-wrapper[data-section-key="slider-list"][data-section-setting-text-align="center"] .text-row-contents .heading-text,
.section-wrapper[data-section-key="slider-list"][data-section-setting-text-align="center"] .text-row-contents .richtext{
    margin-left: auto;
    margin-right: auto;
}
.section-wrapper[data-section-key="slider-list"][data-section-setting-text-align="right"] .text-row-contents .heading-text,
.section-wrapper[data-section-key="slider-list"][data-section-setting-text-align="right"] .text-row-contents .richtext{
    margin-left: auto;
    margin-right: 0px;
}

.section-wrapper[data-section-key="slider-list"] .media-not-provided-thumbnail-wrapper{
    background-color: #DDDDDD;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}

.section-wrapper[data-section-key="slider-list"] .navigation-wrapper-position-bottom .navigation-button-disabled,
.section-wrapper[data-section-key="slider-list"] .navigation-wrapper-position-center .navigation-button-disabled{
    opacity: 0;
    pointer-events: none;
}

.section-wrapper[data-section-key="slider-list"] .slider-list-wrapper-outer{
    overflow: hidden;
}

.section-wrapper[data-section-key="slider-list"][data-section-setting-show-column-background="yes"] .column-item-wrapper{
    padding-top: 0px;
    margin-bottom: 30px;
}
.section-wrapper[data-section-key="slider-list"][data-section-setting-show-column-background="yes"] .image-row-contents{
    padding-top: 1.5625rem;
}
.section-wrapper[data-section-key="slider-list"][data-section-setting-show-column-background="yes"] .text-row-contents{
    padding: 1.5625rem;
}
.section-wrapper[data-section-key="slider-list"][data-section-setting-show-column-background="yes"] .column-item-wrapper{
    background-color: rgba(var(--color-text-regular), 0.04);
}

.section-wrapper[data-section-key="slider-list"][data-section-setting-image-align="center"] .image-row-contents{
    margin-left: auto;
    margin-right: auto;
}
.section-wrapper[data-section-key="slider-list"][data-section-setting-image-align="right"] .image-row-contents{
    margin-left: auto;
    margin-right: 0px;
}

.section-wrapper[data-section-key="slider-list"][data-section-setting-show-column-image="no"] .image-row-contents,
.section-wrapper[data-section-key="slider-list"][data-section-setting-show-column-heading-text="no"] .heading-text,
.section-wrapper[data-section-key="slider-list"][data-section-setting-show-column-text="no"] .richtext{
    display: none;
}





.section-wrapper[data-section-key="slider-list"][data-section-setting-image-aspect-ratio="adapt"] .image-row-contents .media{
    padding-bottom: var(--ratio-percent);
}
.section-wrapper[data-section-key="slider-list"][data-section-setting-image-aspect-ratio="square"] .image-row-contents .media{
    padding-bottom: 100%;
}
.section-wrapper[data-section-key="slider-list"][data-section-setting-image-aspect-ratio="circle"] .image-row-contents .media{
    padding-bottom: 100%;
    border-radius: 50%;
}
.section-wrapper[data-section-key="slider-list"][data-section-setting-image-aspect-ratio="standard"] .image-row-contents .media{
    padding-bottom: 66.666%;
}
.section-wrapper[data-section-key="slider-list"][data-section-setting-image-aspect-ratio="standardVertical"] .image-row-contents .media{
    padding-bottom: 150%;
}
.section-wrapper[data-section-key="slider-list"][data-section-setting-image-aspect-ratio="fourThree"] .image-row-contents .media{
    padding-bottom: 75%;
}
.section-wrapper[data-section-key="slider-list"][data-section-setting-image-aspect-ratio="threeFourVertical"] .image-row-contents .media{
    padding-bottom: 133.333%;
}
.section-wrapper[data-section-key="slider-list"][data-section-setting-image-aspect-ratio="widescreen"] .image-row-contents .media{
    padding-bottom: 56.25%;
}




.section-wrapper[data-section-key="slider-list"]{
    opacity: 0;
    transition: opacity .3s;
}
.section-wrapper[data-section-key="slider-list"][data-show="true"] {
    opacity: 1
}

.section-wrapper[data-section-key="slider-list"] .slider-list{
    padding-left: 0px;
    margin-bottom: 0px;
}
.section-wrapper[data-section-key="slider-list"] li.slider-list-item{
    list-style-type: none;
}








.section-wrapper[data-section-key="slider-list"] .navigation-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
}

.section-wrapper[data-section-key="slider-list"] .navigation-button:focus {
    outline: none
}

.section-wrapper[data-section-key="slider-list"] .navigation-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
}

.section-wrapper[data-section-key="slider-list"] .navigation-button:focus:not(:focus-visible)::after {
    display: none
}

.section-wrapper[data-section-key="slider-list"] .navigation-button-background {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: .7;
    transition: opacity .3s
}

.section-wrapper[data-section-key="slider-list"] .navigation-button:hover .navigation-button-background {
    opacity: 1
}

.section-wrapper[data-section-key="slider-list"] .navigation-wrapper-position-bottom .navigation-button svg,
.section-wrapper[data-section-key="slider-list"] .navigation-wrapper-position-center .navigation-button svg{
    position: relative;
    display: block;
    margin: 0 auto;
    width: 36px;
    height: 36px
}

.section-wrapper[data-section-key="slider-list"] .navigation-wrapper-position-bottom .navigation-button svg path,
.section-wrapper[data-section-key="slider-list"] .navigation-wrapper-position-center .navigation-button svg path{
    stroke-width: 2px;
    stroke-linejoin: round;
    stroke-linecap: round;
    fill: none
}

.section-wrapper[data-section-key="slider-list"] .navigation-wrapper-position-bottom {
    display: flex
}

.section-wrapper[data-section-key="slider-list"] .navigation-position-bottom-contents {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-gap: 20px;
    grid-gap: 20px
}

.section-wrapper[data-section-key="slider-list"][data-section-setting-navigation-alignment="left"] .navigation-wrapper-position-bottom {
    justify-content: flex-start
}
.section-wrapper[data-section-key="slider-list"][data-section-setting-navigation-alignment="center"] .navigation-wrapper-position-bottom {
    justify-content: center
}
.section-wrapper[data-section-key="slider-list"][data-section-setting-navigation-alignment="right"] .navigation-wrapper-position-bottom {
    justify-content: flex-end
}

.section-wrapper[data-section-key="slider-list"][data-section-setting-navigation-alignment="left"] .navigation-dots{
    text-align: left;
}
.section-wrapper[data-section-key="slider-list"][data-section-setting-navigation-alignment="center"] .navigation-dots{
    text-align: center;
}
.section-wrapper[data-section-key="slider-list"][data-section-setting-navigation-alignment="right"] .navigation-dots{
    text-align: right;
}

.section-wrapper[data-section-key="slider-list"] .navigation-wrapper-mobile{
    display: none;
    justify-content: center;
    margin-top: 20px
}

.section-wrapper[data-section-key="slider-list"] .navigation-wrapper-mobile .navigation-button-mobile {
    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
}

.section-wrapper[data-section-key="slider-list"] .navigation-wrapper-mobile .navigation-button-mobile:focus {
    outline: none;
}

.section-wrapper[data-section-key="slider-list"] .navigation-wrapper-mobile .navigation-button-mobile-prev {
    margin-right: 10px
}

.section-wrapper[data-section-key="slider-list"] .navigation-wrapper-mobile .navigation-button-background-mobile {
    position: absolute;
    width: 40px;
    height: 40px;
    left: 4px;
    top: 4px;
    transition: opacity .3s;
    border-radius: 50%
}

.section-wrapper[data-section-key="slider-list"] .navigation-wrapper-mobile .navigation-button-mobile svg {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 20px;
    height: 20px
}

.section-wrapper[data-section-key="slider-list"] .navigation-wrapper-position-center{
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section-wrapper[data-section-key="slider-list"] .navigation-wrapper-position-center.prev{
    left: 0px;
    right: auto;
}
.section-wrapper[data-section-key="slider-list"] .navigation-wrapper-position-center.next{
    right: 0px;
    left: auto;
}

.section-wrapper[data-section-key="slider-list"] .navigation-wrapper-position-center .navigation-button-wrapper-outer{
    height: 100%;
    padding-bottom: 0px;
}

@media screen and (max-width: 575px ) {
    .section-wrapper[data-section-key="slider-list"] .navigation-wrapper-desktop {
        display:none;
    }

    .section-wrapper[data-section-key="slider-list"] .navigation-wrapper-mobile {
        display: flex;
    }
}

.section-wrapper[data-section-key="slider-list"] .navigation-dots{
    /* Override position absolute */
    position: static;
}
.section-wrapper[data-section-key="slider-list"] .navigation-dots .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){
    opacity: 0.3;
}






























/*******************************************************************/
/*          CONTENT SECTION - SLIDER LIST END                      */
/*******************************************************************/




















/*****************************************************/
/*             CONTENT SECTIONS END                  */
/*             CONTENT SECTIONS END                  */
/*             CONTENT SECTIONS END                  */
/*             CONTENT SECTIONS END                  */
/*             CONTENT SECTIONS END                  */
/*             CONTENT SECTIONS END                  */
/*             CONTENT SECTIONS END                  */
/*             CONTENT SECTIONS END                  */
/*             CONTENT SECTIONS END                  */
/*             CONTENT SECTIONS END                  */
/*****************************************************/








/*****************************************************/
/*              MODAL - COMMON START                 */
/*****************************************************/

.modal .modal-body p{
    text-align: center;
    color: #666666;
}

.modal .modal-footer .btn .spinner-border{
    width: 10px;
    height: 10px;
    vertical-align: baseline;
    border-width: 2px;
    margin-right: 5px;
}

.modal .modal-success-message{
    text-align: center;
    border-radius: 0px;
    display: none;
}

/*****************************************************/
/*              MODAL - COMMON END                   */
/*****************************************************/

/*****************************************************/
/*         MODAL - REFERRAL HOW IT WORKS START       */
/*****************************************************/

body#page-referral #how-it-works-modal li{
    color: #666666;
    margin-bottom: 10px;
}

body#page-referral #how-it-works-modal li:last-child{
    margin-bottom: 0px;
}

/*****************************************************/
/*         MODAL - REFERRAL HOW IT WORKS END         */
/*****************************************************/

/***************************************************************/
/*       MODAL - RESPONSIVE VIDEO BLOCK VIDEO MODAL START      */
/***************************************************************/

#responsive-video-block-video-modal .modal-dialog{
    max-width: 1000px;
}

#responsive-video-block-video-modal .modal-content{
    background-color: transparent;
}

#responsive-video-block-video-modal .modal-body{
    padding: 0px;
}

#responsive-video-block-video-modal .modal-body .close{
    position: absolute;
    right: -45px;
    top: 0;
    z-index: 999;
    font-size: 4rem;
    font-weight: normal;
    color: #FFFFFF;
    opacity: 1;
}

#responsive-video-block-video-modal  .embed-code-wrapper{
    /*
        For non-youtube embeds (like soundcloud)
        need to also set width 100% to overcome floated
        parent in product and featured-product sections
    */
    width: 100%;
}

#responsive-video-block-video-modal .embed-code-wrapper{
    position: relative;
    /*
        In case we're not able to retrieve aspectRatioTimesOneHundred
        (which is applied as inline CSS and overrides this CSS)
        use the default YouTube video aspect ratio (16:9)
        https://support.google.com/youtube/answer/6375112
        https://css-tricks.com/fluid-width-video
    */
    padding-bottom: 56.25%;
    height: 0;
    /*
        width 100% is needed to overcome floated parent in product
        and featured-product sections
    */
    width: 100%;
}

#responsive-video-block-video-modal .embed-code-wrapper iframe{
    position: absolute;
    top: 0;
    left: 0;
    /*
        Some older versions of YouTube iframe have width+height
        defined, need to override those to use fluid height trick
    */
    width: 100% !important;
    height: 100% !important;
    /* Other embeds shouldn't exceed fill width */
    max-width: 100%;
}

@media only screen and (max-width: 1024px) and (pointer: coarse), screen and (max-width: 1100px){

    #responsive-video-block-video-modal .modal-body .close{
        position: static;
    }

    #responsive-video-block-video-modal .modal-body .video-contents{
        margin-top: 4rem;
    }

    #responsive-video-block-video-modal .modal-content{
        border: none;
    }

}

#responsive-video-block-video-modal .error-message-outer{
    background-color: #151515;
    color: #FFFFFF;
    display: table;
    height: 300px;
    position: static;
    width: 100%;
}

#responsive-video-block-video-modal .error-message-inner{
    display: table-cell;
    vertical-align: middle;
    position: static;
    margin: 0 auto;
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
}

#responsive-video-block-video-modal .error-message-outer h2{
    font-size: 48px;
}

#responsive-video-block-video-modal .error-message-outer h4{
    font-size: 24px;
}

/***************************************************************/
/*       MODAL - RESPONSIVE VIDEO BLOCK VIDEO MODAL END        */
/***************************************************************/

/***************************************************************/
/*       MODAL - CROSS SELL PROMINENT POPUP MODAL START        */
/***************************************************************/

#cross-sell-prominent-popup-modal .modal-dialog{
    height: calc(-76px + 100vh);
    max-height: 614px;
}

@media screen and (max-height: 614px) {
    #cross-sell-prominent-popup-modal .modal-content{
        height: 100%;
    }
}

#cross-sell-prominent-popup-modal .modal-body{
    overflow-y: auto;
    max-height: 400px;
}

#cross-sell-prominent-popup-modal .modal-body.has-variants .product-name-wrapper{
    font-size: 1.4rem;
}

#cross-sell-prominent-popup-modal .price-comparison-wrapper{
    font-size: 1.4rem;
}

#cross-sell-prominent-popup-modal .price-comparison-wrapper .old-price{
    margin: 0rem 0.25rem;
    display: inline-block;
    text-decoration: line-through;
}

#cross-sell-prominent-popup-modal .price-comparison-wrapper .new-price{
    margin: 0rem 0.25rem;
    display: inline-block;
}

#cross-sell-prominent-popup-modal .percentage-discount-wrapper{
    text-transform: uppercase;
}

#cross-sell-prominent-popup-modal .product-description{
    margin-top: 20px;
}

#cross-sell-prominent-popup-modal .product-description p{
    text-align: left;
}

#cross-sell-prominent-popup-modal .product-description{
    margin-top: 20px;
}

#cross-sell-prominent-popup-modal .product-description p{
    text-align: left;
}

#cross-sell-prominent-popup-modal .product-description:not(.richtext-quill) h3{
    padding-bottom: 10px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin-bottom: 10px;
    margin-top: 20px;
}

#cross-sell-prominent-popup-modal .product-description:not(.richtext-quill) h4{
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: 700;
}

#cross-sell-prominent-popup-modal .product-description iframe{
    max-width: 100%;
}

#cross-sell-prominent-popup-modal .modal-footer .btn{
    font-size: 1rem;
    padding-top: 10px;
    padding-bottom: 10px;
}

#cross-sell-prominent-popup-modal .modal-footer .btn:focus{
    outline: none;
}

/***************************************************************/
/*       MODAL - CROSS SELL PROMINENT POPUP MODAL END          */
/***************************************************************/










/*****************************************************/
/*                  ANIMATION START                  */
/*****************************************************/

/* Animation - fadeIn start */

.animation-enabled.section-wrapper[data-section-setting-animation="fadeIn"] .image-column-contents,
.animation-enabled.section-wrapper[data-section-setting-animation="fadeIn"] .text-column-contents{
    will-change: opacity, transform;
    opacity: 0;
    transform: matrix(1, 0, 0, 1, 0, 0);
    transition: opacity 800ms cubic-bezier(0.4, 0, 0.2, 1) 0s, transform 800ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.animation-enabled.section-wrapper[data-section-setting-animation="fadeIn"] .image-column-contents[data-show="true"],
.animation-enabled.section-wrapper[data-section-setting-animation="fadeIn"] .text-column-contents[data-show="true"]{
    opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0);
}

/* Animation - fadeIn end */

/* Animation - slideUp start */

.animation-enabled.section-wrapper[data-section-setting-animation="slideUp"] .image-column-contents,
.animation-enabled.section-wrapper[data-section-setting-animation="slideUp"] .text-column-contents{
    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);
}

.animation-enabled.section-wrapper[data-section-setting-animation="slideUp"] .image-column-contents[data-show="true"],
.animation-enabled.section-wrapper[data-section-setting-animation="slideUp"] .text-column-contents[data-show="true"]{
    opacity: 1;
    transform: matrix(1,0,0,1,0,0);
}

/* Animation - slideUp end */

/* Animation - focusIn start */

.animation-enabled.section-wrapper[data-section-setting-animation="focusIn"] .image-column-contents,
.animation-enabled.section-wrapper[data-section-setting-animation="focusIn"] .text-column-contents{
    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);
}

.animation-enabled.section-wrapper[data-section-setting-animation="focusIn"] .image-column-contents[data-show="true"],
.animation-enabled.section-wrapper[data-section-setting-animation="focusIn"] .text-column-contents[data-show="true"]{
    opacity: 1;
    transform: matrix(1,0,0,1,0,0);
}

/* Animation - focusIn end */

/* Animation - collision start */
/* Used by columns-block and image-collage-block */

.section-wrapper[data-section-setting-image-position="right"][data-section-setting-animation="collide"] .image-column .image-column-contents,
.section-wrapper[data-section-setting-image-position="left"][data-section-setting-animation="collide"] .text-column .text-column-contents{
    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);
}

.section-wrapper[data-section-setting-image-position="left"][data-section-setting-animation="collide"] .image-column .image-column-contents,
.section-wrapper[data-section-setting-image-position="right"][data-section-setting-animation="collide"] .text-column .text-column-contents{
    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);
}

.animation-enabled.section-wrapper[data-section-setting-animation="collide"] .image-column .image-column-contents[data-show="true"],
.animation-enabled.section-wrapper[data-section-setting-animation="collide"] .text-column .text-column-contents[data-show="true"]{
    opacity: 1;
    transform: matrix(1,0,0,1,0,0);
}

/* Animation - collision end */

/* Animation - reveal start */
/* Used by columns-block and image-collage-block */

.animation-enabled.section-wrapper[data-section-setting-image-position="left"][data-section-setting-animation="reveal"] .image-column .image-column-contents,
.animation-enabled.section-wrapper[data-section-setting-image-position="right"][data-section-setting-animation="reveal"] .text-column .text-column-contents{
    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);
}

.animation-enabled.section-wrapper[data-section-setting-image-position="right"][data-section-setting-animation="reveal"] .image-column .image-column-contents,
.animation-enabled.section-wrapper[data-section-setting-image-position="left"][data-section-setting-animation="reveal"] .text-column .text-column-contents{
    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);
}

.animation-enabled.section-wrapper[data-section-setting-animation="reveal"] .image-column .image-column-contents[data-show="true"],
.animation-enabled.section-wrapper[data-section-setting-animation="reveal"] .text-column .text-column-contents[data-show="true"]{
    opacity: 1;
    transform: matrix(1,0,0,1,0,0);
}

/* Animation - reveal end */

/* Don't hide anything if no-js (eg search engine crawler) */
html.no-js .animation-enabled.section-wrapper .image-column-contents,
html.no-js .animation-enabled.section-wrapper .text-column-contents{
    opacity: 1 !important;
    transform: matrix(1,0,0,1,0,0) !important;
}

/* 
    Elements like the video player modal popup should be hidden,
    instead link to YouTube/Vimeo video
*/
html.no-js .no-js-hidden{
    display: none;
}

@keyframes core-animation-fade-in{
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes core-animation-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 core-animation-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);
    }
}

@-webkit-keyframes core-animation-spinner-spin{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes core-animation-spinner-spin{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes core-animation-no-image-fade-in{
    from {
        opacity: 0;
        transform: translatey(-15px)
    }

    to {
        opacity: 1;
        transform: translatey(0)
    }
}

@media (prefers-reduced-motion){
    .motion-reduce {
        transition: none !important;
        animation: none !important;
    }
}

/*****************************************************/
/*                  ANIMATION END                    */
/*****************************************************/

/*****************************************************/
/*                MEDIA QUERIES START                */
/*****************************************************/

@media screen and (min-width: 768px) {
    .section-wrapper[data-section-setting-section-contents-width="small"] .section-contents-wrapper .section-contents{
        width: 50%;
    }
    .section-wrapper[data-section-setting-section-contents-width="medium"] .section-contents-wrapper .section-contents{
        width: 75%;
    }
    .section-wrapper[data-section-setting-section-contents-width="large"] .section-contents-wrapper .section-contents{
        /* Since section-wraper is display flex, need to specify width 100% of descendant */
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .section-wrapper .section-contents-wrapper .section-contents{
        /* Since section-wraper is display flex, need to specify width 100% of descendant */
        width: 100% !important;
    }
}

@media only screen and (min-width: 750px) {

    /* SLIDESHOW START */

    /*
        Slideshow image height should not exceed viewport height max
        unless we're dealing with a small screen
    */
    .section-wrapper[data-section-key="slideshow"] .slideshow,
    .section-wrapper[data-section-key="slideshow"] .slideshow .slideshow-item .slideshow-item-contents .image-wrapper
    {
        max-height: 100vh;
    }

    .section-wrapper[data-section-key="slideshow"][data-section-setting-slide-height="small"] .slideshow .slideshow-item .slideshow-item-contents .image-wrapper{
        height: 475px;
    }

    .section-wrapper[data-section-key="slideshow"][data-section-setting-slide-height="medium"] .slideshow .slideshow-item .slideshow-item-contents .image-wrapper{
        height: 650px;
    }

    .section-wrapper[data-section-key="slideshow"][data-section-setting-slide-height="large"] .slideshow .slideshow-item .slideshow-item-contents .image-wrapper{
        height: 775px;
    }

    /* SLIDESHOW END */

}

/*****************************************************/
/*                MEDIA QUERIES END                  */
/*****************************************************/