@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=DM+Sans:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap');

/* ============================================================
   PONCA MEETING AGENDAS BLOCK
   Class prefix: ponca-ma — distinct from ponca-hh, ponca-ih, etc.
   ============================================================ */

.ponca-ma {
	width: 100%;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	background: var(--ma-bg, transparent);
}

.ponca-ma *,
.ponca-ma *::before,
.ponca-ma *::after {
	box-sizing: border-box;
}

/* ---------- Container ---------- */
.ponca-ma__container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: column;
}

/* ---------- Header ---------- */
.ponca-ma__header {
	display: flex;
	flex-direction: column;
}

.ponca-ma__header-text {
	display: flex;
	flex-direction: column;
}

.ponca-ma__eyebrow {
	display: inline-block;
}

.ponca-ma__title {
	margin: 0;
}

.ponca-ma__title-l1,
.ponca-ma__title-l2 {
	display: inline;
}

.ponca-ma__description {
	margin: 0;
}

.ponca-ma__description strong {
	font-weight: 700;
}

.ponca-ma__description em {
	font-style: italic;
}

/* ---------- Notice ---------- */
.ponca-ma__notice {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.ponca-ma__notice-icon {
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
}

.ponca-ma__notice-text strong {
	font-weight: 700;
}

/* ---------- Filters ---------- */
.ponca-ma__filters {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	flex-wrap: wrap;
}

.ponca-ma__search {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	flex-grow: 1;
	min-width: 0;
}

.ponca-ma__search>svg {
	flex-shrink: 0;
}

.ponca-ma__search-input {
	flex: 1 1 auto;
	min-width: 0;
	border: none;
	background: transparent;
	outline: none;
	padding: 0;
	margin: 0;
	color: inherit;
	font: inherit;
}

.ponca-ma__search-input::placeholder {
	color: var(--ponca-ma-placeholder, #A7A7A7);
	opacity: 1;
}

.ponca-ma__search:focus-within {
	outline: none !important;
	outline-offset: none !important;
}

.ponca-ma__select-wrap {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.ponca-ma__select-wrap>svg {
	pointer-events: none;
	flex-shrink: 0;
}

.ponca-ma__select {
	flex: 1 1 auto;
	border: none;
	background: transparent;
	outline: none;
	padding: 0;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
	color: inherit;
	font: inherit;
}

.ponca-ma__select-wrap:focus-within {
	outline: 2px solid var(--ponca-ma-focus, #DEB209);
	outline-offset: 2px;
}

/* ---------- Custom Dropdown (matches Figma Dropdown.png / Dropdown-1.png) ---------- */
.ponca-ma__dropdown {
	position: relative;
	flex-shrink: 0;
}

.ponca-ma__dropdown-trigger {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	width: 100%;
	border: none;
	cursor: pointer;
	font: inherit;
	text-align: left;
	margin: 0;
	box-sizing: border-box;
	transition: border-color 180ms ease, box-shadow 180ms ease;
}

.ponca-ma__dropdown-trigger>svg {
	pointer-events: none;
	flex-shrink: 0;
	transition: transform 200ms ease;
}

.ponca-ma__dropdown[aria-open="true"] .ponca-ma__dropdown-trigger>svg,
.ponca-ma__dropdown-trigger[aria-expanded="true"]>svg {
	transform: rotate(180deg);
}

.ponca-ma__dropdown-trigger:focus-visible {
	outline: 2px solid var(--ponca-ma-focus, #DEB209);
	outline-offset: 2px;
}

.ponca-ma__dropdown-trigger-label {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	flex: 1 1 auto;
	min-width: 0;
}

.ponca-ma__dropdown-panel {
	position: absolute;
	top: calc(100% + var(--ponca-ma-dd-offset, 8px));
	left: 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	box-sizing: border-box;
	z-index: 50;
	overflow-y: auto;
	overflow-x: hidden;
	pointer-events: none;
	opacity: 0;
	transform: translateY(-4px);
	transition: opacity 180ms ease, transform 180ms ease;
	visibility: hidden;
}

.ponca-ma__dropdown-trigger[aria-expanded="true"]+.ponca-ma__dropdown-panel {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
	visibility: visible;
}

.ponca-ma__dropdown-title {
	width: 100%;
	flex-shrink: 0;
	background: inherit;
	border-radius: 6px 6px 0 0;
	box-sizing: border-box;
	pointer-events: none;
}

.ponca-ma__dropdown-list {
	list-style: none;
	margin: 0;
	padding: 0 0 8px;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.ponca-ma__dropdown-item.default-agenda {
	font-size: 12px !important;
}

.ponca-ma__dropdown-item {
	display: flex;
	flex-direction: row;
	align-items: center;
	cursor: pointer;
	box-sizing: border-box;
	transition: background 160ms ease, color 160ms ease;
	user-select: none;
}

.ponca-ma__dropdown-item:hover:not(.is-selected),
.ponca-ma__dropdown-item.is-active:not(.is-selected) {
	background: var(--ponca-ma-dd-hover-bg, #FAF3DA) !important;
	color: var(--ponca-ma-dd-hover-color, #0D0F0E) !important;
}

.ponca-ma__dropdown-item.is-selected {
	background: var(--ponca-ma-dd-selected-bg, #A78607) !important;
	color: var(--ponca-ma-dd-selected-color, #F0EBE4) !important;
}

/* ---------- Groups ---------- */
.ponca-ma__groups {
	display: flex;
	flex-direction: column;
}

.ponca-ma__group {
	display: flex;
	flex-direction: column;
}

.ponca-ma__group-header {
	display: flex;
	flex-direction: column;
	gap: var(--ma-group-header-gap, 6px);
}

.ponca-ma__group-heading {
	margin: 0;
}

.ponca-ma__group-subheading {
	margin: 0;
	font-family: var(--ma-group-subheading-font-family, 'DM Sans', sans-serif);
	font-size: var(--ma-group-subheading-font-size, 20px);
	line-height: var(--ma-group-subheading-line-height, 26px);
	font-weight: var(--ma-group-subheading-font-weight, 600);
	font-style: var(--ma-group-subheading-font-style, normal);
	color: var(--ma-group-subheading-color, #0D0F0E);
}

.ponca-ma__years {
	display: flex;
	flex-direction: column;
}

.ponca-ma__year {
	display: flex;
	flex-direction: column;
}

.ponca-ma__year-heading {
	margin: 0;
}

/* ---------- Document list layout (Complete Document + Access Specific Sections) ---------- */
.ponca-ma__doclist {
	display: flex;
	flex-direction: column;
	gap: var(--ma-doclist-gap, 40px);
}
.ponca-ma__doc-section {
	display: flex;
	flex-direction: column;
	gap: var(--ma-doc-section-gap, 20px);
}
.ponca-ma__section-heading {
	margin: 0;
	color: var(--ma-group-heading-color, #0D0F0E);
    font-family: var(--ma-group-heading-font-family);
    font-size: var(--ma-group-heading-font-size, 20px);
    line-height: var(--ma-group-heading-line-height, 30px);
    font-weight: var(--ma-group-heading-font-weight, 600);
    font-style: var(--ma-group-heading-font-style, normal);
}
.ponca-ma__doc-divider {
	border: 0;
	border-top: var(--ponca-ma-divider-width, 1px) solid var(--ponca-ma-divider-color, #A7A7A7);
	width: 100%;
	margin: 0;
	opacity: 0.35;
}
/* Sections list: white panel with thin dividers between rows */
.ponca-ma__doc-section--list .ponca-ma__items {
	border: 1px solid var(--ma-item-border-color, #F3F3F3);
	border-radius: 6px;
	overflow: hidden;
}
.ponca-ma__doc-section--list .ponca-ma__item {
	height: auto;
	min-height: 78px;
	border-radius: 0 !important;
	border-bottom: 1px solid var(--ma-item-border-color, #F3F3F3) !important;
}
.ponca-ma__doc-section--list .ponca-ma__items > .ponca-ma__item:last-child {
	border-bottom: 0 !important;
}
/* Complete document featured card (taller, holds a note line) */
.ponca-ma__item--complete {
	height: auto;
	align-items: flex-start;
	padding-top: 22px;
	padding-bottom: 22px;
	border: 1px solid var(--ma-item-border-color, #F3F3F3) !important;
	border-radius: 6px;
}
.ponca-ma__item--complete .ponca-ma__item-left {
	align-items: flex-start;
}
.ponca-ma__item--complete .ponca-ma__pill {
	flex-shrink: 0;
}
.ponca-ma__item-note {
	margin: 0;
	font-style: italic;
	white-space: normal;
	font-size:var(--ma-item-sub-font-size, 14)
}

/* ---------- Items ---------- */
.ponca-ma__items {
	display: flex;
	flex-direction: column;
}

.ponca-ma__item {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: var(--ponca-ma-row-padding, 24px);
	border-bottom-width: 0 !important;
	transition: background 200ms ease;
}

.ponca-ma__item:hover {
	background: var(--ponca-ma-row-hover, #FFFCF0) !important;
}

.ponca-ma__items>.ponca-ma__item:first-child {
	border-radius: 6px 6px 0 0;
}

.ponca-ma__items>.ponca-ma__item:last-child {
	border-radius: 0 0 6px 6px;
	border-bottom-width: 1px !important;
}

.ponca-ma__items>.ponca-ma__item:only-child {
	border-radius: 6px;
	border-bottom-width: 1px !important;
}

.ponca-ma__item-left {
	display: flex;
	flex-direction: row;
	align-items: center;
	min-width: 0;
}

.ponca-ma__icon-circle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 100px;
	flex-shrink: 0;
}

.ponca-ma__item-text {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.ponca-ma__item-title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ponca-ma__item-sub {
	white-space: nowrap;
}

a.ponca-ma__item-sub:hover {
	opacity: 0.8;
}

/* ---------- Pills ---------- */
.ponca-ma__pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	flex-shrink: 0;
	text-decoration: none;
	transition: background 180ms ease, color 180ms ease;
}

.ponca-ma__pill--view:hover, .ponca-ma__pill--download:hover {
	background: var(--ponca-ma-view-pill-hover-bg, #DEB209) !important;
	color: var(--ponca-ma-view-pill-hover-color, #FFFFFF) !important;
}

.ponca-ma__pill--view:hover svg, .ponca-ma__pill--download:hover svg {
	stroke: currentColor;
}

.ponca-ma__pill--members[href]:hover {
	opacity: 0.85;
}

/* ---------- Pagination ---------- */
.ponca-ma__pag {
	display: flex;
	flex-direction: column;
}

.ponca-ma__pag-row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.ponca-ma__pag-summary {
	display: inline-block;
}

.ponca-ma__pag-buttons {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
}

.ponca-ma__pag-buttons button,
.ponca-ma__pag-buttons span.ponca-ma__pag-ellipsis {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border: 1px solid #BEBEBE;
	border-radius: 100px;
	cursor: pointer;
	transition: background 180ms ease, color 180ms ease, border-color 180ms ease;
}

.ponca-ma__pag-buttons span.ponca-ma__pag-ellipsis {
	border: 0;
	background: transparent;
	cursor: default;
}

.ponca-ma__pag-buttons button:not(:disabled):hover {
	border-color: #DEB209;
	color: #DEB209;
}

.ponca-ma__pag-buttons button[disabled] {
	cursor: not-allowed;
}

.ponca-ma__pag-divider {
	border: 0;
	height: 0;
	width: 100%;
	border-top: var(--ponca-ma-divider-width, 1px) solid var(--ponca-ma-divider-color, #A7A7A7);
	margin: 0;
}

/* ---------- Footer pattern ---------- */
.ponca-ma__footer-pattern {
	width: 100%;
	background-repeat: repeat-x;
	background-size: cover;
	position:absolute;
	bottom:0px;
	left:0px
}

/* Hidden when filtered out */
.ponca-ma__item.is-hidden,
.ponca-ma__year.is-hidden,
.ponca-ma__group.is-hidden {
	display: none !important;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 1280px) {

	.ponca-ma__title {
		font-size: clamp(40px, 5vw, 56px) !important;
		line-height: 1.1 !important;
	}
}

@media (max-width: 1024px) {
	.ponca-ma__filters {
		flex-direction: column;
	}

	.ponca-ma__search,
	.ponca-ma__select-wrap,
	.ponca-ma__dropdown {
		width: 100% !important;
		flex-basis: auto !important;
	}

	.ponca-ma__group-heading {
		font-size: 24px !important;
		line-height: 32px !important;
	}

	.ponca-ma__year-heading {
		font-size: 18px !important;
		line-height: 24px !important;
	}
}

@media (max-width: 768px) {

	.ponca-ma__title {
		font-size: clamp(32px, 8vw, 44px) !important;
	}

	.ponca-ma__description {
		font-size: 15px !important;
		line-height: 24px !important;
	}

	.ponca-ma__item {
		height: auto !important;
		min-height: 88px;
		flex-direction: column;
		align-items: flex-start !important;
		gap: 12px !important;
	}

	.ponca-ma__pill {
		align-self: flex-start;
	}

	.ponca-ma__pag-row {
		gap: 16px;
	}
}

@media (max-width: 600px) {
	.ponca-ma__title {
		font-size: 32px !important;
		line-height: 38px !important;
	}

	.ponca-ma__group-heading {
		font-size: 20px !important;
		line-height: 28px !important;
	}

	.ponca-ma__icon-circle {
		width: 40px !important;
		height: 40px !important;
	}

	.ponca-ma__item-title {
		font-size: 16px !important;
		line-height: 22px !important;
		white-space: normal;
	}

	.ponca-ma__pag-row {
		flex-direction: column;
		align-items: flex-start;
	}
}

@media (prefers-reduced-motion: reduce) {

	.ponca-ma__item,
	.ponca-ma__pill,
	.ponca-ma__pag-buttons button {
		transition: none !important;
	}
}

/* ============================================================
   v1.2.0 — Header extensions: second paragraph, right-side button,
   contact cards row. All additive — default state renders identically
   to the original block.
   ============================================================ */

/* New main wrapper holds eyebrow + title + descriptions. Inherits
   gap from inline `gap` style (set from `headerInnerGap` attribute). */
.ponca-ma__header-main {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

/* When the right-side button is shown, header switches to a 2-column
   grid: main on the left, button on the right (centered vertically).
   Contacts (if present) span both columns underneath. */
.ponca-ma__header--with-button {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
}

.ponca-ma__header--with-button>.ponca-ma__header-main {
	grid-column: 1;
	grid-row: 1;
}

.ponca-ma__header--with-button>.ponca-ma__header-btn {
	grid-column: 2;
	grid-row: 1;
	align-self: center;
	justify-self: end;
}

.ponca-ma__header--with-button>.ponca-ma__header-contacts {
	grid-column: 1 / -1;
}

/* Button hover state — driven by CSS custom properties set inline */
.ponca-ma__header-btn {
	transition: background-color 200ms ease, color 200ms ease, transform 200ms ease;
}

.ponca-ma__header-btn:hover,
.ponca-ma__header-btn:focus-visible {
	background-color: var(--ponca-ma-btn-hover-bg, #5a0e02) !important;
	color: var(--ponca-ma-btn-hover-color, #FFFFFF) !important;
}

.ponca-ma__header-btn:focus-visible {
	outline: 2px solid #DEB209;
	outline-offset: 2px;
}

.ponca-ma__header-btn-text {
	display: inline-block;
}

.ponca-ma__header-btn-arrow {
	display: inline-block;
}

/* Contact cards row */

.ponca-ma__header-contact-card {
	min-width: 0;
}

.ponca-ma__header-contact-email {
	transition: opacity 180ms ease;
}

.ponca-ma__header-contact-email:hover,
.ponca-ma__header-contact-email:focus-visible {
	opacity: 0.75;
}

.ponca-ma__header-contact-email:focus-visible {
	outline: 2px solid #DEB209;
	outline-offset: 2px;
}

/* ============================================================
   RESPONSIVE — match existing breakpoints (1280, 1024, 768, 600)
   ============================================================ */

@media (max-width: 1024px) {

	/* Tighter column gap for button layout */
	.ponca-ma__header--with-button {
		column-gap: 24px !important;
	}
}

@media (max-width: 768px) {

	/* Button layout: stack the button below the text-block on tablet/mobile.
	   The button still aligns to the start so it doesn't fly to the edge. */
	.ponca-ma__header--with-button {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
	}

	.ponca-ma__header--with-button>.ponca-ma__header-btn {
		grid-column: auto;
		grid-row: auto;
		align-self: flex-start;
		justify-self: flex-start;
	}

	/* Contact cards: drop from 3 columns to 2 on tablet */
	
}

@media (max-width: 600px) {

	/* Contact cards: 1 column on phone */
	.ponca-ma__header-contacts {
		grid-template-columns: 1fr !important;
	}
	.ponca-ma__header-contacts {
			grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		}
	/* Button: tighten padding on small screens */
	.ponca-ma__header-btn {
		font-size: 12px !important;
		padding: 10px 18px !important;
	}

	/* Description 2 keeps its own margin-top, just slightly tighter on mobile */
	.ponca-ma__description--2 {
		margin-top: 10px !important;
	}
}
/* ============================================================
   VARIABLE CONSUMPTION
   render.php emits --ma-* custom properties inline on each element;
   the rules below read them (with the same defaults as render.php) so
   the block's editable colours / typography / spacing actually apply.
   Appended last; every responsive + state override above uses !important,
   so those still win.
   ============================================================ */

.ponca-ma__container {
	max-width: var(--ma-container-max, 1600px);
	gap: var(--ma-container-gap, 60px);
}

/* Header */
.ponca-ma__header { gap: var(--ma-header-row-gap, 24px); }
.ponca-ma__header--with-button { column-gap: var(--ma-header-col-gap, 48px); }
.ponca-ma__header-main { gap: var(--ma-header-main-gap, 24px); }
.ponca-ma__header-text { gap: var(--ma-header-text-gap, 14px); }

.ponca-ma__eyebrow {
	color: var(--ma-eyebrow-color, #DEB209);
	font-family: var(--ma-eyebrow-font-family, 'DM Sans', sans-serif);
	font-size: var(--ma-eyebrow-font-size, 13px);
	line-height: var(--ma-eyebrow-line-height, 22px);
	font-weight: var(--ma-eyebrow-font-weight, 600);
	font-style: var(--ma-eyebrow-font-style, normal);
	letter-spacing: var(--ma-eyebrow-letter-spacing, 3px);
	text-transform: var(--ma-eyebrow-text-transform, uppercase);
}
.ponca-ma__title {
	font-family: var(--ma-title-font-family, 'Cormorant Garamond', serif);
	font-size: var(--ma-title-font-size, 56px);
	line-height: var(--ma-title-line-height, 62px);
	font-weight: var(--ma-title-font-weight, 300);
	letter-spacing: var(--ma-title-letter-spacing, -0.56px);
}
.ponca-ma__title-l1 { color: var(--ma-title-l1-color, #0D0F0E); font-style: var(--ma-title-l1-font-style, normal); }
.ponca-ma__title-l2 { color: var(--ma-title-l2-color, #0D0F0E); font-style: var(--ma-title-l2-font-style, italic); }

.ponca-ma__description {
	color: var(--ma-desc-color, #474747);
	font-family: var(--ma-desc-font-family, 'DM Sans', sans-serif);
	font-size: var(--ma-desc-font-size, 18px);
	line-height: var(--ma-desc-line-height, 30px);
	font-weight: var(--ma-desc-font-weight, 400);
	font-style: var(--ma-desc-font-style, normal);
	max-width: var(--ma-desc-max-width, 719px);
}
.ponca-ma__description--2 { margin-top: var(--ma-desc2-margin-top, 12px); }

/* Notice */
.ponca-ma__notice {
	background-color: var(--ma-notice-bg, #FAF3DA);
	border:solid  var(--ma-notice-border-width, 1px) var(--ma-notice-border-color, #F5E7B3)!important;
	border-radius: var(--ma-notice-radius, 6px);
	padding: var(--ma-notice-padding, 16px);
	gap: var(--ma-notice-gap, 16px);
}
.ponca-ma__notice-text {
	color: var(--ma-notice-color, #6E6B6D);
	font-family: var(--ma-notice-font-family, 'DM Sans', sans-serif);
	font-size: var(--ma-notice-font-size, 16px);
	line-height: var(--ma-notice-line-height, 26px);
	font-weight: var(--ma-notice-font-weight, 400);
}
.ponca-ma__notice-icon {
	color: var(--ma-notice-icon-color, #C8A008);
	width: var(--ma-notice-icon-size, 20px);
	height: var(--ma-notice-icon-size, 20px);
}
.ponca-ma__search-input:focus-visible{
	outline: none !important;
	outline-offset:none !important;
}
/* Filters */
.ponca-ma__filters { gap: var(--ma-filters-gap, 16px); }
.ponca-ma__search,
.ponca-ma__dropdown-trigger {
	background-color: var(--ma-filter-input-bg, #FBFBFB);
	border-width: var(--ma-filter-input-border-width, 1px)  !important;
	border-color: var(--ma-filter-input-border-color, #B4B4B4) !important;
	border-style: solid !important;
	border-radius: var(--ma-filter-input-radius, 6px);
	padding: var(--ma-filter-input-padding, 16px);
	height: var(--ma-filter-input-height, 58px);
}
.ponca-ma__search { flex-basis: var(--ma-search-flex-basis, 900px); }
.ponca-ma__search-input,
.ponca-ma__dropdown-trigger {
	color: var(--ma-filter-color, #474747);
	font-family: var(--ma-filter-font-family, 'DM Sans', sans-serif);
	font-size: var(--ma-filter-font-size, 16px);
	line-height: var(--ma-filter-line-height, 26px);
	font-weight: var(--ma-filter-font-weight, 400);
}
.ponca-ma__dropdown { width: var(--ma-dropdown-width, 305px); }
.ponca-ma__dropdown-panel {
	background-color: var(--ma-dd-panel-bg, #FFFFFF);
	border-width: var(--ma-dd-panel-border-width, 1px);
	border-color: var(--ma-dd-panel-border-color, #B4B4B4);
	border-style: solid;
	border-radius: var(--ma-dd-panel-radius, 6px);
	box-shadow: var(--ma-dd-panel-shadow, 0px 4px 8px rgba(0, 0, 0, 0.08));
	max-height: var(--ma-dd-panel-max-height, 184px);
}
.ponca-ma__dropdown-title {
	color: var(--ma-dd-title-color, #474747);
	font-family: var(--ma-dd-title-font-family, 'DM Sans', sans-serif);
	font-size: var(--ma-dd-title-font-size, 12px);
	line-height: var(--ma-dd-title-line-height, 26px);
	font-weight: var(--ma-dd-title-font-weight, 400);
	padding: var(--ma-dd-title-padding, 16px 16px 8px);
}
.ponca-ma__dropdown-item {
	color: var(--ma-dd-item-color, #474747);
	font-family: var(--ma-dd-item-font-family, 'DM Sans', sans-serif);
	font-size: var(--ma-dd-item-font-size, 14px);
	line-height: var(--ma-dd-item-line-height, 26px);
	font-weight: var(--ma-dd-item-font-weight, 400);
	padding: var(--ma-dd-item-padding, 8px 16px);
	min-height: var(--ma-dd-item-min-height, 42px);
	gap: var(--ma-dd-item-gap, 12px);
}

/* Groups / years */
.ponca-ma__groups { gap: var(--ma-groups-gap, 60px); }
.ponca-ma__group { gap: var(--ma-group-gap, 40px); }
.ponca-ma__years { gap: var(--ma-years-gap, 30px); }
.ponca-ma__year { gap: var(--ma-year-gap, 20px); }
.ponca-ma__group-heading {
	color: var(--ma-group-heading-color, #0D0F0E);
	font-family: var(--ma-group-heading-font-family, 'DM Sans', sans-serif);
	font-size: var(--ma-group-heading-font-size, 30px);
	line-height: var(--ma-group-heading-line-height, 39px);
	font-weight: var(--ma-group-heading-font-weight, 600);
	font-style: var(--ma-group-heading-font-style, normal);
}
.ponca-ma__year-heading {
	color: var(--ma-year-heading-color, #0D0F0E);
	font-family: var(--ma-year-heading-font-family, 'DM Sans', sans-serif);
	font-size: var(--ma-year-heading-font-size, 20px);
	line-height: var(--ma-year-heading-line-height, 26px);
	font-weight: var(--ma-year-heading-font-weight, 600);
	font-style: var(--ma-year-heading-font-style, normal);
}

/* Item rows */
.ponca-ma__item {
	height: var(--ma-item-height, 98px);
	background-color: var(--ma-item-bg, #FFFFFF);
	border: var(--ma-item-border-color, #F3F3F3) 1px solid!important;
}
.ponca-ma__item-left { gap: var(--ma-item-left-gap, 24px); }
.ponca-ma__item-text { gap: var(--ma-item-text-gap, 6px); }
.ponca-ma__icon-circle {
	width: var(--ma-icon-circle-size, 50px);
	height: var(--ma-icon-circle-size, 50px);
	background-color: var(--ma-icon-circle-bg, #F4F4F4);
	color: var(--ma-icon-circle-color, #A7A7A7);
}
.ponca-ma__item-title {
	color: var(--ma-item-title-color, #0D0F0E);
	font-family: var(--ma-item-title-font-family, 'DM Sans', sans-serif);
	font-size: var(--ma-item-title-font-size, 18px);
	line-height: var(--ma-item-title-line-height, 23px);
	font-weight: var(--ma-item-title-font-weight, 500);
	font-style: var(--ma-item-title-font-style, normal);
}
.ponca-ma__item-sub {
	color: var(--ma-item-sub-color, #848484);
	font-family: var(--ma-item-sub-font-family, 'DM Sans', sans-serif);
	font-size: var(--ma-item-sub-font-size, 14px);
	line-height: var(--ma-item-sub-line-height, 18px);
	font-weight: var(--ma-item-sub-font-weight, 400);
	font-style: var(--ma-item-sub-font-style, normal);
	text-decoration: var(--ma-item-sub-text-decoration, none);
}

/* Pills */
.ponca-ma__pill {
	font-family: var(--ma-pill-font-family, 'DM Sans', sans-serif);
	font-size: var(--ma-pill-font-size, 12px);
	line-height: var(--ma-pill-line-height, 16px);
	font-weight: var(--ma-pill-font-weight, 400);
	letter-spacing: var(--ma-pill-letter-spacing, 1px);
	text-transform: var(--ma-pill-text-transform, uppercase);
	border-radius: var(--ma-pill-radius, 100px);
	padding: var(--ma-pill-padding, 6px 16px);
	border:var(--ma-pill-border-width, 1px) solid var(--ma-pill-border-color, #848484)!important;
	background-color: var(--ma-pill-bg, transparent);
	color: var(--ma-pill-color, #848484);
}

/* Pagination */
.ponca-ma__pag { gap: var(--ma-pag-gap, 50px); }
.ponca-ma__pag-row { gap: var(--ma-pag-row-gap, 16px); }
.ponca-ma__pag-buttons { gap: var(--ma-pag-buttons-gap, 16px); }
.ponca-ma__pag-summary {
	color: var(--ma-pag-summary-color, #474747);
	font-family: var(--ma-pag-summary-font-family, 'DM Sans', sans-serif);
	font-size: var(--ma-pag-summary-font-size, 14px);
	line-height: var(--ma-pag-summary-line-height, 18px);
	font-weight: var(--ma-pag-summary-font-weight, 400);
}

/* Header button */
.ponca-ma__header-btn {
	background-color: var(--ma-header-btn-bg, #691103);
	color: var(--ma-header-btn-color, #FFFFFF);
	border-width: var(--ma-header-btn-border-width, 1px);
	border-color: var(--ma-header-btn-border-color, #691103);
	border-style: solid;
	border-radius: var(--ma-header-btn-radius, 4px);
	padding: var(--ma-header-btn-padding, 12px 24px);
	font-family: var(--ma-header-btn-font-family, 'DM Sans', sans-serif);
	font-size: var(--ma-header-btn-font-size, 13px);
	line-height: var(--ma-header-btn-line-height, 22px);
	font-weight: var(--ma-header-btn-font-weight, 600);
	letter-spacing: var(--ma-header-btn-letter-spacing, 1.92px);
	text-transform: var(--ma-header-btn-text-transform, uppercase);
	gap: var(--ma-header-btn-gap, 10px);
}

/* Header contacts */
.ponca-ma__header-contacts {
	gap: var(--ma-contacts-gap, 24px);
	margin-top: var(--ma-contacts-margin-top, 32px);
	display: grid;
	grid-template-columns: repeat(var(--ma-contacts-cols, 3), minmax(0, 1fr));
	max-width: fit-content;
}
.ponca-ma__header-contact-card {
	background-color: var(--ma-contact-card-bg, #EEDCD9);
	border: solid var(--ma-contact-card-border-color, #EEDCD9) var(--ma-contact-card-border-width, 1px)!important;
	border-radius: var(--ma-contact-card-radius, 0px);
	padding: var(--ma-contact-card-padding, 24px 24px);
	display: grid;
	gap: var(--ma-contact-card-gap, 20px);
}
.ponca-ma__header-contact-label {
	color: var(--ma-contact-label-color, #6E6B6D);
	font-family: var(--ma-contact-label-font-family, 'DM Sans', sans-serif);
	font-size: var(--ma-contact-label-font-size, 11px);
	font-weight: var(--ma-contact-label-font-weight, 600);
	letter-spacing: var(--ma-contact-label-letter-spacing, 2px);
	text-transform: var(--ma-contact-label-text-transform, uppercase);
	margin-bottom:12px
}
.ponca-ma__header-contact-name {
	color: var(--ma-contact-name-color, #0D0F0E);
	font-family: var(--ma-contact-name-font-family, 'Cormorant Garamond', serif);
	font-size: var(--ma-contact-name-font-size, 22px);
	line-height: var(--ma-contact-name-line-height, 1.2);
	font-weight: var(--ma-contact-name-font-weight, 400);
	font-style: var(--ma-contact-name-font-style, italic);
}
.ponca-ma__header-contact-email {
	color: var(--ma-contact-email-color, #DEB209);
	font-family: var(--ma-contact-email-font-family, 'DM Sans', sans-serif);
	font-size: var(--ma-contact-email-font-size, 13px);
	font-weight: var(--ma-contact-email-font-weight, 400);
}

/* Footer ornament */
.ponca-ma__footer-pattern {
	height: var(--ma-footer-pattern-height, 83px);
	background-image: var(--ma-footer-pattern-image, none);
}
