@media only screen and (max-width: 1599px) {
	footer .footer-nav {
		column-gap: 10px;
		row-gap: 30px;
	}

	footer .blue-box {
		padding: 30px;
	}

	footer .footer-nav .nav-col {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media only screen and (max-width: 1399px) {
	header .inner .navs .button-nav {
		padding: 0 0 0 15px;
	}

	footer .top  {
		flex-wrap: wrap;
		justify-content: center;
		gap: 30px;
		margin: 0px;
	}

	footer .top .logo {
		gap: 20px;
		order: 1;
	}

	footer .top .socials {
		order: 2;
	}

	footer .top .navs {
		order: 3;
	}
}

@media (max-width: 1400px) and (min-width: 1006px) {
	body > header .inner .main-nav > li > .menu-item * {
		font-size: 12px;
	}
	body > header .inner .main-nav > li > .menu-item strong {
		font-size: 14px;
	}
	body > header .inner .navs .button-nav li a.btn {
		font-size: 12px;
		padding: 5px 16px;
	}
}

@media (max-width: 1260px) and (min-width: 1006px) {
	header .logo {
		max-width: 200px;
	}
}

@media only screen and (max-width: 1199px) {
	.hide-lg { display: none; }

	header .inner .navs .button-nav {
		padding: 0 0 0 5px;
	}

	footer .footer-nav {
		flex-wrap: wrap;
	}

	footer .footer-nav .nav-col {
		/* flex: 0 0 33.33333333%;
		max-width: 33.33333333%; */
		flex: 0 0 30%;
		max-width: 33.33333333%;
	}

	footer .bottom-menu {
		flex-direction: column;
		gap: 20px;
	}

	footer .bottom-menu .footer-nav.bottom-nav {
		justify-content: center;
	}

	.post-listings .row {
		margin: 0 -15px;
	}

	.post-listings .row > div {
		padding: 0 15px;
	}
}

@media (max-width: 1105px) and (min-width: 1006px) {
	body > header .inner {
		gap: 10px;
	}
	body > header .inner .main-nav > li > .menu-item * {
		font-size: 10px;
	}
	body > header .inner .navs.has-buttons {
		gap: 15px;
	}
	body > header .inner .navs .button-nav {
		gap: 10px;
	}
}

@media screen and (max-width: 1005px) {
	body .flex-content {
		overflow: hidden;
	}

	body header .mobile-buttons a {
		font-size: 0.9em;
	}

	body .anchor-link {
		top: -180px;
	}

	main.default-template,
	body:not(.single-tribe_events):not(.post-type-archive-tribe_events):not(.home) .flex-content[index="1"]:not(.digital-exhibit) {
		padding-top: 250px !important;
	}

	body > header .inner .navs.has-buttons {
		width: 100vw;
	}

	body > header .mobile-buttons {
		display: flex !important;
		max-width: unset;
	}

	body > header ul.button-nav {
		list-style-type: none;
		gap: 10px;
		padding: 0;
	}

	body > header > .container {
		display: flex;
		flex-direction: column;
		row-gap: 14px;
		padding: 30px var(--site-gutter);
	}

	header .btn-container .btn {
		padding: 5px 16px;
		width: 100%;
	}

	header .mobile-nav-toggle {
		background: transparent;
		border: none;
	}
	
	header .mobile-nav-toggle .line {
			background-color: var(--White);
			display: block;
			height: 5px;
			margin: 8px auto;
			-webkit-transition: all .3s ease-in-out;
			-o-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
			width: 36px;
			width: 40px;
	}

	body > header .inner .main-nav {
		padding: 30px 30px 50px 30px;
	}

	body > header .second-level > .container {
		padding: 0px;
	}

	header .second-level .content-list {
		row-gap: 30px;
		flex-direction: column;
		padding: 20px 0 30px;
	}

	header .second-level ul {
		row-gap: 30px;
		padding: 0px;
	}

	.mobile-nav-toggle.is-active .line:nth-child(2){
		opacity: 0;
	}

	.mobile-nav-toggle.is-active .line:nth-child(1){
		-webkit-transform: translateY(13px) rotate(45deg);
		-ms-transform: translateY(13px) rotate(45deg);
		-o-transform: translateY(13px) rotate(45deg);
		transform: translateY(13px) rotate(45deg);
	}

	.mobile-nav-toggle.is-active .line:nth-child(3){
		-webkit-transform: translateY(-13px) rotate(-45deg);
		-ms-transform: translateY(-13px) rotate(-45deg);
		-o-transform: translateY(-13px) rotate(-45deg);
		transform: translateY(-13px) rotate(-45deg);
	}

	.hide-md { display: none; }

	/* .main-body {
		padding-top: 180px;
	} */

	header .logo {
		padding: 16px 0;
	}

	body > header .mobile-nav-toggle {
		display: block;
	}

	header .inner .navs {
		background: var(--Light);
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translateX(-50%);
		flex-direction: column;
		width: calc(100vw + 2px);
		height: 0;
		overflow: hidden;
	}

	header .inner .navs.has-buttons {
		top: 150px;
	}

	body > header .inner .main-nav {
		align-items: flex-start;
		flex-direction: column;
		width: 100%;
		max-width: 720px;
		padding-right: var(--site-gutter);
		padding-left: var(--site-gutter);
	}

	body > header .inner .main-nav > .dropdown {
		border-bottom: 2px solid var(--Navy);
	}

	header .inner .main-nav li {
		margin: 0 !important;
	}

	header .inner .main-nav > li {
		width: 100%;
	}

	header .inner .main-nav > li > a,
	header .inner .main-nav > li.dropdown > a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0;
		min-height: 48px;
		margin: 0;
		color: var(--Taupe) !important;
	}

	header .inner .main-nav > li.dropdown > .menu-item {
		align-items: center;
		background: transparent;
		border: none;
		color: var(--Navy);
		display: flex;
		padding: 10px 0;
		width: 100%;
		transition: all 0.3s ease-in-out;
	}

	header .inner .main-nav > li.dropdown > .menu-item,
	header .inner .main-nav > li.dropdown > .menu-item p {
		font-size: 14px;
	}

	header .inner .main-nav > li.dropdown > .menu-item strong {
		font-size: 18px;
	}

	header .inner .main-nav > li.dropdown > .menu-item.opened {
		background-color: var(--Navy);
		padding: 10px;
	}

	header .inner .main-nav > li.dropdown > .menu-item.opened * {
		color: white;
	}

	header .inner .main-nav > li.dropdown > .menu-item span {
		width: 30px;
		height: 20px;
		background-repeat: no-repeat;
		background-position: center;
		/* background-image: url("data:image/svg+xml,%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.30469 11.0547L0.210937 4.99219C-0.0703126 4.67969 -0.0703126 4.21094 0.210937 3.92969L0.929687 3.21094C1.21094 2.92969 1.67969 2.92969 1.99219 3.21094L6.83594 8.02344L11.6484 3.21094C11.9609 2.92969 12.4297 2.92969 12.7109 3.21094L13.4297 3.92969C13.7109 4.21094 13.7109 4.67969 13.4297 4.99219L7.33594 11.0547C7.05469 11.3359 6.58594 11.3359 6.30469 11.0547Z' fill='white'/%3E%3C/svg%3E%0A"); */
		background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.64583 6.10417L1.58333 2.0625C1.39583 1.85417 1.39583 1.54167 1.58333 1.35417L2.0625 0.874999C2.25 0.687499 2.5625 0.687499 2.77083 0.874999L6 4.08333L9.20833 0.875C9.41667 0.6875 9.72917 0.6875 9.91667 0.875L10.3958 1.35417C10.5833 1.54167 10.5833 1.85417 10.3958 2.0625L6.33333 6.10417C6.14583 6.29167 5.83333 6.29167 5.64583 6.10417Z' fill='%230C2B40'/%3E%3C/svg%3E%0A");
		
		-webkit-transition: all 350ms ease-in-out;
		-moz-transition: all 350ms ease-in-out;
		-ms-transition: all 350ms ease-in-out;
		-o-transition: all 350ms ease-in-out;
		transition: all 350ms ease-in-out;
	}

	header .inner .main-nav > li.dropdown > .menu-item.opened span {
		background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.64583 6.10417L1.58333 2.0625C1.39583 1.85417 1.39583 1.54167 1.58333 1.35417L2.0625 0.874999C2.25 0.687499 2.5625 0.687499 2.77083 0.874999L6 4.08333L9.20833 0.875C9.41667 0.6875 9.72917 0.6875 9.91667 0.875L10.3958 1.35417C10.5833 1.54167 10.5833 1.85417 10.3958 2.0625L6.33333 6.10417C6.14583 6.29167 5.83333 6.29167 5.64583 6.10417Z' fill='%23fff'/%3E%3C/svg%3E%0A");		
		transform: rotate(180deg);
	}


	header .inner .main-nav > li.dropdown > a span.opened {
		transform: rotate(180deg);
	}

	header .inner .main-nav .second-level {
		position: relative;
		opacity: 1;
		overflow: hidden;
		height: 0;
		pointer-events: all;
		border-radius: 0;
	}

	header .inner .main-nav .second-level > ul,
	header .inner .main-nav .second-level > .two-col ul {
		padding: 0;
	}

	header .inner .main-nav .second-level > ul > li > a,
	header .inner .main-nav .second-level > .two-col ul > li > a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		min-height: 48px;
		background-color: #3E4E55;
		margin: 10px 0 0;
		padding: 0 28px;
		border-radius: 5px !important;
		min-width: unset;
	}

	header .inner .main-nav .second-level > ul > li > a.icon,
	header .inner .main-nav .second-level > .two-col ul > li > a.icon {
		padding-left: 67px;
	}

	header .inner .main-nav .second-level > ul > li > a img,
	header .inner .main-nav .second-level > .two-col ul > li > a img {
		left: 28px;
	}

	header .inner .main-nav .second-level > p {
		padding: 14px 28px;
		border-radius: 5px !important;
		margin: 10px 0 0;
	}

	header .inner .main-nav .second-level > .two-col {
		margin: 0 -5px;
	}

	header .inner .main-nav .second-level > .two-col .left,
	header .inner .main-nav .second-level > .two-col .right {
		padding: 0 5px;
	}

	header .inner .main-nav .second-level > ul > li > a span {
		position: absolute;
		top: 0;
		right: 0;
		width: 48px;
		height: 48px;
		background-repeat: no-repeat;
		background-position: center;
		background-image: url("data:image/svg+xml,%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.30469 11.0547L0.210937 4.99219C-0.0703126 4.67969 -0.0703126 4.21094 0.210937 3.92969L0.929687 3.21094C1.21094 2.92969 1.67969 2.92969 1.99219 3.21094L6.83594 8.02344L11.6484 3.21094C11.9609 2.92969 12.4297 2.92969 12.7109 3.21094L13.4297 3.92969C13.7109 4.21094 13.7109 4.67969 13.4297 4.99219L7.33594 11.0547C7.05469 11.3359 6.58594 11.3359 6.30469 11.0547Z' fill='white'/%3E%3C/svg%3E%0A");
		-webkit-transition: all 350ms ease-in-out;
		-moz-transition: all 350ms ease-in-out;
		-ms-transition: all 350ms ease-in-out;
		-o-transition: all 350ms ease-in-out;
		transition: all 350ms ease-in-out;
	}

	header .inner .main-nav .second-level > ul > li > a span.opened {
		transform: rotate(180deg);
	}

	header .button-nav {
		justify-content: space-between;
		margin-bottom: 0px;
		max-width: 720px;
		padding: 22px var(--site-gutter);
		width: 100%;
	}

	header .inner .navs .button-nav li {
		padding: 0;
	}

	header .inner .navs .button-nav li a {
		width: 100%;
		justify-content: center;
	}

	header .inner .navs .button-nav .desktop {
		display: none;
	}

	header .inner .navs .button-nav .mobile {
		display: block;
	}

	header .inner .main-nav .third-level {
		position: relative;
		left: auto;
		top: auto;
		padding: 0;
		opacity: 1;
		pointer-events: all;
		background-color: transparent;
		height: 0;
		overflow: hidden;
	}

	header .inner .main-nav .third-level > ul {
		padding: 18px 0 8px 56px;
	}

	header .inner .main-nav .third-level > ul > li > a {
		border: none;
		border-radius: 0;
		padding: 0;
		min-height: 48px;
		display: flex;
		align-items: center;
		width: 100%;
	}

	body > header.nav-open {
    max-height: 100vh;
    height: 100vh; /* ensure it fills the viewport */
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* Let navs stack and fill width on mobile */
  body > header .inner .navs {
    flex-direction: column;
    width: 100%;
  }

  /* Ensure the main nav is vertical and not forced to 102px height */
  body > header .inner .main-nav {
    flex-direction: column;
    align-items: stretch;
    height: auto;
  }

  /* Second-level panels should flow in the document on mobile */
  body > header .inner .main-nav .second-level {
    position: static;
    width: 100%;
    padding: 0; /* your inner .container already handles padding */
  }

  /* Optional: tighten up padding in second level for smaller screens */
  body > header .inner .main-nav .second-level > .container > ul,
  body > header .inner .main-nav .second-level > .two-col ul {
    max-height: none;
    padding: 20px 16px;
  }

	footer.main {
		padding: 30px 0 80px 0;
	}

	footer .btn-container {
		width: 100%;
	}

	footer .top {
		border: none;
		flex-direction: column;
		justify-content: center;
		margin: 0;
		padding: 0 0 20px;
	}

	footer.bottom {
		padding: 30px 0;
	}

	footer .addresses.desktop {
		display: none;
	}

	footer .addresses.mobile {
		display: flex;
		justify-content: space-around;
		padding-bottom: 20px;
		margin: 0 -6px;
	}

	footer .addresses.mobile .address {
		padding: 6px;
	}

	footer .social.desktop {
		display: none;
	}

	footer .social.mobile {
		display: flex;
		justify-content: center;
		margin: 0 -6px 30px;
	}

	footer .social li {
		padding: 0 6px;
	}

	footer .logo {
		margin: 0 auto 40px auto;
	}

	footer .footer-nav .nav-col p.desktop {
		display: none;
	}

	footer .footer-nav .nav-col p.mobile {
		display: block;
		border-bottom: 1px solid var(--Text);
	}

	footer .footer-nav .nav-col {
		flex: 0 0 100%;
		max-width: 100%;
	}

	footer .footer-nav .nav-list li {
		flex: 0 0 50%;
	}

	footer .bottom-nav {
		justify-content: space-around;
		margin: 0 -6px;
	}

	footer .bottom-nav li {
		padding: 0 6px;
	}

	footer .embed form {
		max-width: 100%;
		width: 100%;
	}



	.archive-hero h1 {
		margin-bottom: 30px;
	}

	.archive-hero .featured-post img {
		margin-bottom: 30px;
	}

	.archive-hero .popular-posts {
		padding-top: 60px !important;
	}

	.archive-hero {
		padding: 60px 0;
	}

	.post-listings.archive {
		padding: 60px 0;
	}

	.post-listings.archive .tile {
		padding-top: 40px;
	}

	.post-listings.archive .no-results-text, .post-listings.archive .lwd-pagination {
		margin-top: 40px;
	}

}

@media only screen and (max-width: 767px) {
	:root {
		--site-gutter: 25px;
	}

	h1, .h1 {
		font-size: 52px;
	}

	h2, .h2 {
		font-size: 2.25rem;
	}

	.large {
		font-size: 18px;
	}

	.hide-sm { display: none; }

	header .inner .navs .button-nav,
	header .inner .main-nav {
		max-width: 540px;
	}

	.podcast-links {
		margin: 0;
		justify-content: space-between;
		width: 100%;
	}

	.podcast-links li {
		padding: 0;
	}

	.single.banner .podcast-links {
		margin-bottom: 50px;
	}

	footer .bottom-menu .footer-nav.bottom-nav {
		gap: 0px;
		justify-content: flex-start;
	}

	footer .top .logo {
		align-items: center;
		max-width: unset;
		width: 100%;
	}

}

@media only screen and (max-width: 500px) {
	header .logo {
		max-width: 65vw;
	}

	footer .btn {
		width: 100%;
	}

	footer .top {
		gap: 50px;
	}

	footer .logo {
		margin: 0 auto;
	}

	footer .footer-nav .nav-list li {
		flex: 0 0 100%;
	}

	footer .top .navs {
		border-top: 1px solid var(--Light);
		border-bottom: 1px solid var(--Light);
		margin-top: 30px;
		margin-bottom: 30px;
		padding-top: 30px;
		padding-bottom: 30px;
	}

	h1, .h1 {
		font-size: 40px;
	}
}