/*
Theme Name: ACL2023
Theme URI: https://frostwp.com/
Author: WP Engine
Author URI: https://wpengine.com/
Description: With its clean, minimal design and powerful feature set, Frost enables agencies to build stylish and sophisticated WordPress websites.
Tags: block-patterns, block-styles, custom-colors, custom-logo, custom-menu, editor-style, full-site-editing, one-column, template-editing, threaded-comments, translation-ready, wide-blocks
Requires at least: 6.2
Tested up to: 6.2
Requires PHP: 5.6
Version: 1.0.76
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: frost

Frost WordPress Theme, (C) 2022-2023 WP Engine.
Frost is distributed under the terms of the GNU GPL.
*/


/* Defaults
---------------------------------------------------------------------------- */

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

html {
	scroll-behavior: smooth;
}

a,
button,
input:focus,
input[type="button"],
input[type="submit"],
textarea:focus,
.wp-element-button {
	transition: all 0.2s ease-in-out;
}

a,
a:focus,
a:hover,
a:not(.wp-element-button) {
	text-decoration-thickness: 1px;
}

b,
strong {
	font-weight: var(--wp--custom--font-weight--semi-bold);
}

mark:not(.ep-highlight) {
	background: linear-gradient(90deg, var(--wp--preset--color--primary) 0%, var(--wp--preset--color--primary) 100%);
	background-position: 0 85%;
	background-repeat: repeat-x;
	background-size: 100% 15%;
}

/* Blocks
---------------------------------------------------------------------------- */

/* Calendar
--------------------------------------------- */

.wp-block-calendar table caption,
.wp-block-calendar table tbody {
	color: var(--wp--preset--color--contrast);
}

.wp-block-calendar table th {
	background-color: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
}

.wp-block-calendar tbody td,
.wp-block-calendar th {
	border: 1px solid var(--wp--preset--color--contrast);
	padding: 10px;
}

/* Code
--------------------------------------------- */

*:not(.wp-block-code) > code {
	background-color: var(--wp--preset--color--neutral);
	font-size: var(--wp--preset--font-size--small);
	padding: 5px 8px;
}

/* Comments
--------------------------------------------- */

.wp-block-post-comments-form .comment-reply-title {
	margin-bottom: var(--wp--custom--spacing--gap);
}

.wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]),
.wp-block-post-comments-form textarea {
	border-color: var(--wp--preset--color--contrast);
	padding: 10px 15px;
}

.wp-block-post-comments-form p:not(.form-submit) {
	margin-bottom: 20px;
}

.wp-block-post-comments-form .comment-form-cookies-consent label {
	font-size: var(--wp--preset--font-size--x-small);
}

/* List
--------------------------------------------- */

.is-style-no-disc {
	list-style-type: none;
	padding-left: 0;
}

/* Navigation
--------------------------------------------- */

.wp-block-navigation__responsive-container.is-menu-open {
	padding-bottom: 30px;
	padding-top: 30px
}

.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open {
	border: 1px solid currentColor;
	padding: 2px;
}

.has-background .wp-block-navigation__responsive-container-open:focus,
.has-background .wp-block-navigation__responsive-container-open:hover {
	color: var(--wp--preset--color--contrast);
}
nav .wp-block-button a, nav .wp-block-button a:hover, nav .wp-block-button a:focus,
.main-nav .wp-block-button a, .main-nav .wp-block-button a:hover, .main-nav .wp-block-button a:focus 
{
	color: var(--wp--preset--color--base) !important;
}

/* @media (max-width: 840px) {
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: block;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none;
    }
}*/

/* Navigation Submenu
--------------------------------------------- */

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
	background-color: var(--wp--preset--color--contrast);
	border: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
	padding: 10px;
}

.wp-block-navigation :where(.wp-block-navigation__submenu-container) a {
	padding: 2px 10px;
}
.main-nav .wp-block-navigation__submenu-container a {
	color: var(--wp--preset--color--base) !important;
}
.main-nav .wp-block-navigation__submenu-container a:hover, .main-nav .wp-block-navigation__submenu-container a:focus {
	color: var(--wp--preset--color--neutral) !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
	padding: 0;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container a {
	color: var(--wp--preset--color--contrast) !important;
	padding: 5px 0;
}

/* Footer Menu 
--------------------------------------------- */

@media (max-width: 781px) {
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.foot-menu {
		flex-basis: 45% !important;
    	flex-grow: inherit;
    	display: inline-block;
	}
}
@media (max-width: 359px) {
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.foot-menu {
		flex-basis: 44% !important;
	}
}

/* Separator
--------------------------------------------- */

.wp-block-separator.is-style-dots:before {
	font-family: inherit;
	font-size: var(--wp--preset--font-size--large);
	letter-spacing: 10px;
	padding-left: 10px;
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
	width: 100px;
}

.wp-block-separator:not(.is-style-dots),
.wp-block-separator.has-background:not(.is-style-dots) {
	border-bottom: 1px solid currentColor;
	border-top: none;
	height: 1px;
}

/* Table
--------------------------------------------- */

.wp-block-table.is-style-stripes {
	border-bottom: none;
}

.wp-block-table table {
	border-collapse: collapse;
}

.wp-block-table thead {
	border-bottom: 3px solid var(--wp--preset--color--contrast);
}

.wp-block-table tfoot {
	border-top: 3px solid var(--wp--preset--color--contrast);
}

.wp-block-table td,
.wp-block-table th,
.wp-block-table tr,
.wp-block-table.is-style-stripes td,
.wp-block-table.is-style-stripes th,
.wp-block-table.is-style-stripes tr {
	border: 1px solid var(--wp--preset--color--contrast);
}

.wp-block-table th {
	font-weight: var(--wp--custom--font-weight--regular);
}

.wp-block-table td,
.wp-block-table th {
	padding: 5px;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
	background-color: var(--wp--preset--color--neutral);
}

.woocommerce-page table.shop_table td, .woocommerce-page table.shop_table th {
	border: 1px solid var(--wp--preset--color--contrast);
}
.woocommerce-page table.shop_table th {
	text-align: left;
}
.woocommerce-page ul.woocommerce-order-overview {
	display: block !important;
	margin-left: 30px;
}
.woocommerce-shipping-destination {
	display: none;
}
.woocommerce-block-theme-has-button-styles .wc-proceed-to-checkout a.checkout-button:hover:before {
	border-radius: 50px;
}
a.wc-block-grid__product-link {
	color: var(--wp--preset--color--primary);
	text-decoration: none;
}

/* Custom
---------------------------------------------------------------------------- */

/* Popup */
.popmake-overlay .popmake .popmake-title {
	text-align: center;
	font-weight: 700;
	color: var(--wp--preset--color--primary);
}
.popmake p {
	margin-bottom: 15px;
	font-size: 20px;
}
.popmake .wp-element-button {
	margin: 10px;
	display: inline-block;
}

/* Forms
--------------------------------------------- */

input,
select,
textarea,
.wp-block-search__input {
	background-color: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--contrast);
	border-radius: 0;
	color: var(--wp--preset--color--contrast);
	font-family: var(--wp--preset--font-family--primary);
	font-size: var(--wp--preset--font-size--medium);
	font-weight: var(--wp--custom--font-weight--light);
	line-height: var(--wp--custom--line-height--body);
	padding: 10px 20px;
	width: 100%;
}

input:focus,
textarea:focus {
	background-color: var(--wp--preset--color--neutral);
	outline: none;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

input[type="button"],
input[type="email"],
input[type="search"],
input[type="submit"],
input[type="text"],
textarea {
	-webkit-appearance: none;
}

::placeholder {
	color: var(--wp--preset--color--contrast);
	font-size: var(--wp--preset--font-size--small);
	opacity: 0.5;
}

/* Media Queries
---------------------------------------------------------------------------- */

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

	/* Columns
	--------------------------------------------- */

	.is-style-columns-reverse {
		flex-direction: column-reverse;
	}

}

@media only screen and (min-width: 800px) {

	/* Navigation Link
	--------------------------------------------- */

	.wp-block-navigation-item.is-style-outline a {
		border: 1px solid currentColor;
		padding: 8px 15px;
	}

	/* Pullquote
	--------------------------------------------- */

	.wp-block-pullquote.alignleft,
	.wp-block-pullquote.alignright {
		max-width: 300px;
	}

	.wp-block-pullquote.alignleft {
		margin-right: 30px !important;
	}

	.wp-block-pullquote.alignright {
		margin-left: 30px !important;
	}

}

/* ACL CUSTOM STYLES
---------------------------------------------------------------------------- */

body, .wp-site-blocks {
  background-color: var(--wp--preset--color--neutral) !important;
}

.has-base-color > p {
  color: var(--wp--preset--color--base);
}

.entry-content :not(h5, .wp-block-button, .wp-block-social-link, .wp-block-image, .acfb_social_sharing_main_block, .DonateNow, .wc-block-grid__product) > a,
.wp-block-post-author a,
.wp-block-post-excerpt__more-link:not(.wp-element-button),
.wp-block-query-pagination a,
.wp-block-post-author-name a {
  position: relative;
  text-decoration: none;
  color: var(--wp--preset--color--primary);
}

.entry-content .has-primary-background-color a {
	color: var(--wp--preset--color--base);
	text-decoration: underline;
}
.entry-content .has-primary-background-color .has-base-background-color a {
	color: var(--wp--preset--color--primary);
}
.entry-content a.acfb_btn_styling:hover, .entry-content .acfb_social_sharing_main_block > a:hover {
	background-color: var(--wp--preset--color--base);
    color: var(--wp--preset--color--primary);
}
.wp-element-button, .wp-site-blocks .entry-content .wp-element-button, 
.wp-block-file__button.wp-element-button, .wp-site-blocks .entry-content .wp-block-file__button.wp-element-button {
  color: var(--wp--preset--color--base);
}
.wp-element-button:hover, .wp-site-blocks .entry-content .wp-element-button:hover, 
.wp-block-file__button.wp-element-button:hover, .wp-site-blocks .entry-content .wp-block-file__button.wp-element-button:hover {
  border-radius: 50px;
}
.wp-block-file__button.wp-element-button:hover, .wp-block-file__button.wp-element-button:focus {
 border-radius: 50px;
}
.entry-content :not(h5, .wp-block-button, .wp-block-social-link, .wp-block-file, .wp-block-image, .ebpg-entry-thumbnail, .ebpg-entry-title, .ebpg-readmore-btn, .wc-block-grid__product, .acfb_social_sharing_main_block) > a::before,
.wp-block-post-author a::before,
.wp-block-post-excerpt__more-link:not(.wp-element-button)::before,
.wp-block-query-pagination a::before,
.wp-block-post-author-name a::before {
  content: '';
  background-color: var(--wp--preset--color--primary);
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 100%;
  height: 2px;
  z-index: -1;
}
.entry-content :not(h5, .wp-block-button, .wp-block-social-link, .wp-block-image, .ebpg-entry-thumbnail, .ebpg-entry-title, .ebpg-readmore-btn, .wc-block-grid__product, .acfb_social_sharing_main_block) > a:hover,
.wp-block-post-author a:hover,
.wp-block-post-excerpt__more-link:not(.wp-element-button):hover,
.wp-block-query-pagination a:hover,
.wp-block-post-author-name a:hover {
  color: var(--wp--preset--color--base);
  background-color: var(--wp--preset--color--primary);
}
.entry-content :not(h5, .wp-block-button, .wp-block-social-link, .wp-block-image, .ebpg-entry-thumbnail, .ebpg-entry-title, .ebpg-readmore-btn, .wc-block-grid__product, .acfb_social_sharing_main_block) > a:hover::before,
.wp-block-post-author a:hover::before,
.wp-block-post-excerpt__more-link:not(.wp-element-button):hover::before,
.wp-block-query-pagination a:hover::before,
.wp-block-post-author-name a:hover::before {
  bottom: 0;
  height: 100%;
}

.wp-block-social-link:hover {
  background-color: var(--wp--preset--color--primary) !important;
}

@media screen {
  .header-grow {
    transition: 0.3s ease-in-out; 
  }
  .header-grow img { 
    width: 105px; 
    transition: 0.3s ease-in-out; 
  }
  .header-shrink {
    transition: 0.3s ease-in-out ;
  }
  .header-shrink img { 
    width: 85px; 
    transition: 0.3s ease-in-out; 
  }
  
  nav .wp-block-search__button {
    padding: 12px 0 !important;
    background-color: transparent;
    border: 0;
    color: #666;
  }
  nav .wp-block-search__button:hover {
    color: #111;
  }
  nav form.wp-block-search input {
    border-radius: 5px;
    width: 0 !important;
    margin-left: -3.33em;
    height: 48px;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.5s, opacity 0.5s linear;
  }
  nav form.wp-block-search .wp-block-search__inside-wrapper {
    border: 0 !important;
  }
  
  nav ul.wp-block-navigation__container {
    visibility: visible;
    opacity: 1;
    transition: visibility 0.5s, opacity 0.5s linear;
  }
  body.search-active nav ul.wp-block-navigation__container {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    width: 0 !important;
    overflow: hidden;
  }
  body.search-active nav form.wp-block-search input {
    visibility: visible;
    opacity: 1;
    width: 100% !important;
    margin-left: 0;
  }
}

.wp-block-site-logo {
  flex-grow: 1;
}

@media screen and (max-width:500px){
  body.home .wp-block-genesis-blocks-gb-columns {
    padding: 30px !important;
  }
}

@media (max-width:781px) {
  header .is-content-justification-right {
    justify-content: flex-start !important;
  }
  
  header .wp-block-button a {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

.main-nav a {
  color: #666 !important;
}
.main-nav a:hover {
  color: #111 !important;
}

.main-nav .current-menu-item a {
  color: var(--wp--preset--color--primary) !important;
}

.wp-block-post-title > a {
  text-decoration: none;
}

.acl-full-height {
  height: 100% !important;
}

.acl-page-meta p {
  white-space: nowrap !important;
}

.site-header {
  background-color: #fff !important;
  position: sticky !important;
  top: 0 !important;
  box-shadow: 0 0 7px rgba(0,0,0,0.1) !important;
  z-index: 100;
}
.block-editor-iframe__body .site-header {
  position: relative !important;
}

/* lighter orange on dark blues */

.wp-block-group.has-contrast-background-color .wp-block-heading.has-primary-color,
.wp-block-group.has-secondary-background-color .wp-block-heading.has-primary-color {
  color: #ef8451 !important;
}
.wp-block-button.is-style-outline .wp-element-button.has-primary-color.has-text-color {
  color: #ef8451 !important;
  border-color: #ef8451 !important;
}

.acl-muted-primary-bg {
  background-color: rgba(242,234,230,1) !important;
}

.acl-neg-margin-2 {
  position: relative;
  margin-top: -2em !important;
  z-index: 10;
}
.acl-neg-margin-3 {
  position: relative;
  margin-top: -3em !important;
  z-index: 10;
}
.acl-neg-margin-5 {
  position: relative;
  margin-top: -5em !important;
  z-index: 10;
}
.acl-neg-margin-7 {
  position: relative;
  margin-top: -7em !important;
  z-index: 10;
}

.acl-about-box-image {
  position: absolute;
  right: -2.5em;
}

.acl-homepage-headline {
  text-shadow: 0 0 0.1em rgba(0,0,0,0.6);
}

.entry-content .has-max-72-font-size {
  line-height: 1.1 !important;
}

.headline-pill {
  display: inline-block;
  padding: 0.15em 0.75em !important;
  border-radius: 10px;
  font-weight: 500;
  font-size: calc(var(--wp--preset--font-size--x-small) - 3px) !important;
}

.entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5 {
  line-height: 1.4 !important;
}

/* Search Results */

.ep-highlight {
  background-color: #5eb0d866 !important;
  font-weight: inherit !important;
  font-style: inherit !important;
  color: inherit !important;
}
.wp-block-elasticpress-facet {
  margin-block-start: 15px !important;
}
.wp-block-elasticpress-facet a {
  text-transform: capitalize;
}

li.wp-block-post.page div.post-meta,
li.wp-block-post.campaign div.post-meta > p,
li.wp-block-post.campaign div.post-meta > .wp-block-post-author-name
{
  display: none !important;
}

.wp-block-post-terms span {
  display: none;
}

.wp-block-post-terms a {
  display: inline-block;
  padding: 0.15em 0.75em !important;
  border-radius: 10px;
  font-weight: 400;
  font-size: calc(var(--wp--preset--font-size--x-small) - 3px) !important;
  margin-right: 0.33em;
  background-color: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--base);
  text-decoration: none;
  text-transform: capitalize;
}
.taxonomy-post_tag a {
  background-color: var(--wp--preset--color--contrast);
}
.wp-block-post-terms a:hover,
.taxonomy-post_tag a:hover {
  background-color: var(--wp--preset--color--primary);
}

.wp-block-post-author {
  display: block !important;
  line-height: 1.3;
}
.wp-block-post-author__name a {
  text-decoration: none;
}
.wp-block-post-author__bio {
  font-weight: 400;
}
.wp-block-post-author * {
  margin: 0 !important;
  paddin: 0 !important;
}

/* CAROUSEL */

.eb-post-carousel {
  position: relative;
}
.eb-post-carousel-wrapper .slick-slide .ebpg-carousel-post-holder {
  padding: 0;
}
.ebpg-carousel-post-excerpt p::after { 
  content: '...'; 
  display: inline-block; 
}

@media (max-width:781px) {
  .eb-post-carousel-wrapper.slick-arrows {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .eb-post-carousel-wrapper .slick-prev {
    left: -20px !important;
  }
}

.eb-post-carousel-wrapper .slick-prev, .eb-post-carousel-wrapper .slick-next {
  /*transform: rotate(-90deg);*/
  width: 32px !important;
  height: 32px !important;

}
.eb-post-carousel-wrapper .slick-next {
  /*transform: rotate(90deg);*/
}

.eb-post-carousel-wrapper .slick-prev::before, .eb-post-carousel-wrapper .slick-next::before,
.eb-post-carousel-wrapper .slick-prev:hover::before, .eb-post-carousel-wrapper .slick-next:hover::before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbDpzcGFjZT0ncHJlc2VydmUnIHdpZHRoPSczMicgaGVpZ2h0PSczMic+PHBhdGggZmlsbD0nI2YzNjYyMScgZD0nbTE4LjIgNy4yIDkuNiA5LjZjLjkuOS45IDIuMyAwIDMuMmwtLjguOGMtLjkuOS0yLjMuOS0zLjIgMGwtNy4zLTcuMy03LjMgNy4zYy0uOS45LTIuMy45LTMuMiAwbC0uOC0uOGMtLjktLjktLjktMi4zIDAtMy4ybDkuNi05LjZjLjQtLjUgMS0uNyAxLjctLjYuNiAwIDEuMi4xIDEuNy42eicvPjwvc3ZnPg==');
  width: 32px !important;
  height: 32px !important;
  filter: hue-rotate(180deg);
}
.eb-post-carousel-wrapper .slick-prev:hover::before, .eb-post-carousel-wrapper .slick-next:hover::before {
  filter: hue-rotate(0deg);
}

article.ebpg-carousel-post {
  overflow: visible !important;
}

.slick-list {
  padding-bottom: 1em !important;
}

figure.wp-block-gallery figure img {
  border-radius: 5px;
}

article.ebpg-carousel-post .ebpg-carousel-post-holder {
  position: relative;
  background-color: var(--wp--preset--color--base);
  border-radius: 25px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
article.ebpg-carousel-post .ebpg-carousel-post-holder::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  border-radius: 30px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
  opacity: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
article.ebpg-carousel-post .ebpg-carousel-post-holder:hover {
  -webkit-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
article.ebpg-carousel-post .ebpg-carousel-post-holder:hover::after {
  opacity: 1;
}

.eb-post-grid-wrapper .ebpg-post-grid-column {
  overflow: visible !important;
}

.ebpg-readmore-btn:not(.ebpg-grid-post .ebpg-readmore-btn) a {
  border: 1px solid var(--wp--preset--color--primary);
  border-radius: 50px;
  padding: 14px 29px;
}

.grow, .ebpg-readmore-btn a { 
  transition: all .2s ease-in-out !important;
}
.grow:hover, .ebpg-readmore-btn a:hover { 
  transform: scale(1.05);
}

.wp-block-group.grow, article.ebpg-grid-post {
  position: relative;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}
.wp-block-group.grow::after, article.ebpg-grid-post::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  border-radius: 30px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  opacity: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}
.wp-block-group.grow:hover, article.ebpg-grid-post:hover {
  -webkit-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.wp-block-group.grow:hover::after, article.ebpg-grid-post:hover::after {
  opacity: 1;
}

figure.shadow > img, .wp-block-group.shadow, .eb-parent-wrapper.shadow {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

blockquote.wp-block-quote.has-base-background-color {
  border: 0 !important;
  background: url(/wp-content/themes/acl2023/assets/images/quotes_r.png) right bottom no-repeat, url(/wp-content/themes/acl2023/assets/images/quotes_l.png) left top no-repeat;
  background-size: 70px 65px;
}

blockquote > p:not(:first-child) {
  margin-block-start: 30px;
}

/* Donation Page */
.donation-bg {
  margin-top: 0 !important;
}
.donation-bg .eb-wrapper-outer {
  min-height: 80vh;
}

.donation-form-wrapper h4:not(.wp-block-heading) {
  font-size: clamp(31.5px, 1.969rem + ((1vw - 7.68px) * 1.262), 42px);
}

body.single-donation .wp-block-group.has-neutral-background-color {
  background-color: rgba(245, 243, 238, 0.9) !important;
}
/*
body.single-donation .wp-block-group.has-base-background-color {
  background-color: rgba(255, 255, 255, 0.9) !important;
}
*/

/* Gnaf Autocomplete Address Finder */
#searchbox-container {
  position: relative;
}

ul.box {
  position: absolute;
  z-index: 100;
  background-color: var(--wp--preset--color--neutral);
  border-radius: 6px;
  box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%);
  color: #4a4a4a;
  display: block;
  padding: 1.25rem;
  margin-top: 0.25rem !important;
}

ul.box {
  list-style: none;
}
ul.box li {
  cursor: pointer;
  font-size: var(--wp--preset--font-size--small);
}

/* Video */
.wp-block-video > video,
.wp-block-embed iframe {
  border-radius: 20px !important;
}

/* Advanced Forms */
.af-fields {
  display: flex;
  flex-flow: row wrap;
  gap: 0.5em;
}

.af-field {
  flex-grow: 1;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 16px !important;
}
.af-field.w100,
.af-submit {
  width: 100% !important;
}

.af-submit button {
  margin-right: 1em !important;
}

.af-input textarea {
  max-height: 150px;
}
.acf-field .acf-label label {
  display: none !important;
}
.acl-form-field {
  font-size: 16px !important;
  padding: 16px !important;
  border-radius: 12px;
  border: 1px solid #e2dfda !important;
  background-color: var(--wp--preset--color--neutral) !important;
}
.acl-form-field:active, .acl-form-field:focus {
  background-color: #fff !important;
  border: 2px solid #807370 !important;
}
.acf-field-message {
	overflow: hidden scroll;
    border-radius: 10px;
    background-color: var(--wp--preset--color--neutral);
    max-height: 300px;
    font-size: 85%;
    line-height: 1.33;
}
.acf-field-message .acf-input {
	padding: var(--wp--preset--spacing--x-small) !important;
}
.acf-field-message .acf-input p, .acf-field-message .acf-input h4, .acf-field-message .acf-input h5 {
	margin-bottom: var(--wp--preset--spacing--x-small) !important;
	margin-top: 0;
}

/* single campaign page */

body.single-campaign form.af-form {
  max-width: calc(800px + 1.33em);
}

body.single-campaign .gb-accordion-title {
  background: transparent;
  padding: 0;
  color: var(--wp--preset--color--secondary);
  text-transform: uppercase;
  font-size: var(--wp--preset--font-size--x-small);
  font-weight: 500;
}
body.single-campaign .gb-accordion-title:hover {
  cursor: pointer;
}
body.single-campaign .gb-accordion-text {
  padding: 0;
}
body.single-campaign .gb-accordion-text > * {
  margin-block-start: 30px;
}
body.single-campaign .gb-accordion-text blockquote {
  margin-left: 0;
  margin-right: 0;
}
body.single-campaign .is-layout-constrained .campaign-headline-pill-container {
  position: absolute;
  margin-top: -250px !important;
  margin-left: -10px !important;
  transform: rotate(-3deg);
}

.acf-field .acf-label {
  margin: 0 !important;
}

input.invalid,
textarea.invalid {
  border: 1px solid #bc111e !important;
}
input.invalid:active, input.invalid:focus,
textarea.invalid:active, textarea.invalid:focus {
  border: 2px solid #bc111e !important;
}
.acf-field .acf-label p,
.form-field p {
  font-size: 12px;
  display: none;
  margin: 0 !important;
}
.acf-field .acf-label p.invalid,
.form-field p.invalid {
  display: block;
  color: #bc111e !important;
  margin-bottom: 10px !important;
}

/* accordion */
.acfb_accordion h5 > a {
  display: block;
  position: relative;
  color: var(--wp--preset--color--black);
  text-decoration: none;
  text-transform: uppercase;
}
.acfb_accordion h5 > a:before {
  content: "+";
  position: absolute;
  right: -20px;
  font-size: 24px;
  color: var(--wp--preset--color--primary);
  top: 50%;
  margin-top: -17px;
}
.acfb_accordion_block .acfb_accordion .acfb_accordion_content .acfb_accordion_content_inner {
  display: block;
}
.acfb_accordion_content {
  background-color: var(--wp--preset--color--base);
  border-radius: 12px;
  padding: 1em;
}
.acfb_accordion_content p:not(:first-child) {
  margin-top: 1em;
}
.has-base-background-color .acfb_accordion_block .acfb_accordion .acfb_accordion_content {
	padding-top: 0;
	padding-bottom: 0;
}

/* thank-you page on mobile */
@media screen and (max-width:500px){
  body.thank-you-page .wp-block-columns .wp-block-column:first-child {
    display: none;
  }
}

/* Funky form buttons */
:root {
  --form-control-color: #5eb0d8;
  --form-control-base-color: #ffffff;
}

div.frequency {
  display: grid;
  grid-template-columns: 1fr 1fr;
  place-content: center;
}

.form-control, .acf-true-false label {
  font-size: var(--wp--preset--font-size--x-small);
  font-weight: 500;
  display: grid;
  grid-template-columns: 1em auto;
  gap: 1em;
}

.form-control:focus-within, .acf-true-false label:focus-within {
  color: var(--form-control-color);
}
body.single-campaign .form-control:focus-within, body.single-campaign .acf-true-false label:focus-within {
  color: var(--form-control-base-color);
}

input[type="radio"], input[type="checkbox"] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: var(--form-background);
  /* Not removed via appearance */
  margin: 0;
  padding: 0;
  font: inherit;
  color: currentColor;
  width: 1.5em;
  height: 1.5em !important;
  border: 0.15em solid currentColor;
  border-radius: 50%;
  transform: translateY(0.15em);

  display: grid;
  place-content: center;
}

input[type="radio"]::before, input[type="checkbox"]::before {
  content: "";
  width: 0.85em;
  height: 0.85em;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--form-control-color);
  /* Windows High Contrast Mode */
  background-color: CanvasText;
}
body.single-campaign input[type="radio"]::before, body.single-campaign input[type="checkbox"]::before {
  box-shadow: inset 1em 1em var(--form-control-base-color);
}

input[type="radio"]:checked::before, input[type="checkbox"]:checked::before {
  transform: scale(1);
}

input[type="radio"]:focus, input[type="checkbox"]:focus {
  outline: max(2px, 0.15em) solid currentColor;
  outline-offset: max(2px, 0.15em);
}

.form-check {
  margin: 1em 0;
}

.wp-block-search__input {
  border-radius: 5px;
}

/* Modal pop-up */

.eb-modal-container {
  padding: 20px !important;
}

/* mobile optimisation */

@media (max-width:781px) {
  .wp-block-columns.reverse-on-mobile {
    flex-direction: column-reverse !important;
  }
}

/* Progress Bar */
.eb-progressbar {
	position: relative;
}
.eb-progressbar-count-wrap {
	position: absolute;
	right: 0;
	top: -35px;
}
.eb-progressbar-line-fill {
	max-width: 100%;
	display: block;
}

.eb-popup-content {
  width: 640px;
}
