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;
}

/*
    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%;
}

/* 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{
    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 */

/* 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               */
/*****************************************************/

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

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

.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 ol > li, .richtext-quill ul > li{
    list-style-type: none;
}
.richtext-quill ul > li::before{
    content: '\2022';
}

.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{
    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 11px 20px;
    font-size: 14px;
}

/*****************************************************/
/*              SELECT FACADE 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{
    /*
        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"]{
    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{
    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 */
.section-wrapper .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{
    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"].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{
    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: top;
}
.section-wrapper[data-section-key="footer"] .social-wrapper .social-link svg{
    width: 28px;
    height: 28px;
}
.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.social-link-pinterest svg{
    width: 18px;
    height: 18px;
}
.section-wrapper[data-section-key="footer"] .social-wrapper .social-link.social-link-facebook svg{
    width: 16px;
    height: 16px;
}
.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: center !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;
}

/*****************************************************/
/*          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-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%;
    /* inherit color from image overlay */
    color: inherit;
}
.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"][data-section-setting-color-scheme-id="darkPrimary"] .slideshow .slideshow-heading-and-subheading-wrapper,
.section-wrapper[data-section-key="slideshow"][data-section-setting-color-scheme-id="darkSecondary"] .slideshow .slideshow-heading-and-subheading-wrapper{
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}

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

.section-wrapper[data-section-key="slideshow"][data-section-setting-section-content-alignment-vertical="top"] .slideshow .slideshow-item .slideshow-text-outer-wrapper .slideshow-text-middle-wrapper{
    top: 120px;
}

.section-wrapper[data-section-key="slideshow"][data-section-setting-section-content-alignment-vertical="center"] .slideshow .slideshow-item .slideshow-text-outer-wrapper .slideshow-text-middle-wrapper{
    top: 50%;
    transform: translateY(-50%);
}

.section-wrapper[data-section-key="slideshow"][data-section-setting-section-content-alignment-vertical="bottom"] .slideshow .slideshow-item .slideshow-text-outer-wrapper .slideshow-text-middle-wrapper{
    top: auto;
    bottom: 40px;
}

.section-wrapper[data-section-key="slideshow"][data-section-setting-section-content-alignment-horizontal="left"] .slideshow .slideshow-item .slideshow-text-outer-wrapper .slideshow-text-middle-wrapper{
    text-align: left;
}

.section-wrapper[data-section-key="slideshow"][data-section-setting-section-content-alignment-horizontal="center"] .slideshow .slideshow-item .slideshow-text-outer-wrapper .slideshow-text-middle-wrapper{
    text-align: center;
}

.section-wrapper[data-section-key="slideshow"][data-section-setting-section-content-alignment-horizontal="right"] .slideshow .slideshow-item .slideshow-text-outer-wrapper .slideshow-text-middle-wrapper{
    text-align: right;
}

/* 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{
    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;
    float: left;
}

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

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

.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{
    display: none;
}

.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 */

/*****************************************************/
/*       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 - 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;
}

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

.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{
    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{
    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{
    text-align: right;
}

.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;
}

/*******************************************************************/
/*          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: 28px;
    height: 28px;
}

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

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

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

.section-wrapper[data-section-key="about-me"] .social-wrapper a.social-link{
    margin-right: 10px;
}
.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;
}

.section-wrapper[data-section-key="about-me"] .follow-wrapper .stage-1 .btn{
    padding: 10px 20px;
}

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

.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 - 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;
}

/*******************************************************************/
/*                  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{
    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{
    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 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 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{
    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{
    text-decoration: line-through;
    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{
    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;
}

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

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

.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 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         */
/*****************************************************/










/*****************************************************/
/*                  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;
}

@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)
    }
}

/*****************************************************/
/*                  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                  */
/*****************************************************/