/*
Theme Name: PSE - Sunclimbing
Theme URI: https://what-the-phuc.com
Author: Phuc Le
Author URI: https://phuc.at
Description: Custom Sunclimbing Theme
Requires at least: 6.1
Tested up to: 6.2
Requires PHP: 5.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: Sunclimbing
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, accessibility-ready, blog, portfolio, news
*/

/*------------------------------------*\

    Styles intended only for the front.

\*------------------------------------*/

html {
    scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

.shadow {
    box-shadow: 0 0 1rem rgba(0, 0, 0, .66);
}

/*------------------------------------*\

    LAYOUT

\*------------------------------------*/

.wp-site-blocks {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}


.header {
    position: sticky;
    top: 0;
    z-index: 9999;
}

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

.main {
    flex-grow: 1;
}

.footer {
    margin-top: 0;
}


.wp-block-heading>a {
    text-decoration: inherit;
}

.wp-block-heading:hover>a,
.wp-block-heading:active>a,
.wp-block-heading:focus>a {
    text-decoration: underline;
}

/*------------------------------------*\

    NAV DESKTOP

\*------------------------------------*/
/* Level 1 Active State */

.wp-block-navigation-item.current-menu-item>a {
    color: var(--wp--preset--color--primary) !important;
}

/* Parent active state */
.current-menu-ancestor {
    color: var(--wp--preset--color--primary) !important;
}

.wp-block-navigation-item>a:hover,
.wp-block-navigation-item>a:active,
.wp-block-navigation-item>a:focus {
    color: var(--wp--preset--color--primary) !important;
}


/* Subnavigation Activfe State */
/* Subnavigation Hover State */
.wp-block-navigation-submenu .current-menu-item>a,
.wp-block-navigation__submenu-container a:hover,
.wp-block-navigation__submenu-container a:active,
.wp-block-navigation__submenu-container a:focus {
    background-color: var(--wp--preset--color--tertiary) !important;
}



/*------------------------------------*\
    FORM
\*------------------------------------*/
.gform_wrapper.gravity-theme .gfield_required {
    color: var(--wp--preset--color--tertiary);
}

.gform_button.button {
    cursor: pointer;
    background-color: var(--wp--preset--color--tertiary);
    border-radius: 0.25em;
    padding-top: 0.33em;
    padding-right: 0.66em;
    padding-bottom: 0.33em;
    padding-left: 0.66em;
    border-width: 0;
    color: var(--wp--preset--color--contrast);
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    text-decoration: none;
}

.gform_wrapper.gravity-theme .gform_validation_errors>h2,
.gform_wrapper.gravity-theme .gfield_error .gfield_repeater_cell label,
.gform_wrapper.gravity-theme .gfield_error label,
.gform_wrapper.gravity-theme .gfield_error legend,
.gform_wrapper.gravity-theme .gfield_validation_message,
.gform_wrapper.gravity-theme .validation_message,
.gform_wrapper.gravity-theme [aria-invalid=true]+label,
.gform_wrapper.gravity-theme label+[aria-invalid=true] {
    color: var(--wp--preset--color--tertiary);
}

.gform_wrapper.gravity-theme .gfield_validation_message,
.gform_wrapper.gravity-theme .validation_message,
.gform_wrapper.gravity-theme .gform_validation_errors {
    border-color: var(--wp--preset--color--tertiary);
    border-radius: 0;
}

.gform_wrapper.gravity-theme .gfield_validation_message,
.gform_wrapper.gravity-theme .validation_message,
.gform_wrapper.gravity-theme .gform_validation_errors {
    background-color: var(--wp--preset--color--contrast);
}




/*------------------------------------*\
    MOBILE NAV
\*------------------------------------*/


@media (max-width: 600px) {

    /* adjust padding on the side to align with button */
    .wp-block-navigation__responsive-container.is-menu-open {
        padding-right: calc(var(--wp--style--root--padding-right, 2rem) + var(--wp--preset--spacing--40));
    }

    .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
        background-color: var(--wp--preset--color--tertiary);
    }

    /* remove stupid animation */
    .wp-block-navigation__responsive-container.is-menu-open {
        animation: none;
    }


    /* top margin to align with open button */
    .wp-block-navigation__responsive-dialog {
        margin-top: calc(var(--wp--preset--spacing--40) + var(--wp--preset--spacing--30) + 5px);
    }

    .wp-block-navigation__container .wp-block-navigation-item__content {
        font-size: var(--wp--preset--font-size--x-large);
    }
}