/*
Theme Name: AC Template
Author: Addison Clark
Description: Your description goes here
Version: 1.0
Template: twentytwentyfive

This is the child theme for Twenty Twenty-Five theme.
*/

a:focus:not(:focus-visible) {
	outline:none;
}
.hidden {
	display: none;
}
a.long-link { 
	text-wrap: balance;
	text-overflow: ellipsis;
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
}
a.button {
	background-color: var(--wp--preset--color--accent-1);
	color: var(--wp--preset--color--base);
	font-weight: 800;
	letter-spacing: inherit;
	padding-top: 1rem;
	padding-right: 2.25rem;
	padding-bottom: 1rem;
	padding-left: 2.25rem;
	text-decoration: none;
	text-transform: uppercase;
	display: inline-block;
	border-radius: 3em;
}
/* --- Hero Section & Gallery Fader --- */
.gallery-fader {
    position: relative;
    /* Adjust height as needed, 85vh is standard for heroes */
    min-height: 85vh; 
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Force the gallery to sit behind everything absolutely */
.gallery-fader .gallery-images {
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	z-index: 1;
	display: block;
	right: 0;
	max-width: 100%;
}

/* Individual slide styling */
.gallery-fader .gallery-images figure {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    z-index: 1;
}

/* The 'active' class will be toggled by JS */
.gallery-fader .gallery-images figure.active {
    opacity: 1 !important;
    z-index: 2;
}

/* Ensure images cover the area without distortion */
.gallery-fader .gallery-images figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Overlay Styling - sits between image and text */
.gallery-fader .hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    /* The color is set in the block editor, this ensures coverage */
    pointer-events: none; 
}

/* Content Styling - sits on top */
.gallery-fader .gallery-content {
	position: absolute;
	z-index: 10;
	width: 100%;
	max-width: 100%;
	height: 100%;
	align-content: center;
	margin:0 !important;
}

/* Typography Overrides for Hero */
.gallery-fader h2 {
color: #FFF;
text-align: center;
text-shadow: 6px 6px 8px rgba(0, 0, 0, 0.35);
font-size: 50px !important;
line-height: normal;
}

.gallery-fader em {
color: #C7AAB4;
font-family: Montserrat;
font-size: 50px;
font-style: italic;
font-weight: 800;
line-height: normal;
}

.gallery-fader a.wp-block-button__link.wp-element-button {
	font-size: 1.2em;
	padding: 1rem 3rem;
}
.uwp-reset-class {
	max-width: 90%;
	margin: auto;
	width: 600px;
}
a.wp-block-button__link.wp-element-button {
	transition:all .2s linear;
}
a.wp-block-button__link.wp-element-button:hover {
background: var(--Dusty-Rose, #B995A1);
}

a.wp-block-button__link.has-accent-1-color.has-base-background-color.has-text-color.has-background.has-link-color.wp-element-button:hover {
	background: var(--wp--preset--color--accent-2) !important;
	color: #fff !important;
}
.wp-block-button.view-all-button a:hover {
	background: transparent !important;
}
.wp-block-group.welcome-section::after {
	content: " ";
	display: block;
	height: 300px;
	background: var(--wp--preset--color--accent-5);
	clip-path: polygon(0% 0%, 50% 80%, 100% 0%, 100% 100%, 0% 100%);
	pointer-events: none;
	margin-top: -100px;
}
.wp-block-column.resource-item > p {
	min-height: 100px;
}
.wp-block-group.events-section {
  clip-path: polygon(0% 0%, 50% 0%, 100% 0%, 100% 100%, 50% 110%, 0% 100%);
  /*! padding-bottom: 140px !important; */
  box-shadow: 0 0 0em 100px #2c2c2c;
  margin-bottom: 100px;
}
footer .wp-block-group.alignfull.is-content-justification-space-between.is-layout-flex > div {
	min-width: 260px;
	max-width: 100%;
}
.wp-block-button.view-all-button {
	display: flex;
	flex-wrap: nowrap;
	color: #fff;
	gap: .4rem;
	font-size: 2em;
	align-content: center;
	align-items: center;
}
.slick-next::before {
	content: '▶' !important;
}
.slick-prev::before {
	content: '◀' !important;
}
.apc-item-content {

	text-align: center;
}
.apc-item-content h3 {
  min-height: 50px;
}
.grid-destinations-item {
	position: relative;
	min-height: 500px;
}
.grid-destinations {
}

.grid-destinations-item > div {
  height: 100%;
  /*! position: absolute; */
  width: 100%;
}
.grid-destinations-item-default figure {
	min-height: 225px;
	align-content: center;
}
.grid-destinations-item-hover {
position: absolute;
opacity:0;
transition:opacity .3s linear;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding-block: 2em !important;
background: var(--wp--preset--color--accent-2) !important;
margin: 0;
gap: 1rem;
}
.grid-destinations-item:hover .grid-destinations-item-hover {
opacity:1;
}
 .grid-destinations-item .grid-destinations-item-hover.has-accent-3-background-color {
background: #000 !important;
}
 .grid-destinations-item .grid-destinations-item-hover.has-accent-3-background-color p{
color: #fff !important;
	font-size:1rem !important;
}
.grid-destinations-item > div p {
	color: var(--wp--preset--color--accent-3);
	font-size: 18px;
}

.pinched-map:after {
  clip-path: polygon(0% 0%, 50.00% 50%, 100% 0%, 100% 100%, 50% 50%, 0% 100%);
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--wp--preset--color--accent-5);
  z-index: -1;
}
.pinched-map {
  background:linear-gradient(to bottom, black 50%, var(--wp--preset--color--accent-1) 50%);
  position: relative;
}
.pinched-above-footer {
    clip-path: polygon(0% 0%, 50% 0%, 100% 0%, 100% 30%, 50% 100.00%, 0% 30%);
    height: 200px;
    margin-top: -1px !important;
}

.grid-amenities-item {
	align-content: end;
}
.grid-amenities-item-default:hover {
	opacity: .8;
	cursor: pointer;
}
.pinched-bottom {
	clip-path: polygon(0% 0%, 50% 0%, 100% 0%, 100% 100%, 50% 88%, 0% 100%);
}
.pinched-bottom-inversed {
	clip-path: polygon(0% 0%, 50% 0%, 100% 0%, 100% 80%, 50% 100%, 0% 80%);
}
.pointed-bottom {
	clip-path: polygon(0% 0%, 50% 0%, 100% 0%, 100% 0%, 50% 100%, 0% 0%);
}
.double-pointed-bottom {
	clip-path: polygon(0% 50%, 50% 100%, 100% 50%, 100% 0%, 50% 50%, 0% 0%);
	height: 250px;
}

.grid-img-mod-item img {
  object-fit: cover;
  display: flex;
  width: 100%;
}
/* 1. Ensure the parent crops the sliding content */
.grid-img-mod-item {
	position: relative;
	overflow: hidden;
	padding: 0 !important;
}

/* 2. Style the content to "Peek" by default */
.grid-img-mod-item-content {
  position: absolute;
  bottom: 0;
  left: 10%;
  width: 80%;
  background: #fff;
  padding: 3em 4em 2em;
  border-radius: 40px 40px 0 0;
  text-align: center;
  font-size: .9rem;
  /* Prevent text from becoming taller than the image itself */
  max-height: 90%;
  /* Enable scrolling if text is massive (optional) */
  overflow-y: auto; 
  /* THE MAGIC: 
     Move the element down by its own full height (100%) 
     minus the pixels you want visible (e.g., 100px or 120px) 
  */
  transform: translateY(calc(100% - 100px));
  /* Smooth animation speed */
  transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

/* 3. The Hover Trigger */
.grid-img-mod-item:hover .grid-img-mod-item-content,
.grid-img-mod-item:focus-within .grid-img-mod-item-content {
  /* Reset position to normal (slide up) */
  transform: translateY(0);
  box-shadow: 0 0 100em 100vw rgba(0,0,0,.4);
}
.grid-img-mod-item-content h3 {
	margin-bottom: 1em;
	font-size: 1.8em !important;
}


.pool-hours {
  position: relative;
  padding-top: 60px;
}
.pool-hours figure {
  position: absolute;
  top: -60px;
  left: 50%;
  transform: translateX(-50%);
}
ul.bordered-list li:last-child {
  border-bottom: 3px solid var(--wp--preset--color--accent-2);
}
ul.bordered-list li {
  border-top: 3px solid var(--wp--preset--color--accent-2);
  padding-top: .8em;
  padding-bottom: .8em;
  margin: 0;
  list-style: none;
  font-weight: 700;
  text-transform: uppercase;
}
ul.bordered-list {
	padding: 0;
	margin: 2em 0;
}
ul.bordered-list a:hover {
  color: var(--wp--preset--color--accent-2);
}
.wp-block-columns .gallery-fader {
	height: 100%;
}
hr {
	height: 2px;
}
.width-50 {
	flex-basis: 50vw !important;
	width: 50vw !important;
	box-sizing: border-box;
}
a.primary-link, p.primary-link a {
	border-top: 2px solid var(--wp--preset--color--accent-2);
	border-bottom: 2px solid var(--wp--preset--color--accent-2);
	padding: .8em 0;
	text-transform: uppercase;
	font-weight: 700;
	color: var(--wp--preset--color--accent-1);
	margin: .8em 0;
	display: inline-block;
}

.wp-block-button.arrow-link a {
  background: none !important;
  color: var(--wp--preset--color--accent-1);
  text-decoration: underline;
  padding-right: 50px;
}
.wp-block-button.arrow-link a::after {
	content: "⟶";
	position: absolute;
	font-size: 36px;
	line-height: 20px;
	width: 35px;
	display: inline-flex;
	overflow: hidden;
	text-indent: -25px;
	align-content: center;
	align-items: center;
	margin: -2px 0 0 .2em;
}
.grid-committee figure {
  min-height: 120px;
  align-content: center;
  display: flex !important;
  justify-content: center;
}

.grid-committee figure img {
  object-fit: contain;
}
.mobile-only {
	display: none !important;
}

.wp-block-navigation__submenu-container.wp-block-navigation-submenu li {
  background: var(--wp--preset--color--accent-2) !important;
  color: #fff !important;
}
.entry-content.wp-block-post-content {
  position: relative;
  z-index: 1;
}
header {
  position: relative;
  z-index: 5;
}

.wp-block-navigation .wp-block-navigation__submenu-icon {
	display: none;
}
.wp-block-userswp-uwp-login-widget {
	margin: auto !important;
	width: 100%;
	text-align: right;
}
.uwp-login-widget.user-loggedin img {
  display: none;
}
.uwp-login-widget.user-loggedin a:not(.btn) {
	pointer-events: none;
	color: inherit;
	display: initial;
}
.uwp_widgets.uwp_widget_author_box {
	display: none !important;
}
.wp-block-post-excerpt__more-link {
	background: var(--wp--preset--color--accent-1);
	color: #fff;
	font-size: var(--wp--preset--font-size--small);
	padding: .6rem 1.2rem;
	border-radius: 31px;
	text-transform: uppercase;
	font-weight: 700;
	margin-top: .5rem;
}

.uwp-login-class .uwp_page > div.row {
  width: 500px;
  margin: auto !important;
  max-width: 100%;
}
.uwp-login-class .uwp_page > div.row button.btn.btn-primary {
  background: var(--wp--preset--color--accent-1);
  border: 0 none;
  padding: .8em 2em;
}
.members-access-error a {
  background: var(--wp--preset--color--accent-1);
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  padding: .8em 2em;
  border-radius: 2em;
}
.members-access-error {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  flex-direction: column;
  gap: 1em;
  padding: 3em 0;
}
div.entry-content .wp-block-group.has-global-padding {
	padding-inline: 1em;
}
/* Container */
.wp-block-group.map-section {
    position: relative;
    height: 600px;
    overflow: hidden;
    /* Cursor indicates something is clickable */
    cursor: pointer; 
}

/* The Map Iframe */
.wp-block-group.map-section iframe {
    min-height: 670px;
    position: absolute;
    top: -70px;
    bottom: 0;
    width: 100%;
    /* Initially disabled */
    pointer-events: none; 
    transition: opacity 0.3s ease;
}

/* The Overlay (Text & Background) */
.map-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5); /* Darkens map slightly */
    
    /* Initially hidden, shown on hover */
    opacity: 0; 
    transition: opacity 0.3s ease;
    /*! padding-bottom: 10%; */
    box-sizing: border-box;
}

.map-overlay span {
    /*! background: #fff; */
    padding: 10px 20px;
    border-radius: 4px;
    font-weight: bold;
    /*! box-shadow: 0 2px 10px rgba(0,0,0,0.2); */
    color: #fff;
    text-transform: uppercase;
    font-size: var(--wp--preset--font-size--medium);
}

/* Show overlay when hovering the wrapper */
.wp-block-group.map-section:hover .map-overlay {
    opacity: 1;
}

/* --- ACTIVE STATE (Triggered by JS) --- */

/* When active, hide the overlay completely so clicks pass to map */
.wp-block-group.map-section.is-active .map-overlay {
    display: none; 
}

/* When active, map receives mouse events */
.wp-block-group.map-section.is-active iframe {
    pointer-events: auto;
}
.apc-item.slick-slide .wp-block-buttons {
	display: none;
}

.resident-directory-login {
    text-align: center;
}
    .resident-directory-wrapper :is(td,th) {
        font-size: 15px;
    }
.uwp-login .uwp-footer-link.d-inline-block, .bsui .uwp-footer-link.d-inline-block, body a.uwp-register-link {
    display: none !important;
    pointer-events: none;
    color: transparent !important;
}
    /* Base Desktop Styles */
    .dataTables_wrapper { margin-top: 20px; } 
    .resident-table { width: 100%; border-collapse: collapse; margin-bottom: 10px !important; /*table-layout: fixed;  Helps with column sizing */ } 
    .resident-table th { background: var(--wp--preset--color--accent-1); color: white; padding: 10px; text-align: left; } 
    .resident-table td { border: 1px solid #ddd; padding: 10px; }
 .dataTables_wrapper .dataTables_filter {
	margin-bottom: 1em;
}   
    /* DataTables overrides for header */
    table.dataTable thead th { background-color: var(--wp--preset--color--accent-1); color: white; }

    /* --- EMAIL TRUNCATION (The "..." Effect) --- */
    .resident-table a[href^="mailto:"] {
        display: inline-block;
        max-width: 100%;       /* Sets the limit for Desktop */
        white-space: nowrap;    /* Forces text to one line */
        overflow: hidden;       /* Hides the overflow */
        text-overflow: ellipsis;/* Adds the "..." */
        vertical-align: bottom; /* Fixes alignment */
    }

    /* --- TABLET/MOBILE STYLES (Stacked Cards: Label Left, Value Right) --- */
    @media screen and (max-width: 1000px) {
        /* Force table elements to display as blocks */
        .resident-table, .resident-table thead, .resident-table tbody, .resident-table th, .resident-table td, .resident-table tr { 
            display: block; 
        }
        
        /* Hide the table header (visually) */
        .resident-table thead tr { 
            position: absolute;
            top: -9999px;
            left: -9999px;
        }
        
        /* Style the "Rows" as "Cards" */
        .resident-table tr { 
            border: 1px solid #ccc; 
            margin-bottom: 15px; 
            box-shadow: 0 2px 5px rgba(0,0,0,0.05);
            border-radius: 4px;
            background: #fff;
        }
        
        /* Style the "Cells" as Rows within the card */
        .resident-table td { 
            border: none;
            border-bottom: 1px solid #eee; 
            position: relative;
            padding-left: 162px !important; /* Space for the label */
            text-align: right; 
            min-height: 25px;
        }
        
        /* Override Email Width for Tablet/Mobile Cards */
        .resident-table a[href^="mailto:"] {
            max-width: 50vw; /* Gives email roughly half the screen width before adding "..." */
        }
        
        .resident-table td:last-child {
            border-bottom: none;
        }
        
        /* Inject the label via CSS */
        .resident-table td::before { 
            content: attr(data-label); 
            position: absolute;
            left: 10px;
            width: 140px; 
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            text-align: left;
            font-weight: bold;
            color: var(--wp--preset--color--accent-1); 
            top: 10px; 
        }
    }

    /* --- SMALL MOBILE STYLES (Label Above, Value Below) --- */
    @media screen and (max-width: 550px) {
        .resident-table td {
            padding-left: 10px !important;
            padding-right: 10px;
            text-align: left;
        }
        
        /* Allow email to take full width on small screens */
        .resident-table a[href^="mailto:"] {
            max-width: 100%;
        }

        .resident-table td::before {
            position: relative;
            display: block;
            left: 0;
            top: 0;
            width: 100%;
            margin-bottom: 5px;
            font-size: 0.85em;
            text-transform: uppercase;
            opacity: 0.9;
        }
    }

body.admin-bar .wp-block-navigation-item__content[href="/login/"] {
	display: none !important;
}


@media screen and (min-width: 1001px){
.wp-block-navigation__submenu-container.wp-block-navigation-submenu :is(a, span) {
	background: transparent !important;
	font-weight: 500;
	text-align: center;
	display: block !important;
	font-size: 16px;
}
.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
  border: 0 !important;
  padding-top: 20px;
  background: var(--wp--preset--color--accent-2) !important;
  clip-path: polygon( 0% 20px, 
    calc(50% - 20px) 20px, 
    50% 0%, 
    calc(50% + 20px) 20px, 
    100% 20px, 
    100% 100%, 
    0% 100%);
  left:  unset !important;
  /*! width: 230px !important; */
  right: unset !important;
}
nav .wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--accent-1) !important;
	text-decoration: none !important;
}
.wp-block-navigation > .wp-block-navigation-item {
	padding-bottom: 20px;
	margin-bottom: -20px;
}
.wp-block-navigation .wp-block-navigation-item:hover .wp-block-navigation__submenu-container  {
	height: auto;
	min-width: 100px;
	opacity: 1;
	overflow: visible;
	visibility: visible;
	width: auto;
	margin-top:-20px;
}

.wp-block-navigation > .wp-block-navigation-item:not(:nth-child(2)) > .wp-block-navigation-item__content {
  border-left:1px solid var(--wp--preset--color--accent-1);
  padding-left: 1em;
}
}


@media screen and (max-width: 1000px){


.wp-block-navigation__container {
	padding-bottom: 2em !important;
}
:root :where(.wp-block-columns-is-layout-flex) {
	gap: 1em;
}
.grid-destinations {
	grid-template-columns: 1fr;
}
.grid-destinations-item-hover {
	opacity: 1 !important;
	position: relative !important;
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}
.grid-destinations-item-default {
  padding-bottom: 2em !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  padding-top: 2em !important;
  gap: .5rem !important;
}
.grid-destinations-item {
  min-height: 0 !important;
}
.grid-destinations-item > div {
  height: auto;
}
.grid-destinations-item-default figure {
	height: 100px;
	min-height: 100px;
}
.grid-destinations-item-default figure img {
  object-fit: contain;
  height: 100%;
}

body .wp-block-columns {
  flex-direction: column;
}
body .wp-block-columns .wp-block-column.width-50 {
  width: 100% !important;
}
body .wp-block-columns > div.pinched-bottom:last-child {
  padding: 3em 3em 10em !important;
}
body .pinched-bottom {
  clip-path: polygon(0% 0%, 50% 0%, 100% 0%, 100% 100%, 50% 92%, 0% 100%) !important;
}

body .grid-img-mod-item {
	max-height: 75vh;
	object-position: bottom;
	display: flex;
	width: 100%;
}
body .grid-img-mod-item .grid-img-mod-item-content {
  transform: translateY(0);
  box-shadow: 0 0 100em 100vw rgba(0,0,0,.4);
}
body .grid-img-mod-item figure {
  width: 100%;
  display: flex;
}
.pool-hours-container {
	padding-top: 4em;
}
body .grid-img-mod-item .grid-img-mod-item-content {
  width: 100%;
  left: 0;
  position: relative;
  max-height: 100%;
  box-shadow: none !important;
}
body .grid-img-mod-item {
  display: flex;
  flex-wrap: wrap;
  max-height: 100%;
}
.grid-destinations-item > div p {
	max-width: 100%;
}
.hero.interior-hero {
  min-height: 300px !important;
}
body:not(.home) .gallery-fader {
	min-height: 400px !important;
}
body .grid-destinations-item {
  max-width: calc(100vw - calc(var(--wp--preset--spacing--50)*2));
}
a[href^="mailto"] {
  overflow: hidden;
  max-width: 100%;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: bottom;
}

footer .wp-block-group.alignfull.is-content-justification-space-between.is-layout-flex > div {
	width: 100%;
	justify-content: center;
	text-align: center;
}
.wp-block-navigation-item__content:not([href]) {
	margin-bottom: .5em;
	font-weight: 800;
	border-bottom: 2px solid var(--wp--preset--color--accent-2);
}
/* 1. Hide the default WP SVG Icon */
.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open svg {
    display: none !important;
}

/* 2. Setup the Button Container for the new icon */
.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    /* Ensure the button has size enough to hold our custom icon */
    min-width: 44px; 
    min-height: 44px;
    padding: 0; /* Clear WP padding if necessary */
}

.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open::before {
	content: "";
	display: block;
	width: 34px;
	height: 3px;
	background: currentColor;
	box-shadow: 0 -10px 0 0 currentColor, 0 10px 0 0 currentColor;
	border-radius: 2px;
	transition: all 0.2s ease;
}
    /* 1. Force the Hamburger Button to show */
    /* We use !important to override the inline styles or high-specificity Core CSS */
    .wp-block-navigation__responsive-container-open {
        display: flex !important;
    }

    /* 2. Hide the standard desktop menu links */
    /* Only hide if the menu is NOT legally open (to avoid hiding the mobile menu content itself) */
    .wp-block-navigation__responsive-container:not(.is-menu-open) {
        display: none !important;
    }

    /* 3. Fix the Overlay Menu positioning */
    /* Core often wraps the fixed positioning in a max-width:600px media query.
       We must re-apply it for the gap between 600px and 950px. */
    .wp-block-navigation__responsive-container.is-menu-open {
        display: block !important;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        z-index: 10000; /* Ensure it sits on top */
        background-color: var(--wp--preset--color--base, #fff); /* Fallback or variable */
        padding: 2rem; /* Adjust padding as needed */
        overflow: auto;
    }
    
    /* Optional: Ensure the inner menu items stack vertically */
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

body .wp-block-column.resource-item > p {
  min-height: 1px;
}
body .wp-block-column.resource-item {
  margin-bottom: 3em;
}

body .mobile-only {
	display: initial !important;
}
.wp-block-group.welcome-section::after {
	height: 0;
	background: #f5f0eb;
	clip-path: none;
	margin-top: 0;
	padding-bottom: var(--wp--preset--spacing--80);
}

.apc-carousel .slick-arrow {
	width: 30px;
	height: 30px;
	bottom: 0;
	top: unset;
}
body .is-layout-grid {
  grid-template-columns: 1fr;
}
.grid-committee {
  max-width: 100%;
}
.grid-committee > div {
  max-width: calc(100vw - calc(var(--wp--preset--spacing--50)*2));
}
.grid-committee > div a {
  max-width: 100%;
  overflow: visible;
  display: block;
  white-space: wrap;
  padding: 0 !important;
  line-height: 21px;
}
}

@media screen and (max-width: 500px){
body .gallery-fader h2, body .gallery-fader h2 em {
	font-size: 32px !important;
}
body .gallery-fader a.wp-block-button__link.wp-element-button {
	padding-inline: 2em;
	font-size: 16px;
}
body h1.wp-block-post-title {
	font-size: var(--wp--preset--font-size--large);
}
.grid-board {
  max-width: 100%;
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
}
.grid-board > div {
  box-sizing: border-box;
  max-width: 100%;
  padding: 0 !important;
}
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
	max-width: calc(100vw - calc(var(--wp--preset--spacing--50)*2));
}
}