/*
Theme Name: Why We Gather
Template: twentytwentyfive
Description: A child theme of TwentyTwentyFive
Requires at least: 6.1
Tested up to: 6.5
Requires PHP: 5.6
Version: 1.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: wwg
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, style-variations, accessibility-ready, blog, portfolio, news
*/
body {
  max-width: 100%;
  overflow-x: hidden;
}

img {
    max-width: 100%;
}

/*ADD custom colors */
.wp-block-query li.category-rushville figure {
    background-color: #a9aa64; 
}

.wp-block-query li.category-egypt-township figure {
    background-color: #cadfd4; 
}
.wp-block-query li.category-cherokee-nation figure {
    background-color: #da291c;
}

.wp-block-query li.category-san-anton figure {
    background-color: #429190;
}

.wp-block-query li.category-pueblo figure {
    background-color: #ab3475;
}

.wp-block-query li.category-pointe-au-chien figure {
    background-color: #887a3c;
}

.wp-block-query li.category-kashia-pomo-territory figure {
    background-color: #fbb041;
}

.wp-block-query li.category-haudenosaunee-territory figure {
    background-color: #967bb6;
}

.wp-block-query li.category-congaree-river-basin figure {
    background-color: #a84a27;
}

.wp-block-query li.category-arivaca figure {
    background-color: #00bfff;
}

.wp-block-query li.category-appleton figure {
    background-color: #ff46a2;
}
.wp-block-query li.category-ypsilanti figure {
    background-color: #fe5000;
}



.mobile-only * {
    display: none;
}

@keyframes circleAnimate {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

figure.circle-animate {
    animation-name: circleAnimate;
    animation-duration: 60s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.wp-site-blocks {
    padding-top: 0;
    padding-bottom: 0;
}

header, .home .stories, .home .events, .home .carousel, h3.testimonial, footer>.wp-block-group,
.page-template .wp-site-blocks>div:not(.alignfull), .archive .wp-site-blocks>div:not(.alignfull), .header-cta>div,
.page:not(.home) .entry-content, .page section.feature-banner .wp-block-column {
    padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--60);
}

.edit {
    padding: var(--wp--preset--spacing--30);
    color: var(--wp--preset--color--secondary);
}

.home .wp-block-cover {
    border-top: 1px solid #ECF0E9;
}

.home .events,
.archive .events {
    margin: var(--wp--preset--spacing--40) 0; 
    padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--60);

}

.single main > .prompt {
    padding: 0 var(--wp--preset--spacing--60);
    font-weight: bold;
}

.single main > .entry-content {
    padding-bottom: var(--wp--preset--spacing--60);
}

.wp-block-cover {
    padding: 0 var(--wp--preset--spacing--70);
}

header,
h3.testimonial {
    padding-bottom: 0;
}

.header-cta figure {
    max-width: 400px;
}

header .wp-block-navigation__container {
    column-gap: 16px;
}

header .wp-block-navigation__container:first-of-type {
    padding-top: 1px;
    padding-bottom: 1px;
}


header button.wp-block-search__button {
    background-color: white;
    color: var(--wp--preset--color--primary);
    font-size: .8em;
    padding: .4em;
}

header button.wp-block-search__button svg {
    height: 40px;
    width: 40px;
}

header button.wp-block-search__button:hover {
    background-color: var(--wp--preset--color--primary);
    color: white;
}

.register {
    display: block;
    height: auto;
    width: 250px;
    margin: 0 auto;
}

.event h2.wp-block-post-title {
    font-size: 1em;
} 

.event h2.wp-block-post-title a,
.event .wp-block-post-date {
    text-align: center;
}

.events .columns-4,
.stories .columns-4,
.more-stories .columns-4 {
    grid-template-columns: repeat(4, minmax(200px, 1fr));
}

.wp-block-query li.post>.wp-block-group>.wp-block-group {
    width: 100%;
}

.event-details {
    font-family: var(--wp--preset--font-family--oswald);
}

.wp-block-query .wp-block-cover-image {
    padding-left: 0;
    padding-right: 0;
}

.title .wp-block-post-author-name {
    letter-spacing: 1px;
    font-weight: 200;
}

.wp-block-query li.post .wp-block-group.collection {
    flex-flow: row;
    margin-top: auto;
    gap: clamp(3px, .5vw, 10px);
    align-items: center;
}

.wp-block-query li.post .wp-block-group.collection figure img {
    max-height: 2vw;
}

.wp-block-query li.post .wp-block-group.collection .taxonomy-category {
    font-size: 1vw;
    
    text-transform: uppercase;
}

.wp-block-query li.post .wp-block-group.collection .taxonomy-category a {
    text-decoration: none;
    display: inline-block;
    padding-top: 1vw;
}

.home .carousel {
    padding-top: 48px;
}

.home .carousel>p {
    display: none;
}

.carousel ul li h5 {
    text-transform: capitalize;
    color: black;
    font-weight: 900;
}

.carousel ul li.type-testimonial figure {
    width: 50%;
    height: auto;
}

.carousel ul li.type-testimonial img {
    border-radius: 28px;
}

/*Single Pages*/
.page-template main {
    margin-top: 0;
}

.page-template-wp-custom-template-page-with-feature-text .mission {
    margin-top: 0; 
    padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--60);
    font-weight: normal;
}

.title h2.wp-block-post-title {
    font-weight: bold;
}

.page-template h3 {
    padding-top: var(--wp--preset--spacing--40);
}

.archive .event .wp-block-post-title a {
    color: var(--wp--preset--color--tertiary);
    font-weight: bolder;
}

.single main > div,
.single main > section,
.single main .wp-block-cover.alignfull .wp-block-cover__inner-container {
    padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--60);
}

.single .author-avatar img {
    max-width: 230px;
    width: 100%;
    height: auto;
    border-radius: 28px;
}

.single .more-info h3 {
    padding: var(--wp--preset--spacing--30) 0 0 0;
}

.single .wp-block-post-terms {
    margin-top: 0;
    padding-bottom: var(--wp--preset--spacing--30);
}

.single .taxonomy-post_tag a {
    display: inline-block;
    padding: .5em 1em;
    background-color: var(--wp--preset--color--primary);
    color: white;
    text-decoration: none;
    border-radius: 15px;
}

.single .taxonomy-post_tag a:hover {
    background-color: var(--wp--preset--color--tertiary);
}

.collections ul {
    gap: 24px;
grid-template-columns: repeat(3, minmax(0, 1fr));
}

.collections li.collection {
    flex-flow: column;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    margin-top: auto;
    background-color: var(--wp--preset--color--primary);
    background-blend-mode: multiply;
    padding: 0;
    aspect-ratio: 1;
}

.collections li.collection p,
.collections li.collection p a {
    display: flex;
    flex-flow: column;
    justify-content: center;
    text-decoration: none;
    color: white;
    font-size: 1.5rem;
    position: relative;
    z-index: 1;
    margin: 0;
	width: 100%;
	height: 100%;
}

.collections li.collection {
	aspect-ratio: 1;
}

/*add duotone*/
li.collection .highlight,
li.collection .shadow {
    border-radius: 15px;
    display: block;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%; 
    top: 0;
    left: 0;
    z-index: 0;
}

li.collection .shadow {
    background-color: rgba(0,0,0,.9);
    mix-blend-mode: hue;
}

li.collection p {
    z-index: 1;
}

.collection-cover {
    z-index: -1;
}

.post-type-archive-event .event-list .wp-block-post-featured-image img {
    border-radius: 0;
}

.post-type-archive-event .event-list .wp-block-post-date {
    text-align: inherit;
}

footer .logos figure {
    width: 15vw;
    max-width: 400px;
}

footer .logos figure a {
    display: block;
}

footer .logos {
    min-width: 400px;
    gap: 0;
}

footer .wp-block-group figure figcaption {
    color: black;
    font-size: 0.65em;
    text-align: center;
    font-style: italic;
}

/*Submit Page*/
.instructions {
    padding: var(--wp--preset--spacing--30) 0;
    font-size: .9rem;
    font-style: italic;
}

#user-submitted-posts fieldset {
    border: none; 
    padding-top: var(--wp--preset--spacing--30);
}

#user-submitted-posts fieldset input[type="text"],
#user-submitted-posts fieldset input[type="email"]{
    line-height: 1.25rem;
    font-size: 1rem;
    padding-block: 1rem;
    padding-inline: .5rem;
    border: 0;
    border-bottom: 1px solid black;
    min-width: 300px;
} 

#user-submitted-posts input[type="submit"].usp-submit {
    padding: .5rem 5rem;
    border-radius: 24px;
    background: var(--wp--preset--color--primary);
    color: white;
    cursor: pointer;
    font-size: 1rem;
    font-family: 'Oswald',sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition-property: background;
    transition-duration: .5s;
}

#user-submitted-posts input[type="submit"].usp-submit:hover {
    background: var(--wp--preset--color--secondary);
    transition-property: background;
    transition-duration: .5s;
}

#user-submitted-posts .usp-checkbox label {
    font-size: .8rem;
    line-height: 1.2rem;
}

.stories .no-stories {
    list-style-type: none;
    display: inline;
}


@media (max-width:780px) {
    .header-cta {
        display: none;
    }
    
    .mobile-only * {
        display: block;
    }

    
    header, .home .stories, .home .events, .home .carousel, h3.testimonial, footer>.wp-block-group,
.page-template .wp-site-blocks>div:not(.alignfull) {
        padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--30);
} 
     
    .carousel ul {
        min-width: 1200px;
    }
    
    footer .logos figure {
        width: 50%;
        max-width: 40vw;
    }
}

@media (min-width: 1213px) {
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: block;
    width: 100%;
    position: relative;
    z-index: auto;
    background-color: inherit;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
    display: none;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
    left: 0;
  }
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: none;
  }
}

@media (max-width: 1212px) {
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none;
  }
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: flex;
  }
    
    .events .columns-4,
    .stories .columns-4 {
        grid-template-columns: repeat(auto-fit, minmax(275px, 1fr));
    } 
    
    .post h2.wp-block-post-title { 
        font-size: clamp(1vw, 28px, 4.5vw);
    }

    .wp-block-query li.post .wp-block-group.collection figure img {
        max-height: 1.8rem;
    }
    
    .wp-block-query li.post .wp-block-group.collection {
        margin-top: auto;
        gap: .5rem;
    }

    .wp-block-query li.post .wp-block-group.collection .taxonomy-category {
        font-size: clamp(1vw, 10px, 4.5vw);
    }
    
}