/*  
    Wordpress Color Settings in Site Editor
    --wp--preset--color--base: #ffffff;
    --wp--preset--color--contrast: #000000;
    --wp--preset--color--primary: #3961ad;
    --wp--preset--color--secondary: #bbdfe5;
    --wp--preset--color--tertiary: #e6e7e8; 
     
*/
:root {
    --wp--preset--color--tertiary-05: #e6e7e880;
}
/* 
Wordpress breakpoints: Mobile - (0-599) / Tablet (600-767) / Desktop (768-99999)
*/
html {
    scroll-padding-top: 200px; /* offset for anchor links */
    scroll-behavior: smooth; /* smooth scrolling for anchor links */
}
/* is this controlled in theme.json? */
.wp-site-blocks {
    padding-top: 0;
    padding-bottom: 0;
}
.coast {
    header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 9999;
        &.header-is-scrolled {
            background: rgb(255, 255, 255);
            background: linear-gradient(
                180deg,
                rgba(255, 255, 255, 1) 0%,
                rgba(255, 255, 255, 0) 100%
            );
        }
    }

    /* CUSTOMISE MENU */
    .kb-nav-link-content.has-highlight-label:hover .link-highlight-label {
        display: inline;
        position: absolute;
        top: -10px;
    }
    .link-highlight-label {
        display: none;
    }
    .wp-block-kadence-navigation .kb-nav-link-content {
        transition: all 0ms ease-in-out;
    }
    /* MOBILE MENU */
    .coast {
        * {
            transition: all 0ms ease-in-out;
        }
        /* Outer Container - Contains the Hamburger button */
        .wp-block-navigation__responsive-container.is-menu-open {
            background-color: var(--wp--preset--color--base) !important;
            /* Top Level */
            ul {
                gap: 8px !important;
                padding-right: 10px !important;
                > li {
                    padding-right: 10px !important;
                }
                > li.has-child {
                    border-right: 1px solid var(--wp--preset--color--secondary) !important;
                }
                > li > a {
                    color: var(--wp--preset--color--primary) !important;
                    text-align: right;
                }
            }
            /* Second Level */
            ul ul {
                padding-top: 0 !important;
                margin-top: 12px !important;
                margin-bottom: 24px !important;

                > li > a {
                    color: var(--wp--preset--color--primary) !important;
                }
            }
        }
    }
    /* Default Navigation Block - Mobile Custom Breakpoint 
     * - change max-width to screen width you want the mobile menu to display
     */
    @media screen and (max-width: 766px) {
        .wp-block-navigation__responsive-container-open {
            display: block !important;
        }
        .wp-block-navigation__responsive-container:not(
                .is-menu-open.has-modal-open
            ) {
            display: none !important;
        }
    }

    /* Directory Card */
    .directory-card {
        .card-image .kt-inside-inner-col {
            align-content: center;
            padding: 2rem;
            border: 1px solid var(--wp--preset--color--tertiary-05);
            @media screen and (max-width: 599px) {
                padding: 0;
            }
        }
    }

    /* Footer */
    footer a:hover {
        color: var(--wp--preset--color--secondary);
    }
}
/* TEXT */
/* Clip text lines with css, add .clp-txt + .c(no of lines 2,3,5 or 10)  */
.clp-txt {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.c2 {
    -webkit-line-clamp: 2;
}
.c3 {
    -webkit-line-clamp: 3;
}
.c5 {
    -webkit-line-clamp: 5;
}
.c10 {
    -webkit-line-clamp: 10;
}
.no-underline,
.no-underline *,
.no-underline *:hover {
    text-decoration-line: none;
}
/* HOVE EFFECTS */
.hover-slide-left {
    transition: all 200ms ease-in-out;
    &:hover {
        transform: translateX(-5px);
        transition: all 200ms ease-in-out;
    }
}
.hover-slide-right {
    transition: all 200ms ease-in-out;
    &:hover {
        transform: translateX(5px);
        transition: all 200ms ease-in-out;
    }
}
.hover-underline:hover {
    h1,
    h2,
    h3,
    p {
        text-decoration: underline;
    }
}
/* Animate in */
.coast-hidden {
    opacity: 0;
    transition: all 1s;
}
.coast-hidden:nth-child(2) {
    transition-delay: 200ms;
}
.coast-hidden:nth-child(3) {
    transition-delay: 400ms;
}
.coast-hidden:nth-child(4) {
    transition-delay: 600ms;
}
.coast-hidden:nth-child(5) {
    transition-delay: 800ms;
}
.coast-hidden:nth-child(6) {
    transition-delay: 1000ms;
}
@media-preferes-reduced-motion {
    transition: none;
}
.coast-visible {
    opacity: 1;
}
/* @import "./plugin-gravity.css"; */