/*header, body & footer & global css*/

@media (min-width: 1001px) {

    body {
        margin: 0;
        padding: 0;
        -webkit-font-smoothing: antialiased;
        -webkit-tap-highlight-color: transparent;
    }

    .document:hover {
        cursor: pointer;
        color: rgb(218,218,218);
    }
    

    /* Styles for the header */
    header {
        background-color: white;
        color: black;
        height: 130px;
        display: flex;
        justify-content: space-between;
        align-items: center; /* Align items in the center */
    }

        header a {
            /*margin-left: 4.1%; */
            margin-left: 65px;
        }

        .headerlogo {
            width: 228px;
            height: 58px;
            margin-top: 2.25rem;
            margin-bottom: 2.25rem;
            cursor: pointer;
        }

    .headerlogoMobile {
        display: none;
    }

    .hamburger {
        display: none;
    }

    header nav {
        /*margin-right: 6.6;
          margin-left: 4.6%; */
        margin-right: 102px;
        white-space: nowrap;
    }

        header nav a {
            margin: auto 0;
            font-size: 20px;
            font-weight: 400;
            color: black;
            text-decoration: none;
            padding: 0 13px;
            
        }

            header nav a.selected {
                color: rgb(152, 152, 152); /* Change the text color for selected links */
                /* Add any additional styling for selected links here */
            }

            header nav a:hover {
                color: rgb(218, 218, 218); /* Change the text color when hovering */
            }

    .nav-bar ahover::after {
        transform: scaleX(1);
    }

    .nav-bar a.active {
        color: #19376D;
    }

    .logoutm {
        display: none;
    }

    /* Footer styling there is 19.5px between each line and the pictures to get the height to come out to 159px*/
    footer {
        height: 160px;
        width: 100%;
        background-color: black;
        color: white;
        font-weight: 400;
        margin-bottom: 0;
        display: flex;
        flex-direction: column;
    }

    .footer-line {
        font-size: 15px;
        margin-top: 24px;
        display: flex;
        flex-direction: row;
        margin: 0 auto 0 auto;
        padding-top: 24px;
        letter-spacing: .3px;
    }

    .footer-address {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .footer-lineS {
        display: inline-block; /* Ensure this is an inline-block or block element */
        transform: translateY(0px); /* Adjust this value to push it up */
    }

    .footer-line4 {
        appearance: none;
    }

    .footer-line5 {
        font-size: 15px;
        margin: 12px auto 24px auto;
    }

    footer img {
        width: 39px;
        height: 39px;
        text-align: center;
        margin: 0px auto 24px auto;
        cursor: pointer;
    }


    /*footer a {
        text-decoration: none;
        cursor: pointer;
        text-align: center;
        height: 63px;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }*/
}



















/* Media query for screens smaller than 1000 pixels */

@media (max-width: 1000px) {
    body {
        margin: 0 auto;
        padding: 0;
        -webkit-font-smoothing: antialiased;
        -webkit-appearance: none;
        width: 320px;
        -webkit-tap-highlight-color: transparent;
    }

    .topbutton {
        width: 50px;
        height: 50px;
        background-color: rgb(124, 154, 187);
        border-radius: 25px;
        position: fixed;
        bottom: 20%;
        left: 50%;
        transform: translateX(95px);
        z-index: 7;
    }

    .buttonarrow1 {
        width: 2px;
        height: 17px;
        background-color: rgb(97,97,97);
        position: relative;
        transform: rotate(45deg);
        top: 15px;
        left: 18px;
        text-align: right;
    }

    .buttonarrow2 {
        width: 2px;
        height: 17px;
        background-color: rgb(97,97,97);
        position: relative;
        transform: rotate(-45deg);
        top: -2px;
        left: 29px;
        text-align: right;
    }

    /* Media query for HEADER for screens smaller than 1000 pixels */
    header {
        height: 97px;
        width: 322px;
        margin: 0;
        display: flex;
        justify-content: space-between;
        z-index: 17;
        position: relative;
        background-color: white;
    }

    .headerlogo {
        display: none;
    }

    .headerlogoMobile {
        width: 197px;
        height: 50px;
        margin-top: 23.5px;
        margin-bottom: 23.5px;
        margin-left: 24px;
    }

    .hamburger {
        display: block;
        cursor: pointer;
        margin-right: 7.5%;
        margin-top: auto;
        margin-bottom: auto;
        z-index: 18;
    }

        .hamburger .line {
            width: 22px;
            height: 2px;
            background: rgb(0,0,0);
            margin: 6px 0;
            border-radius: 2px;
            transition: 0.5s ease; /* Animation effect */
        }

        /* Transformation to 'X' */
        .hamburger.active .line1 {
            transform: rotate(-45deg) translateY(11px);
        }

        .hamburger.active .line2 {
            opacity: 0;
        }

        .hamburger.active .line3 {
            transform: rotate(45deg) translateY(-11px);
        }

    header nav {
        margin: 0;
        background-color: rgb(97,97,97);
        display: flex;
        flex-direction: column;
        padding-top: 84px;
        z-index: 17;
    }

        header nav a {
            margin-right: auto;
            margin-left: auto;
            margin-top: 0;
            margin-bottom: 0;
            padding: 0;
            line-height: 56px;
            font-size: 28px;
            font-weight: 400;
            color: rgb(218,218,218);
            text-decoration: none;
        }

            header nav a.selected {
                color: rgb(152, 152, 152);
            }

    .nav-bar ahover::after {
        transform: scaleX(1);
    }

    .nav-bar a.active {
        color: #19376D;
        z-index: 17;
    }

    header nav div {
        margin-right: auto;
        margin-left: auto;
        margin-top: 0;
        margin-bottom: 0;
        padding: 0;
        line-height: 56px;
        font-size: 28px;
        font-weight: 400;
        color: rgb(218,218,218);
        text-decoration: none;
    }

    .nav-bar {
        height: 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 0;
        transition: 0.01s;
        overflow: hidden; /* do not delete */
        z-index: 17;
    }

        .nav-bar.active {
            height: 100vh;
            width: 323px;
            z-index: 17;
        }

    .logoutm {
        cursor: pointer;
    }

    header form {
        display: none;
    }

    .btn-logout {
        display: none;
    }

    /* Media query for FOOTER for screens smaller than 1000 pixels */
    footer {
        width: 322px;
        height: auto;
        background-color: black;
        color: white;
        margin-top: -0.5px;
        margin-bottom: 0;
        font-weight: 400;
        z-index: 2;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .footer-line {
        font-size: 11.5px;
        line-height: 15px;
        width: auto;
        height: auto;
        margin: 0px auto 0 auto;
        padding-top: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        appearance: none;
        text-decoration: none !important;
    }

    .footer-address {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-content: center;
        width: auto;
    }


    .footer-lineS {
        display: none;
        width: 0px;
        height: 0px;
    }

    .footer-line4 {
        appearance: none;
    }

    .footer-line5 {
        margin: 10px auto 20px auto;
        font-size: 11.5px !important;
        line-height: 15px !important;
        width: auto;
        text-decoration: none !important;
        font-weight: 400;
        appearance: none;
    }

    footer img {
        width: 39px;
        height: 39px;
        margin-bottom: 20px;
        display: block;
        cursor: pointer;
    }

    footer a[href^="tel"] {
        text-decoration: none;
    }
}







/* FONTS/font colors */

.backgroundWhite {
    background-color: white;
}

.background97 {
    background-color: rgb(145,145,145);
}

.background218 {
    background-color: rgb(218,218,218);
}

.bsgray {
    color: rgb(97,97,97);
}

.bsdarkgray {
    background-color: rgb(48,48,48);
}

.fontwt400 {
    font-weight: 400;
}

.fontwt700 {
    font-weight: 700;
}

.fonthelv {
    font-family: helvetica-w01-light, helvetica-w02-light, sans-serif;
}

@font-face {
    font-family: "Helvetica-W01-Light";
    src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/717f8140-20c9-4892-9815-38b48f14ce2b.eot?#iefix");
    src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/717f8140-20c9-4892-9815-38b48f14ce2b.eot?#iefix") format("eot"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/03805817-4611-4dbc-8c65-0f73031c3973.woff") format("woff"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/d5f9f72d-afb7-4c57-8348-b4bdac42edbb.ttf") format("truetype"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/05ad458f-263b-413f-b054-6001a987ff3e.svg#05ad458f-263b-413f-b054-6001a987ff3e") format("svg");
    font-display: block;
}

@font-face {
    font-family: "Helvetica-W02-Light";
    src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/ff80873b-6ac3-44f7-b029-1b4111beac76.eot?#iefix");
    src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/ff80873b-6ac3-44f7-b029-1b4111beac76.eot?#iefix") format("eot"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/80c34ad2-27c2-4d99-90fa-985fd64ab81a.woff") format("woff"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/b8cb02c2-5b58-48d8-9501-8d02869154c2.ttf") format("truetype"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/92c941ea-2b06-4b72-9165-17476d424d6c.svg#92c941ea-2b06-4b72-9165-17476d424d6c") format("svg");
    font-display: block;
}

.fontfam-login {
    font-family: Avenir-LT-W01_35-Light1475496, avenir-lt-w05_35-light, sans-serif; /* Font family */
}


@font-face {
    font-family: "Avenir-LT-W01_35-Light1475496";
    src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/edefe737-dc78-4aa3-ad03-3c6f908330ed.eot?#iefix");
    src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/edefe737-dc78-4aa3-ad03-3c6f908330ed.eot?#iefix") format("eot"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/0078f486-8e52-42c0-ad81-3c8d3d43f48e.woff2") format("woff2"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/908c4810-64db-4b46-bb8e-823eb41f68c0.woff") format("woff"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/4577388c-510f-4366-addb-8b663bcc762a.ttf") format("truetype"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/b0268c31-e450-4159-bfea-e0d20e2b5c0c.svg#b0268c31-e450-4159-bfea-e0d20e2b5c0c") format("svg");
    font-display: block;
}

@font-face {
    font-family: "Avenir-LT-W05_35-Light";
    src: url("//static.parastorage.com/services/santa-resources/resources/viewer/user-site-fonts/fonts/Avenir_Family_Pack/v1/AvenirLTW05-35Light.woff2") format("woff2"), url("//static.parastorage.com/services/santa-resources/resources/viewer/user-site-fonts/fonts/Avenir_Family_Pack/v1/AvenirLTW05-35Light.woff") format("woff");
    font-display: block;
}

.fontbarlowexl {
    font-family: barlow-extralight, barlow, sans-serif;
}

@font-face {
    font-family: "Barlow-ExtraLight";
    src: url("//static.parastorage.com/tag-bundler/api/v1/fonts-cache/googlefont/woff2/s/barlow/v1/51v0xj5VPw1cLYHNhfd8NFtXRa8TVwTICgirnJhmVJw.woff2") format("woff2"), url("//static.parastorage.com/tag-bundler/api/v1/fonts-cache/googlefont/woff/s/barlow/v1/51v0xj5VPw1cLYHNhfd8ND8E0i7KZn-EPnyo3HZu7kw.woff") format("woff");
    font-display: block;
}

@font-face {
    font-family: "Barlow-ExtraLight";
    font-weight: 700;
    src: url("//static.parastorage.com/tag-bundler/api/v1/fonts-cache/googlefont/woff2/s/barlow/v1/2woyxyDnPU0v4IiqYU9D1g.woff2") format("woff2"), url("//static.parastorage.com/tag-bundler/api/v1/fonts-cache/googlefont/woff/s/barlow/v1/-HJgNsTwx9qXGSxqew62RQ.woff") format("woff");
    font-display: block;
}

@font-face {
    font-family: "Barlow-ExtraLight";
    font-style: italic;
    src: url("//static.parastorage.com/tag-bundler/api/v1/fonts-cache/googlefont/woff2/s/barlow/v1/14AxwKgJhKIO-YYUP_KtZag5eI2G47JWe0-AuFtD150.woff2") format("woff2"), url("//static.parastorage.com/tag-bundler/api/v1/fonts-cache/googlefont/woff/s/barlow/v1/14AxwKgJhKIO-YYUP_KtZdIh4imgI8P11RFo6YPCPC0.woff") format("woff");
    font-display: block;
}

@font-face {
    font-family: "Barlow-ExtraLight";
    font-weight: 700;
    font-style: italic;
    src: url("//static.parastorage.com/tag-bundler/api/v1/fonts-cache/googlefont/woff2/s/barlow/v1/cdbGxfKO8gdkBd5U5TuXqPesZW2xOQ-xsNqO47m55DA.woff2") format("woff2"), url("//static.parastorage.com/tag-bundler/api/v1/fonts-cache/googlefont/woff/s/barlow/v1/W1XpMGU0WrpbCawEdG1FM_esZW2xOQ-xsNqO47m55DA.woff") format("woff");
    font-display: block;
}

@font-face {
    font-family: 'Barlow';
    font-style: italic;
    font-weight: 400;
    src: local('Barlow Italic'), local('Barlow-Italic'), url("//static.parastorage.com/tag-bundler/api/v1/fonts-cache/googlefont/woff2/s/barlow/v4/7cHrv4kjgoGqM7E_Cfs0wH8DnzcjTrA.woff2") format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
    font-display: block;
}

@font-face {
    font-family: 'Barlow';
    font-style: italic;
    font-weight: 400;
    src: local('Barlow Italic'), local('Barlow-Italic'), url("//static.parastorage.com/tag-bundler/api/v1/fonts-cache/googlefont/woff2/s/barlow/v4/7cHrv4kjgoGqM7E_Cfs1wH8DnzcjTrA.woff2") format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: block;
}

@font-face {
    font-family: 'Barlow';
    font-style: italic;
    font-weight: 400;
    src: local('Barlow Italic'), local('Barlow-Italic'), url("//static.parastorage.com/tag-bundler/api/v1/fonts-cache/googlefont/woff2/s/barlow/v4/7cHrv4kjgoGqM7E_Cfs7wH8Dnzcj.woff2") format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: block;
}

@font-face {
    font-family: 'Barlow';
    font-style: italic;
    font-weight: 700;
    src: local('Barlow Bold Italic'), local('Barlow-BoldItalic'), url("//static.parastorage.com/tag-bundler/api/v1/fonts-cache/googlefont/woff2/s/barlow/v4/7cHsv4kjgoGqM7E_CfOA5WohvToJdLm8BvE.woff2") format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
    font-display: block;
}

@font-face {
    font-family: 'Barlow';
    font-style: italic;
    font-weight: 700;
    src: local('Barlow Bold Italic'), local('Barlow-BoldItalic'), url("//static.parastorage.com/tag-bundler/api/v1/fonts-cache/googlefont/woff2/s/barlow/v4/7cHsv4kjgoGqM7E_CfOA5WogvToJdLm8BvE.woff2") format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: block;
}

@font-face {
    font-family: 'Barlow';
    font-style: italic;
    font-weight: 700;
    src: local('Barlow Bold Italic'), local('Barlow-BoldItalic'), url("//static.parastorage.com/tag-bundler/api/v1/fonts-cache/googlefont/woff2/s/barlow/v4/7cHsv4kjgoGqM7E_CfOA5WouvToJdLm8.woff2") format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: block;
}

@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    src: local('Barlow Regular'), local('Barlow-Regular'), url("//static.parastorage.com/tag-bundler/api/v1/fonts-cache/googlefont/woff2/s/barlow/v4/7cHpv4kjgoGqM7E_A8s5ynghnQci.woff2") format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
    font-display: block;
}

@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    src: local('Barlow Regular'), local('Barlow-Regular'), url("//static.parastorage.com/tag-bundler/api/v1/fonts-cache/googlefont/woff2/s/barlow/v4/7cHpv4kjgoGqM7E_Ass5ynghnQci.woff2") format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: block;
}

@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    src: local('Barlow Regular'), local('Barlow-Regular'), url("//static.parastorage.com/tag-bundler/api/v1/fonts-cache/googlefont/woff2/s/barlow/v4/7cHpv4kjgoGqM7E_DMs5ynghnQ.woff2") format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: block;
}

@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 700;
    src: local('Barlow Bold'), local('Barlow-Bold'), url("//static.parastorage.com/tag-bundler/api/v1/fonts-cache/googlefont/woff2/s/barlow/v4/7cHqv4kjgoGqM7E3t-4s6Fostz0rdom9.woff2") format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
    font-display: block;
}

@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 700;
    src: local('Barlow Bold'), local('Barlow-Bold'), url("//static.parastorage.com/tag-bundler/api/v1/fonts-cache/googlefont/woff2/s/barlow/v4/7cHqv4kjgoGqM7E3t-4s6Vostz0rdom9.woff2") format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: block;
}

@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 700;
    src: local('Barlow Bold'), local('Barlow-Bold'), url("//static.parastorage.com/tag-bundler/api/v1/fonts-cache/googlefont/woff2/s/barlow/v4/7cHqv4kjgoGqM7E3t-4s51ostz0rdg.woff2") format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: block;
}

.fonthelv-roman {
    font-family: helvetica-W01-Roman, helvetica-W02-Roman, helvetica-LT-W10-Roman, sans-serif;
}


@font-face {
    font-family: "Helvetica-W01-Roman";
    src: url("//static.parastorage.com/services/santa-resources/dist/viewer/user-site-fonts/fonts/Helvetica/v3/HelveticaLTW04-Roman.woff2") format("woff2"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/4021a3b9-f782-438b-aeb4-c008109a8b64.woff") format("woff");
    font-display: block;
}

@font-face {
    font-family: "Helvetica-W02-Roman";
    src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/e4bd4516-4480-43df-aa6e-4e9b9029f53e.eot?#iefix");
    src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/e4bd4516-4480-43df-aa6e-4e9b9029f53e.eot?#iefix") format("eot"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/b56b944e-bbe0-4450-a241-de2125d3e682.woff") format("woff"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/7da02f05-ae8b-43a1-aeb9-83b3c0527c06.ttf") format("truetype"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/66cac56e-d017-4544-9d0c-f7d978f0c5c2.svg#66cac56e-d017-4544-9d0c-f7d978f0c5c2") format("svg");
    font-display: block;
}

@font-face {
    font-family: "Helvetica-LT-W10-Roman";
    src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/686a6a06-e711-4bd2-b393-8504a497bb3c.eot?#iefix");
    src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/686a6a06-e711-4bd2-b393-8504a497bb3c.eot?#iefix") format("eot"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/6f8d1983-4d34-4fa4-9110-988f6c495757.woff") format("woff"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/7903ee3f-e9ab-4bdc-b7d2-d232de2da580.ttf") format("truetype"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/9c58e9ea-fdea-4b9c-b0f9-0a2157389ed0.svg#9c58e9ea-fdea-4b9c-b0f9-0a2157389ed0") format("svg");
    font-display: block;
}