/*
Theme Name: Golden Mile Project
Author: WP Special Projects
Requires at least: 6.0
Tested up to: 6.0
Requires PHP: 8.0
Version: 1.0.1
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: blockbase
Text Domain: golden-mile-project
*/

/******************
general styles
******************/
h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
}

a {
    text-decoration: underline;
}

footer a,
.taxonomy-project_cat a {
    text-decoration: none;
}

.is-nowrap.wp-block-group {
    align-items: flex-start;
}

.is-nowrap.wp-block-group figure {
    flex-shrink: 0;
}

.wp-block-separator {
    margin: min(5vw, 3rem) 0;
    height: 4px
}

.wp-block-post-title {
    font-size: clamp(2.5rem, 7vw, 4rem) !important;
}

/******************
buttons
******************/

:root {
    --pink: #FF72D7;
    --pink-light: #FFD5F3;
    --yellow: #ffe004;
    --yellow-light: #fbf2b4;
    --black: #282727;
    --blue: #23BBFC;
    --blue-light: #BDEBFE;
    --orange: #FF9126;
    --orange-light: #FFDEBE;
}

.wp-block-button__link {
    font-weight: 500;
    /* 	border: 1px solid; */
}

.wp-block-button__link,
.wp-block-button__link:active, .wp-block-button__link:focus, .wp-block-button__link:visited,
.wp-block-button__link:hover {
    color: var(--black);
}

.wp-block-button__link:hover,
:is(.wp-block-search__button, .wp-block-button__link):is(:hover, :active, :focus) {
    background-color: var(--yellow) !important;
}


/******************
finesse header nav
******************/


/* overriding hamburger button */
.wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: block !important;
}


@media (min-width: 790px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none !important;
    }
}

@media (max-width: 789px) {
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none;
    }
}

/* donate button styling */

@media (min-width: 790px) {

    .btn-donate a {
        border: 2px solid var(--black);
        padding: 0.3em 1.3em !important;
        display: inline-block;
        border-radius: 60px;
    }

    .btn-donate a:hover {
        text-decoration: none !important;
        background: var(--black) !important;
        color: #fff;
    }

}

/* logo size */

.wp-block-site-logo a, .wp-block-site-logo img {
    max-width: 200px;
    height: auto;
}

/* hide social links */

@media (max-width: 969px) {
    header .wp-block-social-links {
        display: none;
    }


    .wp-site-blocks .site-header .site-brand {
        display: flex;
    }

    .wp-site-blocks .site-header .wp-block-site-logo {
        margin: 0;
    }
}

.wp-block-navigation.is-responsive .is-menu-open .wp-block-navigation__responsive-container-content {
    background: #282727;
    padding: 5vw;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #fff;
}

.wp-block-navigation.is-responsive .is-menu-open .wp-block-navigation__responsive-container-content a {
    color: #fff;
}

.wp-block-navigation.is-responsive:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
    padding: 0;
}

.wp-block-navigation__responsive-container-close {
    top: 1em;
    right: 1em;
}



.wp-block-navigation__responsive-container-close svg{
    fill: white;
}

/******************
Colophon Shortcode
******************/

footer {
    text-align: center;
}