* {
    font-family: 'Outfit', sans-serif;
}

form label.error {
    color: #dc2626;
    margin-top: 5px;
    display: block;
}

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

#desktop-nav .dropdown:hover .dropdown-menu {
    display: block;
}

#mobile-menu > div {
    margin-right: -350px;
    width: 350px;
}

#mobile-menu .dropdown.active button svg {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.bg-primary {
    background-color: #005487 !important;
}

.bg-secondary {
    background-color: #4AC3C7 !important;
}

.bg-tertiary {
    background-color: #9C93C6 !important;
}

.bg-brand-purple {
    background-color: #6C65AC !important;
}

.text-primary {
    color: #005487 !important;
}

.text-brand-purple {
    color: #6C65AC !important;
}

header {
    border-top: 10px solid #4AC3C7;
}

#logo {
    max-width: 250px;
    width: 100%;
    display: block;
}

#footer-logo {
    max-width: 430px;
    width: 100%;
    display: block;
}

footer > div {
    background-image: url('../imgs/footer-pattern.svg');
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}

.action-link {
    text-decoration: underline;
    color: #4AC3C7;
}

a#back-to-top {
    position: fixed;
    right: 25px;
    bottom: 25px;
    width: 50px;
    height: 50px;
}

.excerpt p,
.description p {
    margin-bottom: 18px;
}

@media only screen and (max-width: 1036px) {
    #logo {
        max-width: 200px;
    }
}

@media only screen and (max-width: 1023px) {
    #logo {
        max-width: 250px;
    }
}

@media only screen and (max-width: 365px) {
    #logo {
        max-width: 200px;
    }
}