/* utility classes */

.w-50 {
    width: 50% !important;
}

.w-60 {
    width: 60% !important;
}

.entry-content {
    p a {
        text-underline-offset: 5px;
        text-decoration-thickness: 1px;
    }
}

/* Scrolling Text (Marquee) */
:has(> .scrolling-text) {
    overflow-x: hidden;
}

.scrolling-text {
    --space: 200vw;
    white-space: nowrap;
    animation: marquee 50s infinite linear;
}

@keyframes marquee {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%)
    }
}

/* Social */
.spf_container {
    padding: 0;
    gap: 2rem;
}

.spf_item {
    border: 10px solid var(--wp--preset--color--orange-ochre) !important;
}



.coast {
    /* RGB values only (comma-separated, no rgb() wrapper) */
    --fixed-header-bg-color: 95, 147, 158, .2;
    /* #c9ff5d converted to RGB */
    --fixed-header-opacity-start: 1;
    --fixed-header-opacity-end: 0;
    --scrolled-header-bg-color: 95, 147, 158, .95;
    /* RGB only, opacity separate */
    --scrolled-header-opacity-start: 1;
    --scrolled-header-opacity-end: 0;
}



.entry-content.wp-block-post-content.is-layout-flow.wp-block-post-content-is-layout-flow {
    margin-top: 0;
}

/* Gravit forms */
/* Target your specific button */
.coast {
    input#gform_submit_button_5 {
        /* display: block; */
        /* make it a block element */
        /* margin: 0 auto; */
        /* center horizontally */
        border: #ffffff 1px solid;
        padding: 15px 30px;
        background-color: #ffffff2c;
        color: #ffffff;
        transition: all 0.3s ease;

    }

    .gform-theme--foundation #field_submit {
        justify-content: flex-end;
    }

    input#gform_submit_button_5:hover {
        background-color: #0a424669;
        /* darker turquoise */
        border-color: #ffffff;
        color: #ffffff;
    }

    h2.gform_title {
        display: none;
    }

    input#gform_submit_button_5 {
        border: #ffffff 1px solid;
        padding: 15px 30px;
        align-content: center;
    }

    span.gfield_required.gfield_required_text {
        color: #fff;
    }

    .gform-theme--foundation .gform_fields {
        --gf-form-gap-y: 10px !important;
    }

    #cf-turnstile_5 {
        transform: translate(0, 15px);
    }

    @media screen and (max-width: 768px) {
        .gform-theme--foundation #field_submit {
            padding-top: 1.5rem !important;
        }
    }
}


/* slidinggallery images */
.kb-gallery-image-contain img {
    border-radius: 5px !important;
}

/* Text styles  */
/* :root :where(p.is-style-text-eyebrow--3) {
    color: rgb(114, 114, 110);
    font-family: var(--wp--preset--font-family--heading);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.5px;
    line-height: 1.5;
    padding-top: 0.2rem;
    padding-bottom: 0.25rem;
    text-transform: capitalize;
} */

/* Footer */
.wp-block-template-part {
    margin-block-start: 0;
    margin-block-end: 0;
}

/* Nav */
.wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container {
    color: #fff;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
    background-color: #0f5a69;
    border: 1px none;
}

.home-product-cat a span {
    color: #0f5a69;
}

.home-product-cat a {
    text-decoration: none;
}

/* Core Navigation Mobile Custom Breakpoint 
     * - change max-width to desired point hamburger appears 
     */
@media screen and (max-width: 1140px) {
    .wp-block-navigation__responsive-container-open {
        display: block !important;
    }

    .wp-block-navigation__responsive-container:not(.is-menu-open.has-modal-open) {
        display: none !important;
    }
}