/*custom.css*/
:root {
  --accent: #0073e5;
  --green: #39942B;
  --lt-green: #A3D902;
  --blue: #004AAD;
  --brown: #6D5422;
  --yellow: #FEF25B;
  --black: #222;
  --grey: #707070;
  --med-grey: #ccc;
  --lt-grey: #f5f5f5;
  --body-font-color: #000;
  --wrap-width: 1040px;
  --grid-width: 1040px;
  --big-bold: 'Poppins';
  --hsf-button__border-radius: 5px;
}



html
{
  font-size: 18px;
}

h1
{
  font-size: 2rem;
}

h2
{
  font-size: 1.75rem;
}

h3
{
  font-size: 1.5rem;
}

h4
{
  font-size: 1.25rem;
}

a
{
  text-decoration: none;
}

a:hover
{
  opacity: .7;
}

.menu-toggle
{
  display: none;
}

.nav-primary
{
  display: block !important;
  max-width: 1160px;
  margin: auto;
}

.site-header
{
  box-shadow: none;
  position: relative !important;
  top: 0 !important;
  padding: 0 10px;
}

.site-header .wrap:before,
.site-header .wrap:after
{
  display: none;
}

.site-header .wrap
{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.site-header .title-area
{
  display: flex;
  align-items: center;
  gap: 1rem;
}

.site-header .widget
{
  margin-bottom: 0;
}

.wp-custom-logo .title-area
{
  margin: 0;
  max-width: 275px !important;
}

.nav-primary .genesis-nav-menu a
{
  color: var(--green);
  font-size: 17px;
  font-weight: 600;
  padding-top: 20px;
  padding-bottom: 20px;
}

.nav-primary a
{
  text-decoration: none !important;
}

.nav-header ul a
{
  color: var(--blue);
  font-size: 15px;
}

.menu-secondary a
{
  color: var(--black);
}

.nav-header
{
  display: none;
  margin-top: 0;
}

.site-inner
{
  padding: 60px 10px 0;
}

.home .site-inner
{
  padding-top: 0;
}

.nav-header ul a
{
  margin: 0;
  padding: 30px 15px;
}

.image.recyclopedia a
{
  color: transparent;
}

.image.recyclopedia
{
  background-image: url('/wp-content/uploads/2022/10/RecyclopediaIcon_600px.jpg');
  background-size: 180px;
  background-position: center;
  background-repeat: no-repeat;
}

button, input[type="button"], input[type="reset"], input[type="submit"], .site-container div.wpforms-container-full .wpforms-form input[type="submit"], .site-container div.wpforms-container-full .wpforms-form button[type="submit"], .button
{
  background: var(--blue);
}

.menu.buttons
{
  padding-left: 0;
}

.menu-item.button
{
  padding: 0 !important;
}

.menu-item.button a
{
  color: #fff;
  padding: 10px;
  text-decoration: none;
  display: inline-block;
  font-weight: normal;
}

.menu.buttons .current-menu-item
{
  background: var(--accent);
}


/*MEGA MENU*/

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item
{
  padding: 5px 0;
}

#mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link
{
  line-height: 1.55;
}

/*MENU SEARCH*/

.is-form-style input.is-search-input
{
  border: 2px solid var(--blue) !important;
  font-size: 16px !important;
  height: 42px;
}

.search-close
{
  right: 9px;
}

.is-menu.is-dropdown .search-close {
    top: calc(100% + 10px);
}

.search-close:before, .search-close:after
{
  border: 2px solid;
}

.astm-search-menu
{
  margin: 0 0px 0 0;
  display: inline-block;
  height: auto;
  vertical-align: middle;
}

.is-menu a
{
  display: flex;
  padding: 10px;
}

.is-menu a svg
{
  width: 25px;
  height: 25px;
}

.is-menu-wrapper
{
  top: 0;
  right: 16px;
}

.mega-menu-primary-mobile-open .is-menu path.search-icon-path
{
  fill: #fff !important;
}

.mega-sub-menu nav li
{
  margin-bottom: 5px;
}

.home-hero
{
  display: grid;
}

.hero-content
{
  display: flex;
  align-items: center;
  background: var(--blue);
  color: #fff;
  font-size: 1.75rem;
  font-family: var(--big-bold);
  line-height: 1.3;
  padding: 1rem;
}

.community-count
{
  font-size: 65px;
  font-weight: 700;
}


/*
* HOMEPAGE WIDGETS
*/
.homepage-widget
{
  margin-bottom: 0;
  padding: 100px 0 0 0;
}

.homepage-widget .widgettitle
{
  display: flex;
  gap: .5rem;
  align-items: center;
  color: var(--black);
  font-weight: 600;
  font-size: 2.5rem;
  margin-bottom: 2.5rem;
}

.homepage-widget .widgettitle:before
{
  content: "\f543";
  font-family: dashicons;
  font-weight: 400;
}

/*******
*CTA GRID
********/
.cta-grid
{
  display: grid;
  gap: 10px;
}

.cta-grid .page-item
{
  color: #fff;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr) );
  align-items: stretch;
  gap: 10px;
}

.cta-grid .page-item:nth-child(even) .primary
{
  background: var(--blue);
}

.cta-grid .page-item:nth-child(even) .secondary
{
  order: -1;
}

.cta-grid .title
{
  font-size: 36px;
  display: inline-block;
  font-weight: 600;
  line-height: 1.2;
}

.entry-title:after,
.cta-grid .title:after
{
  background-color: var(--orange);
  content:"";
  display: block;
  height: 2px;
  width: 75%;
}

.cta-grid .primary
{
  background: var(--green);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 1rem;
  padding: 2rem;
}

.cta-grid.for_educators .primary
{
  background: var(--blue);
}

.cta-grid.for_educators .page-item:nth-child(even) .primary
{
  background: var(--green);
}

.cta-grid .button
{
  background: #ffffffb0;
  color: #000000;
  border: 2px solid #fff;
}

.cta-grid .button:hover
{
  opacity: .8;
}

/* STRUCTURE and GLOBAL ELEMENTS
--------------------------------------------- */
.full-width-content .content
{
  width: 100%;
}

h1.entry-title,
h1.archive-title
{
  text-transform: uppercase;
  color: var(--blue);
  margin-bottom: 2rem;
}

iframe
{
  aspect-ratio: 16 / 9;
  width: 100%;
  height: auto;
}

.entry-content table
{
  font-size: 16px;
}

td, th
{
  line-height: 1.35;
}

.alignleft img
{
  margin: 0 2rem 2rem 0;
}

.alignright img
{
  margin: 0 0 2rem 2rem;
}

/* FEATURED IMAGE PAGE HEADER
--------------------------------------------- */
.featured-image-section
{
  display: grid;
}

.featured-image-section-image
{
  max-height: 450px;
  height: 75vh;
}

.featured-image-section-image img
{
  height: 100%;
  object-fit: cover;
  width:100%;
}

.featured-image-section-image .image
{
  background-position: center;
  background-size: cover;
  min-height: 350px;
}

.featured-image-section-title
{
  background: var(--blue);
  display: grid;
  align-content: flex-end;
  color: #fff;
  padding: 2rem;
}

.featured-image-section-title h1
{
  font-size: 36px;
}

.featured-image-section-title .entry-title
{
  color: #fff;
  margin-bottom: 0;
}

.featured-image-section .subhead
{
  font-size: 20px;
  line-height: 1.4;
}

/* Grid
--------------------------------------------- */
.grid
{
  display: grid;
}

/* Team Grid
--------------------------------------------- */
#menu-our-team
{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.team-grid
{
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  align-items: start;
  justify-items: center;
  gap: 1.25rem;
  row-gap: 3rem;
  margin-bottom: 3rem;
}

.team-member a
{
  text-decoration: none;
}
.team-member .content
{
  color: var(--grey);
  line-height: 1.3;
  padding-top: .5rem;
}

.team-member .title
{
  color: var(--green);
  font-size: 20px;
  font-weight: 600;
  margin-bottom: .5rem;
}

.modal
{
  max-width: 90%;
  padding: 3vw;
}

.modal .description
{
  font-size: 90%;
  margin-top: 1rem;
}

/* News Grid
--------------------------------------------- */
.news-grid.grid
{
	display: grid;
	gap: 2rem;
	padding: 0;
	margin: 0 0 1rem 0;
}

.grid.in-entry
{
  margin: 3em 0;
}

.homepage-widget .news-grid
{
  padding:0;
}

.news-grid .news-item
{
  display: grid;
  align-items: center;
  grid-template-columns: 1fr;
  gap: 2rem;
	overflow: hidden;
}

.news-grid .news-item:nth-child(even)
{
  background: #ededed;
}

.news-title
{
  font-size: 30px;
	margin-bottom: 0;
}

.news-title a
{
  color: var(--green);
  text-decoration: none;
}

.news-item .image img
{
	object-fit:cover;
	height: 100%;
	width: 100%;
}

.news-item .news-content
{
	display: flex;
  gap: 1em;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1.3;
}

a.arrow
{
  display: flex;
  align-items: center;
  gap: 1rem;
  font-weight: 600;
  text-decoration: none;
}

a.arrow:after
{
  content: "\f344";
  font-family: 'dashicons';
}

.news-grid.events
{
  grid-template-columns: repeat(auto-fill, minmax(325px, 1fr) );
  align-items: start;
  gap: 1rem;
  row-gap: 2rem;
}

.grid.row
{
  background: var(--lt-grey);
  grid-template-columns: 1fr;
}

.grid.row .news-content
{
  padding: 1rem;
}

.news-grid.events .news-item
{
  grid-template-columns: 1fr;
  align-items: start;
}

.news-grid.events .news-item:nth-child(even)
{
  background: transparent;
}

.news-grid.events .news-title
{
  font-size: 22px;
}

.event .date-time,
.news .date-time
{
  display: flex;
  font-size: 90%;
  font-weight: 600;
  gap: 5px;
  align-items: center;
}

.event .date-time:before
{
  color: var(--blue);
  content: "\f508";
  font-family: 'dashicons';
  font-weight: 500;
  line-height: 1;
  font-size: 1.5rem;
}

.tribe-events-event-image
{
  max-width: 400px;
}

.tribe-common img
{
	border-style: none;
	height: auto;
	max-height:200px;
	object-fit: cover;
	max-width: 100%;
}

/*
* WYSI styles
*/
.rows,
.columns
{
  display: grid;
  gap: 2px;
  
  padding-left: 0 !important;
  gap: 2px;
  margin-bottom: 4rem !important;
}

.columns
{
 grid-template-columns: repeat(auto-fit, minmax(300px, 355px)); 
}

.rows li,
.columns li
{
  list-style-type:none !important;
  background: #eaeaea;
  padding: 10px;
}

.rows li:nth-child(even)
{
  background: #f3f3f3;
}

.rows a,
.columns a
{
  text-decoration: none;
}


/*
* SIDEBAR WIDGETS
*/
.sidebar li
{
  margin-bottom: 10px;
}

/*
* FOOTER & WIDGETS
*/
.footer-widgets
{
  border-top: 0;
  padding: 0;
  margin-top: 3rem;
}

.footer-widgets .wrap
{
  background: var(--blue);
  max-width: 100%;
  display: grid;
  gap: 1rem;
  padding: 0 0 1rem 0;
}

.footer-widgets .wrap:before,
.footer-widgets .wrap:after
{
  display: none;
}

.footer-widget-area
{
  color: #fff;
  float: none;
  font-size: 16px;
  padding: 0 1rem;
  margin-bottom: 0;
  width: 100%;
}

.footer-widgets-1.footer-widget-area
{
  padding: 4rem 1rem 0 1rem;
}

.footer-widgets a
{
  color: #fff;
  text-decoration: none;
}

.widget-title
{
  font-size: 20px;
  text-transform: uppercase;
}

.footer-widget-area .widget ul > li
{
  line-height: 1.3;
  margin-bottom: 5px;
}

.site-footer .copyright
{
  margin-top: 1rem;
  color: #666;
  font-size: 90%;
}

.nav-secondary
{
  margin-bottom: 1rem;
}

/*
* THE EVENTS CALENDAR
*/
.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container,
.tribe-events-pg-template,
#tribe-events-pg-template
{
  padding-top: 0;
}

.tribe-events-calendar-list .tec-events-calendar-list__event-categories .tec-events-calendar-list__category
{
  font-weight: 500;
  font-size: 1rem;
}

/*
* FAQs
*/
.faqs
{
  display: grid;
  gap: 2px;
}

.faqs .listing-item
{
  background: var(--green);
  color: #fff;
}

.faqs .title
{
  cursor: pointer;
  display: flex;
  font-size: 25px;
  font-weight: 600;
  line-height: 1;
  justify-content: space-between;
  padding: 2rem;
  width: 100%;
}

.faqs .title:after
{
  content: "\f345";
  font-family: 'dashicons';
}

.faqs .title.active:after
{
  content: "\f347";
}

.faqs .content
{
  background: #A3D902;
  color: #000;
  display: none;
  padding: 2rem;
  width: 100%;
}

/*
* Jobs Accordian
*/
.jobs
{
  display: grid;
  gap: 2px;
  margin: 3rem 0;
}

.jobs .job
{
  border-top: 1px solid #ccc;
}

.job .content .wrap
{
  display: grid;
  gap: 2rem;
}

.job .content .wrap:before,
.job .content .wrap:after
{
  display: none;
}

.job .title
{
  color: var(--black);
  cursor: pointer;
  display: flex;
  font-size: 22px;
  font-weight: 600;
  line-height: 1;
  justify-content: space-between;
  margin: 0;
  padding: 1rem 0;
  width: 100%;
}

.job .title:after
{
  content: "\f543";
  font-family: 'dashicons';
}

.job .title.active:after
{
  content: "\f460";
}

.job .content
{
  display: none;
  padding: 0 1rem 1rem 1rem;
  width: 100%;
}

.job p
{
  margin-bottom: 15px;
}

.job p:last-of-type
{
  margin-bottom: 0;
}

/*
* Grant Recipients
*/

/*
.grant-recipients
{
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  row-gap: 3rem;
  justify-content: space-between;
}

.grant-recipient
{
  display: grid;
  gap: 2rem;
  width: 48%;
}

.grant-recipient .grant-content
{
  display: grid;
  gap: 1rem;
}
*/
.grant-recipient
{
  padding-bottom: 50px;
}

.grant-recipient
{
  display: grid;
  margin-right: 2rem;
  width: 40%;
}

.grant-recipient:before
{
  content: "";
  background: #ffffffb8;
  height: 100%;
  margin:auto;
  position: absolute;
  width: 100%;
}

.grant-content
{
  border: 1px solid transparent;
  display: grid;
  gap: 1rem;
  padding: 1rem;
}

.is-selected .grant-content
{
  background: #f8f8f8;
  border-color: #ccc;
}

.is-selected.grant-recipient:before
{
  background: transparent;
}

.grant-recipient .title
{
  color: var(--green);
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.35;
}

.recipient
{
  color: #666;
  font-weight: 600;
  margin-top: -1rem;
}

.flickity-prev-next-button
{
  background: var(--blue);
  border-radius: 10px !important;
}

.flickity-page-dots
{
}

.grant-content .description
{
  font-size: 15px;
}

.flickity-prev-next-button:hover
{
  background: #666;
}

.flickity-button-icon
{
  color: #fff;
}

/*
* WOOCOMMERCE
*/

.wc-tabs-wrapper
{
  
}

/*
* BLOG/NEWS
*/
.blog .entry-title
{
  font-size: 22px;
  margin-bottom: 1rem;
}

.blog .entry-title a
{
  color: var(--green);
}

.blog .post-image
{
  max-width: 300px;
}

.blog .entry-footer .entry-meta
{
  display: none;
}

.archive-description .entry-title, .archive-title, .author-box-title
{
  font-size: 2rem;
}

.blog .entry-header
{
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}

.blog .entry-header p
{
  margin-bottom: 0;
}
.blog .entry-header:after
{
  background-color: #eeeeee;
  content: "";
  display: block;
  flex: auto;
  height: 1px;
  margin-left: 20px;
}

.blog-posts.grid
{
  gap: 4rem;
}

.blog-posts .news-title
{
  font-size: 22px;
}

.blog-posts .news-item
{
  align-items: flex-start;
}

.blog-posts .news-item:nth-child(even)
{
  background: transparent;
}

.blog-posts .date-time
{
  font-size: 14px;
  color: var(--grey);
}

.nav-links
{
  margin-top: 2rem;
}

.nav-links .page-numbers,
.archive-pagination li a
{
  padding: 10px;
  background: var(--green);
  color: #fff;
  text-decoration: none;
  font-weight: 600;
}

.nav-links .page-numbers.current,
.archive-pagination li.active a
{
  background: var(--brown);
}

.search-results .content article
{
  border-bottom: 1px solid var(--med-grey);
}

@media only screen and (min-width: 800px)
{
  .wp-custom-logo .title-area
  {
    margin: 0;
    max-width: 500px !important;
  }

  .full-width-content .content:first-of-type
  {
    width: 85%;
  }

  .nav-header
  {
    display: block;
  }
  
  .home-hero
  {
    grid-template-columns: 4fr 6fr;
  }
  
  .home-hero .hero-image-section img
  {
    object-fit: cover;
    height: 100%;
  }
  
  .hero-content
  {
    font-size: 2.25rem;
    padding: 2rem;
  }

  .community-count
  {
    font-size: 100px;
  }
  
  .homepage-widget .display-posts-listing .listing-item .image
  {
    height: 100%;
  }

  .homepage-widget .display-posts-listing .listing-item .image img
  {
    object-fit: cover;
    height: 100%;
  }
  
  .news-grid .news-item,
  .grid.row .news-item
  {
    grid-template-columns: 4fr 6fr;
  }
  
  /*
  * FEARURED IMAGE PAGE HEADERS
  */
  .featured-image-section
  {
    grid-template-columns: 4fr 6fr;
  }
  
  /*
  * FOOTER WIDGETS
  */
  .footer-widgets .wrap
  {
    grid-template-columns: 2.5fr 2.5fr 2.5fr 2.5fr;
    gap: 2rem;
    padding-bottom: 0;
  }
  
  .footer-widget-area
  {
    padding: 4rem 0;
  }
  
  
}