.modal__overlay{align-items:center;background:rgba(0,0,0,.6);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.modal__container{background-color:#fff;border-radius:4px;box-sizing:border-box;max-height:100vh;max-width:500px;overflow-y:auto;padding:30px}.modal__header{align-items:center;display:flex;justify-content:space-between}.modal__title{box-sizing:border-box;color:#00449e;font-size:1.25rem;font-weight:600;line-height:1.25;margin-bottom:0;margin-top:0}.modal__close{background:transparent;border:0}.modal__header .modal__close:before{content:"\2715"}.modal__content{color:rgba(0,0,0,.8);line-height:1.5;margin-bottom:2rem;margin-top:2rem}.modal__btn{-moz-osx-font-smoothing:grayscale;-webkit-appearance:button;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#e6e6e6;border-radius:.25rem;border-style:none;border-width:0;color:rgba(0,0,0,.8);cursor:pointer;font-size:.875rem;line-height:1.15;margin:0;overflow:visible;padding:.5rem 1rem;text-transform:none;-webkit-transform:translateZ(0);transform:translateZ(0);transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out;will-change:transform}.modal__btn:focus,.modal__btn:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.modal__btn-primary{background-color:#00449e;color:#fff}@keyframes mmfadeIn{0%{opacity:0}to{opacity:1}}@keyframes mmfadeOut{0%{opacity:1}to{opacity:0}}@keyframes mmslideIn{0%{transform:translateY(15%)}to{transform:translateY(0)}}@keyframes mmslideOut{0%{transform:translateY(0)}to{transform:translateY(-10%)}}.micromodal-slide{display:none}.micromodal-slide.is-open{display:block}.micromodal-slide[aria-hidden=false] .modal__overlay{animation:mmfadeIn .3s cubic-bezier(0,0,.2,1)}.micromodal-slide[aria-hidden=false] .modal__container{animation:mmslideIn .3s cubic-bezier(0,0,.2,1)}.micromodal-slide[aria-hidden=true] .modal__overlay{animation:mmfadeOut .3s cubic-bezier(0,0,.2,1)}.micromodal-slide[aria-hidden=true] .modal__container{animation:mmslideOut .3s cubic-bezier(0,0,.2,1)}.micromodal-slide .modal__container,.micromodal-slide .modal__overlay{will-change:transform}
@font-face {
    font-family: Alegreya;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: local('')
        ,url('alegreya-regular-woff2.woff2') format('woff2')
        ,url('alegreya-regular-woff.woff') format('woff');
}
@font-face {
    font-family: Alegreya;
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    src: local('')
        ,url('alegreya-italic-woff2.woff2') format('woff2')
        ,url('alegreya-italic-woff.woff') format('woff');
}
@font-face {
    font-family: Alegreya;
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: local('')
        ,url('alegreya-500-woff2.woff2') format('woff2')
        ,url('alegreya-500-woff.woff') format('woff');
}
@font-face {
    font-family: Alegreya;
    font-weight: 500;
    font-style: italic;
    font-display: swap;
    src: local('')
        ,url('alegreya-500-italic-woff2.woff2') format('woff2')
        ,url('alegreya-500-italic-woff.woff') format('woff');
}
@font-face {
    font-family: Alegreya;
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    src: local('')
        ,url('alegreya-600-woff2.woff2') format('woff2')
        ,url('alegreya-600-woff.woff') format('woff');
}
@font-face {
    font-family: Alegreya;
    font-weight: 600;
    font-style: italic;
    font-display: swap;
    src: local('')
        ,url('alegreya-600-italic-woff2.woff2') format('woff2')
        ,url('alegreya-600-italic-woff.woff') format('woff');
}
@font-face {
    font-family: Alegreya;
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: local('')
        ,url('alegreya-700-woff2.woff2') format('woff2')
        ,url('alegreya-700-woff.woff') format('woff');
}
@font-face {
    font-family: Alegreya;
    font-weight: 700;
    font-style: italic;
    font-display: swap;
    src: local('')
        ,url('alegreya-700-italic-woff2.woff2') format('woff2')
        ,url('alegreya-700-italic-woff.woff') format('woff');
}
@font-face {
    font-family: Alegreya;
    font-weight: 800;
    font-style: normal;
    font-display: swap;
    src: local('')
        ,url('alegreya-800-woff2.woff2') format('woff2')
        ,url('alegreya-800-woff.woff') format('woff');
}
@font-face {
    font-family: Alegreya;
    font-weight: 800;
    font-style: italic;
    font-display: swap;
    src: local('')
        ,url('alegreya-800-italic-woff2.woff2') format('woff2')
        ,url('alegreya-800-italic-woff.woff') format('woff');
}
@font-face {
    font-family: Alegreya;
    font-weight: 900;
    font-style: normal;
    font-display: swap;
    src: local('')
        ,url('alegreya-900-woff2.woff2') format('woff2')
        ,url('alegreya-900-woff.woff') format('woff');
}
@font-face {
    font-family: Alegreya;
    font-weight: 900;
    font-style: italic;
    font-display: swap;
    src: local('')
        ,url('alegreya-900-italic-woff2.woff2') format('woff2')
        ,url('alegreya-900-italic-woff.woff') format('woff');
}
@font-face {
    font-family: Josefin Sans;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: local('')
        ,url('josefin-sans-regular-woff2.woff2') format('woff2')
        ,url('josefin-sans-regular-woff.woff') format('woff');
}
@font-face {
    font-family: Josefin Sans;
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: local('')
        ,url('josefin-sans-500-woff2.woff2') format('woff2')
        ,url('josefin-sans-500-woff.woff') format('woff');
}
@font-face {
    font-family: Josefin Sans;
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    src: local('')
        ,url('josefin-sans-600-woff2.woff2') format('woff2')
        ,url('josefin-sans-600-woff.woff') format('woff');
}
@font-face {
    font-family: Josefin Sans;
    font-weight: 200;
    font-style: italic;
    font-display: swap;
    src: local('')
        ,url('josefin-sans-200-italic-woff2.woff2') format('woff2')
        ,url('josefin-sans-200-italic-woff.woff') format('woff');
}
@font-face {
    font-family: Boomville;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: local('')
        ,url('boomville-regular-woff2.woff2') format('woff2')
        ;
}
 
 
 
 
 
 
 
 
 
:root {
    --bs-gutter-x: 15px;
    --bs-primary-rgb: 9 89 75;
    --bs-primary-hsl: 170 81.6% 19.2%;
    --bs-primary-hex: #09594b;
    --bs-primary: rgb(9 89 75);
    --bs-secondary-rgb: 213 122 145;
    --bs-secondary-hsl: 345 52% 65.7%;
    --bs-secondary-hex: #d57a91;
    --bs-secondary: rgb(213 122 145);
    --bs-green-rgb: 9 89 75;
    --bs-green-hsl: 170 81.6% 19.2%;
    --bs-green-hex: #09594b;
    --bs-green: rgb(9 89 75);
    --bs-teal-rgb: 73 134 100;
    --bs-teal-hsl: 147 29.5% 40.6%;
    --bs-teal-hex: #498664;
    --bs-teal: rgb(73 134 100);
    --bs-pink-rgb: 245 240 235;
    --bs-pink-hsl: 30 33.3% 94.1%;
    --bs-pink-hex: #f5f0eb;
    --bs-pink: rgb(245 240 235);
    --bs-mid-pink-rgb: 250 210 215;
    --bs-mid-pink-hsl: 352 80% 90.2%;
    --bs-mid-pink-hex: #FAD2D7;
    --bs-mid-pink: rgb(250 210 215);
    --bs-dark-rgb: 29 28 26;
    --bs-dark-hsl: 40 5.5% 10.8%;
    --bs-dark-hex: #1d1c1a;
    --bs-dark: rgb(29 28 26);
    --bs-light-rgb: 227 241 232;
    --bs-light-hsl: 141 33.3% 91.8%;
    --bs-light-hex: #e3f1e8;
    --bs-light: rgb(227 241 232);
    --bs-black-rgb: 29 28 26;
    --bs-black-hsl: 40 5.5% 10.8%;
    --bs-black-hex: #1d1c1a;
    --bs-black: rgb(29 28 26);
    --bs-box-shadow-primary: 0 0 0 0.25rem rgb(var(--bs-primary-rgb) / 0.5);
    --bs-box-shadow-secondary: 0 0 0 0.25rem rgb(var(--bs-secondary-rgb) / 0.5);
    --system-font-serif: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    --system-font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --bs-font-serif: 'Alegreya', var(--system-font-serif);
    --bs-font-sans-serif: 'Josefin Sans', var(--system-font-sans-serif);
    --bs-body-color-rgb: var(--bs-black-rgb);
    --bs-body-color: var(--bs-black-hex);
    --bs-body-font-size: 16px;
}

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 {
    font-family: var(--bs-font-serif);
    font-weight: 400;
}
h1, .h1{
    font-size: min(60px, 1.375rem + 1.5vw);
}

h2,
.h2 {
    font-size: min(36px, 1.325rem + 0.9vw);
    text-transform: uppercase;
}
h3, h4, h5,
.h3, .h4, .h5 {
    font-family: var(--bs-font-sans-serif);
}
h4,
.h4 {
    font-size: min(24px, 1.275rem + 0.3vw);
    text-transform: uppercase;
}

h5, .h5 {
    font-size: min(21px, 1rem + 0.5vw);
}

section {
    padding-top: var(--md);
    padding-bottom: var(--md);
}

p {
    margin: 0;
}

p + p {
    margin-top: 1em;
}

footer {
    padding-top: var(--sm);
    padding-bottom: var(--sm);
}

:root {
    /** 
     * These min functions will set the sizes to be
     * the first value for most screen sizes,
     * but at smaller screen sizes will begin 
     * to shrink slightly to make spacing slightly
     * more accessible for smaller screens
     */
    --sm: min(35px, 1rem + 2.5vw);
    --md: min(60px, 2rem + 3vw);
    --lg: min(100px, 3rem + 5vw);
    --xl: min(200px, 3rem + 5vw);
}

.pt-sm,
.py-sm {
    padding-top: var(--sm);
}
.pb-sm,
.py-sm {
    padding-bottom: var(--sm);
}
.pt-md,
.py-md {
    padding-top: var(--md);
}
.pb-md,
.py-md {
    padding-bottom: var(--md);
}
.pt-lg,
.py-lg {
    padding-top: var(--lg);
}
.pb-xl,
.py-xl {
    padding-bottom: var(--lg);
}
.pt-xl,
.py-xl {
    padding-top: var(--xl);
}
.pb-lg,
.py-lg {
    padding-bottom: var(--xl);
}
.mt-sm,
.my-sm {
    margin-top: var(--sm);
}
.mb-sm,
.my-sm {
    margin-bottom: var(--sm);
}    
.mt-md,
.my-md {
    margin-top: var(--md);
}
.mb-md,
.my-md {
    margin-bottom: var(--md);
}
.mt-lg,
.my-lg {
    margin-top: var(--lg);
}
.mb-lg,
.my-lg {
    margin-bottom: var(--lg);
}
.mt-xl,
.my-xl {
    margin-top: var(--xl);
}
.mb-xl,
.my-xl {
    margin-bottom: var(--xl);
}
@media (min-width: 576px) {
    .pt-sm-mob,
    .py-sm-mob {
        padding-top: var(--sm);
    }
    .pb-sm-mob,
    .py-sm-mob {
        padding-bottom: var(--sm);
    }
    .pt-md-mob,
    .py-md-mob {
        padding-top: var(--md);
    }
    .pb-md-mob,
    .py-md-mob {
        padding-bottom: var(--md);
    }
    .pt-lg-mob,
    .py-lg-mob {
        padding-top: var(--lg);
    }
    .pb-lg-mob,
    .py-lg-mob {
        padding-bottom: var(--lg);
    }
    .pt-xl-mob,
    .py-xl-mob {
        padding-top: var(--xl);
    }
    .pb-lx-mob,
    .py-lx-mob {
        padding-bottom: var(--xl);
    }
    .mt-sm-mob,
    .my-sm-mob {
        margin-top: var(--sm);
    }
    .mb-sm-mob,
    .my-sm-mob {
        margin-bottom: var(--sm);
    }    
    .mt-md-mob,
    .my-md-mob {
        margin-top: var(--md);
    }
    .mb-md-mob,
    .my-md-mob {
        margin-bottom: var(--md);
    }
    .mt-lg-mob,
    .my-lg-mob {
        margin-top: var(--lg);
    }
    .mb-lg-mob,
    .my-lg-mob {
        margin-bottom: var(--lg);
    }
    .mt-xl-mob,
    .my-xl-mob {
        margin-top: var(--xl);
    }
    .mb-xl-mob,
    .my-xl-mob {
        margin-bottom: var(--xl);
    }
}
@media (min-width: 768px) {
    .pt-sm-tab,
    .py-sm-tab {
        padding-top: var(--sm);
    }
    .pb-sm-tab,
    .py-sm-tab {
        padding-bottom: var(--sm);
    }
    .pt-md-tab,
    .py-md-tab {
        padding-top: var(--md);
    }
    .pb-md-tab,
    .py-md-tab {
        padding-bottom: var(--md);
    }
    .pt-lg-tab,
    .py-lg-tab {
        padding-top: var(--lg);
    }
    .pb-lg-tab,
    .py-lg-tab {
        padding-bottom: var(--lg);
    }
    .pt-xl-tab,
    .py-xl-tab {
        padding-top: var(--xl);
    }
    .pb-xl-tab,
    .py-xl-tab {
        padding-bottom: var(--xl);
    }
    .mt-sm-tab,
    .my-sm-tab {
        margin-top: var(--sm);
    }
    .mb-sm-tab,
    .my-sm-tab {
        margin-bottom: var(--sm);
    }    
    .mt-md-tab,
    .my-md-tab {
        margin-top: var(--md);
    }
    .mb-md-tab,
    .my-md-tab {
        margin-bottom: var(--md);
    }
    .mt-lg-tab,
    .my-lg-tab {
        margin-top: var(--lg);
    }
    .mb-lg-tab,
    .my-lg-tab {
        margin-bottom: var(--lg);
    }
    .mt-xl-tab,
    .my-xl-tab {
        margin-top: var(--xl);
    }
    .mb-xl-tab,
    .my-xl-tab {
        margin-bottom: var(--xl);
    }
}
@media (min-width: 992px) {
    .pt-sm-lap,
    .py-sm-lap {
        padding-top: var(--sm);
    }
    .pb-sm-lap,
    .py-sm-lap {
        padding-bottom: var(--sm);
    }
    .pt-md-lap,
    .py-md-lap {
        padding-top: var(--md);
    }
    .pb-md-lap,
    .py-md-lap {
        padding-bottom: var(--md);
    }
    .pt-lg-lap,
    .py-lg-lap {
        padding-top: var(--lg);
    }
    .pb-lg-lap,
    .py-lg-lap {
        padding-bottom: var(--lg);
    }
    .pt-xl-lap,
    .py-xl-lap {
        padding-top: var(--xl);
    }
    .pb-xl-lap,
    .py-xl-lap {
        padding-bottom: var(--xl);
    }
    .mt-sm-lap,
    .my-sm-lap {
        margin-top: var(--sm);
    }
    .mb-sm-lap,
    .my-sm-lap {
        margin-bottom: var(--sm);
    }    
    .mt-md-lap,
    .my-md-lap {
        margin-top: var(--md);
    }
    .mb-md-lap,
    .my-md-lap {
        margin-bottom: var(--md);
    }
    .mt-lg-lap,
    .my-lg-lap {
        margin-top: var(--lg);
    }
    .mb-lg-lap,
    .my-lg-lap {
        margin-bottom: var(--lg);
    }
    .mt-xl-lap,
    .my-xl-lap {
        margin-top: var(--xl);
    }
    .mb-xl-lap,
    .my-xl-lap {
        margin-bottom: var(--xl);
    }
}
@media (min-width: 1200px) {
    .pt-sm-desk,
    .py-sm-desk {
        padding-top: var(--sm);
    }
    .pb-sm-desk,
    .py-sm-desk {
        padding-bottom: var(--sm);
    }
    .pt-md-desk,
    .py-md-desk {
        padding-top: var(--md);
    }
    .pb-md-desk,
    .py-md-desk {
        padding-bottom: var(--md);
    }
    .pt-lg-desk,
    .py-lg-desk {
        padding-top: var(--lg);
    }
    .pb-lg-desk,
    .py-lg-desk {
        padding-bottom: var(--lg);
    }
    .pt-xl-desk,
    .py-xl-desk {
        padding-top: var(--xl);
    }
    .pb-xl-desk,
    .py-xl-desk {
        padding-bottom: var(--xl);
    }
    .mt-sm-desk,
    .my-sm-desk {
        margin-top: var(--sm);
    }
    .mb-sm-desk,
    .my-sm-desk {
        margin-bottom: var(--sm);
    }    
    .mt-md-desk,
    .my-md-desk {
        margin-top: var(--md);
    }
    .mb-md-desk,
    .my-md-desk {
        margin-bottom: var(--md);
    }
    .mt-lg-desk,
    .my-lg-desk {
        margin-top: var(--lg);
    }
    .mb-lg-desk,
    .my-lg-desk {
        margin-bottom: var(--lg);
    }
    .mt-xl-desk,
    .my-xl-desk {
        margin-top: var(--xl);
    }
    .mb-xl-desk,
    .my-xl-desk {
        margin-bottom: var(--xl);
    }
}

.cta {
    padding-top: 24px;
    padding-bottom: 24px;
}
.cta .container {
    position: relative;
}
.cta  .cta-floating-img {
    position: absolute;
    top: calc((var(--sm) + min(20px, 1em + 1vw)) * -1);
    bottom: -200px;
    right: 0;
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgb(var(--bs-primary-rgb) / var(--bs-bg-opacity)) !important;
}


.bg-pink {
    --bs-bg-opacity: 1;
    background-color: rgb(var(--bs-pink-rgb) / var(--bs-bg-opacity)) !important;
}
.bg-mid-pink {
    --bs-bg-opacity: 1;
    background-color: rgb(var(--bs-mid-pink-rgb) / var(--bs-bg-opacity)) !important;
}

.bg-pink.bg-pattern {
    --notice: "background image is now set dynamically";
    /* background-image: url("https://sugarpielashes.com/assets/images/spl-palm-pattern.svg"); */
    background-repeat: repeat;
    background-size:650px;
}
.bg-mid-pink.bg-pattern {
    --notice: "background image is now set dynamically";
    /* background-image: url("https://sugarpielashes.com/assets/images/spl-palm-pattern.svg"); */
    background-repeat: repeat;
    background-size:650px;
}


.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgb(var(--bs-light-rgb) / var(--bs-bg-opacity)) !important;
}
.bg-teal {
    --bs-bg-opacity: 1;
    background-color: rgb(var(--bs-teal-rgb) / var(--bs-bg-opacity)) !important;
}
.bg-teal.bg-pattern {
    --notice: "background image is now set dynamically";
    /* background-image: url("https://sugarpielashes.com/assets/images/spl-palm-pattern.svg"); */
    background-repeat: repeat;
    background-size:650px;
}

.bg-light.bg-pattern {
    --notice: "background image is now set dynamically";
    /* background-image: url("https://sugarpielashes.com/assets/images/spl-palm-pattern.svg"); */
    background-repeat: repeat;
    background-size:650px;
}


.bg-primary :-moz-any(h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p)  {
    
    color: white;

}

.bg-primary :-webkit-any(h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p)  {
    
    color: white;

}

.bg-primary :matches(h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p)  {
    
    color: white;

}

.bg-primary :is(h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p)  {
    
    color: white;

}

.color-pink {
    color: var(--bs-secondary);
}

.btn {
    text-transform: uppercase;
    font-family: var(--bs-font-sans-serif);
    letter-spacing: 0.05em;
    font-size: 16px;
    padding: 1.1em min(35px, 2.5vw + 1em) 1em;
    border-radius:6px;
}
.btn-primary,
.btn-primary:active,
.btn-primary:focus:active {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}
.btn-primary:hover {
    border-color: var(--bs-primary);
    background-color: #fff;
    color:var(--bs-primary);
}
.btn-primary:focus,
.btn-primary:focus:active {
    box-shadow: var(--bs-box-shadow-primary);
}
.btn-primary:focus {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}
.btn-secondary {
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}
.btn-secondary:active,
.btn-secondary:hover {
    background-color: #fff;
    border-color: var(--bs-secondary);
    color:var(--bs-secondary);
}
.btn-secondary:focus,
.btn-secondary:focus:active,
.btn-secondary:focus:hover {
    background-color: #fff;
    border-color: var(--bs-secondary);
    box-shadow: var(--bs-box-shadow-secondary);
    color:var(--bs-secondary);
}
.btn-white {
    background-color: white;
    border-color: white;
    color: var(--bs-secondary);
}
.btn-primary.btn-border {
    border-color: var(--bs-primary);
    background-color: transparent;
    color: var(--bs-primary);
}
.btn-secondary.btn-border {
    border-color: var(--bs-secondary);
    background-color: transparent;
    color: var(--bs-secondary);
}

.img-full {
    width: 100%;
    object-fit: cover;
}

/** reset the row and container spacing to match bootstrap 4 */
.container {
    --bs-gutter-x: 15px;
}
.row {
    --bs-gutter-x: 30px;
}

.footer .social-icons,
.footer .copyright,
.footer .address {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    color: var(--bs-primary);
    font-size: 18px;
}

.footer .address {
    column-gap: calc(var(--bs-gutter-x) * 2);
}

.footer .copyright {
    font-family: var(--system-font-sans-serif);
    font-size: 10px;
    color: var(--bs-primary);
    gap: var(--bs-gutter-x);
}

.copyright-item {
    font-size: inherit;
    color: inherit;
}

.copyright-item a {
    color: inherit;
}

.glightbox-container.glightbox-clean .gslide-title {
    text-align: center;
}
button.nav-link {
    background-color: inherit;
    border-color: transparent;
}

.navbar-nav .dropdown-menu {
    padding: 1rem;
    border-color: transparent;
    background-color: var(--bs-secondary);
}
@media (min-width:576px) {
    .navbar-nav .dropdown-menu {
        position: absolute;
    }
}
.dropdown-menu > ul {
    padding: 0;
}
.dropdown-menu .nav-item {
    list-style-type: none;
}
.loaded :is(main, section, footer, header) {
    content-visibility: unset;
}
.footer .social-icons {
    gap: var(--bs-gutter-x);
    color: var(--bs-primary);
}

.footer .social-icons a {
    color: inherit;
}

/** Sections Split Content */

section :-moz-any(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) ~ p {
    
    font-size: clamp(1rem, 1rem + 0.5vw, 21px);
    margin-top: 0.5em;

}

section :-webkit-any(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) ~ p {
    
    font-size: clamp(1rem, 1rem + 0.5vw, 21px);
    margin-top: 0.5em;

}

section :matches(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) ~ p {
    
    font-size: clamp(1rem, 1rem + 0.5vw, 21px);
    margin-top: 0.5em;

}

section :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) ~ p {
    
    font-size: clamp(1rem, 1rem + 0.5vw, 21px);
    margin-top: 0.5em;

}


section :-moz-any(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) ~ .btn {
    
    margin-top: 2em;

}

section :-webkit-any(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) ~ .btn {
    
    margin-top: 2em;

}

section :matches(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) ~ .btn {
    
    margin-top: 2em;

}

section :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) ~ .btn {
    
    margin-top: 2em;

}

@media (min-width: 1200px) {
    section .floating-img {
        margin-top: calc((var(--lg) + 13%) * -1);
    }
}

.section-split .row {
    row-gap: 3em;
}

section .subtitle {
    color: var(--bs-secondary);
    text-transform: uppercase;
    margin-top: 0.5em;
}


body {
    overflow-x:hidden;
}
img[width][height] {
    content-visibility: auto;
}
.background-image-holder{
    position:relative;
    height:600px;
}
@media (min-width:768px){
    .background-image-holder{
        height:900px;
    }
}
.background-image-holder picture{
    z-index: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color:var(--bs-black);
}
.background-image-holder picture img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}.background-image-holder .container{
    position:relative;
    z-index:2;
}
main{
    position:relative;
}
main:not(.no-gradient)::before {
    background-image: linear-gradient( 0deg, rgba(0,0,0,0) 0%, rgb(0,0,0) 100%);
    opacity: 0.302;
    position: absolute;
    left: 0;
    top: 0;
    right:0;
    height: 150px;
    z-index: 5;
    content:'';
}
.carousel::before {
    background-image: linear-gradient( 0deg, rgba(0,0,0,0) 0%, rgb(0,0,0) 100%);
    opacity: 0.302;
    position: absolute;
    left: 0;
    top: 0;
    right:0;
    height: 150px;
    z-index: 5;
    content:'';
}
.row.gx-0{
    --bs-gutter-x:0;
}
.row.gx-2{
    --bs-gutter-x:15px;
}
@media (min-width:992px){
    .row.g-lg-0, .row.gx-lg-0 {
        --bs-gutter-x: 0;
    }
}
.btn-white:hover,
.btn-white:focus,
.btn-white:visited:hover,
.btn-white:visited:focus{
    color:#fff;
    background-color:var(--bs-secondary);
}
.btn-white:focus,
.btn-white:focus:active {
    box-shadow: var(--bs-box-shadow-secondary);
}
.btn-secondary.btn-border:hover,
.btn-secondary.btn-border:focus{
    color:#fff;
    background-color:var(--bs-secondary);
}
.bg-teal .btn-white,
.bg-teal .btn-white:visited{
    color:var(--bs-secondary);
}
.bg-teal .btn-white:hover,
.bg-teal .btn-white:focus,
.bg-teal .btn-white:visited:hover,
.bg-teal .btn-white:visited:focus{
    color:#fff;
    background-color:var(--bs-secondary);
}
.text-teal{
    color:var(--bs-teal) !important;
}


/* Navigation */

.social-section a{
    color:#fff;
    font-size:18px;
    text-decoration:none;
}
.social-section li{
    font-size:18px;
    letter-spacing:0.01rem;
}
.social-section .list-inline-item:not(:last-child){
    margin-right:25px;
}
.social-section a:hover,
.social-section a:focus{
    opacity:.65;
}
.navbar-brand{
    margin-right:0;
}
nav .btn{
    font-size:13px;
    margin-right:12px;
}
.navbar-dark .navbar-toggler{
    border:none;
    color:#fff;
}
.navbar-dark .navbar-toggler:hover,
.navbar-dark .navbar-toggler:focus{
    opacity:.65;
}
.navbar-dark .navbar-toggler span:not(.hamburger-box):not(.hamburger-inner){
    text-transform:uppercase;
    font-size:13px;
    letter-spacing:0.05rem;
    margin-left:10px;
    display:none;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before,
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before{
    background-color:#fff;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{
    height:2px;
    border-radius:0;
    width:30px;
}
.hamburger{
    padding: .25rem .75rem;
    display:flex;
    align-items:center;
}
.hamburger-box{
    width:30px;
    height:22px;
}
.navbar-toggler:focus{
    box-shadow:none;
}
.navbar-dark .navbar-nav .nav-link{
    color:#fff;
    font-size:18px;
}

/*
.navbar-collapse .navbar-nav::before{
    content:'';
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color:var(--bs-secondary);
    position:absolute;
    z-index:-1;
    opacity:0;
    transition: opacity 0.25s ease;
}*/
.navbar .navbar-nav__background {
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color:var(--bs-secondary);
    position:absolute;
    z-index:-1;
    opacity:0;
    transition: opacity 0.25s ease-in;
}
.nav-open .navbar-nav__background,
.nav-open .navbar-nav__background{
    opacity:1;
    transition: opacity 0.25s ease-out;
}
.navbar-nav{
    margin-top:20px;
    margin-bottom:12px;
}
.navbar-dark .navbar-nav .active .nav-link{
    color:var(--bs-mid-pink);
    text-decoration:underline;
}
.navbar{
    transition: background-color 0.25s ease;
}



.navbar.isSticky .nav-logo{
    height:50px;
}
.navbar .nav-logo{
    display:block;
    margin-left:auto;
    margin-right:auto;
    transition: height 0.25s ease;
}
.mobile-phone{
    color:#fff;
    font-size:34px;
    padding-top:10px;
    line-height:1;
}
.navbar:not(.isSticky) .nav-logo{
    height:80px;
}

.navbar-brand{
    width:186.03px;
    display:block;
}
@media(min-width:576px){
    .navbar-nav{
        flex-direction:row;
        justify-content: space-evenly!important;
        flex-wrap:wrap;
        align-items:center;
    }
    .navbar-collapse .btn{
        text-align:center;
    }
}
@media(min-width:768px){
    .nav-logo{
        margin-left:0;
        margin-right:0;
    }
    .navbar-dark .navbar-toggler span:not(.hamburger-box):not(.hamburger-inner){
        display:block;
    }
    .navbar-nav{
        flex-direction:row;
        justify-content: space-evenly!important;
        flex-wrap:wrap;
        align-items:center;
    }
}

@media (min-width:992px){
    .navbar-nav{
        justify-content: space-evenly!important;
    }
    .navbar:not(.isSticky) .nav-logo{
        height:100px;
    }
    .navbar-brand{
        width:232.55px;
    }
}

.navbar.bg-transparent.isSticky{
    background-color:var(--bs-secondary) !important;
}

.hero-carousel > .container {
     margin-top: 108px;
     height: 900px;   
}

.hero-carousel > .carousel {
    height: calc(100% + 108px);
    width: 100%;
    top: -108px;
    left: 0;
    z-index: -1;
}


.carousel-inner .carousel-item .background-image-holder,
.carousel-inner .carousel-item,
.carousel-inner {
    height: 100%;
}


/* Footer */
.footer .copyright a{
    color: inherit;
}
.footer .copyright a:hover,
.footer .copyright a:focus,
.footer .social-icons a:hover,
.footer .social-icons a:focus{
    opacity:.65;
}
footer a{
    color:var(--bs-primary);
}


/* Aftercare */
.cta h2{
    margin-bottom:0;
}
.big-space-content h2:not(:first-child){
    margin-top:30px;
}
.cta-title{
    font-family:'Boomville', serif;
    text-transform:unset;
    font-size:54px;
    line-height:1;
    color:var(--bs-primary);
}

@media (min-width:576px){
    .cta-title{
        font-size:74px;
    }
}
@media (min-width:768px){
    .cta-title{
        font-size:102px;
    }
}
@media (min-width:992px){
    .big-space-content h2:not(:first-child){
        margin-top:70px;
    }
}


/* Home */
.ken-burns .carousel-item {
    will-change: transform;
}
.ken-burns .carousel-item img {
    transform: scale(1);
    transition: transform 7.5s linear;
    transition-delay: 0.5s;
    object-fit:cover;
    height:100%;
    width:100%;
}
.ken-burns .carousel-item.active img {
    transform: scale(1.075)
}
/* transform origin utility classes */
/* Slides image to the top right */
.ken-burns-top-right {
    transform-origin: top right;
}
/* slides image to the bottom left */
.ken-burns-bottom-left {
    transform-origin: bottom left;
}
/* etc, etc, etc. */
@media (prefers-reduced-motion: reduce) {
    .ken-burns {
        will-change: opacity;
    }
    /* fallback to an opacity transition */
    .ken-burns .carousel-item img {
        transition: opacity 4.75s linear;
        opacity: 0;
    }
    .ken-burns .carousel-item.active img {
        opacity: 1;
    }
    .ken-burns-bottom-left {
        transform-origin: unset;
    }
    .ken-burns-top-right {
        transform-origin: unset;
    }
}
.hero-carousel .h1-xl{
    text-shadow: 1px 1px 5px rgb(var(--bs-dark-rgb) / 0.65);
}
.floating-img-section{
    z-index:4;
}
.btn-video.glightbox {
    display: flex;
}

.btn-video {
    z-index:2;
    display: flex;
    justify-content: center;
    align-items: center;
    position:absolute;
    top:calc(50% - 50px);
    left:calc(50% - 50px);
    color:#fff;
    font-size:36px;
    border:2px solid #fff;
    padding:0px 0 0 5px;
    border-radius:50%;
    width:96px;
    height:96px;
}

@media (min-width:1200px){
    .btn-video.btn-float-img{
        top:calc(50% + ((var(--lg) + 10%) * -1));
    }
}

.btn-video:hover,
.btn-video:focus{
    background-color:#fff;
    color:var(--bs-primary);
}
.btn-video:focus,
.btn-video:focus:active {
    box-shadow: var(--bs-box-shadow-primary);
}
/* .tiktok-modal .btn-close{
    position:absolute;
    z-index:1;
    top:0px;
    right:0px;
    background:unset;
    font-size:24px;
    opacity:.65;
    color:#fff;
}
.tiktok-modal .btn-close:hover,
.tiktok-modal .btn-close:focus{
    opacity:1
}
.tiktok-modal .modal-content{
    border:none;
    background-color:transparent;
}
.tiktok-modal iframe{
    width:325px !important;
}
.tiktok-embed{
    margin-bottom:0 !important;
    height:576px;
    border-radius:8px;
} */
.review-card .scroll-contain{
    max-height:100px;
    overflow-y:scroll;
    padding-right:7px;
}
.review-card .scroll-contain::-webkit-scrollbar {
  width: 5px;
}
 
.review-card .scroll-contain::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px var(--bs-mid-pink);
}
 
.review-card .scroll-contain::-webkit-scrollbar-thumb {
  background-color: var(--bs-secondary);
}
.review-card{
    border:none;
    border-radius:30px;
    border-bottom-left-radius:0;
}
@media (min-width:768px){
    .review-card{
        height:100%;
    }
}
.review-card .card-subtitle{
    font-size:14px;
    opacity:.5;
}
.review-card .fa-google{
    font-size:20px;
    color:var(--bs-primary);
}
.review-card .fa-star{
    color:var(--bs-secondary);
}
.review-card .fa-star.gray-star{
    opacity:.35;
}
.review-card .list-inline-item:not(:last-child){
    margin-right:0px;
}
.review-card .card-text{
    font-size:15px;
}



/* Lashes Services */
.bg-teal .subtitle,
.background-image-holder .subtitle{
    color:var(--bs-light-hex);
}
.bg-teal p,
.background-image-holder p{
    color:#d9eeef;
}

.steps-slider h4{
    font-family: var(--bs-font-serif);
    font-feature-settings: "pnum", "lnum";
}

.background-image-holder.responsive-bkg{
    height:auto;
    background-color:var(--bs-black);
}
@media (min-width:768px){
    .background-image-holder.responsive-bkg{
        height:970px;
    }
    
}


/* First Visit */
.tip{
    border:1px solid #fff;
    padding:20px;
    margin-top:10px;
}
.tip strong{
    text-transform:uppercase;
}
.tip em{
    font-weight:200;
}
.tip p{
    font-size:18px;
    color:var(--bs-black);
}
.accordion-item{
    background:transparent;
}
.accordion-button{
    background-color:transparent;
    color:var(--bs-dark);
    font-size:inherit;
    padding:10px 0;
    justify-content:space-between;
}
.accordion-button::after{
    display:none;
}
.accordion-button.collapsed svg{
    margin-left:5px;
    transition: transform 0.35s ease;
}
.accordion-button:not(.collapsed){
    color:var(--bs-teal);
    box-shadow:none;
    background-color:transparent;
}
.accordion-button:not(.collapsed) svg{
    transform: rotate(180deg);
    transition: transform 0.35s ease;
    margin-left:5px;
}
.accordion-button:focus{
    box-shadow:none;
    text-decoration:underline;
}
.accordion-body{
    padding: 0 0 20px;
}
.accordion-body p,
.accordion-body li{
    color:var(--bs-dark);
}
.accordion-body li{
    line-height:30px;
}
.accordion-body ul{
    margin-top:10px;
}
.accordion-body ul:last-child{
    margin-bottom:0;
}


/* Stylist */
.bg-split .container{
    z-index:2;
}
.bg-split.bg-pattern::after {
    background-image: url("https://sugarpielashes.com/assets/images/spl-palm-pattern.svg");
    background-repeat: repeat;
    background-size:650px;
    z-index: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    content:'';
    
}
.staff-container .card{
    border:none;
    border-radius:0;
    padding:10px 9px;
    height:100%;
}
.staff-container .card-body{
    padding:0.1rem 1rem;
}
@media (min-width:576px){
    .staff-container .card img{
        height:100%;
    }
}


/* Membership */
.membership-container .card{
    border-radius:7px;
    border-color:#fff;
}
.membership-container .card .subtitle{
    margin-top:0;
}
.membership-container .card.plain-box{
    background-color:var(--bs-mid-pink);
}
.membership-container .card.plain-box .card-body{
    padding:20px 19px;
}
.membership-container .card.white-box .card-body{
    padding:20px 19px;
}

.membership-container .card:not(.last-box){
    margin-bottom:20px;
}
@media (min-width:992px){
    .membership-container .card.plain-box.first-box{
        border-top-right-radius:0;
        border-bottom-right-radius:0;
        border-right:none;
    }
    .membership-container .card.plain-box.last-box{
        border-top-left-radius:0;
        border-bottom-left-radius:0;
        border-left:none;
    }
    .membership-container .card:not(.last-box){
        margin-bottom:0px;
    }
    .membership-container .card.white-box .card-body{
        padding:2rem 19px;
    }
}
@media (min-width:1200px){
    .membership-container .card.white-box .card-body{
        padding:2rem 50px;
    }
}
.membership-container .card.plain-box li{
    color:var(--bs-dark);
    
}
.membership-container .card li{
    font-size:21px;
}
.membership-container .card.plain-box li{
    padding:8px 19px;
}
.membership-container .card.white-box li{
    padding:8px 0px;
}
.membership-container .card li svg{
    font-size:14px;
    margin-right:5px;
}
.membership-container .card.plain-box li:not(:last-child){
    border-bottom:1px solid var(--bs-pink);
}
.membership-container .card.white-box li:not(:last-child){
    border-bottom:1px solid var(--bs-mid-pink);
}
.membership-container .card.white-box p,
.membership-container .card.white-box li{
    color:var(--bs-secondary);
}
.membership-container .card .btn{
    margin-top:1em;
}
.legal{
    font-size:12px;
    color:var(--bs-dark);
}

/* Text Heavy */
p a{
    color:var(--bs-teal);
}
p a:hover,
p a:focus{
    color:var(--bs-secondary);
}
.bg-teal p a{
    color:#fff;
}
.bg-teal p a:hover,
.bg-teal p a:focus{
    color:var(--bs-pink);
}
p + ul,
p + ol{
    margin-top:10px;
}



/* Looks */
.grid-vid {
    position: relative;
}
.grid-img{
    height:175px;
    position:relative;
}
.grid-vid a,
.grid-img a{
    width:100%;
    height:100%;
}

.grid-vid img,
.grid-img img{
    object-fit:cover;
    height:100%;
    width:100%;
}
.grid-img  .lash-type{
    display:block;
    position:absolute;
    z-index:12;
    bottom:0px;
    right:0px;
    color:var(--bs-primary);
    font-size:16px;
    background-color:rgba( 250, 210, 215, .65);
    padding:0 5px;
}
.glightbox{
    display:block;
}
.glightbox:hover > img,
.glightbox:focus > img,
.glightbox:hover > .lash-type,
.glightbox:focus > .lash-type{
    opacity:.65;
}

.h1-xl{
    font-size: 40px;
    line-height:34px;
}
.glightbox-clean .gslide-description{
    background-color:transparent !important;
}
.glightbox-clean .gslide-title{
    color:var(--bs-primary)!important;
    font-family:var(--bs-sans-serif)!important;
    font-size: min(24px, 1.275rem + 0.3vw) !important;text-align:right;
}
.grid {
    gap: 1rem;
    padding-block: 1rem;
}
@media (min-width:576px){
    .grid-vid{
        grid-column: span 1;
        grid-row:span 2;
        position:relative;
    }
    .grid-img{
        grid-column: 1 / span 2;
        grid-row:span 1;
        height:auto;
    }
    .grid{
        max-width:1500px;
        width:100vw;
        display:grid;
        grid-auto-flow: column dense;
        grid-template-columns:repeat(2, 50% [col-start]);
        grid-template-rows: repeat(6, 288px);
    }
    
    .grid-img  .lash-type{
        right:0px;
        font-size:21px;
        bottom:0px;
        background-color:rgba( 250, 210, 215, .5);
    }
}
@media(min-width:768px){
    .h1-xl{
        font-size: 72px;
        line-height:66px;
    }
    
}
@media (min-width:992px){
    .grid{
        grid-auto-flow: row dense;
        grid-template-columns:repeat(3, 33.333% [col-start]);
        grid-template-rows: repeat(4, 288px);
    }
    .grid-img{
        grid-column: 2 / span 2;
    }
    .grid-vid{
        grid-column: 1 / span 1;
    }
}
@media (min-width:1200px){
    .grid{
        grid-template-rows: repeat(4, calc( (66.666vw * 393) / 1000 ));
    }
}
@media (min-width:1500px){
    .grid{
        grid-template-rows: repeat(4, 393px);
    }
    
}
.goverlay{
    background:var(--bs-teal);
}
@media (min-width:769px){
    .goverlay{
        background:rgba( 250, 210, 215, .75) !important;
    }
}


/* Promotions */
.card.promote-tpl,
.card.promote-tpl:visited{
    text-decoration:none;
    padding:15px;
    height:100%;
    color:var(--bs-dark);
    border:2px solid var(--bs-secondary);
    border-radius:6px;
    background-color:var(--bs-pink);
}
.card.promote-tpl:hover,
.card.promote-tpl:visited:hover,
.card.promote-tpl:focus,
.card.promote-tpl:visited:focus{
    box-shadow:var(--bs-box-shadow-secondary);
}