/*
Theme Name: GYS
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Description: A child version of Twenty Twenty-Five adapted for Glebe Youth Service
Author: Tim Schmid
Author URI: https://glebeyouth.org.au/
Template: twentytwentyfive
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: twentytwentyfive-child
*/

/*
https://www.w3.org/WAI/tutorials/page-structure/headings/


TYPOGRAPHY STANDARDS
p_mobile_body: 16px|1rem, reg|400, roc, left-aligned - default paragraph/body copy
p_mobile_subtext: 14px|0.875rem, reg|400, roc, left-aligned - subtext ie. WTC
p_mobile_excerpt: 14px|0.875rem, reg|400, roc, left-aligned - subtext ie. Feature excerpts
*p_mobile_link: 12px|0.75rem, bold|700, roc, left-aligned - read more
p_mobile_link_centred: 12px|0.75rem, bold|700, roc, centre-aligned - feature links (Our supporters)
p_mobile_footer:  10px|0.625rem, reg|400, roc, left-aligned - footer content
h1_mobile: 30px|1.875rem, med|500, roc, left-aligned - Page titles
*h2_mobile_carousel: 20px|1.25rem, med|500, roc, left-aligned - Carousel post/page titles
*h2_mobile_feature: 24px|1.5rem, med|500, roc, left-aligned - Feature post/page titles
*h2_mobile_footer: 10px|0.625rem, med|500, roc, left-aligned - Footer headings

*li_desktop_nav: 20px|1.25rem, med|500, roc, ? - nav links
*(need to add to after dark) p_desktop_body: 24px|1.5rem, reg|400, roc, left-aligned - default paragraph/body copy
p_desktop_subtext: 20px|1.25rem, reg|400, roc, left-aligned - subtext ie. WTC
*p_desktop_excerpt: 20px|1.25rem, reg|400, roc, left-aligned - subtext ie. Feature excerpts
*p_desktop_link: 16px|1rem, bold|700, roc, left-aligned - read more
p_desktop_footer:  20px|1.25rem, reg|400, roc, left-aligned - footer content
h1_desktop: 64px|4rem, med|500, roc, left-aligned - Page titles
h2_desktop_carousel: 36px|2.25rem, med|500, roc, left-aligned - Carousel post/page titles
*h2_desktop_feature: 48px|3rem, med|500, roc, left-aligned - Feature post/page titles
*h2_desktop_hero: 64px|4rem, med|500, roc, left-aligned - Hero titles
*h2_desktop_footer: 20px|1.25rem, med|500, roc, left-aligned - Footer headings
*/

/* 
MOBILE FIRST STYLES
*/

/* sticky header */

body {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-smooth: always !important; /* or "always" depending on testing */
}

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

p {
  margin-top: 0rem !important;
  margin-bottom: 0.88rem !important;
}

h1 {
  margin-bottom: 0.5rem;
}

h2,
h3,
h4 {
  margin-bottom: 0.62rem !important;
}

h2.forminator-title {
  font-size: var(--wp--preset--font-size--lvl-5) !important;
}

h3,
h4 {
  margin-top: 0rem !important;
}

ul {
  margin-top: 0rem !important;
  margin-bottom: 0.88rem !important;
}

hr {
  border: none !important;
}

blockquote p {
  font-size: var(--wp--preset--font-size--lvl-5) !important;
  font-family: var(--wp--preset--font-family--roc-grotesk);
}

.wp-block-pullquote {
  margin: 1.688rem 0rem;
}

.socials a {
  font-size: 1.25rem;
}

.wp-block-cover h1 {
  margin-bottom: 0rem !important;
}

.wp-block-columns-is-layout-flex {
  gap: 0rem !important;
}

.wp-block-post-excerpt__excerpt {
  font-size: var(--wp--preset--font-size--lvl-3);
}

.feature-page .wp-block-post-excerpt__excerpt {
  font-size: var(--wp--preset--font-size--lvl-4);
}

.forminator-field label,
.forminator-label {
  font-size: var(--wp--preset--font-size--lvl5) !important;
  font-weight: normal !important;
}
.forminator-guttenberg .forminator-button,
.forminator-guttenberg .forminator-col .forminator-field .forminator-button,
.forminator-guttenberg
  .forminator-col
  .forminator-field
  .forminator-button-submit {
  border-radius: 9999px;
  box-shadow: none;
  background-color: var(--wp--preset--color--contrast);
  border-width: 0;
  color: var(--wp--preset--color--base);
  font-family: inherit;
  /* font-size: var(--wp--preset--font-size--medium) !important; */
  font-style: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  padding-top: 0.5rem;
  padding-right: 1.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.5rem;
  text-decoration: none;
  text-transform: inherit;
}

/* MODAL */

.modal {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
  max-width: 100%;
  height: 100vh;
  margin: 0rem !important;
  z-index: 10000;
}

.modal .forminator-row {
  width: 100%;
}

.modal-content {
  background: white;
  padding: 2rem;
  max-width: 500px;
  width: 90%;
  border-radius: 8px;
}

.modal.show {
  display: flex;
}

.close {
  cursor: pointer;
  float: right;
  /* position: absolute;
  top: 1rem;
  right: 1rem; */
  font-family: var(--wp--preset--font-family--roc-grotesk);
  margin-top: -1.5rem;
  font-size: 24px;
  font-weight: bold;
}

/* GLEBE CONNECTIONS */

/* Issue pages */

.featured-image-caption {
  display: none;
}

/*articles */

.article .wp-block-post-featured-image {
  margin-bottom: 2.188rem;
}

.article .featured-image-caption {
  font-size: 0.625rem;
  margin-top: 0.68rem;
  margin-right: 0rem;
}

.article figcaption {
  display: block;
  text-align: left;
  font-family: var(--wp--preset--font-family--roc-grotesk);
  margin-left: 0.94rem;
  margin-right: 0.94rem;
}

.happyfiles-gallery,
.article .wp-block-image {
  margin-left: -0.94rem;
  margin-right: -0.94rem;
}
.happyfiles-gallery ul {
  row-gap: 1rem !important;
}

.happyfiles-gallery li {
  height: auto !important;
}

.happyfiles-gallery figure {
  height: auto;
  display: flex;
  flex-direction: column;
}

.happyfiles-gallery > ul.crop li img {
  height: 300px !important;
}

.gys-issue-link {
  align-self: flex-end;
  justify-self: flex-end;
  margin-bottom: 0.63rem !important;
}

.article .happyfiles-gallery figcaption,
.article .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
  background: none;
  position: relative;
  box-sizing: border-box;
  color: black;
  font-size: 1rem;
  margin-left: 0.94rem;
  margin-right: 0.94rem;
  margin-top: 0.875rem;
  padding: 0rem;
  text-align: left;
  text-shadow: none;
}

/* .article .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
  background: none;
  position: relative;
  box-sizing: border-box;
  color: #000;
  font-size: 1rem;
  margin-left: 0.94rem;
  margin-right: 0.94rem;
  margin-top: 0.875rem;
  padding: 0rem;
  overflow: auto;
  text-align: left;
  text-shadow: none;
} */

.article .wp-block-gallery.has-nested-images {
  /* makes image container expand content width */
  margin: 2.813rem -0.94rem;
}

.article
  .wp-block-gallery.has-nested-images
  figure.wp-block-image:has(figcaption):before {
  display: none;
}

.article .wp-block-post-excerpt__excerpt {
  font-size: var(--wp--preset--font-size--lvl-5) !important;
  font-family: var(--wp--preset--font-family--roc-grotesk) !important;
}

.issues .wp-block-post-excerpt__excerpt {
  font-family: var(--wp--preset--font-family--roc-grotesk) !important;
}

.article a {
  font-size: 0.75rem !important;
  font-weight: 500 !important;
}

.article__content a {
  font-size: inherit !important;
}

.article p {
  margin-bottom: 1rem !important;
}

/* .article__content img {
  margin-left: -0.94rem;
  margin-right: -0.94rem;
  width: calc(100% + 1.88rem);
  max-width: none;
} */
.article__meta {
  margin-bottom: 2.5rem !important;
}

.article .article__meta p {
  margin-bottom: 0rem !important;
}

.article .wp-block-post-author-name a {
  font-size: 0.75rem !important;
  font-weight: 700 !important;
}

.featured-carousel__grid ul {
  gap: 2.75rem;
}

.col-to-row {
  flex-direction: column-reverse;
}

.hide-col {
  display: none !important;
}

footer p,
footer h2 {
  font-size: var(--wp--preset--font-size--lvl-1) !important;
}

.socials a {
  font-size: 1.25rem;
}

.content-section img {
  width: 100% !important;
}

.more-articles__row {
  border-bottom: 1px solid #f1f1f1 !important;
}

.more-articles__row .featured-image-caption {
  display: none !important;
}

.more-articles__row a {
  font-weight: 700 !important;
}

.more-articles__row .wp-block-post-featured-image {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

@media screen and (max-width: 600px) {
  .section__gallery figure:first-child {
    height: 393px;
  }

  .section__gallery figure:not(:first-child) {
    display: none !important;
  }
}
.parent {
  display: flex !important;
  flex-wrap: no-wrap !important;
  > * {
    flex-grow: 1 !important;
  }
}

.feature-page img,
.content-section img {
  /* height: 0 !important; */
  width: 100% !important;
  min-width: 0 !important;
  /* min-height: max(100%, 400px) !important; */
  object-fit: cover !important;
}

/* .feature-page img {
  height: 330px !important;
} */

.img__non-wide img {
  /* width: calc(100% + 6.26rem); */
  max-width: 100%;
}

.maps-col {
  margin-bottom: 1rem !important;
}

.maps-container {
  height: 300px;
}
.address-col {
  width: 100%;
  gap: 0.2rem !important;
}

.address-col .wp-block-column {
  /* flex-grow: 0; */
  flex-basis: auto !important;
}

/* 
Desktop & Tablet Styles
*/

/* .forminator-field-captcha {
  opacity: 1;
} */

/* .accordion-toggle button {
  width: 100%;
  padding: 1rem;
  text-align: left;
  cursor: pointer;
  border: 0;
  background: #eee;
} */

.wp-block-navigation__submenu-container.active {
  display: flex !important;
  align-content: end;
  align-items: end !important;
  flex: 0 0 100%;
}

.wp-block-navigation__container {
  margin-right: 2rem;
  justify-content: end !important;
  justify-self: end !important;
}

.wp-block-navigation-submenu {
  flex-wrap: wrap;
  justify-content: end !important;
}

.wp-block-navigation-item {
  font-size: 2rem;
  justify-self: end !important;
  text-align: right;
}

.wp-block-navigation-item li a {
  text-align: end;
}

.wp-block-navigation__submenu-container {
  display: none !important;
}

.menu-cta {
  margin-right: 1.5rem !important;
}

.wp-block-navigation__responsive-container.is-menu-open:where(
    :not(.disable-default-overlay)
  )
  .wp-block-navigation__responsive-container-content
  .wp-block-navigation__submenu-icon {
  display: inline-block;
}

.wp-block-navigation__responsive-container.is-menu-open:where(
    :not(.disable-default-overlay)
  )
  .wp-block-navigation__responsive-container-content
  .wp-block-navigation-item,
.wp-block-navigation__responsive-container.is-menu-open:where(
    :not(.disable-default-overlay)
  )
  .wp-block-navigation__responsive-container-content
  .wp-block-page-list {
  flex-direction: row;
}

@media screen and (max-width: 600px) {
  .wp-block-navigation-item__content {
    font-size: 1.5rem !important;
  }
  .wp-block-navigation .wp-block-navigation__submenu-icon {
    height: 1em;
    width: 1em;
    margin-left: 1em;
  }
  .wp-block-navigation__responsive-container.is-menu-open:where(
      :not(.disable-default-overlay)
    )
    .wp-block-navigation__responsive-container-content
    .has-child
    .wp-block-navigation__submenu-container {
    padding-right: 2.5rem;
    font-size: 1rem !important;
  }
  .wp-block-navigation__responsive-container.is-menu-open:where(
      :not(.disable-default-overlay)
    )
    .wp-block-navigation__responsive-container-content
    .has-child
    .wp-block-navigation__submenu-container
    .wp-block-navigation-link
    a {
    font-size: 1rem !important;
  }
}

/* tabbed content */

.tabs__content {
  display: none;
  padding: 20px;
  border: 1px solid #ddd;
}

.tabs__content.active {
  display: block;
}

.tabs__button {
  padding: 10px 15px;
  cursor: pointer;
  border: none;
  background: #eee;
  margin-right: 5px;
}

.tabs__button.active {
  background: #000;
  color: #fff;
}
@media screen and (min-width: 600px) {
  :root {
    --wp--preset--font-size--lvl-1: 1rem; /* UNUSED | p_mobile_footer, h2_mobile_footer*/
    --wp--preset--font-size--lvl-2: 1rem; /*p_desktop_link | p_mobile_link, p_mobile_link_centred*/
    --wp--preset--font-size--lvl-3: 1.25rem; /* p_desktop_subtext, p_desktop_excerpt, h2_desktop_footer, p_desktop_footer, li_desktop_nav | p_mobile_subtext, p_mobile_excerpt */
    --wp--preset--font-size--lvl-4: 1.25rem; /*p_desktop_body | p_mobile_body*/
    --wp--preset--font-size--lvl-5: 2.25rem; /*h2_desktop_carousel | h2_mobile_carousel*/
    --wp--preset--font-size--lvl-6: 3rem; /* h2_desktop_feature | h2_mobile_feature*/
    --wp--preset--font-size--lvl-7: 4rem; /*h1_desktop, h2_desktop_hero | h1_mobile*/
  }

  .page-list .wp-block-post-featured-image {
    height: 380px !important;
  }

  .feature-page img,
  .content-section img {
    /* height: 0 !important; */
    width: 100% !important;
    min-width: 0 !important;
    min-height: max(100%, 400px) !important;
    object-fit: cover !important;
  }

  /* GLEBE CONNECTIONS */

  /* .article__gallery {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  } */

  .wp-block-navigation__submenu-container {
    display: inline-block !important;
  }

  .maps-col {
    margin-right: 3.5rem !important;
    margin-bottom: 0rem;
  }
  .maps-container {
    height: 100%;
  }
  figcaption {
    font-size: 1rem !important;
    text-align: right !important;
  }

  .article h1 {
    font-size: 4rem !important;
  }

  .article .wp-block-post-featured-image {
    margin-top: 3.75rem !important;
    margin-bottom: 2.25rem !important;
    text-align: right;
  }

  /* .article__gallery {
    margin-left: -50px !important;
    margin-right: -50px !important;
  } */
  /* .article__gallery img {
    margin: 0rem !important;
  } */

  .article .wp-block-gallery.has-nested-images,
  .happyfiles-gallery,
  .article .wp-block-image {
    /* makes image container expand content width */
    margin-left: -3.125rem;
    margin-right: -3.125rem;
    max-width: 1540px;
  }

  .newsletter {
    margin-left: -3.125rem !important;
    margin-right: -3.125rem !important;
  }

  .article .wp-block-image img {
    width: 100%;
  }

  /* .article__content img {
    margin-left: -3.13rem;
    margin-right: -3.13rem;
    width: calc(100% + 6.26rem);
    max-width: none;
  } */

  .article__title {
    padding-right: 50px !important;
  }

  .img__non-wide {
    max-width: 600px;
  }

  .img__non-wide img {
    margin-left: 0rem !important; /* Replace with your parent's left padding/margin */
    margin-right: 0rem !important; /* Replace with your parent's right padding/margin */
    /* width: calc(100% + 6.26rem); */
    max-width: 600px;
  }

  .article .article__meta a {
    font-size: 1rem !important;
    font-weight: 700 !important;
    margin-right: 1.875rem !important;
  }
  .article .wp-block-post-excerpt__excerpt {
    text-align: center !important;
  }

  .article .is-content-justification-space-between {
    justify-content: start;
  }

  .article__content p {
    margin-right: 4.6rem;
    margin-left: 4.6rem;
    margin-bottom: 2rem !important;
  }

  .article__content blockquote p {
    margin-right: 0rem !important;
    margin-left: 0rem !important;
  }

  .article .wp-block-post-featured-image {
    margin-top: 3.75rem !important;
  }

  /* blockquote {
    margin: 3.75rem 0rem !important;
  } */
  /* .article__content p:not(blockquote p) {
    padding-left: 6.24rem;
    padding-right: 6.24rem;
  } */
  /* helpers */
  .align_centre {
    align-items: center;
  }

  .col-row-reverse {
    flex-direction: row-reverse;
  }
  .col-to-row {
    flex-direction: row;
  }

  .section__gallery figure:not(:first-child) {
    display: flex !important;
  }

  /* base blocks */
  hr {
    border-top: 1px solid #f1f1f1 !important;
  }
  nav a {
    font-size: 1.25rem;
    font-weight: 500;
  }

  h1 {
    text-align: center;
  }

  li {
    font-size: var(--wp--preset--font-size--lvl-4) !important;
  }

  /* Template Styles */
  .page-template__content {
    padding: 7rem 3.12rem !important;
  }

  .page-template__content.article {
    padding-top: 0rem !important;
  }

  .page-list li {
    margin-top: 0rem;
  }
  .page-list .feature-page {
    margin-bottom: 8.5rem !important;
  }

  .page-list > :last-child > * {
    margin-bottom: 0rem !important;
  }

  /* }
  .page-template__content > * {
    margin-block-start: 11.25rem;
  } */

  .header__frame {
    padding: 1rem 3.13rem !important;
  }
  .wp-block-navigation__responsive-container-content .wp-block-button {
    font-size: 1rem;
    font-weight: 500;
  }

  .wp-block-navigation__responsive-container-content ul {
    /* to align  with CTA button */
    margin-bottom: 0rem !important;
  }

  .wp-block-navigation-item__label {
    font-size: 1rem;
  }

  .page__featured-img {
    height: 36.5rem !important;
  }

  .home__featured-img {
    max-width: 1800px;
  }

  .home__content {
    padding-top: 4rem !important;
  }

  .footer__content {
    padding: 3.5rem 8rem !important;
  }

  footer h2 {
    font-size: var(--wp--preset--font-size--lvl-3) !important;
  }
  .socials a {
    font-size: 2.375rem;
  }

  /* Hero Style */
  .hero__outer-col {
    flex-basis: 160px !important;
  }
  .hero__inner-col {
    flex-basis: 876px !important;
  }

  .hero__p {
    margin-bottom: 3.12rem !important;
  }

  h1 {
    margin-bottom: 3.69rem !important;
  }

  /* Home Page Styles */

  .featured-carousel__grid ul {
    gap: 3.12rem;
  }

  .featured-carousel__grid h2 {
    margin-top: 1.25rem !important;
    font-size: 1.625rem !important;
  }

  .feature-page h2 {
    margin-bottom: 1.62rem !important;
  }
  .post-img-right img,
  .content-section img {
    height: 0 !important;
  }
  .content-section figure {
    margin-bottom: 0rem !important;
  }

  .wp-block-post-featured-image {
    margin-bottom: 0rem !important;
  }

  .col-to-row > :first-child {
    margin-right: 3.56rem !important;
  }

  .content-section.wp-block-columns > :first-child {
    margin-right: 3.56rem !important;
  }

  .feature-page {
    margin-bottom: 8.5rem !important; /* WAS 11.25 */
  }

  .funders h2 {
    text-align: center;
  }
  .funders img {
    width: 16.93rem !important;
  }
  .funder__logos {
    margin-top: 2.5rem !important;
    margin-bottom: 4.375rem !important;
  }
}