@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&family=Sue+Ellen+Francisco&display=swap');

@font-face {
    font-family: 'jenna_sue_proregular';
    src: url('jenna_sue_pro-webfont.woff2') format('woff2'), url('jenna_sue_pro-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/*  
    -------------------------------------------------
    Default Colors
    -------------------------------------------------
*/

* {
    /*  
    -------------------------------------------------
    Color Overrides
    -------------------------------------------------
    */
    --bs-bright-red: #F71E25;
    --bs-barn-red: #f1666A;
    --bs-brick-red: #793335;
    --bs-dark-blue: #2a98bf;
    --bs-light-blue: #36c2f3;
    --bs-dark-teal: #00877f;
    --bs-teal: #00b7a1;
    --bs-purple: #624FA1;
    --bs-purple-trans: rgba(98, 79, 161, 0.95);
    --bs-light-purple: #624FA1CC;
    --bs-dark-navy: #2f254d;
    --bs-charcoal: #17171A;
    --bs-dark-grey: #58585a;
    --bs-grey: #00000029;
    --bs-light-grey: #f3f3f4;
    --bs-white: #ffffff;
    --bs-orange: #ffa500;
    --bs-dark-orange: #ff8c00;
    --bs-primary: #00b7a1;
    --bs-warning: #ffba00;
    --bs-secondary: #624FA1CC;
    --bs-text-white: rgba(255, 255, 255, 0.75);
    --bs-link-color: #6ea8fe;
    --bs-link-hover-color: #8bb9fe;
    --bs-link-color-rgb: 110,168,254;
    --bs-link-hover-color-rgb: 139,185,254;
    --bs-navbar-color: rgba(255, 255, 255, 0.75);
    --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
    --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --bs-nav-link-color: rgba(255, 255, 255, 0.75);
    --bs-nav-link-hover-color: rgba(204, 204, 204, 0.55);
    --bs-btn-disabled-color: #cccccc;
    --bs-btn-disabled-bg: #efefef;
    --bs-btn-disabled-opacity: 0.5;
    --bs-btn-disabled-border-color: #cccccc;
    --bs-secondary-color: rgba(33, 37, 41, 0.55);
    --bs-secondary-color-rgb: 33,37,41;
    --bs-danger: #f1666A;
    /*  
    -------------------------------------------------
    Fonts
    ------------------------------------------------- 
    */
    font-family: "Quicksand", sans-serif;
    font-optical-sizing: auto;
    --bs-nav-link-font-size: 19px;
    --bs-nav-link-font-weight: 700;
    --bs-body-font-size: 1.05rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.75;
}


.btn-danger {
    --bs-btn-bg: #f1666A;
    --bs-btn-border-color: #f1666A;
}

/*  
-------------------------------------------------
Typography
-------------------------------------------------
*/


b, strong {
    font-weight: 700;
}

.price {
    font-family: "Quicksand", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
}

.strikethrough {
    text-decoration: line-through;
}

h1, h2, h3, h4 {
    font-family: 'jenna_sue_proregular', 'Sue Ellen Francisco', cursive;
    font-weight: 700;
    letter-spacing: 1.26px;
    color: var(--bs-purple);
    /*text-shadow: 0px 0px 2px #333333;*/
}

h5, h6 {
    font-family: "Quicksand", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    /*letter-spacing: 1.26px;*/
    color: var(--bs-purple);
    /*text-shadow: 0px 0px 2px #333333;*/
}


.display-1 {
    font-size: calc(1.625rem + 4.3vw);
    font-weight: 500;
    line-height: 1.2
}

.display-2 {
    font-size: calc(1.575rem + 3.7vw);
    font-weight: 500;
    line-height: 1.2
}

.display-3 {
    font-size: calc(1.525rem + 2.9vw);
    font-weight: 500;
    line-height: 1.2
}

.display-4 {
    font-size: calc(1.475rem + 2.2vw);
    font-weight: 400;
    line-height: 1.2
}

.display-5 {
    font-size: calc(1.425rem + 1.9vw);
    font-weight: 400;
    line-height: 1.2
}

.display-6 {
    font-size: calc(1.375rem + 1.3vw);
    font-weight: 400;
    line-height: 1.2
}


.fs-1 {
    font-size: calc(1.375rem + 1.2vw) !important
}

.fs-2 {
    font-size: calc(1.325rem + .6vw) !important
}

.fs-3 {
    font-size: calc(1.3rem + .3vw) !important
}

.fs-4 {
    font-size: calc(1.275rem + .1vw) !important
}

.fs-5 {
    font-size: 1.15rem !important
}

.fs-6 {
    font-size: .95rem !important
}

.fs-7 {
    font-size: .9rem !important
}

.fs-8 {
    font-size: .85rem !important
}



.fc-primary {
    color: var(--bs-primary);
}

    .fc-primary a {
        color: var(--bs-primary);
        -webkit-text-decoration: inherit;
        text-decoration: inherit;
    }

.gHeroHeaderBlock {
    margin-top: -4rem !important;
}
/*  
-------------------------------------------------
Buttons
-------------------------------------------------
*/
.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
}

.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
}

.btn-secondary {
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
}



.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    --bs-btn-disabled-color: #999999;
    --bs-btn-disabled-bg: #efefef;
    --bs-btn-disabled-opacity: 0.7;
    --bs-btn-disabled-border-color: #999999;
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity)
}

.text-primary {
    color: var(--bs-primary) !important;
}

.text-purple {
    color: var(--bs-purple) !important;
}

.text-lightpurple {
    color: var(--bs-light-purple) !important;
}

.text-secondary {
    color: var(--bs-secondary) !important;
}

.text-bg-primary {
    background-color: var(--bs-primary) !important;
}


.border-primary {
    border-color: var(--bs-primary) !important;
}

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


.btn-link {
    color: var(--bs-purple);
}

.lead-header {
    font-size: 1.5rem !important;
    font-weight: 600;
    line-height: 2.5rem !important;
}

.hero .img-fluid {
    min-width: 85%;
    height: auto;
    margin: 2rem;
}

.lead {
    font-weight: 400
}
/*  
-------------------------------------------------
Background Colors
-------------------------------------------------
*/
.bg-purple {
    background-color: var(--bs-purple);
}

.bg-light-purple {
    background-color: var(--bs-light-purple);
}

.bg-teal {
    background-color: var(--bs-teal);
}

.bg-dark-teal {
    background-color: var(--bs-dark-teal);
}

.bg-dark-blue {
    background-color: var(--bs-dark-blue);
}

.bg-dark-navy {
    background-color: var(--bs-dark-navy);
}

.bg-footer-bar {
    background-color: var(--bs-dark-navy);
}

.bg-light {
    background-color: var(--bs-light-grey);
}

.bg-lighter {
    background-color: var(--bs-light-grey);
    opacity: 0.6;
}

.bg-dark-grey {
    background-color: var(--bs-dark-grey);
}
/*  
-------------------------------------------------
Header
-------------------------------------------------
*/
header {
    z-index: 99;
    position: relative;
}

/*  
-------------------------------------------------
Site Top Nav Bar
-------------------------------------------------
*/

.navbar-custom-top {
    /*background-color: var(--bs-light-purple);*/
    color: var(--bs-text-white);
    font-size: .95rem;    
}

    .navbar-custom-top .nav-link {
        text-transform: uppercase;
        font-weight: 700;
        font-size: .98rem;
        color: var(--bs-charcoal);
        border: 1px solid var(--bs-teal);
        border-radius: 4px;
        background-color: var(--bs-teal);
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        padding: 4px 12px;
    }

        .navbar-custom-top .nav-link:hover {
            color: var(--bs-white);
            background-color: var(--bs-dark-teal);
            border-color: var(--bs-dark-teal)
        }



div.GlobalNav ul.navbar-nav {
    flex-direction: inherit;
}


/*  
-------------------------------------------------
Site Navigation Bar
-------------------------------------------------
*/

.navbar-custom {
    padding-bottom: 70px;
    z-index: 98;
}

    .navbar-custom .offcanvas-header {
        background-color: var(--bs-purple-trans);
    }

    .navbar-custom .offcanvas-title {
        color: var(--bs-white);
    }

    .navbar-custom .offcanvas-body {
        /*background-color: var(--bs-purple-trans);*/
    }

    .navbar-custom .dropdown-toggle {
        color: var(--bs-navbar-color);
    }

        .navbar-custom.dropdown-toggle::after {
            margin-left: 0;
            vertical-align: .255em;
        }


    .navbar-custom .dropdown-item-text {
        font-size: .95rem;
    }

    .navbar-custom .nav-link {
        font-weight: 700;
    }


    .navbar-custom .nav-hold {
        min-width: 200px;
    }



@media (max-width:990px) {
    .navbar-custom .offcanvas-body .nav-link {
        color: var(--bs-charcoal);
    }

    .navbar-custom .dropdown-toggle {
        color: var(--bs-charcoal);
    }

        .navbar-custom.dropdown-toggle::after {
            margin-left: .255em;
            vertical-align: .255em;
        }

    .navbar-custom .nav-hold {
        min-width: 75px;
    }
}

@media (min-width:767px) {
    .FooterNavItems {
        margin-top: 8rem;
    }
}
/*  
-------------------------------------------------
Page Header
-------------------------------------------------
*/
.page-header {
    padding-top: 140px !important;
    margin-top: -95px;
    z-index: 1;
}


    .header-logo {
        margin-top: -2.0rem;
    }

@media (max-width:767px) {
    .header-logo {
        margin-top: 0rem;
    }
}

    /*  
-------------------------------------------------
Footer
-------------------------------------------------
*/
    .footer-custom {
        /*background-color: var(--bs-purple-trans);*/
        color: var(--bs-text-white);
        padding-top: 15px;
    }

        .footer-custom .nav-link {
            font-weight: 700;
            text-transform: uppercase;
            font-size: .95rem;
        }

    .footer-logo {
        width: 220px;
    }


    /*  
-------------------------------------------------
Hero Styles
-------------------------------------------------
*/

    .gAvatar {
        width: 520px;
        height: 520px;
        box-shadow: 0px 16px 24px #00000029;
        border: 10px solid #00B1A7;
        opacity: 1;
    }




    /*
-------------------------------------------------
Card Styles
-------------------------------------------------
*/

    .card-wrapper {
        border-radius: 8px;
    }

    .card {
        background-color: var(--bs-white);
        border-radius: 8px;
    }

    .card-content {
    }

    .card-media {
    }

    .card-body {
    }

    .card-links {
    }




    /*
-------------------------------------------------
Ecommerce Overrides
-------------------------------------------------
*/
    .size-choose button {
        border: 1px solid var(--bs-light-purple);
    }

    .size-config a:before {
        border: 2px solid var(--bs-light-purple);
    }

    /*.activeSize {
    border: 4px solid var(--bs-light-purple);
}

.activeModel {
    border: 4px solid var(--bs-light-purple);
}
*/

    /*
    Members file manager
*/

    .fcard-full {
        height: 100%;
    }

    .fcard {
        box-shadow: 0 0 25px -12px rgba(31,43,58,.15);
    }

    .fcard {
        --bs-card-spacer-y: 0.75rem;
        --bs-card-spacer-x: 1.25rem;
        --bs-card-title-spacer-y: 0.75rem;
        --bs-card-border-width: 1;
        --bs-card-border-color: rgba(0, 0, 0, 0.125);
        --bs-card-border-radius: 4px;
        --bs-card-inner-border-radius: 3px;
        --bs-card-cap-padding-y: 0.75rem;
        --bs-card-cap-padding-x: 1.25rem;
        --bs-card-cap-bg: rgba(0, 0, 0, 0.07);
        --bs-card-bg: #fff;
        --bs-card-img-overlay-padding: 1.25rem;
        --bs-card-group-margin: 14px;
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        height: var(--bs-card-height);
        color: var(--bs-body-color);
        word-wrap: break-word;
        background-color: var(--bs-card-bg);
        background-clip: border-box;
        border: var(--bs-card-border-width) solid var(--bs-dark-teal);
        border-radius: var(--bs-card-border-radius);
    }

    .fcard-avatar {
        border-radius: 50%;
        height: 60px;
        width: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        background: #8e61ee;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: .06em;
        flex-shrink: 0;
        position: relative;
    }


    .bg-primary-folder {
        background-color: var(--bs-teal);
    }

    .bg-primary-file {
        background-color: var(--bs-barn-red);
    }


    .ni {
        font-family: Nioicon !important;
        speak: never;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }


    .fcard-inner {
        padding: 1.5rem;
        font-weight: 400;
        font-size: 14px;
        letter-spacing: .06em;
    }

    .fcard-folder {
        border: 1px solid var(--bs-dark-teal);
    }

    .fcard-file {
        border: 1px solid var(--bs-barn-red);
    }


    .fcard-link {
        color: var(--bs-dark-teal);
        font-weight: 800;
        font-size: 16px;
        letter-spacing: .06em;
        text-transform: uppercase;
        display: inline-block;
        transition: color .15s ease-in-out;
        text-decoration: none;
    }

        .fcard-link:hover {
            color: var(--bs-link-hover-color);
            text-decoration: underline;
        }


    .facard-subtext {
        color: var(--bs-text-white);
    }




    /*
    ----------------------------------------------------------
    Print
    ----------------------------------------------------------
*/
    @media print {
    }