/* #region header */

.ct-navbar {
    background-color: #000;
    padding-top: 28px;
    padding-bottom: 28px;

    .home & {
        background-color: transparent;

        &.scrolled {
            background-color: #000;
        }
    }

    a {
        text-decoration: inherit !important;
    }

    .ct-navbar-brand {
        display: block;
        max-width: 12.5rem;
        margin-top: 6px;
        padding: 0;
        height: auto;

        img {
            display: block;
            width: 100%;
        }
    }

    .ct-navbar-collapse .btn-link {
        align-self: flex-start;

        a {
            min-height: 38px;
        }
    }

    .menu-primary .dropdown-menu {
        top: 100%;
    }

    ul#menu-top-level-navigation {
        margin: 0 0 0 auto;
        padding: 0;
        justify-content: space-between;
        column-gap: 1rem;

        >li {
            padding: 0 0 12px 0;

            >a {
                font-family: Univers-LT-57-Condensed, sans-serif;
                color: #fff;
                font-size: 1rem;
                text-transform: uppercase;
            }

            &:first-of-type a.nav-link {
                padding-left: 0;
            }

            &:last-of-type {
                padding-right: 0;
            }
        }
    }

    ul#menu-main-menu {
        justify-content: space-between;
        column-gap: 1.75rem;

        >li {
            padding: 22px 0 0 0;
            margin: 10px 0;
            text-decoration: none;

            &:last-of-type {
                padding-right: 0;
            }

            >a {
                font-family: Univers-LT-67-Bold-Condensed, sans-serif;
                color: #fff;
                font-size: 1.25rem;
                text-transform: uppercase;
                display: flex;
                align-items: center;
            }

            &.btn-link a {
                font-size: 1.125rem;
                padding: 0 3.125rem;
            }

            &.btn-link-outline a {
                border: 1px solid#fff;
                background-color: transparent;
                color: #fff;
            }

            &.btn-link-primary a {
                background-color: #fff;
                color: #000;
            }
        }
    }

    .ct-navbar-toggler {
        overflow: visible;
        transition-property: opacity, filter;
        transition-duration: .15s;
        transition-timing-function: linear;
        margin: 0;
        border: 0;
        padding: 0;
        background-color: transparent;
        cursor: pointer;
        text-transform: none;
        color: #fff;
        height: 3rem;
        border: solid 1px hsla(36, 3%, 76%, .5);
        border-radius: 0.25rem;

        &:focus,
        &:hover {
            outline: none;
            box-shadow: none;
            border: solid 1px#fff;
        }

        .toggler-box {
            position: relative;
            display: inline-block;
            width: 3rem;
            height: 3rem;

            .toggler-inner,
            .toggler-inner:before,
            .toggler-inner:after {
                content: "";
                position: absolute;
                display: block;
                transition-property: transform;
                transition-duration: .15s;
                transition-timing-function: ease;
                width: 2rem;
                height: 6px;
                background-color: #fff;
            }

            .toggler-inner {
                top: 50%;
                left: 50%;
                margin-left: -1rem;
                display: block;
                transition-duration: 75ms;
                transition-timing-function: cubic-bezier(.55, .055, .675, .19);
                margin-top: -4px;

                &:before {
                    top: -12px;
                    transition: top 75ms ease.12s, opacity 75ms ease;
                }

                &:after {
                    bottom: -12px;
                    transition: bottom 75ms ease.12s, transform 75ms cubic-bezier(.55, .055, .675, .19);
                }
            }
        }

        &.open .toggler-box .toggler-inner {
            background-color: #fff;
            transform: rotate(45deg);
            transition-delay: .12s;
            transition-timing-function: cubic-bezier(.215, .61, .355, 1) !important;

            &:before {
                background-color: #fff;
                top: 0 !important;
                opacity: 0;
                transition: top 75ms ease, opacity 75ms ease.12s !important;
            }

            &:after {
                background-color: #fff;
                bottom: 0 !important;
                transform: rotate(-90deg);
                transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s !important;
            }
        }
    }

    .nav-item ul {
        min-width: 240px;
        padding: 0;
        border-radius: 0;
        border: 1px solid var(--greyLight);
        font-size: 0.8125rem;
        text-transform: uppercase;
        font-family: Univers-LT-57-Condensed, sans-serif;
        margin-top: 0;

        li .dropdown-item {
            color: #000;
            padding: .25rem 14px;
            min-height: 30px;
            border-bottom: 1px solid var(--greyLight);
            white-space: normal;
            display: block;
        }

        li:last-of-type .dropdown-item {
            border-bottom: 0;
        }
    }

    .truTixBtn {
        background-color: var(--ct-teal);
        padding: 0.5rem 0.75rem;
        font-size: 1rem;
        border-radius: 0.25rem;

        &:hover {
            background-color: var(--ct-teal-700);
        }

        i {
            transform: rotate(-105deg);
            font-size: 1.6em;
            padding: 0;
            margin: 0;
            transform-origin: 53%46%;
        }

        a {
            color: #fff;
            display: flex;
            column-gap: 0.5em;
            line-height: 1em;
        }
    }
}

@media (max-width:1199.98px) {
    .ct-navbar {
        .home & {
            position: absolute;
            z-index: 99999;
            width: 100%;
            background-color: #000;
        }

        .ct-navbar-collapse {
            margin-top: 25px;
            align-self: flex-start;
        }

        ul#menu-top-level-navigation>li>a {
            padding-bottom: 0;
        }
    }
}

@media (min-width:1200px) {
    .ct-navbar {
        .nav-item {
            .dropdown-menu {
                display: none;
            }

            .dropdown-toggle:after {
                display: none;
            }

            &:hover {
                .dropdown-menu {
                    display: block;
                }

                .nav-link {
                    color: #fff;
                }
            }
        }

        .menu-dropdown-spacer {
            height: 88px;
            background: transparent;
            position: absolute;
            left: 8px;
            cursor: pointer;
            width: 100px;
        }

        ul#menu-top-level-navigation {
            border-bottom: solid 1px#fff;

            .dropdown-menu {
                margin-left: 7px;

                li:first-of-type & {
                    margin-left: 0;
                }
            }

            >li>a {
                padding: 0.5rem 0;
            }
        }

        ul#menu-main-menu>li {
            padding: 22px 0 0 0;
            display: flex;

            >a {
                padding: 0.5rem 0;
            }
        }
    }
}

/* #endregion */

/* #region footer */

footer.footer-main {
    padding: 3rem 0 0;
    border-bottom: 12px solid var(--ct-orange);

    a {
        text-decoration: inherit !important;
    }

    @media (max-width:1399.98px) {
        overflow-x:clip;
    }
}

footer.footer-main ul {
    padding: 0;
    margin: 0
}

@media (max-width:991.98px) {
    footer.footer-main ul {
        margin-bottom: 1.5rem
    }
}

footer.footer-main ul li {
    list-style: none;
    color: #fff
}

footer.footer-main ul li a {
    text-decoration: none;
    color: #fff
}

footer.footer-main .footer-top {
    border-bottom: 1px solid var(--ct-gray-300);
    padding-bottom: 4.0625rem
}

footer.footer-main .footer-top .logo-container {
    width: 100%;
    margin: 0 0 52px
}

footer.footer-main .footer-top .logo-container img {
    display: block;
    margin: 0;
    width: 15rem;
    max-width: 15rem
}

footer.footer-main .footer-top .contact-address,
footer.footer-main .footer-top .contact-number {
    font-family: Univers-LT-57-Condensed, sans-serif;
    color: #000;
    font-size: 1.375rem;
    line-height: 1.4em;
    padding-left: 3.4375rem
}

footer.footer-main .footer-top .contact-number {
    margin-top: 28px
}

footer.footer-main .footer-top .contact-number span {
    margin-bottom: 10px;
    display: block
}

footer.footer-main .footer-top .contact-number p {
    font-size: 2.375rem;
    margin-bottom: 0
}

footer.footer-main .footer-top .contact-number a {
    color: #000
}

@media (max-width:575.98px) {
    footer.footer-main .footer-top .col {
        min-width: 50%
    }
}

footer.footer-main .footer-top .col.footer-col-right {
    border-top: 1px solid var(--ct-gray-300);
    padding-top: 4.0625rem
}

footer.footer-main .footer-top .col h6 {
    font-family: Univers-LT-67-Bold-Condensed, sans-serif;
    color: #000;
    font-size: 1.625rem;
    line-height: 1.4em;
    text-transform: uppercase
}

footer.footer-main .footer-top .col a {
    font-family: Univers-LT-57-Condensed, sans-serif;
    color: #000;
    font-size: 1.375rem;
    line-height: 1.6em;
    text-transform: uppercase
}

footer.footer-main .footer-top .col .search-form {
    margin-top: 3rem
}

footer.footer-main .footer-bottom {
    align-items: center;
    justify-content: center;
    padding: 2.1875rem 0 2.375rem
}

@media (max-width:991.98px) {
    footer.footer-main .footer-bottom {
        flex-direction: column
    }
}

footer.footer-main .footer-bottom .footer-bottom-links {
    display: flex;
    flex-wrap: wrap
}

@media (max-width:991.98px) {
    footer.footer-main .footer-bottom .footer-bottom-links {
        margin-top: .9375rem
    }

    footer.footer-main .footer-bottom .footer-bottom-links .separator:first-of-type {
        display: none
    }
}

@media (max-width:575.98px) {
    footer.footer-main .footer-bottom .footer-bottom-links {
        margin-left: .9375rem;
        margin-right: .9375rem
    }
}

footer.footer-main .footer-bottom a {
    color: #000
}

footer.footer-main .footer-bottom .separator {
    margin: 0 1.25rem
}

footer.footer-main .footer-bottom .vision-statement-link {
    width: 100%;
    text-align: center;
    margin-top: 19px
}

footer.footer-main .footer-bottom .social-accounts {
    margin-top: 1.75rem;
    margin-bottom: 0;
    text-align: center
}

footer.footer-main .footer-bottom .social-accounts a {
    font-size: 1.375rem;
    text-decoration: none
}

footer.footer-main .footer-bottom .social-accounts a .fa-stack {
    color: var(--ct-blue)
}

footer.footer-main .footer-bottom .social-accounts a .fa-stack:hover {
    color: grey
}

/* #endregion*/