/*General*/
:root {
    --navbar-height: 100px;
    --footer-min-height: 100px;
}

html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
    max-width: 100vw;
    overflow-x: clip;
}

@media (max-width: 768px) {
    html {
        font-size: 14px;
    }
}

body {
    min-height: 100vh;
    max-width: 100vw;
    overflow-x: clip;
    font-family: "Quicksand", sans-serif !important;
    font-weight: 400;
}

h6 {
    text-transform: uppercase;
    font-weight: 500;
    font-family: "Afacad";
}

.font-serif {
    font-family: "Cormorant Garamond", serif !important;
    font-weight: 600;
}

.container-fluid {
    margin: 0px !important;
    padding: 0px !important;
}

.container-fluid {
    margin: 0px !important;
    padding: 0px !important;
}

.btn {
    font-family: "Afacad"!important;
    text-transform: uppercase!important;
}


/*Font Size Classes*/
.text-xxl {
    font-size: 6rem;
}

.text-xl {
    font-size: 4.5rem;
}

.text-l {
    font-size: 3rem;
}

.text-m-2 {
    font-size: 2rem;
}

.text-m {
    font-size: 1.5rem;
}

.text-s-2 {
    font-size: 1.67rem;
}

.text-s {
    font-size: 1.2rem;
}

@media(max-width: 991px) {
    .text-xxl {
        font-size: 4.5rem;
    }

    .text-xl {
        font-size: 3rem;
    }

    .text-l {
        font-size: 2.8rem;
    }

    .text-m-2 {
        font-size: 1.5rem;
    }

    .text-m {
        font-size: 1.25rem;
    }

    .text-s-2 {
        font-size: 1rem;
    }

    .text-s {
        font-size: 1rem;
    }
}

@media(max-width: 768px) {
    .text-xxl {
        font-size: 4rem;
    }

    .text-xl {
        font-size: 2.75rem;
    }

    .text-l {
        font-size: 2rem;
    }

    .text-m-2 {
        font-size: 1.75rem;
    }

    .text-m {
        font-size: 1.5rem;
    }

    .text-s-2 {
        font-size: 1.25rem;
    }

    .text-s {
        font-size: 1.15rem;
    }
}

/*Framed Image*/
.square-img-container, .three-by-two-img-container, .two-by-three-container {
    width: 100%;
    position: relative;
    display: block;
}

.square-img-container:after {
    content: "";
    display: block;
    padding-top: 100%;
}

.three-by-two-img-container:after {
    content: "";
    display: block;
    padding-top: 66.67%;
}

.two-by-three-img-container:after {
    content: "";
    display: block;
    padding-top: 150%;
}

.framed-img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

/*General Styles*/
.box-shadow {
    box-shadow: rgba(0,0,0, 0.25) 4px 4px 15px 5px;
}

.glass-bg {
    background: rgba(241,235,247, 0.1);
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px);
}

/*Animation*/
.element-animation-box {
    position: relative;
}

.element-animation-box .animation {
    -webkit-transition: transform 1s ease-in-out, opacity 1s ease-in-out;
    -moz-transition: transform 1s ease-in-out, opacity 1s ease-in-out;
    -o-transition: transform 1s ease-in-out, opacity 1s ease-in-out;
    transition: transform 1s ease-in-out, opacity 1s ease-in-out;
}

.anim-delay-1 {
    transition-delay: 0.3s!important;
}

.anim-delay-2 {
    transition-delay: 0.6s!important;
}

.anim-delay-3 {
    transition-delay: 0.9s!important;
}

.anim-delay-4 {
    transition-delay: 1.2s!important;
}

.anim-delay-5 {
    transition-delay: 1.5s!important;
}

.element-animation-box .slide-in-bottom {
    transform: translateY(100px);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    position: relative;
}

.element-animation-box.activated .slide-in-bottom {
    transform: translateY(0px);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.element-animation-box .slide-in-right {
    transform: translateX(100px);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    position: relative;
}

.element-animation-box.activated .slide-in-right {
    transform: translateX(0px);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.element-animation-box .fade-in {
    transform: scale(0.99);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    position: relative;
}

.element-animation-box.activated .fade-in {
    transform: scale(1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

/*Newsletter*/
#newsletter-section {
    background: linear-gradient(180deg, rgba(241,235,247,0.95)), url("../images/home/hero-bg.jpg");
    background-blend-mode: normal;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}