/**
 * Theme Name: GLAC
 * Template:   maumeeaoc
 */

html {
  scroll-behavior: smooth;
  max-width: 100vw;
  overflow-x: hidden;
}

h1, h4, h5, h6, li {
  font-family: 'Nexa Bold', sans-serif;
  .glac & {
    font-family: 'Kollektif', sans-serif;
  }
  font-weight: bold;
}

h1 {
	text-transform: uppercase;
}

h1, h2 {
  font-family: 'Nexa Bold', sans-serif;
  font-weight: light;
  .glac & {
    font-family: 'Kollektif', 'Open Sans', sans-serif;
    text-transform: uppercase;
  }
  font-size: 56px;
  line-height: 65px;
  margin: 0;
}

h1, h2, h3 {
  font-family: 'Nexa Bold';
  .glac & {
    font-family: 'Kollektif', 'Open Sans', sans-serif;
  }
}

/* GUTENBERG */

h2 {
  text-transform: capitalize;
  font-size: 22pt;
  width: fit-content !important;
  margin: 0 auto;
  margin-bottom: 25px;
  line-height: 2rem;
  .glac & {
    margin: 0;
    font-size: 1.35rem;
  }
}

h2::after {
  content: '';
  border-bottom: 5px solid #2295d3;
  width: 110%;
  display: block;
  margin-top: 0px;
  margin-left: -5%;
}

.glac h2::after {
  width: 100%;
  margin-left: 0;
  border-bottom: 4px solid #b7cb9a;
}

.has-light-blue-background-color h2::after {
  border-bottom-color: #fff;
}

.blue h2::after {
	border-bottom: 5px solid #fff;
}

/* END GUTENBERG */

h4 {
  font-size: 20px;
}

p {
  font-family: 'Cera Pro', sans-serif;
  font-size: 14pt;
  .glac & {
    font-size: 1rem;
  }
  font-weight: lighter;
}

a {
  text-decoration: none;
  color: #2295D3;
}

a:visited {
    color: #2295D3;
}

.main-navigation a:visited, .main-navigation a {
  color: inherit;
}

.post {
  margin: 0;
}

.blue {
  background-color: #4EA8D9;
  color: #fff;
}

.menu {
  font-family: 'Nexa', sans-serif;
  text-transform: uppercase;
}
.menu-main-nav-container {
  width: 100%;
}
.main-navigation ul {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

ul.sub-menu {
  background-color: #fff;
  width: fit-content !important;
  flex-direction: column;
  padding: 0;
  margin-left: -15px;
  margin: 0 auto 0 -15px;
}
ul.sub-menu li ul.sub-menu {
  margin-left: 100%;
  padding: 15px 0;
}
ul.sub-menu li a {
  padding: 5px 15px;
}
ul.menu li {
  line-height: 1.75rem;
  font-size: 1.1vw;
  padding: 0 10px;
  text-align: center;
  line-height: 1rem;
  transition: all 0.3s;
  -webkit-transition: all 0.3s; 	
}
ul.sub-menu li a:hover {
  background-color: #004684;
  color: #fff;
  transition: all 0.3s;
  -webkit-transition: all 0.3s; 
}

.site-content {
  max-width: 1920px;
  margin: 0 auto;
  margin-top: 110px;
}

.site-header {
  display: flex;
  align-items: center;
  padding: 15px 5%;
  border-bottom: 1px solid transparent;
  box-shadow: 1px 1px 10px #00000026;
  height: 110px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
  background-color: #ffffffeb;
}

.site-logo {
  width: auto;
  max-height: 100px;
}

.wp-block-heading p {
  color: #fff;
}

.hero-banner {
  height: 45vh;
  width: 100%;
  display: flex;
  padding: 6vw 10%;
  align-items: center;
  background-image: url('../media/hero.png');
  background-size: cover;
  min-height: 400px;
  padding-top: 0;
  .glac & {
    padding: 0 10%;
    background-position: center 75%;
  }  
}

.cattails {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url('/wp-content/uploads/2023/06/Cattails.png');
  z-index: 1;
  background-size: cover;
  width: 100vw;
  height: 20vw;
  .glac & {
    display: none;
  }    
}

.hero-banner h1 {
  color: #fff;
}

.wp-block-heading {
  width: 65%;
  z-index: 2;
}

.header-contact {
  display: flex;
  width: 30%;
  justify-content: inherit;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.what-we-do .row {
  width: 100%;
  margin: 45px;
}

.card {
  width: 300px;
  height: 300px;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover;
  position: relative;
}

.card h3 {
  text-transform: uppercase;
  padding: 0 15px;
  text-align: center;
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.7rem;
  filter: drop-shadow(5px 5px 7px #00000094);
  z-index: 2;
}

.card-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50px;
  background-color: rgba(0,0,0,0.3);
  z-index: 1;
}

.ek-linked-block .wp-block-cover__inner-container {
  z-index: 3!important;
}

/* GUTENBERG */

ul.body-list {
  list-style: none; /* Remove default bullets */
  padding-left: 0; /* Remove padding */
  margin: 0;
}

ul.body-list li {
  position: relative; /* Position relative to allow absolute positioning of the bullet */
  padding-left: 20px; /* Add padding to the left to leave space for the bullet */
  font-family: 'Cera Pro', sans-serif;
  font-weight: normal;
  margin-bottom: 15px;
}

ul.body-list li::before {
  content: "•"; /* Add bullet before each list item */
  color: #4ea8d9; /* Change color of bullet */
  position: absolute; /* Position bullet absolutely */
  left: 0; /* Align bullet to the left */
  font-size: 1.75rem;
  top: -0.65rem;
}


.wp-block-cover p {
  font-size: 1.75rem !important;
  line-height: 1.7rem;
  filter: drop-shadow(5px 5px 7px #00000094);
  text-transform: uppercase;
}

.has-background-dim {
  margin: 0;
}

.force-full-width {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  box-sizing: border-box;
  padding: 5% calc((100vw - 1480px) / 2) !important;
}

.card {
	min-height: 0;
}

.card .wp-block-cover__background {
  margin: 0;
  border-radius: 50px;
}

.card .wp-block-cover__image-background {
  border-radius: 50px;
}

.card .wp-block-cover__inner-container {
  text-transform: uppercase;
}

.card .wp-block-cover__inner-container p {
  font-size: 1.75rem !important;
  filter: drop-shadow(5px 5px 7px #00000094);
  line-height: 2rem;
}

a.wp-block-cover:hover > .wp-block-cover__background {
  background-color: #2295D2;
  transition: all 0.3s;
  -webkit-transition: all 0.3s; 
}

.split-row .wp-block-column {
  max-width: 50%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.split-row:where(.wp-block-columns.is-layout-flex) {
  gap: 0;
}

.split-row figure {
  margin: 0;
  max-height: 100%;
  overflow: hidden;
}

.split-row figure img {
	object-fit: cover;
	object-position: center center;
	width: 100%;
	height: revert-layer;
}

.split-row .wp-block-column.is-vertically-aligned-center {
  justify-content: center;
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* END GUTENBERG */

#restoration {
  background-image: url('../media/restoration.png');
}

#publications {
  background-image: url('../media/publications.png');
}

#materials {
  background-image: url('../media/materials.png');
}

.secondary-header {
  display: flex;
  justify-content: space-between;
  padding: 5px 10%;
  color: #000;
  background-color: #FFBE00;
}

.primary-header {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 75px;
}

.primary-header a {
  text-decoration: none;
  color: #000;
}

.site-branding {
  padding-left: 10%;
}

.header-logo {
  display: flex;
}

.main-navigation {
  display: flex;
  width: 100%;
  justify-content: center;
}

.main-navigation ul li {
  margin: 0;
}

.wp-block-navigation {
  width: 100%;
  display: flex;
  justify-content: center;
}

.home-hero {
  position: relative;
  width: 100vw;
  height: 45vh;
  min-height: 400px;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 45vh;
  background-color: rgba(0,0,0,0.5);
  z-index: 1;
  min-height: 400px;
}

.home .home-hero, .home .overlay, .home .hero-banner {
  height: 65vh;
  min-height: 500px;
}

.home .hero-banner {
  padding: 10vw 10%;
}

.event-listing {
  display: flex;
  width: 100%;
  align-items: center;
  margin: 5px 0;
}
.events {
  padding: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.event-details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #fff;
}
.event-details h5, .event-details p {
  margin: 5px;
  text-align: left;
}
.event-details h5 {
  font-size: 1.2rem;
}

.blue h2 {
  font-size: 2rem;
}
.event-details p {
  font-size: 1rem;
}

.calendar-icon {
  background-image: url('../media/calendar.png');
  min-width: 109px;
  height: 120px;
  background-size: cover;
  color: #0D5094;
  text-transform: uppercase;
  margin-right: 25px;
  margin-bottom: 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.calendar-icon p:first-of-type {
  font-size: 1.3rem;
}
.calendar-icon p:last-of-type {
  font-size: 2.75rem;
  margin-top: -33px;
}


.post-title {
  text-transform: uppercase;
}
.post-details {
  display: flex;
  align-items: center;
}
.post-date {
  font-size: 1rem;
}
.post-author, .post-date {
  margin: 0;
  line-height: 1rem;
  font-size: 1rem;
}
.post-author {
  margin-right: 25px;
}
.news p {
  font-family: 'Cera Pro', sans-serif;
  font-size: 1rem;
  font-weight: lighter;
}
span {
  font-family: 'Nexa Bold';
  color: #0C4C90;
  margin: 0px 1rem;
}

.wp-block-heading.show {
  width: 700px;
  height: 35vh;
  display: flex;
  justify-content: space-around;
}

.button {
  border: 1px solid transparent;
  min-width: 175px;
  padding: 15px 20px;
  width: fit-content;
  background-color: #0C4C90;
  font-weight: 800;
  transition: 0.2s ease;  
  color: #fff;
  text-transform: uppercase;
  font-family: 'Nexa', sans-serif;
  display: flex;
  justify-content: center;
  transition: all 0.3s;
  -webkit-transition: all 0.3s; 	
}

.btn-secondary {
  border: 2px solid transparent;
  color: #fff;
  background: rgb(2,0,36);
  background: linear-gradient(270deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);
  border-radius: 50px;
  width: 250px;
  border: 1px solid rgb(7, 7, 98);	
  transition: all 0.3s;
  -webkit-transition: all 0.3s; 	
}

.button:hover {
  border-color: #0C4C90;
  background-color: rgb(255, 255, 255);
  transition: all 0.3s;
  -webkit-transition: all 0.3s; 
  cursor: pointer;
}

.btn-secondary:hover {
  border-color: #000;
    background-color: #FFBE0059;
  transition: all 0.3s;
  -webkit-transition: all 0.3s; 	
}

.read-more-link {
  border: 2px solid #2295d3;
  width: fit-content;
  padding: 10px 15px;
  align-self: end;
  color: #fff;
  background-color: #2295d3;
  font-family: 'Nexa Bold';
  transition: all 0.3s;
  -webkit-transition: all 0.3s;  
}

.read-more-link:visited {
  color: #fff;
}

.read-more-link:hover {
  border: 2px solid #2295d3;
  color: #2295d3;
  background-color: #fff;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;  
}

.blog-posts .read-more-link {
  float: right;
}

.posted-on {
  margin: 0;
}

.entry-content {
  display: flex;
  flex-direction: column;
  padding: 0 10%;
  margin: 4.5rem auto;
}  

.w-55 {
  width: 55%;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
}

.w-100 {
	width: 100%;
}

.pl-0 {
	padding-left: 0%;
}

.pr-0 {
	padding-right: 0%;
}

.px-0 {
	padding-left: 0%;
	padding-right: 0%;
}

.pt-0 {
	padding-top: 0%;
}

.pb-0 {
	padding-bottom: 0%;
}

.py-0 {
	padding-top: 0%;
	padding-bottom: 0%;
}

.pl-5 {
	padding-left: 5%;
}

.pr-5 {
	padding-right: 5%;
}

.px-5 {
	padding-left: 5%;
	padding-right: 5%;
}

.pt-5 {
	padding-top: 5%;
}

.pb-5 {
	padding-bottom: 5%;
}

.py-5 {
	padding-top: 5% !important;
	padding-bottom: 5% !important;	
}

.pl-10 {
	padding-left: 10%;
}

.pr-10 {
	padding-right: 10%;
}

.px-10 {
	padding-left: 10% !important;
	padding-right: 10% !important;
}

.pt-10 {
	padding-top: 10%;
}

.pb-10 {
	padding-bottom: 10%;
}

.py-10 {
	padding-top: 10%;
	padding-bottom: 10%;
}

.pl-15 {
  padding-left: 15%;
}

.pr-15 {
  padding-right: 15%;
}

.px-15 {
	padding-left: 15%;
	padding-right: 15%;
}

.pt-15 {
	padding-top: 15%;
}

.pb-15 {
	padding-bottom: 15%;
}

.py-15 {
	padding-top: 15%;
	padding-bottom: 15%;	
}

.ml-0 {
	margin-left: 0%;
}

.mr-0 {
	margin-right: 0%;
}

.mx-0 {
	margin-left: 0%;
	margin-right: 0%;
}

.mt-0 {
	margin-top: 0%;
}

.mb-0 {
	margin-bottom: 0%;
}

.my-0 {
	margin-top: 0%;
	margin-bottom: 0%;
}

.ml-5 {
	margin-left: 5%;
}

.mr-5 {
	margin-right: 5%;
}

.mx-5 {
	margin-left: 5%;
	margin-right: 5%;
}

.mt-5 {
	margin-top: 5%;
}

.mb-5 {
	margin-bottom: 5%;
}

.my-5 {
	margin-top: 5%;
	margin-bottom: 5%
}

.ml-10 {
	margin-left: 10%;
}

.mr-10 {
	margin-right: 10%;
}

.mx-10 {
	margin-left: 10%;
	margin-right: 10%;
}

.mt-10 {
	margin-top: 10%;
}

.mb-10 {
	margin-bottom: 10%;
}

.my-10 {
	margin-top: 10%;
	margin-bottom: 10%;	
}

.ml-15 {
  margin-left: 15%;
}

.mr-15 {
  margin-right: 15%;
}

.mx-15 {
	margin-left: 15%;
	margin-right: 15%;
}

.mt-15 {
	margin-top: 15%;
}

.mb-15 {
	margin-bottom: 15%;
}

.my-15 {
	margin-top: 15%;
	margin-bottom: 15%;
}

.tac {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

section {
  display: flex;
  justify-content: center;
  padding: 35px 10%;
  flex-direction: column;
}

section.intro {
  margin-top: -15px;
}

section.grey {
  background-color: #EEEEEE;
}

section.work {
  flex-direction: column;
  padding: 0;
}


.column {
  flex-direction: column;
  align-items: center;
}

.row {
  display: flex;
}

.featured-news-post {
  width: 65%;
  padding: 15px;
}
.secondary-posts {
  width: 35%;
  padding: 15px;
}
.featured-news-post img, .secondary-posts img {
  width: 100%;
}

.site-footer .column {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 35px;
  flex: 1;
}
.site-footer {
  background-color: #0C4C90;
  color: #fff;
  display: flex;
  width: 100%;
  flex-direction: column;
  padding: 35px 10%;
}

.site-footer img {
	max-height: 100px;
}

footer .socials {
  display: flex;
  align-items: center;
}

.social-links {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.site-footer {
  border-top: 15px solid #2295D3;
}

.site-footer .row {
  display: flex;
  max-width: 100%;
  justify-content: space-between;
  align-items: center;
  flex: 4;
}
.site-footer .latest-posts {
  display: flex;
  flex-direction: column;
}

.site-footer h3, .site-footer h4 {
  font-family: 'Nexa', sans-serif;
}


.site-footer h4 {
  text-transform: uppercase;
  font-size: 1rem;
}
.site-footer .column {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  flex: 1;
}
.site-footer p {
  font-size: 1rem;
}

.disclaimer p {
  font-size: 0.6rem;
  text-align: center;
}

.site-footer .socials img {
  width: 30px;
  margin: 0 10px;
}

.page {
    margin-bottom: 0;
}

.split-row {
  padding: 0;
  height: fit-content;
  display: flex;
  flex-direction: row;
}

.split-row-content, .split-row-image {
  width: 50%;
}

.split-row-image img {
  object-fit: fill;
  height: auto;
}

.split-row-content {
  display: flex;
  flex-direction: column;
  padding: 0;
  text-align: center;
  justify-content: center;
  align-items: center;
}

.copyright-bar {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.maac-video .wp-block-embed__wrapper {
  position: relative;
  padding-top: 56.25%; /* 16:9 aspect ratio */
}

.maac-video .wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.maac-video {
  padding: 7% 8%;
  background: url('https://maac.dev.stradiggy.com/wp-content/uploads/2023/06/River-islands.png');
  background-size: cover;
  position: relative;
  width: 100%;
  margin: 35px auto !important;
}

.maac-video::after {
	content:'';
	display: flex;
	width: 20%;
	background: url('https://maac.dev.stradiggy.com/wp-content/uploads/2023/06/logo-w.png');
	position: absolute;
	bottom: -15px;
	right: 15px;
	min-height: 100px;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 1;
}

.maac-video, .maac-video iframe {
	border-radius: 15px;
}

.maac-video iframe {
	filter: drop-shadow(7px 8px 10px #000);
	z-index: 2;
}

.entry-title {
   display: none;
}

.single-post .entry-title {
  display: flex;
  font-size: 2rem;
  line-height: 2rem;
  margin: 35px 10%;
  margin-bottom: 15px;
}

.hero-banner .entry-title {
	display: flex;
	font-size: 4vw;
	line-height: 4vw;
}

.hero-banner p {
  font-size: 1.25vw;
  line-height: 1.75vw;
}

.hero-banner .btn-secondary {
  width: 17vw;
  line-height: 2vw;
  font-size: 1.25vw;
}

.button:hover {
  border-color: #2295d3;
  background: #0c4c90;
}

/* resources table */

.table-wrapper {
  overflow: hidden;
  border-radius: 15px;
}

.table-container {
  width: 100%;
  overflow-x: auto;
}

.table-container table {
  width: 100%;
  border-collapse: collapse;
}

.table-container th,
.table-container td {
  text-align: left;
  padding: 8px;
  font-size: 0.85em;
}

.table-container th {
  background-color: #f2f2f2;
}

#resources 
.resource-date {
    min-width: 110px;
}

#resources 
.action span{
    display:none;
    color:white;
}

#resources {
  width: 100%;
  border-collapse: collapse;
}

#resources th {
  background-color: #0c4c90;
  padding: 10px;
  text-align: left;
}

#resources {
  border: 1px solid #ddd;
  font-family: 'Cera Pro', sans-serif;
  font-size: 1rem;
  font-weight: lighter;
}

#resources .hidden {
  display: none;
}

#resources thead {
  background-color: #0c4c90;
  color: #fff;
}

#resoures thead.action {
    display:none;
}

#resources .button {
  padding: 10px;
  padding-top: 14px;
  border-radius: 50px;
  font-size: 0.85rem;
}
#resources a:visited {
  color: #000;
}

#resources .resource-title a:visited {
  color: #0c4c90;
}

.tax-name {
  margin: 0;
  font-size: 2rem;
}

.post-type-archive-resource h1, .tax-resource_type h1 {
  padding: 0!important;
}

#facets {
  margin: 15px auto;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  width: 100%;
}
#facets label {
  display: flex;
  flex-direction: row;
  font-family: 'Cera Pro', sans-serif;
}
#facets label input {
  margin-right: 10px;
}

.fs-option.g0.d1 {
    font-style:italic;
}

.facets.row {
  display: flex;
  justify-content: space-between;
  margin: 25px 0;
}
.facets .column {
  flex: 1;
}

.fs-no-results {
  font-family: 'Nexa Bold', sans-serif;
  font-size: 0.9rem;
}

.facetwp-reset{
        background: #dceef8;
}

.facetwp-input-wrap {
    margin-left:0;
}
.search form {
  display: flex;
  justify-content: center;
  align-items: center;
}

.search label {
  margin-right: 15px;
  font-family: 'Nexa bold', sans-serif;
  color: #0C4C90;
  text-transform:uppercase;
}

tr:nth-of-type(even) {
  background-color: #2295d329;
}

.single-post .content-area {
  display: flex;
}

.single-post aside {
  min-width: 30%;
}

.single-post-main {
  margin-top: 35px;
}

.single-post-main .post-thumbnail img {
  width: 90%;
  margin: 0 auto;
  display: flex;
  border-radius: 25px;
}
.single-post-main .entry-meta {
  padding: 0 10%;
}
.single-post-main .posted-on {
  margin: 0;
}
.single-post-main .entry-footer, .single-post-main .navigation {
  padding: 0 10%;
}

.nav-previous {
  display: flex;
  flex-direction: row;
}
.nav-links span {
  margin: 0;
}
.cat-links {
  margin: 0;
}

.widget_search {
  background-color: #2295d3;
  color: #fff;
  font-weight: bolder;
}

#secondary {
  box-shadow: -1px 10px 10px #00000026;
}

#secondary ul {
    margin: 0;
}

/* MAILCHIMP SIGNUP */

.mc_custom_border_hdr {
  text-transform: capitalize;
  font-size: 22pt;
  width: fit-content !important;
  margin: 0 auto;
  margin-bottom: 0px;
  margin-bottom: 25px;
  line-height: 2rem;
  font-family: 'Nexa Bold', sans-serif;
}

.mc_custom_border_hdr:after {
  content: '';
  border-bottom: 5px solid #2295d3;
  width: 110%;
  display: block;
  margin-top: 0px;
  margin-left: -5%;
}

#mc_signup {
  margin: 0 auto;
  font-family: 'Cera Pro';
}
.mc_merge_var {
  display: flex;
  justify-content: space-between;
  height: 3rem;
  align-items: center;
}
#mc-indicates-required {
  padding: 25px 0;
}
#mc_signup_submit, .gform_footer input {
  border: 0;
  border-radius: 0;
  background-color: #0c4c90;
  padding: 20px 0;
  color: #fff;
}
.mc_signup_submit {
  display: flex;
  justify-content: center;
}

.mc_form_inside {
  max-width: 400px;
  margin: 0 auto;
}

/* FORM STYLING */

.gfield_description {
  color: #0c4c90;
  font-weight: 800;
}
.ginput_container span {
  margin: 0;
}

.gform-body {
  font-family: 'Nexa Bold' !important;
}

@media screen and (max-width: 600px) {
    
  .single-post-main {
    width: 100%;
    }
    
       #secondary {
        box-shadow: none;
    }
    
    .content-area {
        flex-direction: column;
    }
    
  .table-container table, .table-container thead, .table-container tbody, .table-container th, .table-container td, .table-container tr {
    display: block;
  }

  .table-container thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .table-container tr {
    margin-bottom: 15px;
    background-color: #fff;
  }

  .table-container td {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;
    font-size: 0.85em;
  }

  .table-container td:before {
    position: absolute;
    top: 8.5px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    font-size: 0.85rem;
    font-weight: bold;
  }

  .table-container td:nth-of-type(1):before { content: "Title"; }
  .table-container td:nth-of-type(2):before { content: "Content Type"; }
  .table-container td:nth-of-type(3):before { content: "Date"; }
  .table-container td:nth-of-type(4):before { content: "HUC-10"; }
  .table-container td:nth-of-type(5):before { content: "Watersheds"; }
  .table-container td:nth-of-type(6):before { content: "BUIs"; }
  .table-container td:nth-of-type(7):before { content: "MAPs"; }
  .table-container td:nth-of-type(8):before { content: "Type"; }
  .table-container td:nth-of-type(9):before { content: "Download/Open" !important; }
  
  #facets {
    flex-direction: column;
  }
	
	#facets label {
		font-family: 'Cera Pro', sans-serif;
	}
	
	.item td:first-of-type {
	  background-color: #0c4c90;
	  color: #fff;
	}
  .table-container td:last-of-type {
    width: 100%;
    /*padding-left: 0;*/
  }
  .table-container td:last-of-type a {
    width: 80%;
    margin: 0 auto;
  }  
  .table-container td:last-of-type::before {
    content: none;
    padding: 0;
    position: absolute;
    width: 0!important;
    padding: 0!important;
  }
  tr:nth-of-type(even) {
    background-color: #fff;
  }
  tr td:nth-of-type(even) {
    background-color: #2295d329;
  }  
}

.blog-posts {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.blog-item {
  flex: 1 0 auto;
  margin-bottom: 35px;
}

.blog-item.main {
  width: 100%;
  padding: 0 10px;
  padding-left: 0;
}

.blog-item.stacked {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.blog-item.secondary {
    width: 100%;
}

.blog h1, .archive h1 {
  padding: 25px 10vw 0 10vw;
  font-size: 2.5rem;
}

.blog .post .entry-title, .archive .post .entry-title {
  display: flex;
  flex-direction: column;
  margin: 25px 0;
  padding: 0 10vw;
}

.blog .post img, .archive .post img {
  width: 100%;
  padding-left: 10vw;
  padding-right: 10vw;
}

.blog .post .entry-meta, .blog .post .entry-content, .blog .post .entry-footer, .archive .post .entry-meta, .archive .post .entry-content, .archive .post .entry-footer {
  padding: 15px 10vw;  
  margin: 0;
}


.blog .post .entry-meta, .archive .post .entry-meta {
  padding: 0 10vw;
}

.blog .post .entry-meta span, .archive .post .entry-meta span {
  margin: 0;
}

.blog .post h2::after, .archive .post h2::after {
  width: 100%;
  margin: 0;
}


.fs-label {
  height: 4rem;
  text-overflow: initial !important;
  white-space: normal !important;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fs-wrap {
  width: 100%!important;
}
.fs-label-wrap {
  border: 0!important;
  background-color: #0c4c90!important;
  color: #fff!important;
  border-radius: 15px!important;
  font-family:'Nexa bold', sans-serif!important;
  font-size: 0.9rem!important;
}
.fs-arrow {
  border-top: 5px solid #fff!important;
  right: 10px !important;
}
.fs-option {
  font-size: 0.8rem!important;
  font-family: 'Nexa', sans-serif!important;
}
.fs-checkbox {
  left: -16px !important;
}
.fs-option.d1 .fs-option-label {
  padding-left: 10px !important;
}
.fs-search input::placeholder {
  font-size: 0.9rem !important;
  font-family: 'Nexa Bold', sans-serif!important;
}
.fs-options {
  width: fit-content!important;
}

.fs-dropdown {
  width: fit-content!important;
}

.facetwp {
  width: 100%!important;
}


.fdate-input {
  background-color: #dbeef8;
  border: 0 !important;
  margin: 0 15px;
  padding: 3px 0 !important;
  font-family: 'Nexa Bold', Sans-serif;
  color: #0c4c90 !important;
  text-align: center;
  border-radius: 15px !important;
  width: 100%;
  margin-left: 0;
  margin: 1.5px 0;
}
.facetwp-facet {
  margin-inline: 5px;
  margin-bottom: 15px !important;
}


.download {
  background: url('/wp-content/themes/maumeeaoc/media/maac_download.png');
  background-size: contain;
  background-repeat: no-repeat;
  height: 25px;
  display: flex;
  background-position: center;
  width: 50px;
}

.link {
  background: url('/wp-content/themes/maumeeaoc/media/maac_link.png');
  background-size: contain;
  background-repeat: no-repeat;
  height: 35px;
  display: flex;
  background-position: center;
  width: 50px;  
}

.pagination .nav-links {
  width: 75%;
  display: flex;
  justify-content: space-evenly;
  background-color: #ebf8ff;
  padding: 10px 15px;
  border-radius: 15px;
  border: 2px solid #0c4c90;
}

.pagination {
    display: flex;
    justify-content: center;
}

.hfeed .content-area {
  display: flex;
}

.hfeed aside {
  min-width: 30%;
}

/**Modifications for Pages .hfeed effects */
.search-no-results .content-area {
    display:block;
}

.search-no-results.search form{
    justify-content: left;
}

aside {
	padding-right: 10%;
}

.current_page_item > a, .current_page_ancestor > a, .main-navigation li > a:hover {
  color: #1c7fb5;
}

.current_page_item > a:after, .current_page_ancestor > a:after {
  content: '';
  position: absolute;
  border-bottom: 2px solid #1c7fb5;
  width: 100%;
  top: 25px;
  left: 0;
  right: 0;
  opacity: 0.2;
}

.sub-menu li a:after {
  opacity: 0;
}


@media (min-width: 768px) {
  .blog-item.main {
    width: 75%;
  }

  .blog-item.stacked {
    width: 25%;
    padding: 0 15px;
  }
}

.post {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.post h2, .post a {
  margin-top: auto;
}

.blog-item h2 {
  line-height: 2.5rem;
  margin: 0;
}
.blog-item h2:after {
  border: none;
}
.blog-item a {
  margin-top: 0;
}
.blog-item .post {
  margin-bottom: 25px;
}

.blog-item img {
  width: 100%;
  margin-bottom: 15px;
}

/**MOBILE MENU**/

.menu-toggle {
    height: 50px;
    width: 50px;
    position: fixed;
    top: 58px;
    right: 15px;
    border-color: transparent !important;
    background: #004684;
    padding: 0.334em !important;
    border-radius: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
   z-index: 9;
}

.menu-toggle
div {
  width: 35px;
  height: 5px;
  background-color: white;
  margin: 6px 0;
  transition: all 0.3s;
     -webkit-transition: all 0.3s;
}

.menu-toggle:hover,
.menu-toggle:focus{
    background-color:#2295d3;
     transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.toggled .menu-toggle div:nth-child(1), .toggled .menu-toggle div:nth-child(3) {
	 transform: translate(0px, 13px) rotate(-45deg) scalex(1);
	 margin: 0;
	 transition: all 0.3s;
	 -webkit-transition: all 0.3s;
  bottom: 35px;
   position: absolute;
}
 .toggled .menu-toggle div:nth-child(2) {
	 height: 0;
	 margin: 0;
	 transition: all 0.3s;
	 -webkit-transition: all 0.3s;
}
 .toggled .menu-toggle div:nth-child(3) {
	 transform: translate(0px, 9px) rotate(45deg) scalex(1);
	 transition: all 0.3s;
	 -webkit-transition: all 0.3s;
  bottom: 30px;
   position: absolute;
}
 
@media screen and (min-width: 765px) {
	.sub-menu {
		top: 15px !important;
		padding-top: 25px !important;
	}
	.sub-menu li {
    padding: 8px 0 !important;
  }

  .sub-menu li:hover {
    background-color: #0C4C90;
  }

  .sub-menu li:hover a {
    color: #fff;
  }
}

@media screen and (max-width: 765px) {
  header {
    flex-direction: column;
  }
  #site-navigation {
    flex-direction: row-reverse;
  }
  .site-logo {
    height: 50px;
  }
  .main-navigation .wp-block-navigation {
    height: auto;
    /*max-height: 300px;*/
  }
  /*Change Flex direction of main menu, and hide the menu by default, and on flex when contianer is toggled */
  #primary-menu {
    flex-direction: column;
    display:none;
    justify-content: space-evenly;
     -webkit-transition: all 0.3s;
  }
  .toggled
  #primary-menu {
      display:flex;
      height: 100%;
      padding: 25px 10%;
    align-items: center;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
      /*z-index: -3; //KBS - @Dave, what was the reasoning for this? Broke the entire nav for mobile */
      position: relative;
  }
  #primary-menu li {
    font-size: 1rem;
    line-height: 1.25rem;
  }
  #primary-menu li a {
     color:white; 
  }
  #primary-menu > li.focus > a:after { 
      content: '';
    border-bottom: 5px solid #2295d3;
    width: 110%;
    display: block;
    margin-top: 0px;
    margin-left: -5%;
     -webkit-transition: all 0.3s;
  }
  #primary-menu li ul li a {
    color: #004684;
  }
  #primary-menu li ul li a:hover {
    color: #fff;
     transition: all 0.3s;
     -webkit-transition: all 0.3s;
  }
  #primary-menu
  .menu-item .sub-menu {
    background:transparent;
    background-color:transparent;
    box-shadow: none;
    margin-left: 0;
    display:none;
    transition: all 0.3s;
     -webkit-transition: all 0.3s;
  }
  #primary-menu .menu-item.focus .sub-menu {
      
  }
   #primary-menu
  .menu-item.focus .sub-menu {
    position: static;
    display:block;
    transition: all 0.3s;
     -webkit-transition: all 0.3s;
    }
     #primary-menu
    .sub-menu li a {
        color: white;
    }
    
    #primary-menu li ul li a {
        color: white;
        width: 100%;
    }
    
    #primary-menu 
     .sub-menu li {line-height: 1rem;}
 
  .site-content {
    margin-top: 0;
  }
 
  #masthead {
    position: fixed;
    z-index: 10;
    width: 100vw;
    background-color: #fff;
    margin-top: 0;
    transition: all 0.3s;
     -webkit-transition: all 0.3s;
    height: auto;
    padding: 25px 0;
  }
	.archive #masthead, .blog #masthead {
	  margin-top: 0;
	}	
  header.entry-header {
    margin-top: 88px;
  }
  .menu-toggle {
    top: 15px;
  }
	
  .facets.row {
  flex-direction: column;
}	
    
  /*Show Menu toggle button*/
  .menu-toggle{
      display:block;
      z-index: 999999;
  }
  
  /**STYLE MOBILE MENU **/
  
  #site-navigation.toggled
  .wp-block-navigation {
    position: fixed;
    z-index: 99999;
    background: #004684;
    color: white;
    height:75vh;
    transition: all 0.3s;
     -webkit-transition: all 0.3s;
  }
  .hero-banner .wp-block-heading {
    width: 100%;
  }
  .hero-banner .entry-title {
	display: flex;
	font-size: 6vw;
	line-height: 6.5vw;
	 transition: all 0.3s;
     -webkit-transition: all 0.3s;
  }

.hero-banner p {
  font-size: 2.5vw;
  line-height: 3vw;
  }

.hero-banner .btn-secondary {
  width: 20vw;
  line-height: 2vw;
  font-size: 2vw;
  } 
	.split-row {
	  flex-direction: column;
	}
	.split-row .wp-block-column .blue {
	  max-width: 100%;
	  padding: 5% 10%!important;
	}
	.split-row .wp-block-column ul {
	  margin: 0;
	  padding: 0;
	}
	.split-row .wp-block-column {
	  max-width: 100%;
	}
	.split-row:nth-of-type(odd) {
	  flex-direction: column-reverse;
	}
	.maac-video {
	  padding: 5% 6%;
	}
	.blog-posts .row {
	    flex-direction: column;
	}
	.blog-item.main {
      width: 100%;
    }
    .blog-item.stacked {
      width: 100%;
    }
}

@media screen and (max-width: 1080px) {
    .site-footer .row {
      flex-direction: column;
    }
    .site-footer img {
      max-width: 200px;
    }
    .site-footer .column {
      padding: 25px 0;
    }    
}

@media screen and (max-width: 680px) {
  .hero-banner, .home-hero, .overlay {
    height: 25vh;
    min-height: 250px;
	width:100vw;
	max-width:100vw;
  }
  .hero-banner .wp-block-heading {
    width: 100%;
  }
  .hero-banner .entry-title {
	display: flex;
	font-size: 7vw;
	line-height: 7.5vw;
  }

.hero-banner p {
  font-size: 3.5vw;
  line-height: 4vw;
  }

.hero-banner .btn-secondary {
  width: 30vw;
  line-height: 2vw;
  font-size: 2.5vw;
  } 
  #resources a:visited {
  color: #dbeef8;
}
}

@media screen and (min-width: 2268px) {
  ul.menu li {
    font-size: 1.5rem;
	padding: 15px;
  }
}