/*
Theme Name:   Nebula Orbit
Description:  Nebula WordPress Starter Theme
Theme URI:    https://nebula.design
Author:       Nebula
Author URI:   https://nebula.design
Update URI:   false
Version:      1.0.0
License:      GPL-2.0+
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

.foods-filters {
	grid-column: span 1;
}
li.menu-item.donate.mobile {
	display: none;
}

.loading-indicator{height:0;}

.food-archive .no-results.not-found {grid-column:span 1}

/* SHARE BANNER */
.share-banner-wrapper {
	max-width: var(--wp--custom--layout--wide);
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 120px;
	padding-left: var(--wp--preset--spacing--medium);
	padding-right: var(--wp--preset--spacing--medium);
	margin-top: 30px;
}
.share-banner h3 {
	max-width: var(--wp--custom--layout--wide);
	margin: 0 auto;
	padding-left: var(--wp--preset--spacing--medium);
	padding-right: var(--wp--preset--spacing--medium);
}
.share-buttons {
	display: flex;
	gap: var(--wp--preset--font-size--behemoth);
}
.share-actions button {
	background: none;
	border: 1px solid black;
	padding: 20px 50px;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 15px;
	max-width: max-content;
}
.share-actions {
	display: flex;
	gap: 30px;
	padding-left: 60px;
	border-left: 1px solid #00000033;
}

.share-banner-wrapper a {
	display: flex;
	align-items: center;
	gap: 15px;
	text-decoration-thickness: 3px;
	text-underline-offset: 10px;
}
.share-banner {
	padding: 60px 0;
}

/* temp cant see where its coming from atm*/
article.type-research .category-reading-time {
	display: none;
}


a.close-button {
	position: absolute;
	top: 50%;
	right: 90px;
	transform: translate(0%, -50%);
	display: flex;
	cursor: pointer;
}


/*Header search*/
.header-search-wrap {
	position: absolute;
	z-index: 100;
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s ease-in-out;
	right: 26px;
}
.header-search-wrap.search-visible {
	opacity: 1;
	visibility: visible;
}
.header-search-wrap button {display:flex;padding:0;align-items: center;justify-content: center;background: #f6be00;aspect-ratio: 1/1;max-height: 50px;}
.header-search-wrap form {
	border: 0;
}
.wp-block-search__inside-wrapper {
	display: flex;
	align-items: center;
}
.wp-block-search__inside-wrapper {
	border: none;
}

.wp-block-search input {
	min-width: 300px;
	background: #FFF;
	color: var(--wp--preset--color--primary);
	border: 4px solid var(--wp--preset--color--primary);
	border-radius: 50px;
	padding: 12px 18px;
	min-height: 63px;
}

/*Donate Blob for homepage*/
#donate-blob {
	position: absolute;
	right: 0;
	bottom: 0;
	transform: translate(96%, 40%);
	z-index: 50;
}

/*Footer widget*/
.footer-newsletter > .wrap {display:flex;justify-content:space-between;flex-direction:row;align-items: center;}
.footer-newsletter .content, 
.footer-newsletter .newsletter-form {max-width: 50%;width: 100%;}
.footer-newsletter .newsletter-form {display:flex;justify-content: flex-end;}
.footer-newsletter .newsletter-form > div {max-width: 74%;width: 100%;}


/*research sidebar*/
.research-filters {
	background: #ffffff;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	padding: 20px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	position: sticky;
	top: 20px;
	max-height: fit-content;
	height: 100%;
}

.filters-title {
	margin: 0 0 20px 0;
	font-size: 18px;
	font-weight: 600;
	color: #333;
	border-bottom: 2px solid #f0f0f0;
	padding-bottom: 10px;
}

/* Accordion Styling */
.filter-accordion {
	margin-bottom: 16px;
	border: 1px solid #e8e8e8;
	border-radius: 6px;
	overflow: hidden;
	transition: box-shadow 0.2s ease;
}

.filter-accordion:hover {
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}
button.apply-filters-btn {
	background: var(--wp--preset--color--primary);
}

.accordion-toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 14px 16px;
	background: #f8f9fa;
	border: none;
	cursor: pointer;
	font-weight: 600;
	font-size: 14px;
	color: #495057;
	transition: all 0.2s ease;
	text-align: left;
}

.accordion-toggle:hover {
	background: #e9ecef;
	color: #212529;
}

.accordion-toggle.active {
	background: var(--wp--preset--color--primary);
	color: white;
}

.accordion-icon {
	width: 16px;
	height: 16px;
	transition: transform 0.2s ease;
	flex-shrink: 0;
}

.accordion-toggle.active .accordion-icon {
	transform: rotate(180deg);
}

.accordion-content {
	display: none;
	padding: 12px 0;
	background: #ffffff;
	border-top: 1px solid #e8e8e8;
	max-height: 300px;
	overflow-y: auto;
}

.accordion-toggle.active + .accordion-content {
	display: block;
	animation: slideDown 0.2s ease;
}
label.filter-option input[type=checkbox]{
	width: 20px;
	height: 20px;
}

#mobile-menu ul.sub-menu.active {
    display: block;
    transition: opacity 0.2s ease-in;
    opacity: 1;
}

svg.rotated {
    transform: rotate(180deg);
}

@keyframes slideDown {
	from {
		opacity: 0;
		max-height: 0;
	}
	to {
		opacity: 1;
		max-height: 300px;
	}
}

/* Filter Options */
.filter-option {
	display: flex;
	align-items: center;
	padding: 8px 10px;
	margin: 0;
	cursor: pointer;
	transition: background-color 0.2s ease;
	font-size: 14px;
}

.filter-option:hover {
	background: #f8f9fa;
}

.filter-option input[type="radio"] {
	margin: 0 10px 0 0;
	accent-color: #007cba;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.filter-label {
	flex: 1;
	color: #495057;
	font-weight: 400;
}

.term-count {
	color: #6c757d;
	font-size: 12px;
	font-weight: 500;
	margin-left: 8px;
	background: #e9ecef;
	padding: 2px 6px;
	border-radius: 10px;
}

/* Filter Actions */
.filter-actions {
	margin-top: 20px;
	padding-top: 16px;
	border-top: 1px solid #e0e0e0;
	display: flex;
	gap: 10px;
}

.clear-filters-btn, .apply-filters-btn {
	width: 100%;
	padding: 10px 16px;
	background: var(--wp--preset--color--primary);
	color: white;
	border: none;
	border-radius: 25px;
	cursor: pointer;
	font-weight: 500;
	font-size: 14px;
	transition: background-color 0.2s ease;
	text-align: center;
}

.clear-filters-btn:hover {
	background: #5a6268;
}

.clear-filters-btn:disabled {
	background: #adb5bd;
	cursor: not-allowed;
}
main.site-main.food-archive .posts.grid {
	padding-right: 30px;
}

.posts.grid article.type-foods h2, .posts.grid article.type-foods .readmore {
	color: black;
}

article.type-foods img {
	aspect-ratio: 3/2;
	object-fit: cover;
	border-radius: 12px 12px 0 0;
	vertical-align: middle;
}
/* Loading Indicator */
.filter-loading {
	display: none;
	align-items: center;
	justify-content: center;
	padding: 20px;
	margin-top: 16px;
	background: #f8f9fa;
	border-radius: 4px;
	color: #6c757d;
	font-size: 14px;
}

.filter-loading.show {
	display: flex;
}

.loading-spinner {
	width: 20px;
	height: 20px;
	border: 2px solid #e9ecef;
	border-top: 2px solid #007cba;
	border-radius: 50%;
	animation: spin 1s linear infinite;
	margin-right: 10px;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}


/* events post type */
.type-events .card-meta h2{color:black; margin-bottom:15px;}
.type-events .card-thumbnail {
    flex: 0 0 40%;
    max-width: 40%;
    border: 0;
}

.type-events .card-meta {
    flex: 0 0 60%;
    max-width: 60%;
}

.type-events .excerpt {font-size:14px;margin: 0;}

.event-date-time, .event-location {
    font-size: var(--wp--preset--font-size--tiny);
    display: inline-flex;
    margin-top:15px;
    gap: 5px;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
}

.event-date-time time {
	font-size: var(--wp--preset--font-size--tiny);
    padding: 5px 10px;
    border-radius: 50px;
    background: var(--wp--preset--color--grey);
    display: inline-block;
}



/*research post-type */
.type-research img {
	aspect-ratio: 4/3;
	object-fit: cover;
	border-radius: 12px 12px 0 0;
	vertical-align: middle;
}
.type-research .card-thumbnail {/* min-height: unset; *//* aspect-ratio: 5/3; *//* flex: unset; */}
.type-research a {text-decoration: none;}

.type-research p.eye-condition {
	position: absolute;
	z-index: 9999;
	top: 0;
	left: 0;
	background: white;
	padding: 10px 20px;
	border-radius: 12px 0;
}

.type-research p.institution {
	position: absolute;
	z-index: 9999;
	bottom: 0;
	right: 0;
	background: white;
	margin: 0;
	padding: 10px 20px;
	border-radius: 12px 0 0 0;
}
.posts.grid.columns-8 .research-filters {grid-column: span 2;grid-row: span all;}

.posts.grid.columns-8 article {
	grid-column: span 3;
	border: 1px solid #00000014;
	border-radius: 15px;
}

.posts.grid.columns-8 .type-research h2 {
	margin-bottom: 16px;
}
.filter-accordion .accordion-content label {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
}

.filter-accordion input[type="radio"] {
	min-height: 30px;
	margin: 0;
	width: unset;
}

.research-filters {
	/* flex: 0 0 25%; */
	/* max-width: 25%; */
}

.research-article-wrap {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--wp--preset--spacing--medium);
}

.research-grid {
	display: grid;
	grid-template-columns: 1fr 3fr;
	gap: var(--wp--preset--spacing--medium);
}

.foods-article-wrap {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

article.type-research h2.card-title {margin-bottom:15px;}


/*Page Banner*/
#page-banner {
	background: var(--wp--preset--color--primary);
	color: #FFF;
}

#page-banner .wrap {
	max-width: var(--wp--style--global--content-size);
}
#page-banner .outer-block {
	display: flex;
	align-items: flex-end;
}
#page-banner .inner-block {display: flex;align-items: flex-end;}
#page-banner .inner-block div:nth-child(1) {padding: var(--wp--preset--spacing--medium) 0;}
#page-banner .inner-block div:nth-child(2) {margin-bottom:-25px;margin-bottom: calc(var(--wp--preset--spacing--large) * -1);}
#page-banner .inner-thumbnail img {clip-path: url(#blob_001);-webkit-clip-path: url(#blob_001);}
.archive-header .wrap img {
	clip-path: url(#blob_002);
	-webkit-clip-path: url(#blob_002);
}

/*Related*/
#related-posts {
	background-color: var(--wp--preset--color--grey);
	padding: var(--wp--preset--spacing--large) 0;
	margin-top: var(--wp--preset--spacing--large);
}

/* archive post css only posts post type */
.posts.grid.columns-2 {
	grid-row-gap: var(--wp--preset--spacing--large);
}
.posts.grid.columns-2 .card {
	flex-direction: row;
}

.posts.grid.columns-2 img {
	border-radius: 50%;
	aspect-ratio: 1/1;
	object-fit: cover;
	clip-path: url(#blob_007);
}

.posts.grid.columns-2 .card-thumbnail {/* margin-top: calc(var(--wp--preset--spacing--large) * -1); */}

.posts.grid.columns-2 .type-post {
}
.selector .block.card .card-thumbnail {
	border-radius: 12px 12px 0 0;
}

.post-exerpt {
	margin-top: 15px;
	color: #00000099;
}

/* posts/custom posts css */
.type-eye_conditions, .type-foods, .type-careers {
	position: relative;
}

.type-eye_conditions .card-thumbnail img{
	aspect-ratio: 3/2;
	object-fit: cover;
	vertical-align: middle;
}

#page-banner .inner-block > *:first-child {
	width: 60%;
}

#page-banner .inner-block > *:nth-child(2) {
	width: 40%;
}


#eye-conditions-archive-filter {
	width: calc(33% - 16px);
	padding: 10px;
	background: var(--wp--preset--color--senary);
	border-radius: 12px;
}

#eye-conditions-archive-filter a.filter-btn:first-child {
	padding: 5px 20px;
}

.eye-conditions-results {border-radius:12px;}
.eye-conditions-results::-webkit-scrollbar {width: 12px;}
.eye-conditions-results::-webkit-scrollbar-track {background: #8d9aae;border-radius: 10px;}
.eye-conditions-results::-webkit-scrollbar-thumb {background: #1b365d;border-radius: 10px;}
.eye-conditions-results::-webkit-scrollbar-thumb:hover {background: #1b365d;}
.conditions-grid {display: flex;flex-direction: column;gap: var(--wp--preset--spacing--medium);}

.alphabet-filter-only {
}

.conditions-article-wrap {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: var(--wp--preset--spacing--medium);
}
.a-z-eye-condition-filter {min-width: 310px;display: flex;flex-direction: column;background: #FFF;gap: 10px;padding: 10px;margin-bottom: var(--wp--preset--spacing--small);}
.menu-item .alphabet-filter button {
	background: none;
	border: none;
	color: black;
	font-weight: 500;
	font-size: 16px;
	background: var(--wp--preset--color--quinary);
	border-radius: 25px;
	min-height: 30px;
	min-width: 30px;
	cursor: pointer;
}

.menu-item .alphabet-filter button:first-child {flex: 1;min-width: 50px;}

.menu-item .filter-btn:hover {
	background: var(--wp--preset--color--quaternary);
	color: white;
}

.menu-item  button.filter-btn.active {
	background: var(--wp--preset--color--quaternary);
	color: white;
	padding: 5px 10px;
}

.menu-item  button.filter-btn.inactive {background:#CCC;cursor:not-allowed;}

.menu-item  .eye-conditions-list {
	display: flex;
	flex-direction: column;
	gap: 0px;
}

.menu-item .eye-conditions-list a {}

.menu-item .alphabet-filter{padding: 10px;background: var(--wp--preset--color--primary);justify-content: flex-start;grid-template-columns: repeat(9, 1fr);}

.menu-item .eye-conditions-results {
	display: flex;
	gap: 0;
	margin: 0;
	background: #FFF;
	padding: 0px;
	max-height: 220px;
	overflow-x: hidden;
	overflow-y: auto;
}

.menu-item .eye-conditions-results p {margin:0;font-weight: 600;font-size: 16px;}

.menu-item .eye-conditions-results h3 {
	margin: 0;
}
div#archive-loading {
	position: absolute;
	left: 50%;
	top: 20%;
	display: block;
	transform: translate(-50%, -7px);
}
.alphabet-filter {
	display: grid;
	gap: 5px;
	flex-wrap: wrap;
	grid-template-columns: repeat(14,1fr);
}
a.filter-btn:first-child {
	grid-column: span 2;
}
.alphabet-filter a {
	background: var(--wp--preset--color--primary);
	color: white;
	text-decoration: none;
	border-radius: var(--wp--custom--border--radius--medium);
	min-width: 35px;
	font-weight: 600;
	min-height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.filter-btn.inactive.disabled {
	background: var(--wp--preset--color--senary);
	color: var(--wp--preset--color--primary);
	text-decoration: none;
	border-radius: 55px;
	font-weight: 400;
	min-width: 35px;
	min-height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: not-allowed;
}

a.filter-btn.active,.alphabet-filter a:hover {
	background: var(--wp--preset--color--quinary);
	color:var(--wp--preset--color--primary);
}

div#eye-conditions-archive-filter {
	margin-bottom: 30px;
}



.sightloss-counter-container {
	font-size: var(--wp--preset--font-size--large);
	font-weight: 700;
}


.counter-minutes {
	font-size: var(--wp--preset--font-size--gigantic);
	display: block;
}

.counter-statement {
	display: block;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 5px solid currentColor;
}

.timer-help {
	display: block;
}


.type-team {
    border-radius: 12px;
    border: 1px solid #00000012;
    overflow: hidden;
}

.type-team img {
    border-radius: 12px 12px 0 0;
    vertical-align: middle;
}

.type-team a {
    text-decoration: none;
}
/* food filter grid */

.filter-options-grid {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
}

.foods-filter-form .filter-option {
	gap: 10px;
}

div#foods-archive-filter .alphabet-filter {
}

.food-archive {
	display: grid;
	grid-template-columns: 1fr 3fr;
	gap: var(--wp--preset--spacing--medium);
}

#foods-archive-filter {
	grid-column: span 2;
}

.filter-grid h4 {
	font-size: 16px;
}

.type-foods {
	.key-nutrients {
		font-size: 12px;
		display: flex;
		gap: 5px;
		p {
			color: white;
			padding: 5px 10px;
			border-radius: 50px;
			margin: 0;
		}
	}
	.category-reading-time {
		display: none;
	}

	h2.card-title {
		margin-bottom: 10px;
	}

	.card-thumbnail {
		aspect-ratio: 3/2;
	}  
}
.key-nutrients {
	.antioxidants {
		background-color: #9B59B6;
	}

	.vitamin-a {
		background-color: #E67E22;
	}

	.vitamin-c {
		background-color: #F1C40F;
	}

	.vitamin-k {
		background-color: #27AE60;
	}

	.vitamin-e {
		background-color: #E84393;
	}

	.b-vitamins {
		background-color: #16A085;
	}

	.omega-3 {
		background-color: #3498DB;
	}

	.fibre {
		background-color: #8E735B;
	}

	.protein {
		background-color: #C0392B;
	}

	.minerals {
		background-color: #7F8C8D;
	}
}

.search .posts.grid article .readmore, .search .posts.grid article .author, .search .posts.grid article .card-category {
    display: none;
}

/* animate numbers css */

.digit-container {
	position: relative;
	overflow: hidden;
	display: inline-block;
	vertical-align: baseline;
	line-height: 1;
	margin-bottom: -6px;
}

.roller {
	display: flex;
	flex-direction: column;
	transition: transform 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	will-change: transform;
	transform: translateY(5px);
}

.digit {
	display: flex;
	flex-shrink: 0;
	line-height: 1;
	justify-content: center;
}

.wp-block-nblocks-accordion.nblocks-accordion {
	padding: 0 0 15px 0;
	margin: 0;
}


/* Base styles - text visible by default for SEO */
.is-style-fading {
  opacity: 1;
  visibility: visible;
}

/* Word animation styles */
.is-style-fading span {
  display: inline-block;
  opacity: 0;
  filter: blur(4px);
  animation: fadeInWord 0.8s cubic-bezier(0.11, 0, 0.5, 0) forwards;
}

/* Keyframe animation */
@keyframes fadeInWord {
  to {
    opacity: 1;
    filter: blur(0);
  }
}

/* Respect user motion preferences */
@media (prefers-reduced-motion: reduce) {
  .is-style-fading span {
    animation: none;
    opacity: 1;
    filter: none;
  }
}

/* Fallback for users without JavaScript */
.no-js .is-style-fading span {
  opacity: 1;
  filter: none;
  animation: none;
}



/* 404 */
@keyframes pulse-glow {
	0%, 100% { opacity: 0.3; transform: scale(1); }
	50% { opacity: 0.6; transform: scale(1.05); }
}

@keyframes float {
	0%, 100% { transform: translateY(0px); }
	50% { transform: translateY(-10px); }
}

@keyframes blink {
	0%, 90%, 100% { transform: scaleY(1); }
	95% { transform: scaleY(0.1); }
}

.error-404-wrapper {
	position: relative;
	min-height: 60vh;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	padding: 3rem 1rem;
}

.error-404-wrapper::before,
.error-404-wrapper::after {
	content: '';
	position: absolute;
	border-radius: 50%;
	background: rgba(255, 193, 7, 0.08);
	filter: blur(80px);
	animation: pulse-glow 4s ease-in-out infinite;
}

.error-404-wrapper::before {
	top: 10%;
	left: 20%;
	width: 250px;
	height: 250px;
}

.error-404-wrapper::after {
	bottom: 20%;
	right: 20%;
	width: 300px;
	height: 300px;
	animation-delay: 1s;
}

.error-404-content {
	position: relative;
	z-index: 10;
	text-align: center;
	max-width: 800px;
}

.eye-container-404 {
	margin-bottom: 2rem;
	position: relative;
	display: inline-block;
}

.eye-wrapper-404 {
	position: relative;
	width: 280px;
	height: 168px;
	animation: float 3s ease-in-out infinite;
	margin: 0 auto;
}

.upper-eyelid-404 {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 84px;
	background: rgba(255, 255, 255, 0.05);
	border-radius: 140px 140px 0 0;
	border-top: 3px solid rgba(255, 193, 7, 0.3);
	border-left: 3px solid rgba(255, 193, 7, 0.3);
	border-right: 3px solid rgba(255, 193, 7, 0.3);
}

.eye-white-404 {
	position: absolute;
	left: 28px;
	right: 28px;
	top: 20px;
	bottom: 20px;
	background: #ffffff;
	border-radius: 50%;
	box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.3);
}

.iris-container-404 {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.iris-404 {
	position: relative;
	width: 140px;
	height: 140px;
	border-radius: 50%;
	background: linear-gradient(135deg, #ffc107 0%, #ff9800 50%, #ffc107 100%);
	border: 3px solid #16213e;
	box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.3);
}

.pupil-container-404 {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pupil-404 {
	position: relative;
	z-index: 20;
	background: rgba(22, 33, 62, 0.95);
	border-radius: 50%;
	width: 98px;
	height: 98px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.5);
}

.pupil-404-text {
	font-size: 2.5rem;
	font-weight: 700;
	color: #ffc107;
	letter-spacing: -0.05em;
}

.light-reflection-1-404 {
	position: absolute;
	top: 14px;
	right: 20px;
	width: 20px;
	height: 20px;
	background: rgba(255, 255, 255, 0.4);
	border-radius: 50%;
	filter: blur(3px);
}

.light-reflection-2-404 {
	position: absolute;
	top: 20px;
	right: 28px;
	width: 10px;
	height: 10px;
	background: rgba(255, 255, 255, 0.6);
	border-radius: 50%;
}




.lower-eyelid-404 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 84px;
	background: rgba(255, 255, 255, 0.05);
	border-radius: 0 0 140px 140px;
	border-bottom: 3px solid rgba(255, 193, 7, 0.3);
	border-left: 3px solid rgba(255, 193, 7, 0.3);
	border-right: 3px solid rgba(255, 193, 7, 0.3);
	animation: blink 6s ease-in-out infinite;
}


hr.hr-404 {
	background-color: var(--wp--preset--color--quinary);
}

a.wp-block-button__link.has-white-color.button-404.has-text-color.has-background {
	background: var(--wp--preset--color--quinary);
}


.error-404-text {
	margin-top: 2rem;
}

.error-404-title {
	font-size: 2rem;
	font-weight: 700;
	margin-bottom: 1rem;
	line-height: 1.2;
}

.error-404-title .highlight-see {
	color: #ffc107;
}

.error-404-description {
	font-size: 1.125rem;
	opacity: 0.85;
	max-width: 28rem;
	margin: 0 auto 2rem;
	line-height: 1.6;
}

.eye-icons-404 {
	margin-top: 3rem;
	display: flex;
	justify-content: center;
	gap: 1rem;
	opacity: 0.3;
}

.eye-icon-404 {
	width: 20px;
	height: 20px;
	animation: pulse-icon 2s ease-in-out infinite;
}

.eye-icon-404:nth-child(2) {
	animation-delay: 0.5s;
}

.eye-icon-404:nth-child(3) {
	animation-delay: 1s;
}

@keyframes pulse-icon {
	0%, 100% { opacity: 0.3; }
	50% { opacity: 1; }
}



@media all and (max-width: 1600px) {
	.alphabet-filter-only > .alphabet-filter {
	}

}



@media all and (max-width: 1600px) {
	main.site-main.food-archive .posts.grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media all and (max-width: 1300px) {
	.site-header .wrap {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}

	.site-header .wrap img {
		width: 175px;
	}

	.btn-wrap {
		right: 70px;
		position: relative;
	}
	div#toggle-wrap {
		position: absolute;
		right: 40px;
	}
	.header-search-wrap {
		right: 95px;
	}
}

@media all and (max-width: 1200px) {
	.alphabet-filter-only > .alphabet-filter {
	}
	.research-article-wrap{grid-template-columns: repeat(2, 1fr);}
	.posts.research-grid{flex-direction:column;}
	.posts.research-grid > * {width:100%; flex:0 0 100%;max-width:100%;}
	.research-article-wrap{padding:0;}
	.share-banner-wrapper {
		grid-template-columns: repeat(1,1fr);
		gap: 30px;
	}

	.share-buttons {
		justify-content: left;
		gap: 60px;
	}

	.share-actions {
		border-left: none;
		padding: 0;
		border-top: 1px solid #00000033;
		padding-top: 30px;
	}

}



@media all and (max-width: 1100px) {
	.is-layout-grid.columns-3 {grid-template-columns: repeat(2, 1fr);}
	.wp-block-group.is-style-top-offset {margin-top: 0px;}
}

@media all and (max-width: 1000px) {
	.archive-header {
    padding-bottom: 150px;
}
	.posts.grid.columns-2 {
    grid-template-columns: repeat(1,1fr);
}
	.latest-news-grid.grid.columns-2 {grid-template-columns:repeat(1,1fr);}
	.is-layout-grid.columns-10 {
		grid-template-columns: repeat(8,1fr);
	}
	.header-search-wrap {
		right: 92px;
	}
	.conditions-grid {flex-direction: column;}
	.alphabet-filter-only > .alphabet-filter {
	}

	.conditions-grid .alphabet-filter-only, .conditions-grid .conditions-article-wrap {
		flex: 0 0 100%;
		width: 100%;
		max-width: 100%;
		padding: 0;
	}

	.alphabet-filter-only > .alphabet-filter {
	}
	.conditions-article-wrap{grid-template-columns:repeat(2, 1fr)}

	main.site-main.food-archive .posts.grid {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}

@media all and (max-width: 800px) {
		.search .posts.grid.columns-3 {
    grid-template-columns: repeat(2,1fr);
}
	.wp-block-group-is-layout-grid.columns-12 {
		grid-template-columns: repeat(6, 1fr);
	}

	.wp-block-group-is-layout-grid.columns-12 > article{
		grid-column:span 6;
	}

	main.site-main.food-archive{display:flex; flex-direction:column;}
	main.site-main.food-archive .posts.grid.columns-3 {padding:0;}
	.filter-options-grid {grid-template-columns: repeat(3, 1fr);}
	.columns-12 .wp-block-image {
		grid-column: span2;
	}
}



@media all and (max-width: 782px) {
	.footer-newsletter .content, .footer-newsletter .newsletter-form {
		max-width: 100%;
		width: 100%;
	}

	.gform-footer {
		text-align: left;
	}
	.header-search-wrap {
		right: 87px;
	}

	#donate-blob {transform: translate(10px,10px);position: absolute;bottom: -220px;}

	.wp-block-group.is-style-left-curve {
		clip-path: ellipse(100% 100% at bottom);
	}
	.wp-block-group.is-style-left-curve-inverted, .is-style-left-curve-inverted {
		clip-path: ellipse(100% 100% at bottom);
	}
	.is-style-banner-height > .wp-block-group {
		min-height: 40vh !important;
	}

	.footer-newsletter > .wrap {
		flex-direction: column;
		display: flex;
		align-items: start;
	}

	.footer-newsletter .newsletter-form {
		justify-content: flex-start;
	}

	#copyright .wrap{
		grid-template-columns:repeat(2,1fr);
	}
	#copyright .wrap > *:last-child {grid-column: span 2;}
}




@media (min-width: 768px) {
	.error-404-title {
		font-size: 3rem;
	}

	.eye-wrapper-404 {
		width: 320px;
		height: 192px;
	}

	.upper-eyelid-404,
	.lower-eyelid-404 {
		height: 96px;
	}

	.upper-eyelid-404 {
		border-radius: 160px 160px 0 0;
	}

	.lower-eyelid-404 {
		border-radius: 0 0 160px 160px;
	}

	.eye-white-404 {
		left: 32px;
		right: 32px;
		top: 24px;
		bottom: 24px;
	}

	.iris-404 {
		width: 160px;
		height: 160px;
	}

	.pupil-404 {
		width: 112px;
		height: 112px;
	}

	.pupil-404-text {
		font-size: 3rem;
	}


}

@media all and (max-width: 650px) {

	.is-layout-grid.columns-3 {
		grid-template-columns: repeat(1, 1fr);
	}
	.filter-options-grid {grid-template-columns: repeat(2, 1fr);}
	.research-article-wrap {
		grid-template-columns: repeat(1, 1fr);
	}

}
@media all and (max-width: 600px) {
	.conditions-article-wrap{grid-template-columns:repeat(1, 1fr)}
	.alphabet-filter-only > .alphabet-filter {
		grid-template-columns: repeat(7, 1fr);
	}
	.is-layout-grid.columns-10 {
		grid-template-columns: repeat(4,1fr);
	}
	.search .posts.grid.columns-3 {
    grid-template-columns: repeat(1,1fr);
}
}

@media all and (max-width: 500px) {
		.posts.grid.columns-2 .type-post a {
		display: flex;
		flex-direction: column;


	}

	.posts.grid.columns-2 .type-post a {
		.card-thumbnail{
			width:100%;
			img{
				max-width:200px;
			}
		}
		.card-meta{
			width:100%;
		}
	}
	
	.share-buttons {
		flex-direction: column;
		gap: 30px;
	}

	.share-actions {
		flex-direction: column;
	}
	.wp-block-search input {
		min-width: 200px;
		width: 200px;
	}
	#copyright .wrap{
		grid-template-columns:repeat(1,1fr);
		gap:20px;
	}
	#copyright .wrap > * {grid-column:span 2;}

	li.menu-item.donate.mobile {
		display: block;
	}
	li.menu-item.donate.desktop {
		display: none;
	}

	li.menu-item.donate.mobile > a {
		width: 90%;
		position: absolute;
		right: 50%;
		top: 30px;
		transform: translate(50%, 0px);
		display: flex;
		justify-content: center;
	}

	li.menu-item.donate.mobile {
		position: relative;
	}
}

@media all and (max-width: 450px) {

	.wp-block-search input {
		min-width: 175px;
		width: 175px;
	}
	.alphabet-filter-only > .alphabet-filter {
		grid-template-columns: repeat(6, 1fr);
		padding: 10px;
	}
	.filter-options-grid {grid-template-columns: repeat(1, 1fr);}
	.is-layout-grid.columns-10 {
		grid-template-columns: repeat(2,1fr);
	}
	.site-header .wrap img {width:145px;}
}