/** Shopify CDN: Minification failed

Line 19:0 All "@import" rules must come first
Line 453:4 Unexpected "}"
Line 463:0 Unexpected "}"

**/
.collection-overlay-text-container{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
/*    color: #fff;*/ /* Text color - WM .. Have this working from a JSON in collection metafield , color for each header line ? or metafield in collection*/
    text-align: center;
}


/* @import url('https://fonts.googleapis.com/css2?family=Libre+Bodoni,wght@0,400..700;1,400..700&display=swap'); */
@import url('./bodoni-mt-regular.ttf');
.collection-imgtxt-overlay.imgtext.design-1,
.collection-imgtxt-overlay.imgtext.design-5,
.collection-imgtxt-overlay.imgtext.design-6,
.collection-imgtxt-overlay.imgtext.design-7,
.collection-imgtxt-overlay.imgtext.design-8,
.collection-imgtxt-overlay.imgtext.design-9,
.collection-imgtxt-overlay.imgtext.design-10,
.collection-imgtxt-overlay.imgtext.design-11,
.collection-imgtxt-overlay.imgtext.design-13,
.collection-imgtxt-overlay.imgtext.design-16 {
    position: absolute;
    top: 5.5%;
    left: 0;
    right: 0;
    text-align: center;
    color: white;
    bottom: auto;
    display: block;
}

.collection-imgtxt-overlay.imgtext.design-1 .collection_heading,
.collection-imgtxt-overlay.imgtext.design-5 .collection_heading,
.collection-imgtxt-overlay.imgtext.design-6 .collection_heading,
.collection-imgtxt-overlay.imgtext.design-7 .collection_heading,
.collection-imgtxt-overlay.imgtext.design-8 .collection_heading,
.collection-imgtxt-overlay.imgtext.design-9 .collection_heading,
.collection-imgtxt-overlay.imgtext.design-10 .collection_heading,
.collection-imgtxt-overlay.imgtext.design-11 .collection_heading,
.collection-imgtxt-overlay.imgtext.design-13 .collection_heading,
.collection-imgtxt-overlay.imgtext.design-16 .collection_heading {
    font-family: Baskerville_Old_Face_D_Regular, "Bodoni MT", "Didot", "Libre Bodoni", "Times New Roman", serif;
    font-size: min(4.5vw, 61px) !important;
    font-weight: 300;
    letter-spacing: 0.02em;
    text-shadow: 2px 2px 15px rgba(0,0,0,0.6);
    margin: 0;
    padding: 0;
    color: white;
    font-style: normal;
}
.collection-imgtxt-overlay.imgtext.design-16 .collection_heading {
    font-size: min(3.4vw, 61px) !important;
}
.collection-imgtxt-overlay.imgtext.design-1.larger-header .collection_heading{
    font-size: min(4.85vw, 74px) !important;
    margin-top:1%;
}

/* Pet memorial */
.collection-imgtxt-overlay.imgtext.design-1.design-1_5  .collection_heading{
    font-size: 3.1vw !important;
}

.collection_sunheading {
    text-shadow: 2px 2px 15px rgba(0,0,0,0.6);
    line-height: 1em;
    margin: 0;
    padding: 0;
}

/* DESIGN 5 STYLES */
.collection-imgtxt-overlay.imgtext.design-5 {
    top: 27%;
    left: 25%;
    text-align: center;
    .collection_heading {
        font-family: "Baskerville_Old_Face_D_Regular";
        font-size: min(4vw, 55px) !important;
    }
    .collection_sunheading {
        font-family: "Mulish-Light";
        font-size: min(3vw, 41px) !important;
        line-height: 1em;
    }
    @media screen and (min-width: 1600px) {
        .collection_heading {
            font-size: min(4vw, 62px) !important;
        }
        .collection_sunheading {
            font-size: min(3vw, 47px) !important;
        }
    }
    @media screen and (min-width: 1840px) {
        .collection_heading {
            font-size: min(4vw, 71px) !important;
        }
        .collection_sunheading {
            font-size: min(3vw, 53px) !important;
        }
    }
}

/* DESIGN 6 STYLES */
.collection-imgtxt-overlay.imgtext.design-6 {
    top: 10%;
    left: 13%;
    text-align: left;
    .collection_heading {
        font-family: "Baskerville_Old_Face_D_Regular", "Scotch-Display";
        font-size: min(calc(3.5vw * 1.1), calc(48px * 1.1)) !important; /* Increased by 20% */
        font-style: italic;
        text-transform: none;
    }
    .collection_sunheading {
        font-family: "Mulish-Light", "Century-Gothic";
        font-size: min(calc(2.3vw * 1.1), calc(32px * 1.1)) !important; /* Increased by 20% */
        text-transform: none;
    }
    @media (max-width: 575px) {
        left: 7%;
    }
    @media screen and (min-width: 1600px) {
        .collection_heading {
            font-size: min(calc(3.5vw * 1.1), calc(54px * 1.1)) !important; /* Increased by 20% */
        }
        .collection_sunheading {
            font-size: min(calc(2.3vw * 1.1), calc(36px * 1.1)) !important; /* Increased by 20% */
        }
    }
    @media screen and (min-width: 1840px) {
        .collection_heading {
            font-size: min(calc(3.5vw * 1.1), calc(62px * 1.1)) !important; /* Increased by 20% */
        }
        .collection_sunheading {
            font-size: min(calc(2.3vw * 1.1), calc(41px * 1.1)) !important; /* Increased by 20% */
        }
    }
}

/* DESIGN 7 STYLES */
.collection-imgtxt-overlay.imgtext.design-7 {
    top: unset;
    bottom: 10%;
    left: 14%;
    text-align: left;
    .collection_heading {
        font-family: "Baskerville_Old_Face_D_Regular", "Scotch-Display";
        font-size: min(calc(3.7vw * 1.1), calc(51px * 1.1)) !important; /* Increased by 20% */
        font-style: italic;
    }
    .collection_sunheading {
        font-family: "Mulish-Light", "Century-Gothic";
        font-size: min(calc(2.4vw * 1.1), calc(33px * 1.1)) !important; /* Increased by 20% */
    }
    @media (max-width: 575px) {
        left: 7%;
    }
    @media screen and (min-width: 1600px) {
        .collection_heading {
            font-size: min(calc(3.7vw * 1.1), calc(57px * 1.1)) !important; /* Increased by 20% */
        }
        .collection_sunheading {
            font-size: min(calc(2.4vw * 1.1), calc(37px * 1.1)) !important; /* Increased by 20% */
        }
    }
    @media screen and (min-width: 1840px) {
        .collection_heading {
            font-size: min(calc(3.7vw * 1.1), calc(65px * 1.1)) !important; /* Increased by 20% */
        }
        .collection_sunheading {
            font-size: min(calc(2.4vw * 1.1), calc(42px * 1.1)) !important; /* Increased by 20% */
        }
    }
}

/* DESIGN 8 STYLES */
.collection-imgtxt-overlay.imgtext.design-8 {
    top: 22.5%;
    .collection_heading {
        font-family: "Baskerville_Old_Face_D_Regular";
        font-size: min(4.5vw, 70px) !important;
    }
    .collection_sunheading {
        font-size: min(2.8vw, 44px) !important;
        font-family: "Mulish-Light";
    }
    @media screen and (min-width: 1840px) {
        .collection_heading {
            font-size: min(4.5vw, 80px) !important;
        }
        .collection_sunheading {
            font-size: min(2.8vw, 50px) !important;
        }
    }
}

/* DESIGN 9 STYLES */
.collection-imgtxt-overlay.imgtext.design-9 {
    top: 20%;
    left: 12%;
    text-align: left;
    .collection_heading {
        font-size: min(4.5vw, 70px) !important;
        font-family: "Baskerville_Old_Face_D_Regular";
        text-transform: none;
    }
    .collection_sunheading {
        /* font-family: "Cedora"; */
        font-family: "Mulish-Light";
        font-size: min(3vw, 47px) !important;
        margin-bottom: min(2vw, 31px) !important;
    }
    .collection_btn_wrap {
        filter: drop-shadow(10px 5px 5px rgba(0, 0, 0, 0.2));
    }
    .collection_button_cta {
        /* font-family: "Blanc"; */
        font-family: "Mulish-Bold";
        display: block;
        width: fit-content;
        background: #E2DAD4;
        -webkit-clip-path: polygon(0 0, 100% 0, 92% 51%, 100% 100%, 0 99%, 8% 50%);
        clip-path: polygon(0 0, 100% 0, 92% 51%, 100% 100%, 0 99%, 8% 50%);
        padding-block: min(0.5vw, 7px);
        padding-inline: min(5vw, 69px);
        color: #986840;
        font-size: min(3vw, 47px);
        font-weight: 500;
    }
    @media (max-width: 575px) {
        left: 0%;
        .collection_button_cta {
            padding: 0.5em 2em;
        }
    }
    @media screen and (min-width: 1840px) {
        .collection_heading {
            font-size: min(4.5vw, 80px) !important;
        }
        .collection_sunheading {
            font-size: min(3vw, 53px) !important;
            margin-bottom: min(2vw, 35px) !important;
        }
        .collection_button_cta {
            font-size: min(3vw, 53px);
        }
    }
}

/* DESIGN 10 STYLES */
.collection-imgtxt-overlay.imgtext.design-10 {
    top: 20%;
    left: 1%;
    text-align: left;
    .collection_heading {
        font-family: "Baskerville_Old_Face_D_Regular";
        font-size: min(3.5vw, 48px) !important;
        padding-left: min(5vw, 69px);
        text-transform: none;
        text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.6);
    }
    .collection_sunheading {
        font-family: "Mulish-Light","Cedora";
        font-size: min(2.5vw, 34px) !important;
        margin-bottom: min(2.5vw, 34px) !important;
        margin-top: -10px;
        margin-left: 5px;
        padding-left: min(5vw, 70px);
    }
    .collection_btn_wrap {
        filter: drop-shadow(15px 10px 0px rgba(255, 255, 255, 0.2));
    }
    .collection_button_cta {
        font-family: "Mulish-Light","Cedora";
        display: block;
        width: 50%;
        background: #E2DAD4;
        -webkit-clip-path: polygon(0 0, 100% 0, 95% 50%, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 95% 50%, 100% 100%, 0 100%);
        padding: 0.25em 2em;
        color: #6D6965;
        font-size: min(2.25vw, 31px);
        line-height: 1.1em;
    }
    @media (max-width: 575px) {
        left: 0;
        padding-left: 0;
        .collection_sunheading {
            margin-top: 0;
            margin-left: 0;
        }
        .collection_btn_wrap {
            filter: drop-shadow(5px 5px 0px rgba(255, 255, 255, 0.2));
        }
        .collection_button_cta {
            padding: 0.5em 2em;
            font-size: 2vw;
        }
    }
    @media (min-width: 1600px) {
        .collection_heading {
            font-size: min(3.5vw, 54px) !important;
        }
        .collection_sunheading {
            font-size: min(2.4vw, 37px) !important;
            margin-bottom: min(2.5vw, 39px) !important;
        }
        .collection_button_cta {
            font-size: min(2.25vw, 35px);
        }
    }
    @media (min-width: 1840px) {
        left: 0.8%;
        .collection_heading {
            font-size: min(3.5vw, 62px) !important;
        }
        .collection_sunheading {
            font-size: min(2.4vw, 42px) !important;
            margin-bottom: min(2.5vw, 44px) !important;
        }
        .collection_button_cta {
            font-size: min(2.25vw, 40px);
        }
    }
}

/* DESIGN 11 STYLES */
.collection-imgtxt-overlay.imgtext.design-11 {
    top: 27%;
    left: 1%;
    text-align: left;
    filter: drop-shadow(10px 1px 0px rgba(0, 0, 0, 0.1));
    .imgff {
        width: fit-content;
        background: #E2DAD4;
        -webkit-clip-path: polygon(0 0, 100% 0, 92% 50%, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 92% 50%, 100% 100%, 0 100%);
        text-align: center;
        padding-top: min(0.5vw, 7px);
        padding-right: min(7.5vw, 103px);
        padding-bottom: min(0.75vw, 10px);
        padding-left: min(5vw, 69px);
        .collection_heading {
            font-size: min(4vw, 55px) !important;
            font-family: "Baskerville_Old_Face_D_Regular";
            color: #000;
            text-shadow: none;
        }
        .collection_sunheading {
            font-size: min(2.25vw, 31px) !important;
            font-family: "Mulish-Light","Cedora";
            color: #000;
            text-shadow: unset;
        }
    }
    @media (max-width: 767px) {
        left: 0;
        padding-left: 0;
        filter: drop-shadow(3px 0px 0px rgba(0, 0, 0, 0.1));
    }
    @media (min-width: 1600px) {
        .imgff {
            padding-top: min(0.5vw, 8px);
            padding-right: min(7.5vw, 117px);
            padding-bottom: min(0.75vw, 11px);
            padding-left: min(5vw, 78px);
            .collection_heading {
                font-size: min(4vw, 62px) !important;
            }
            .collection_sunheading {
                font-size: min(2.25vw, 35px) !important;
            }
        }
    }
    @media (min-width: 1840px) {
        .imgff {
            padding-top: min(0.5vw, 9px);
            padding-right: min(7.5vw, 133px);
            padding-bottom: min(0.75vw, 13px);
            padding-left: min(5vw, 88.5px);
            .collection_heading {
                font-size: min(4vw, 71px) !important;
            }
            .collection_sunheading {
                font-size: min(2.25vw, 40px) !important;
            }
        }
    }
}

/* DESIGN 13 STYLES */
.collection-imgtxt-overlay.imgtext.design-13 {
    top: 23%;
    left: 8%;
    text-align: left;
    .collection_heading {
        font-family: "Baskerville_Old_Face_D_Regular";
        font-size: min(3.75vw, 62px) !important;
        text-transform: none;
    }
    .collection_sunheading {
        font-family: 'Mulish-Light';
        font-size: min(2.35vw, 35px) !important;
        /* font-size: min(2.65vw, 44px) !important; */
        margin-bottom: min(3.5vw, 60px);
    }
    .collection_button_cta {
        font-family: "Century-Gothic";
        background-color: #E2DAD4;
        padding-block: min(1vw, 20px); 
        /* min(1.25vw, 24px);  */
        /* min(1vw, 20px); */
        padding-inline: min(1.5vw, 20px);
        /* min(1.7vw, 24px); */
        /* min(1.5vw, 20px); */
        color: #000;
        box-shadow: 2px 2px 10px rgba(0,0,0,0.6);
        font-size: min(2.1vw, 31px); 
        /* min(2.7vw, 38px); */
        /* min(2.1vw, 31px); */
        border-radius: 50px;
    }
    @media (max-width: 575px) {
        left: 2%;
        .collection_sunheading {
            font-size: 2.3vw !important;
            margin-bottom: 0.5rem;
        }
        .collection_button_cta {
            padding: 0.5em;
            font-size: 2vw;
        }
    }
    /* @media screen and (min-width: 1800px ) {
        .collection_sunheading {
            /* font-size: min(2.35vw, 42px) !important; */
            font-size: min(2.65vw, 44px) !important;
        }
        .collection_button_cta {
            padding-block: min(1.25vw, 24px); 
            padding-inline: min(1.7vw, 24px);
            font-size: min(2.7vw, 38px);
        }
    } */
    @media screen and (min-width: 2000px) {
        .collection_sunheading {
            font-size: min(2.35vw, 42px) !important;
        }
        .collection_button_cta {
            padding-inline: min(3vw, 60px);
            font-size: min(2.1vw, 36px);
        }
    }
}

/* DESIGN 16 STYLES */
.collection-imgtxt-overlay.imgtext.design-16 {
    top: 7.5%;
    .collection_heading {
        font-size: min(3.5vw, 48px) !important;
        font-family: "Baskerville_Old_Face_D_Regular", serif;
        span {
            font-family: "Mulish-Regular", "Baskerville_Old_Face_D_Regular", Helvetica, sans-serif;
            /* letter-spacing: -2px; */
            font-size: min(3vw, 41px);
            @media screen and (max-width: 767px) {
                letter-spacing: 0;
            }
        }
        @media screen and (min-width: 1600px) {
            font-size: min(3.5vw, 54px) !important;
            span {
                font-size: min(3vw, 46px);
            }
        }
        @media screen and (min-width: 1840px) {
            font-size: min(3.5vw, 62px) !important;
            span {
                font-size: min(3vw, 53px);
            }
        }
    }
}