/* general styles */
html {
    scroll-padding-top: 125px;
}

.txt-secondary {
    color: var(--spc-secondary, #CD2A0C);
}

.spc-text-link:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.spc-gray-box {
    align-items: center;
    background-color: var(--spc-soft);
    display: flex;
    justify-content: center;
    margin-bottom: 35px;
    margin-top: 35px;
}

.spc-gray-box-inner {
    text-align: left;
    width: fit-content;
}

/* header styles */
#brx-header {
    display: flex;
    position: sticky;
    top: 0;
    z-index: 900;
}

/* .spc-main-nav-home .sub-menu, */
.spc-main-nav .sub-menu {
    background-color: rgba(242, 236, 226, 0.85) !important;
    color: #000 !important;
    backdrop-filter: blur(10px) !important;
    border-radius: 25px !important;
    padding: 25px !important;
}

.spc-main-nav .menu-item-585 {
    margin-left: 0;
}

.spc-main-nav .menu-item-585 .sub-menu {
    column-count: 2;
    column-gap: 0;
    display: block;
}

.spc-main-nav .sub-menu .menu-item {
    padding: 0;
}

.spc-main-nav .sub-menu .menu-item a {
    line-height: 1.5;
    padding: 10px 20px;
}

.spc-main-nav .sub-menu .menu-item a::after {
    content: '>';
    margin-left: 10px;
    opacity: 0;
}

.spc-main-nav .sub-menu .menu-item:hover a::after {
    opacity: 1;
}

#desktop-header .spc-main-nav .menu-item:hover,
#desktop-header .spc-main-nav .menu-item:hover>div *,
.spc-main-nav .sub-menu .menu-item:hover,
.spc-main-nav .sub-menu .menu-item a:focus {
    color: var(--spc-secondary, #CD2A0C) !important;
}

#menu-main-menu-1>li:hover>div>a,
#menu-main-menu-1>li:hover>div>button {
    color: var(--spc-secondary, #CD2A0C) !important;
}

/* off canvas menu styles */
.off-canvas-social-icons a:focus svg path[id="bg"],
.off-canvas-social-icons a:hover svg path[id="bg"],
.off-canvas-social-icons a:active svg path[id="bg"] {
    fill-opacity: 0.8 !important;
}

.off-canvas-social-icons a:focus svg path:not([id="bg"]),
.off-canvas-social-icons a:hover svg path:not([id="bg"]),
.off-canvas-social-icons a:active svg path:not([id="bg"]) {
    fill: #fff !important;
}

/* footer styles */
.footer-nav-menu a:hover,
.footer-nav-menu a:active {
    text-decoration: underline;
    text-underline-offset: 3px;
}

#footer-social a:focus {
    border: none;
    outline: none;
}

#footer-social svg {
    transition: transform 0.3s;
}

#footer-social a:focus svg,
#footer-social svg:hover,
#footer-social svg:active {
    background-color: var(--spc-primary, '#1451a3');
    border-radius: 8px;
}

/* Gravity Forms styles */
.spc-form {
    font-family: "ReadexPro", sans-serif !important;
}

.spc-form input::placeholder {
    color: rgba(24, 24, 27, 0.7) !important;
}

.spc-form select {
    color: rgb(17, 35, 55) !important;
}

.spc-form select option:not(.gf_placeholder) {
    color: rgb(17, 35, 55) !important;
}

.spc-form select.spc-selected option.gf_placeholder {
    color: rgba(24, 24, 24, 0.7) !important;
}

.spc-form select:not(.spc-selected) {
    color: rgba(24, 24, 24, 0.7) !important;
}

.spc-form input[type="submit"],
#gform_browse_button_1_27 {
    background-color: var(--spc-primary) !important;
    border: 1px solid var(--spc-primary) !important;
    border-radius: var(--sp-s, 25px) !important;
    color: #fff !important;
    font-family: "ReadexPro" !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    padding: 0.75em 1.5em !important;
    width: 100% !important;
}

#gform_browse_button_1_27 {
    background-color: var(--spc-secondary, #CD2A0C) !important;
    border: 1px solid var(--spc-secondary, #CD2A0C) !important;
    width: auto !important;
}

#gform_browse_button_1_27:hover {
    background-color: var(--spc-light, #fff) !important;
    color: var(--spc-secondary, #CD2A0C) !important;
}

.spc-form input[type="submit"]:hover {
    background-color: #fff !important;
    color: var(--spc-primary, '#1451a3') !important;
}

.spc-form .gfield_required {
    color: var(--spc-secondary, #CD2A0C) !important;
}

/* Media Queries */
@media screen and (max-width: 388px) {

    #footer-locations,
    #off-canvas-locations {
        margin-top: 0 !important;
    }
}

@media screen and (min-width: 600px) {
    .admin-bar #brx-header {
        top: 32px;
    }
}

@media screen and (min-width: 992px) {
    .admin-bar #home-hero {
        height: calc(100vh - 150px);
    }
}

@media screen and (max-width: 991px) {
    html {
        scroll-padding-top: 25px;
    }

    #brx-header {
        display: flex;
        position: static;
    }

    .hero-section .title-only .hero-txt-mobile {
        display: none;
    }
}