/*
Theme Name: ASGA 2026 Theme
Theme URI: 
Author: BNOC Studios
Author URI: http://bnocstudios.com
Description: 
Version: 1
Requires at least: 5.2
Tested up to: 6.8
Requires PHP: 7.4
License: 
License URI: 
Text Domain: 
*/

/*------------------------------------*\
    Color Guide
	navy blue: #053a59
	Medium blue: #1879bf
	main blue: #2491cf
	lt blue1: #23aae2
	lt blue2: #a8def3
	lt blue3: #d3eef8
	lt blue4: #f3fbfd
	dk green: #68a236
	green: #8dc640
	lt green1: #d2e6b3
	lt green2: #e9f2d9
	lt green3: #f3f9ec
	Yellow 1: #FFFDE7
	yellow 2: #f9e58e
	yellow 3: #fbd448
	yellow 4: #eab83f
	lt purple: #fce9ff
	Purple 1: #93629e
	purple 2: #734679
	Red 1: #ef5f50
	Red 2: #ce2d27
	Blue grey: #495966
	text-color: #434444
\*------------------------------------*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,
dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,
details,embed,figure,figcaption,footer,header,hgroup,menu,
nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
html {
    scroll-behavior: smooth;
}

body {
    background-color: #edf3d3;
    font-family: 'myriad-pro', sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.5;
    color: #434444;
}

p {
    line-height: 1.5;
    padding: 12px 0;
}

h1{
    color:#2491cf;
    font-family: 'playfair-display', serif;
    font-weight: 700;
    font-size: 36px;
}
h2 {
    color: #2491cf;
	font-family: 'playfair-display', serif;
    font-weight: 700;
    font-size: 32px;
	padding: 24px 0 12px 0;
}
h2.sponsor-header {
	margin-bottom:16px;
}
h3 {
    font-family: myriad-pro-condensed, sans-serif;
    font-weight: 400;
    color: #80c342;
    font-size: 26px;
    padding: 24px 0 4px 0;
}
h4 {
    font-family: myriad-pro-condensed, sans-serif;
    font-weight: 600;
    color: #053a59;
    font-size: 24px;
    padding: 8px 0 4px 0;
}
h5 {
    font-family: 'playfair-display', serif;
    font-weight: 600;
    color: #2491cf;
    font-size: 24px;
    padding: 24px 0 4px 0;
}
a {
    text-decoration-skip-ink: auto;
    text-decoration: none;
    color: #2491cf;
}
a[href^="tel"] {
    color: inherit;
    text-decoration: none;
}
a:visited {
    color: #2491cf;
}
button {
    outline: 0;
}
ol,
ul {
 padding-left: 2em;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}
q {
    display: inline;
    font-style: italic;
}
q:before {
    content: '"';
    font-style: normal;
}
q:after {
    content: '"';
    font-style: normal;
}
textarea,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="search"],
input[type="password"] {
    appearance: none;
    border-radius: 0;
}
input[type="search"] {
    appearance: textfield;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
th,
td {
    padding: 2px;
}
big {
    font-size: 120%;
}
small,
sup,
sub {
    font-size: 80%;
}
sup {
    vertical-align: super;
}
sub {
    vertical-align: sub;
}
dd {
    margin-left: 20px;
}
kbd,
tt {
    font-family: courier;
    font-size: 12px;
}
ins {
    text-decoration: underline;
}
del,
strike,
s {
    text-decoration: line-through;
}
dt {
    font-weight: bold;
}
address,
cite,
var {
    font-style: italic;
}
article, aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block;
}
* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
.sticky {
}
.bypostauthor {
}
.wp-caption {
}
.wp-caption-text {
}
.gallery-caption {
}
.alignright {
}
.alignleft {
}
.aligncenter {
}
figcaption {
	display: none;
}
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    word-break: normal;
}
.screen-reader-text:focus {
    background-color: #f7f7f7;
    border-radius: 3px;
    box-shadow: 0px 2px 6px #888;;
    clip: auto !important;
    clip-path: none;
    color: #2491cf;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    right: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}
.skip-link {
    left: -9999rem;
    top: 2.5rem;
    z-index: 999999999;
    text-decoration: underline;
}
.skip-link:focus {
    display: block;
    left: 6px;
    top: 7px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    line-height: normal;
    padding: 15px 23px 14px;
    z-index: 100000;
    right: auto;
}
.visually-hidden:not(:focus):not(:active),
.form-allowed-tags:not(:focus):not(:active) {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
}
#wrapper {
    position: relative;
}


#branding {
    width: 300px;
    padding: 0;
    margin: 0 auto;
    background-color: #fff;
}
.site-title {
    display: none;
}
.logo {
    display: block;
    margin-top: 10px;
    width: 300px;
    height: 79px;
}

/* ----------------------------------------------------------- Content -- */
#content {
    
}
.content-header {
    position: relative;
    height: auto;
    min-height: 60px;
    width: 100%;
	margin: 0 0 36px 0;
	background-color: rgba(38, 150, 211, .5);
}

.entry-title, .page-title {
 background-color: rgba(38, 150, 211, .8);
    line-height: 1;
    padding: 12px 84px 12px 48px;
    width: 80%;
    min-width: 400px;
    clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 95% 100%, 0% 100%);
    position: absolute;
	top: 12px;
	z-index: 99;
    color: #fff;
}
h1.entry-title, h1.entry-title a {
	   color: #fff;
}
h1.page-title, h1.page-title a {
	font-size: 24px;
    color: #fff;
}
.italic-h2{
    font-style: italic;
    padding: 12px 0;
    font-size: 24px;
}
article {
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
}

.main-content-container {
    display: block;
    width: 100%;
    max-width: 1440px;
    background-color: #fff;
    margin: 0 auto;
}

.breadcrumb-container {
    background-color: rgba(38, 150, 211, .5);
    text-align: right;
    width: 100%;
    padding: 2px 12px;
    position: absolute;
    bottom: 0;
}
.content-header img {
    height: 240px;
    object-fit: cover;
}
.rank-math-breadcrumb {
    color: #fff;
    opacity: 1.0;
    font-size: 13px;
}
.rank-math-breadcrumb a {
    color: #fff;
    opacity: 1.0;
    text-decoration: underline;
}


.post-content-header {
    text-align: center;
}
h1.post-entry-title {
    position: relative;
    height: auto;
    min-height: 60px;
    width: 100%;
	margin: 0;
    padding: 24px 0 12px 0;
    line-height: 1.2;
    color: #053a59;
}
h1.post-entry-title a {
    color: #053a59;
}
.post-meta {
    text-align: right;
    font-size: .9em;
    width: 100%;
    max-width: 900px;
    padding: 4px;
    border-top: solid 1px #8dc640;
    border-bottom: solid 1px #8dc640;
    margin: 4px auto 24px auto;
    color: #68a236;
    text-transform: uppercase;
}
.post-meta a {
           color: #8dc640;
;
}
.post-content-header img {
    display: none;
}
.post-entry-content{
    width: 100%;
    padding: 4px;
    margin: 0 auto;
    max-width: 840px;
}
.post-footer {
    width: 100%;
    max-width: 900px;
    margin: 0 auto 36px auto;
    padding: 4px;
    border-top: solid 1px #8dc640;
}
.posts-grid {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 0 36px 0;
    position: relative;
}
.post-card {
    display: flex;
    margin: 24px 0;
    border-bottom: solid 3px #8dc640;
}
.grid-post-thumbs{
    width: 100%;
}
.grid-post-thumbs img {
    height: auto;
    width: 100%;
    object-fit: cover;
}
.grid-post-content {
    padding: 0 8px;
    margin-bottom: 24px;
    margin-top: 24px;
}

.post-grid-header {
    display: block;
}

.post-grid-meta a {
    color: #8dc640;
    text-transform: uppercase;
}
.post-grid-footer {
    padding-bottom: 24px;
}
a.read-more, .read-more a, a.post-card__readmore {
    text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.05em;
    color: #eab83f;
}
.post-card-index {
  margin: 24px 0;
  border-bottom: solid 3px #8dc640;
}
a.read-more, .read-more a, a.post-card__readmore {
    text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.05em;
    color: #eab83f;
	margin-bottom: 24px;
}
.post-card__meta {
	color: #68a236;
	margin-top: 8px;
}
.post-card__meta a {
	color: #8dc640;
		margin-top: 8px;
}

h2.post-card__title {
	line-height: 1.2;
	margin: 4px 0 8px 0;
	padding: 0;
}
h3:where(.wp-block-heading).has-background
{ padding-top: .9em; padding-bottom: .9em;}
h2.farmers {
	color: #8dc640;
font-size: 24px;
line-height: 1.3;
padding: 0;
margin: 0; 
}
h4.farmers {
	font-size: 18px;
	padding: 4px 0 8px 0;
}
.post-card__body {
	padding-bottom: 24px;
}
.board-member-post {
    max-width: 840px;
    margin: 0 auto;
	 padding: 24px;
    text-align: center;
}
.board-member-photo img {
    width: 200px;
    height: 200px;
    margin: 24px auto;
    border: 1px solid #053a59;
    border-radius: 200px;
    object-fit: cover;
}
/* Research Library */
.single-posts-research {
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 48px;
}
h1.research-title {
	text-align: left;
	border-bottom: 4px solid #f7fce3;
	padding: 0 0 12px 8px;
	font-size: 32px;
	line-height: 1.2;
}
a.pdf-download-btn {
	display: inline-block;
	color: #fff;
	background-color: #2491cf;
	padding: 8px 12px 8px 16px;
	margin: 8px 0 16px 0;
}
a.pdf-download-btn:hover {
	background-color: #053a59;	
}
.custom-taxonomy-archive {
	padding-top: 32px;
}
.taxonomy-posts-grid {
	max-width: 960px;
	margin: 0 auto;
	padding: 8px 16px 16px 16px;
	border: 1px solid #8dc640;
}
.research-archive-header {
	position: relative;
  height: auto;
  min-height: 60px;
  width: 100%;
	max-width: 960px;
  margin: 0 auto;
	padding: 0;
  background-color: #8dc640;
		display: flex;
	gap: 24px;

}
.research-archive-title {
	background-color: rgba(5, 58, 89, 1);
  padding: 12px 36px;
  width: 90%;
  min-width: 400px;
	height: auto;
  clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 95% 100%, 0% 100%);
  z-index: 99;
}
h1.research-archive-title, h1.research-archive-title a {
	color: #fff;
}
.archive-description {
	text-align: right;
	margin-right: 12px;
	font-size: 16px;
}
.taxonomy-item {
	background-color: #f3fbfd;
	padding: 8px 12px;
	margin: 12px 0;
}
h3.research-post-title, h3.research-post-title a {
	color: #053a59;
	padding: 0;
	line-height: 1.2;
}
h3.research-post-title a:hover {
	color: #8dc640;
}
.taxonomy-item:hover {
	background-color: #f6fdea;
}
.source-line {
	display: flex;
	gap: 12px;
}
.source-line p {
	padding: 0;
	font-size: 16px;
	line-height: 1.4;
}
.taxonomy-other-topics {
	max-width: 960px;
	margin: 12px auto;
}
.taxonomy-other-topics ul {
	list-style: none;
	margin:0;
	padding:0;
}
.taxonomy-other-topics ul li {
	display: inline-block;
	margin-bottom: 12px;
}
.taxonomy-other-topics ul li a {
	border: 1px solid #053a59;
	padding: 4px 8px;
	margin-right: 4px;
}
.taxonomy-other-topics ul li a:hover {
		color: #8dc640;
		border: 1px solid #8dc640;
} 
/* Equal height recipe grid cards */
ul.wp-block-post-template.is-layout-grid {
  align-items: stretch !important;
}

ul.wp-block-post-template.is-layout-grid > li.wp-block-post {
  display: flex;
  flex-direction: column;
}

ul.wp-block-post-template.is-layout-grid > li.wp-block-post .wp-block-group {
  flex: 1;
  height: 100%;
  padding-bottom: 0;
  margin-bottom: 0;
}

ul.wp-block-post-template.is-layout-grid > li.wp-block-post .wp-block-group__inner-container {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.wp-block-post .wp-block-group__inner-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}

ul.wp-block-post-template.is-layout-grid > li.wp-block-post .wp-block-post-excerpt {
  flex: 1;
}
ul.wp-block-post-template.is-layout-grid > li.wp-block-post h2 {
	font-size: 24px;
	padding: 12px 0 0 0;
}
:root :where(.is-layout-flow) > * {
  margin-block-start: 12px;
}

.wp-block-query {
	margin: 0 0 48px 0;
	padding: 0;
}
.wp-block-query li { 
    margin-bottom: 36px;
    border-bottom: solid 3px #8dc640;
	display: flex;
    height: 100%;
    flex: 1;
}
.upcoming-webinar {
	padding-top: 24px;
}
.upcoming-webinar li {
    flex-direction: column;
    max-width: 600px;
    gap: 12px;
}
.wp-block-group-is-layout-constrained h2 {
	padding: 0;
	margin: 0;
}
.wp-block-group-is-layout-constrained p {
	padding: 0;
	margin:0;
}

/* Uppercase Read More with arrow */


a.wp-block-read-more, .wp-block-post-excerpt__more-text, a.wp-block-post-excerpt__more-link  {
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.05em;
    color:#eab83f; 
}
a.post-card__readmore::before {
  content: "READ MORE →";
}
a.wp-block-read-more::before {
  content: "READ MORE →";
}
a.wp-block-post-excerpt__more-link::before {
  content: "READ MORE →";
}
a.wp-block-read-more, a.wp-block-post-excerpt__more-link, a.post-card__readmore, a.post-card__readmore {
  font-size: 0; /* hide original "Read more" text */
}
a.post-card__readmore::before,
a.wp-block-post-excerpt__more-link::before, 
a.wp-block-read-more::before {
  font-size: 1rem; /* restore size for pseudo-element */
}
.fact-sheet-loop figure {
	max-height: 140px;
	overflow: hidden;
}
.fact-sheet-loop img {
object-fit: cover;
}


.single-col-card .grid-post-content {
  padding: 0 24px;
  margin: 0;
}

h2.post-grid-title a {
    padding: 0;
    margin: 0;
    text-align: left;
}
h2.post-grid-title {
	font-size: 28px;
    line-height: 1.3;
    padding: 0;
    margin: 0;
}
h2.wp-block-post-title {
	font-size: 28px;
    line-height: 1.3;
    padding: 0;
    margin: 0;
}
h2.wp-block-heading {
	padding: 12px 0 0 0;
	margin-bottom: 16px;
	line-height: 1.2;
}
p.wp-block-post-excerpt__excerpt {
	padding-top: 0;
    margin-top: 0;
}
.wp-block-post .wp-block-read-more, a.post-card__readmore {
    margin-top: 12px;
    margin-bottom: 24px;
}
.kadence-video-overlay { 
	background: #0693e3;
}
.kb-row-layout-wrap {
	width:100%;
	margin: 0;
	padding: 0;
}
.kb-gallery-type-grid {
	align-items: center;
}
.tribe_events {
	display: block;
}
.blog-page {
    display: flex;
    width: 99%;
    max-width: 1200px;
    margin: 0 auto;
}
.left-col {
    width: 67%;
}
.right-col {
    width: 33%;
}
.lower-widgets {
    width: 100%;
    background-color: #2491cf;
}
.lower-widgets h2 {
    color: #fff;
}
.lower-widgets li {
    list-style: none;
}
.newspage {
	max-width: 1200px;
	display:flex;
	flex-direction: row;
	column-gap: 48px;
	margin: 0 auto;
	
}
.left {
	width: 60%;
}
.side-widgets {
	width: 36%;
}
h2.inner-box-headings {
	margin: 0;
	padding: 0;
	line-height: 1;
	font-size: 24px;
}
h3.inner-box-headings {
	font-size: 21px;
	line-height:1.2;
	padding: 8px 0;
	margin: 0;
}
.content-w-side {
	display: flex;
	width: 100%;
	max-width: 1200px;
	margin: 48px auto;
	gap: 48px;
}
#sidebar {
	width: 37%;
	background-color: #fff;
}
.primary-widget-area  {
	border: 1px solid #d3eef8;
	background-color: #f3fbfd;
	padding: 16px;
	height: auto;
}
li.widget_block, .primary-widget-area ul {
	list-style:none;
	padding: 0;
	margin:0;
}

.primary-widget-area ul li {
	padding: 8px 0;
	margin:0;
	border-top: 1px solid #d3eef8;
} 
.primary-widget-area h3 {
	padding: 0 0 16px 0;
	line-height:1.2;
	text-transform: uppercase;
	font-size: 28px;
}

.custom-taxonomy-list {
	list-style: none;
	padding-left: 0;
}

.tribe-events-single {
	   color: #fff;
  margin: 0 auto 48px auto;
  max-width: 1200px;
}
.single-tribe_events .tribe-events-single-event-title {
	color: #2491cf;
}
.single-tribe_events .tribe-blocks-editor .tribe-events-schedule .tribe-events-schedule__datetime {
	line-height: 1;
	color: #053a59;
	margin:0;
	padding:0 0 36px 0;
}
.tribe-events-schedule__separator, .tribe-events-schedule__timezone {
	color: #495966;
}
.tribe-events-style-full .content-header {
	display: none;
}
.page-template-page-asgga {
    background-color: #f9e58e;
}

#footer {
	min-height: 96px;
	background-color: #053a59;
    color: #fff;
	width: 100%;
    max-width: 1440px;
    padding: 36px 48px;
    margin: 0 auto;
	box-shadow: 0px 2px 6px #888;
    display: flex;
}

.footer-columns {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    row-gap: 36px;
}
.foot-col-1, .foot-col-2 {
    width:  100%;
    max-width: 840px;
}
.foot-col-1 img {
    max-width: 220px;
    margin: 0;
}  
.footer-columns h1 {
    font-size: 24px;
}

.quicklinks ul {
    list-style: none;
    margin: 8px 0;
    padding: 0;
    color: #edf3d3;
}
.quicklinks li {
    padding: 8px 0;
}
.quicklinks a {
    color: #e9f2d9;
}
.quicklinks a:hover {
    color: #2491cf;
} 
.fa-brands {
    color: #e9f2d9; 
    margin-right: 8px;
    margin-top: 16px;
    font-size: 24px;
}
.fa-brands:hover {
    color: #2491cf;
} 

#copyright {
	text-align: center;
	font-size: 12px;
	color: #676767;
	margin: 12px 0;
    background-color: #edf3d3;
}

/* ---------------------------------------- HEADER ----*/

header {
    width: 100%;
}
.inner-header {
    background-color: #fff;
}
#branding {
    width: 260px;
}
#menu-toggle {
    display: none;
}
.burger-container {
    width: 100%;
    background-color: #2491cf;
    color: #fff;
    display: inline-flex;
    align-items: center;
    padding: 12px;
}
.hamburger {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    position: static;
    color: #fff;
    user-select: none;
}
.menu-open-state,
.menu-close-state {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.nav-icon {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
}
.menu-label {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
/* Default: show Menu state, hide Close state */
.menu-close-state {
    display: none;
}
/* When checked: swap */
#menu-toggle:checked ~ .burger-container .menu-open-state {
    display: none;
}
#menu-toggle:checked ~ .burger-container .menu-close-state {
    display: inline-flex;
}
.both-menus {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.5s, visibility 0.5s;
    height: 12px;
}
#menu-toggle:checked ~ .both-menus {
    visibility: visible;
    opacity: 1;
    height: fit-content;
}
nav li {
    list-style: none;
    padding: 12px;
    border-bottom: 1px solid #fff;
}
#top-menu a,
.main-menu a {
    color: #fff;
    transition: 0.3s color;
}
.main-menu {
    background-color: #2491cf;
    text-transform: uppercase;
    width: 100%;
}
ul#menu-main-menu, ul#menu-top-menu, ul.sub-menu {
    padding-left: 0;
}

/* ── Caret toggle button (injected by walker) ── */
.caret-toggle {
    background: none;
    border: none;
    padding: 0 0 0 10px;
    cursor: pointer;
    color: inherit;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}
.caret-toggle .caret {
    display: inline-block;
    width: 16px;
    height: 16px;
    transition: transform 0.25s ease;
    transform: rotate(0deg);
    color: #fff;
    flex-shrink: 0;
}
/* Rotate caret when submenu is open (mobile) */
.menu-item-has-children.submenu-open > a .caret,
.menu-item-has-children.submenu-open > .menu-item-link-wrap .caret {
    transform: rotate(180deg);
}

/* ── Parent link row: link + caret side by side ── */
.menu-item-link-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.menu-item-link-wrap > a {
    flex: 1;
}

/* ── Mobile sub-menu: hidden by default, shown on .submenu-open ── */
.sub-menu {
 
    text-transform: capitalize;
    margin-top: 6px;
}
    .menu-item-has-children .sub-menu {
        display: none;
    }
    .menu-item-has-children.submenu-open > .sub-menu {
        display: block;
    }

.sub-menu li {
    border-bottom: none;
    text-align: left;
}
.sub-menu li a {
    display: block;
    width: 100%;
    color: #d3eef8;
    padding-left: 12px;
    border-left: solid 2px #d3eef8;
}

#top-menu {
    background-color: #053a59;
    color: #fff;
    margin: 0;
    width: 100%;
    position: relative;
}
#top-menu li:nth-last-child(3) {
    background-color: #734679;
}
#top-menu li:nth-last-child(2) {
    background-color: #2491cf;
}
#top-menu li:last-child a {
    color: #eab83f;
}
#search {
display: inline-flex;
}
#search-expand {
}
.screen-reader-text {
    display: none;
}
.search-icon-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 36px;
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    flex-shrink: 0;
    transition: color 0.2s;
}
.search-icon-btn:hover {
    color: #80c342;
}

.search-field{
    height: 100%;
    min-height: 36px;
    width: 100%;
    min-width: 300px;
    max-width: 600px; 
    background-color: #053a59;
    border: none;
    color: #fff;
    padding: 12px;
}
#search-input {
    color: #fff;
    opacity: 1;
}
.wp-block-kadence-videopopup {
    box-shadow: 0 2px 6px #444;
}
.kadence-video-popup-wrap {
    border-radius: 0;
}
.kadence-video-overlay {
    background: none;
}
.footnote-box {
    display: block;
    background-color: #f3f9ec;
    padding: 16px;
    border-left: 3px solid #053a59;
}
/*---------------------------------------------------------------------sidebar widgets ----*/
.widget-area {
    padding: 24px;
    width: 100%;
}
.widget-area ul {
    list-style: none;
}
.newsletter-join-container {
  justify-content: center;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
}

.newsletter-join-container h3, 
.newsletter-join-container p {
	margin: 0;
	padding: 0;
	text-align: center;
}
.newsletter-join-container .wp-block-convertkit-form-builder form {
	color: #fff;

}
.convertkit-form-builder-submit-button .wp-element-button, .wp-block-button__link {
	border-radius: 4px;
	background-color: #fbd448;
	padding:  12px 16px;
	height: auto;
}
.kb-row-layout-id672433-2c > .kt-row-column-wrap {
	margin: 0;
}

/* ══════════════════════════════════════════════════════════════════════════════
   DESKTOP  (≥ 1040px)
════════════════════════════════════════ */

@media (min-width: 1040px) {
    #branding {
        margin: 0;
    }
    header {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        position: relative;
    }
    .inner-header {
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        max-width: 1440px;
        border-bottom: 1px solid #80c342;
        height: 125px;
        padding: 8px 12px;
        margin-top: 60px;
    }
    .burger-container {
        display: none;
    }
    .hamburger {
        display: none;
    }
    .both-menus {
        visibility: visible;
        opacity: 1;
        height: auto;
    }
    nav ul {
        display: inline-flex;
        align-items: center;
    }
    .main-menu {
        background-color: #fff;
    }
    .main-menu li {
        position: relative;
        border-bottom: none;
        line-height: 1.1;
    }
    .main-menu a {
        display: block;
        color: #2491cf;
        border-left: 3px solid #2491cf;
        padding-left: 12px;
        transition: 0.3s color, 1s border;
    }
    .main-menu a:hover {
        color: #053a59;
        border-left: 3px solid #053a59;
    }
    
    
h1.page-title {
	font-size: 36px;
}    
.custom-post-content {
	display: flex;
	flex-direction: row;
	gap: 48px;
	margin-bottom: 48px;
}
.custom-fields-left {
    width: 30%;
	max-width: 440px;
	background-color: #f7fce3;
	padding: 0 16px 16px 16px;
}
.custom-fields-right {
	width: 70%;
	padding-bottom: 36px;
}

    /* ── Desktop: caret always visible, rotates on hover ── */
    .caret-toggle {
        padding: 0 0 0 8px;
        color: #2491cf;
    }
    .main-menu li:hover > .menu-item-link-wrap .caret,
    .main-menu li:hover > a .caret {
        transform: rotate(180deg);
    }

    /* Desktop uses CSS :hover — sub-menu revealed by opacity/pointer-events */
    .sub-menu {
        display: flex !important;
        flex-direction: column;
        background-color: #2491cf;
        align-items: normal;
        padding: 12px;
        width: 100%;
        min-width: 300px;
        position: absolute;
        top: 100%;
        left: 0;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.25s ease;
        margin: 0;
        text-transform: capitalize;
        z-index: 999;
    }
    .sub-menu a {
        display: block;
        color: #d3eef8;
        border-left: solid 2px #d3eef8;
        padding-left: 12px;
    }
    .main-menu li:hover > .sub-menu {
        opacity: 1;
        pointer-events: all;
    }
.caret-toggle .caret {
    width: 0;
}
    /* Prevent the mobile .submenu-open rule from interfering on desktop */
    .menu-item-has-children.submenu-open > .sub-menu {
        opacity: 0;
        pointer-events: none;
    }
    .menu-item-has-children:hover > .sub-menu {
        opacity: 1 !important;
        pointer-events: all !important;
    }


#top-menu {
        position: absolute;
        top: 0;
        left: 0;
        display: inline-flex;
        flex-direction: row-reverse;
        padding-right: 48px;
        box-shadow: 0 2px 6px #888;
    }
    #top-menu li {
        border-right: 1px solid #fff;
        border-bottom: hidden;
        padding: 8px 12px;
    }
    #top-menu {
        transition: 0.3s color;
    }
    #top-menu a:hover {
        color: #80c342;
    }
    #top-menu li:nth-last-child(2) a:hover,
     #top-menu li:nth-last-child(3) a:hover {
        color: #eab83f;
    }
    #top-menu li:last-child a:hover {
        color: #80c342;
    }
    .menu-top-bar-menu-container {
        display: inline-flex;
    }
    .menu-top-menu li {
        padding: 8px 16px;
    }

/* ── Desktop search: icon button + expanding form ── */
    .search {
        padding: 0 !important;
        border-right: 1px solid #fff;
        position: relative;
    }

  

    /* The expanding search panel */
#search {
    display: flex;
    align-items: center;
    position: relative;
}

.search-expand {
    display: flex;                  /* always in flow on desktop */
    align-items: center;
    position: absolute;
    right: 100%;                    /* anchored to the right of the icon */
    top: 0;
    height: 50px;
    width: 0;
    overflow: hidden;
    background-color: #2491cf;
    transition: width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    white-space: nowrap;
}

.search-expand--open {
    width: 320px;
}

.search-expand .search-form {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
}

.search-expand .search-field {
    width: 100%;
    min-height: 50px;
    background-color: #2491cf;
    border: none;
    border-left: 2px solid #80c342;
    color: #fff;
    padding: 0 12px;
    font-size: 13px;
    outline: none;
    opacity: 1;
}
.search-expand .search-field:focus {
    background-color: #2491cf;
    width: 100%;
}
   
.content-header img {
    height: 400px;
}  
.newsletter-join-container .wp-block-convertkit-form-builder form {
  display: flex;
  gap: 16px;
	justify-content: center;
	align-items: center;
	color: #fff;
    padding-bottom: 36px;
}   
.footer-columns {
    justify-content: space-between;
    flex-wrap: nowrap;
}    
.foot-col-1 {
    margin: 0;
    max-width: 600x;
}  
.foot-col-1 p {
    margin: 0;
}   

.foot-col-2 {
    width: 360px;
}
.single-posts {
    max-width: 840px;
    margin: 0 auto;
}    
    .archive-post-thumbnail {
	display: block;
	width: 500px;
	height: 100px;
	padding-right: 24px;
}
.archive-post-thumbnail img {
	display: block;
	width: 100%;
	object-fit: contain;
  max-height: 200px;
}
 
}