@charset "UTF-8";

@font-face
{
    font-family: 'Georama';
    src: url('/fonts/Georama-VariableFont_wdth,wght.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-stretch: 50% 200%;
    font-style: normal;
    font-display: swap;
}

@font-face
{
    font-family: 'Georama';
    src: url('/fonts/Georama-Italic-VariableFont_wdth,wght.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-stretch: 50% 200%;
    font-style: italic;
    font-display: swap;
}

@font-face
{
    font-family: 'Playfair Display';
    src: url('/fonts/PlayfairDisplay-VariableFont_wght.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face
{
    font-family: 'Playfair Display';
    src: url('/fonts/PlayfairDisplay-Italic-VariableFont_wght.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

:root
{
    --c1: 222 91 59;
    --c2: 1 132 108;
    --c15: 0 0 0;
    --c16: 255 255 255;
    --c17: 36 40 44;
    --c18: 228 230 234;
    --f1: 'Georama', sans-serif;
    --f2: 'Playfair Display', serif;
}

/* Theme Specific Settings */

@media only screen
{
    :root
    {
        --c4: 36 40 44;
        --c5: 50 58 64;
        --c6: 20 24 28;
        --c7: 210 210 210;
        --c8: 228 230 234;
        --c9: 252 252 255;
        --c10: 255 255 255;
        --c11: 0 0 0;
    }

    .neumorphic_div
    {
        -webkit-box-shadow: 1rem 1rem 2rem 0rem rgb(0 0 0 / 0.24), -1rem -1rem 2rem 0rem rgb(255 255 255 / 0.06);
        -moz-box-shadow: 1rem 1rem 2rem 0rem rgb(0 0 0 / 0.24), -1rem -1rem 2rem 0rem rgb(255 255 255 / 0.06);
        -o-box-shadow: 1rem 1rem 2rem 0rem rgb(0 0 0 / 0.24), -1rem -1rem 2rem 0rem rgb(255 255 255 / 0.06);
        -ms-box-shadow: 1rem 1rem 2rem 0rem rgb(0 0 0 / 0.24), -1rem -1rem 2rem 0rem rgb(255 255 255 / 0.06);
        box-shadow: 1rem 1rem 2rem 0rem rgb(0 0 0 / 0.24), -1rem -1rem 2rem 0rem rgb(255 255 255 / 0.06);
    }

    .neumorphic_in, .neumorphic_in_be::before
    {
        -webkit-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.068) inset;
        -moz-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.068) inset;
        -o-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.068) inset;
        -ms-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.068) inset;
        box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.068) inset;
    }

    .neumorphic_btn
    {
        -webkit-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.4), -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.068);
        -moz-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.4), -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.068);
        -o-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.4), -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.068);
        -ms-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.4), -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.068);
        box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.4), -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.068);
    }
    
    .neumorphic_btn:active
    {
        -webkit-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.4), -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.068), 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.068) inset;
        -moz-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.4), -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.068), 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.068) inset;
        -o-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.4), -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.068), 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.068) inset;
        -ms-box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.4), -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.068), 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.068) inset;
        box-shadow: 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.4), -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.068), 0.75rem 0.75rem 1.25rem 0rem rgb(0 0 0 / 0.4) inset, -0.75rem -0.75rem 1.25rem 0rem rgb(255 255 255 / 0.068) inset;
    }
}

@media only print
{
    header
    {
        display: flex;
        justify-content: center;
        padding: 1rem;
    }
    
    header > :not(.logo)
    {
        display: none;
    }
    
    .logo svg
    {
        height: 4rem;
        width: auto;
    }
    
    main > *, body > :not(header):not(main):not(footer), .perfecty-push-settings-container
    {
        display: none !important;
    }
    
    main
    {
        text-align: center;
        padding: 2rem;
        margin: 2rem;
        background-color: #efefef;
        -webkit-border-radius: 2rem;
        -moz-border-radius: 2rem;
        -o-border-radius: 2rem;
        -ms-border-radius: 2rem;
        border-radius: 2rem;
    }
    
    main::before
    {
        content: "Oopsie! Sorry. We do not allow printing of our website contents as of now.";
    }
    
    footer
    {
        display: flex;
        justify-content: space-between;
        -webkit-border-radius: 1rem;
        -moz-border-radius: 1rem;
        -o-border-radius: 1rem;
        -ms-border-radius: 1rem;
        border-radius: 1rem;
    }
    
    footer > div
    {
        flex-basis: 10rem;
        display: flex;
        align-items: center;
    }
}

@media only screen
{
    /* Prevent Flickering */

    .hgt1rem
    {
        height: 1rem;
    }

    .hgt0-75rem
    {
        height: 0.75rem;
    }

    .lh2-5rem
    {
        line-height: 2.5rem;
    }

    .g0-5
    {
        gap: 0.5rem;
    }

    /* Flicker Prevention Completed */

    .bg
    {
        background-image: var(--bg);
        background-size: cover;
        background-position: center;
    }

    nav a
    {
        display: inherit;
        padding: 0rem 0.625rem;
        text-transform: uppercase;
        font-weight: 500;
    }

    .brr1
    {
        -webkit-border-radius: 0px 1rem 1rem 0rem;
        -moz-border-radius: 0px 1rem 1rem 0rem;
        -o-border-radius: 0px 1rem 1rem 0rem;
        -ms-border-radius: 0px 1rem 1rem 0rem;
        border-radius: 0px 1rem 1rem 0rem;
    }

    .brl1
    {
        -webkit-border-radius: 1rem 0rem 0rem 1rem;
        -moz-border-radius: 1rem 0rem 0rem 1rem;
        -o-border-radius: 1rem 0rem 0rem 1rem;
        -ms-border-radius: 1rem 0rem 0rem 1rem;
        border-radius: 1rem 0rem 0rem 1rem;
    }
    
    .aft1::after, .bef1::before, .aft2::after, .bef2::before
    {
        content: "";
        position: absolute;
        left: 0px;
        width: 100%;
        height: 2.5rem;
    }

    .aft1::after, .bef1::before
    {
        background-color: rgb(var(--c1));
    }

    .aft2::after, .bef2::before
    {
        background-color: rgb(var(--c2));
    }

    .aft1::after, .aft2::after
    {
        bottom: 0px;
        -webkit-clip-path: polygon(0px 100%, 100% 0px, 100% 100%, 0px 100%);
        clip-path: polygon(0px 100%, 100% 0px, 100% 100%, 0px 100%);
    }
    
    .bef1::before, .bef2::before
    {
        top: 0px;
        -webkit-clip-path: polygon(0px 0px, 100% 0px, 0px 100%, 0px 0px);
        clip-path: polygon(0px 0px, 100% 0px, 0px 100%, 0px 0px);
        z-index: 1;
    }
}

@media only screen and (min-width: 1000px)
{
    .mob
    {
        display: none;
    }

    nav
    {
        font-size: 1.12rem;
    }
}

@media only screen and (max-width: 999px)
{
    .nav_btn.expanded rect:nth-of-type(1)
    {
        top: -20%;
        left: 20%;
        fill: rgb(var(--c1));
        transform-origin: 90% 20%;
        transform: rotate(-45deg) scaleX(40%);
    }

    .nav_btn.expanded rect:nth-of-type(2)
    {
        fill: rgb(var(--c8));
        transform-origin: 50% 50%;
        transform: rotate(45deg);
    }

    .nav_btn.expanded rect:nth-of-type(3)
    {
        left: -20%;
        top: 20%;
        fill: rgb(var(--c2));
        transform-origin: 10% 80%;
        transform: rotate(-45deg) scaleX(40%);
    }

    nav
    {
        position: absolute;
        top: 100%;
        right: 0px;
    }

    nav ul
    {
        flex-direction: column;
        margin-right: 1rem;
        -webkit-border-radius: 1rem;
        -moz-border-radius: 1rem;
        -o-border-radius: 1rem;
        -ms-border-radius: 1rem;
        border-radius: 1rem;
        background-color: rgb(var(--c4) / 0.2);
        -webkit-backdrop-filter: blur(1rem);
        backdrop-filter: blur(1rem);
    }

    nav ul li
    {
        width: 100%;
        text-align: right;
    }

    .dynamicnav
    {
        transform-origin: center top;
    }

    nav:not(.show) .dynamicnav
    {
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -o-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform: scaleY(0);
        opacity: 0;
        visibility: hidden;
    }

    nav.show .dynamicnav
    {
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -o-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1;
        visibility: visible;
    }
}