/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/*//starter styles//*/
/* remove bottom margin on last paragraph or list in container */
.gb-container p:last-child:last-of-type,
.gb-container ul:last-child:last-of-type {
  margin-bottom: 0px;
}
.dynamic-entry-content p {
	margin-top: 1rem;
}

/* page and post hyperlinks */
.content-area :is(p, li ) a {
/*  font-weight: 500;
  color: var(--accent);
  border: var(--accent);
  border-bottom-style: solid;
  border-bottom-width: 1px;*/
  
}
.content-area :is(p, li ) a:hover {
  /*color: var(--accent-2);
  border: var(--accent-2);
  border-bottom-style: solid;
  border-bottom-width: 1px;*/
}
sup{
	font-weight: 800;
	margin-left: 6px;
}

a sup, sup a {
	color: var(--contrast);
	text-decoration: underline
}
a sup:hover, sup a:hover {
	color: var(--accent-2);
}
.page-disclosure sup {
	margin-right: 6px;
	margin-left: 0px;
}

/* GB button line height override */
.gb-button {
	line-height: 1.5em;
}

/* sidebar categories list style */
.wp-block-categories {
  list-style: none;
  margin-left: unset;
}

/* drop sidebar below content on tablet */
@media (max-width: 1024px) {
  .site-content {
    flex-direction: column;
  }

  .site-content .content-area,
  .site-content .is-right-sidebar {
    width: 100%;
  }
}

.single-post :is(p, ul, ol) + :is(h2, h3, h4) {
  margin-top: 40px;
}

/* wp search block style */
.wp-block-search__button.has-icon {
  background-color: var(--accent);
  border-radius: 2px;
	transition: all 0.5s ease 0s;
}

.wp-block-search__button.has-icon:hover {
  background-color: var(--accent-2);
}

.wp-block-search__button svg {
  min-height: 1.6em;
  min-width: 1.6em;
  vertical-align: text-bottom;
}

/* footer navigation block spacing */
.wp-block-navigation {
	gap: 0;
}

/* footer navigation block link hover color */
.wp-block-navigation li:hover {
  color: var(--accent-2);
}

/* START FLUENT FORMS STYLES */

/* label style */
.fluentform .frm-fluent-form .ff-el-input--label {
  font-size: 17px;
  font-weight: 500;
  color: var(--contrast-2);
}

/* field style */
.fluentform .frm-fluent-form .ff-el-form-control {
  background-color: var(--base-3);
  color: var(--contrast-3);
  border: 1px solid  var(--base);
  border-radius: 2px;
  font-size: 16px;
  line-height: 27px;
  padding: 11px 24px;
}

/* focus field style */
.fluentform .frm-fluent-form .ff-el-form-control:focus {
  border: 1px solid  var(--accent-2);
  outline: none;
}

/* placeholder text style */
.fluentform .frm-fluent-form .ff-el-form-control::placeholder {
  color: var(--contrast-3);
  font-size: 16px;
}

/* placeholder focus text style */
.fluentform .frm-fluent-form .ff-el-form-control:focus::placeholder {
  color: color: var(--contrast-3);
}

/* button style */
.fluentform .frm-fluent-form .ff-btn-submit {
  background-color: var(--accent);
  color: var(--base-3);
  opacity: 100%;
  border: 1px solid var(--accent);
  border-radius: 2px;
  font-size: 16px;
  font-weight: 600;
  line-height: 27px;
  padding: 11px 24px;
  transition: all 0.5s ease 0s;
}

/* button hover style */
.fluentform .frm-fluent-form .ff-btn-submit:hover {
  background-color: var(--accent-2);
  border: 1px solid var(--accent-2);
  color: var(--base-3);
}

/* full width buttons */
form.fluent_form_3 .ff-btn-submit, form.fluent_form_4 .ff-btn-submit {
	width: 100%;
}

/* form error text style */
.fluentform .ff-el-is-error .text-danger {
  font-size: 16px !important;
}

/* top align email form */
.frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom {
  margin-top: 0px !important;
}

/* success message style */
.fluentform .ff-message-success {
  position: relative;
  border: none;
  box-shadow: none;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: var(--base-3);
  padding: 0px;
  margin-top: 20px;
}

/* END FLUENT FORMS STYLES */


.content-header {
    position: relative;
}

.content-header::before {
    content: "";
    background-color: #c1ffa9;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    position: absolute;
    width: 5px;
    height: 100%;
    left: -72px;
}
/*//end starter styles//*/


/* Prevent ShiftNav off-canvas panel from causing horizontal scroll on mobile */
html,
body {
    overflow-x: hidden;
}
html {
    scroll-behavior: smooth;
}
[id] {
    scroll-margin-top: 100px;
}

.gb-loop-item .gb-loop-item-grid:has(.tdg-image-inline:empty){
	grid-template-columns: 1fr;
}
.gb-loop-item .gb-loop-item-grid:has(.tdg-image-inline:empty) .tdg-image-inline{
	display: none;
}



/*///Inline Image Stuff///*/
.tdg-image-inline {
	position: relative;
	isolation: isolate;
	flex: 1;   
	min-width: 0; 
}
.tdg-image-inline figure{
	height: 100%;
}
.tdg-image-inline img:first-of-type {
	position: absolute;
	inset: 0;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.dynamic-entry-content figure {
	margin-bottom: 2rem;
	position: relative;
}

.dynamic-entry-content figure figcaption {
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: right;
    padding: 8px;
    z-index: 3;
    margin: 0;
    color: #222;
    font-size: 0.6875rem;
    line-height: 1.1;
    font-weight: 700;
    background: rgba(252,252,252,0.45);
}
figure img {
  display: block;
}

.gbp-button--secondary .gb-shape svg {
	width: 1.25em!important;
	height: 1.25em!important;
}

/* Button gap for text + arrow spacing */
.gbp-button--primary, .gbp-button--secondary, .gbp-button--outline {
  gap: 8px;
  font-size: clamp(0.9375rem, 0.8493rem + 0.3676vw, 1.125rem);
}

/* Arrow via SVG mask — color-swappable via background-color */
.gbp-button--primary::after {
  content: '';
  display: inline-block;
  width: 18px;
  height: 14px;
  flex-shrink: 0;
  align-self: center;
  background-color: var(--base-3); /* white in default state */
  transition: background-color 0.5s, transform 0.3s;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='14' viewBox='0 0 18 14' fill='none'%3E%3Cpath d='M17.7522 7.62434C18.0826 7.28151 18.0826 6.72715 17.7522 6.38796L11.8465 0.257123C11.5161 -0.0857078 10.9817 -0.0857078 10.6548 0.257123C10.3279 0.599954 10.3244 1.15432 10.6548 1.4935L15.1192 6.12537H0.843668C0.376135 6.12537 0 6.51561 0 7.00068C0 7.48575 0.376135 7.876 0.843668 7.876H15.1192L10.6548 12.5079C10.3244 12.8507 10.3244 13.4051 10.6548 13.7442C10.9853 14.0834 11.5196 14.0871 11.8465 13.7442L17.7522 7.62434Z' fill='black'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='14' viewBox='0 0 18 14' fill='none'%3E%3Cpath d='M17.7522 7.62434C18.0826 7.28151 18.0826 6.72715 17.7522 6.38796L11.8465 0.257123C11.5161 -0.0857078 10.9817 -0.0857078 10.6548 0.257123C10.3279 0.599954 10.3244 1.15432 10.6548 1.4935L15.1192 6.12537H0.843668C0.376135 6.12537 0 6.51561 0 7.00068C0 7.48575 0.376135 7.876 0.843668 7.876H15.1192L10.6548 12.5079C10.3244 12.8507 10.3244 13.4051 10.6548 13.7442C10.9853 14.0834 11.5196 14.0871 11.8465 13.7442L17.7522 7.62434Z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
/* Hover: arrow turns magenta to match the ghost-button text flip */
.gbp-button--primary:is(:hover, :focus)::after {
  background-color: var(--global-magenta);
  transform: translateX(3px);
}


.gbp-button--secondary::after {
  content: '';
  display: inline-block;
  width: 18px;
  height: 14px;
  flex-shrink: 0;
  align-self: center;
  background-color: var(--base-3); /* white in default state */
  transition: background-color 0.5s, transform 0.3s;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='14' viewBox='0 0 18 14' fill='none'%3E%3Cpath d='M17.7522 7.62434C18.0826 7.28151 18.0826 6.72715 17.7522 6.38796L11.8465 0.257123C11.5161 -0.0857078 10.9817 -0.0857078 10.6548 0.257123C10.3279 0.599954 10.3244 1.15432 10.6548 1.4935L15.1192 6.12537H0.843668C0.376135 6.12537 0 6.51561 0 7.00068C0 7.48575 0.376135 7.876 0.843668 7.876H15.1192L10.6548 12.5079C10.3244 12.8507 10.3244 13.4051 10.6548 13.7442C10.9853 14.0834 11.5196 14.0871 11.8465 13.7442L17.7522 7.62434Z' fill='black'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='14' viewBox='0 0 18 14' fill='none'%3E%3Cpath d='M17.7522 7.62434C18.0826 7.28151 18.0826 6.72715 17.7522 6.38796L11.8465 0.257123C11.5161 -0.0857078 10.9817 -0.0857078 10.6548 0.257123C10.3279 0.599954 10.3244 1.15432 10.6548 1.4935L15.1192 6.12537H0.843668C0.376135 6.12537 0 6.51561 0 7.00068C0 7.48575 0.376135 7.876 0.843668 7.876H15.1192L10.6548 12.5079C10.3244 12.8507 10.3244 13.4051 10.6548 13.7442C10.9853 14.0834 11.5196 14.0871 11.8465 13.7442L17.7522 7.62434Z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.gbp-button--secondary.header-login-button::after {
  display: none!important;

}

/* Hover: arrow turns magenta to match the ghost-button text flip */
.gbp-button--secondary:is(:hover, :focus)::after {
  background-color: var(--global-teal-dark);
  transform: translateX(3px);
}

.gbp-button--outline::after {
  content: '';
  display: inline-block;
  width: 18px;
  height: 14px;
  flex-shrink: 0;
  align-self: center;
  background-color: var(--base-3); /* white in default state */
  transition: background-color 0.5s, transform 0.3s;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='14' viewBox='0 0 18 14' fill='none'%3E%3Cpath d='M17.7522 7.62434C18.0826 7.28151 18.0826 6.72715 17.7522 6.38796L11.8465 0.257123C11.5161 -0.0857078 10.9817 -0.0857078 10.6548 0.257123C10.3279 0.599954 10.3244 1.15432 10.6548 1.4935L15.1192 6.12537H0.843668C0.376135 6.12537 0 6.51561 0 7.00068C0 7.48575 0.376135 7.876 0.843668 7.876H15.1192L10.6548 12.5079C10.3244 12.8507 10.3244 13.4051 10.6548 13.7442C10.9853 14.0834 11.5196 14.0871 11.8465 13.7442L17.7522 7.62434Z' fill='black'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='14' viewBox='0 0 18 14' fill='none'%3E%3Cpath d='M17.7522 7.62434C18.0826 7.28151 18.0826 6.72715 17.7522 6.38796L11.8465 0.257123C11.5161 -0.0857078 10.9817 -0.0857078 10.6548 0.257123C10.3279 0.599954 10.3244 1.15432 10.6548 1.4935L15.1192 6.12537H0.843668C0.376135 6.12537 0 6.51561 0 7.00068C0 7.48575 0.376135 7.876 0.843668 7.876H15.1192L10.6548 12.5079C10.3244 12.8507 10.3244 13.4051 10.6548 13.7442C10.9853 14.0834 11.5196 14.0871 11.8465 13.7442L17.7522 7.62434Z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

/* Hover: arrow turns magenta to match the ghost-button text flip */
.gbp-button--outline:is(:hover, :focus)::after {
  background-color: var(--base-3);
  transform: translateX(3px);
}
.latest-news-home .latest-event-title:hover, .latest-news-home .inside-article a:hover{
	color: var(--accent-2)!important;
}
@media (min-width: 1025px) {
    .tdg-container-header__mobile {
        display: none;
    }
}

.gbp-button--textbutton {
	white-space: nowrap;
    flex-shrink: 0;
}
.notice-bar .gb-notice-content p:last-child {
	margin-bottom: 0;
}
.notice-bar .gb-notice-content p strong {
	font-weight: 900;
}
.notice-bar .gb-notice-content p a:hover {
	text-decoration: none!important;
}

.notice-bar .gb-loop-item.default {
    background-color: var(--global-yellow);
}
.notice-bar .gb-loop-item.default p a {
	color: var(--contrast);
}
.notice-bar .gb-loop-item.emergency {
    background-color: #cc0000;
    color: #ffffff;
}
.notice-bar .gb-loop-item.emergency .gb-notice-content {
	color: #fff;
}



/*UBERMENU STYLES*/
header .ubermenu-main {
	margin-top: 8px;
}
header .ubermenu-main .ubermenu-target {
    font-size: 1.1875rem;
	background: transparent;
	font-family: var(--gp-font--nunito-sans);
	font-weight: 700;
}
header .ubermenu-main .ubermenu-target .ubermenu-target-text{
	font-weight: 500;
	color: var(--global-teal-dark);
	list-height: 1.1;
}
.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator {
    right: -4px!important;
	color: var(--global-teal-dark);
	margin-top: -2px!important;
}
.ubermenu .ubermenu-submenu .ubermenu-column-auto {
	width: 100%!important;
}


.ubermenu-skin-minimal .ubermenu-item-level-0 > .ubermenu-target {
	padding: 10px 35px 10px 16px;
	margin-right: 16px;
	line-height: 0.95;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--global-teal-dark);

}

/* Bridge the 24px gap on the item container so mouseleave doesn't fire in the gap */
header .ubermenu-main .ubermenu-item-level-0 {
    position: relative; /* ensure stacking context */
}

header .ubermenu-main .ubermenu-item-level-0::after {
    content: '';
    position: absolute;
    bottom: -24px;   /* matches your margin-top: 24px on the submenu */
    left: 0;
    right: 0;
    height: 24px;
    display: block;
    /* transparent — purely a hit-area bridge */
}


header .ubermenu-main .ubermenu-item-level-0 > .ubermenu-submenu-drop {
    margin-top: 24px !important;
    background: #EEEAE5;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
    border: none !important;
    padding: 20px 12px 16px 12px;
    min-width: 300px !important;
}
/* Single consolidated ::before rule */
header .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target::before {
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 2;
    display: block;
    width: 48px;
    height: 25px;           /* 25px triangle + 20px gap = exactly flush */
    background: url("data:image/svg+xml;utf8,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2249%22%20height=%2225%22%20viewBox=%220%200%2049%2025%22%20fill=%22none%22><path%20d=%22M24.5%201.67284e-06L49%2025L0%2025L24.5%201.67284e-06Z%22%20fill=%22%23EEEAE5%22/></svg>") no-repeat center top;
    background-size: 49px 25px;   /* pin triangle to exact SVG size */
    opacity: 0;
    transform: translateX(-50%);
    transition: opacity 0s ease-in;
    pointer-events: auto; /* bridges the gap — must be auto, not none */
    content: "";
}
header .ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target::before,
header .ubermenu-main .ubermenu-item-level-0.ubermenu-active > .ubermenu-target::before {
    opacity: 1;
    transition: opacity 0.3s ease-in;  /* smooth fade-in on hover */
}


/* Triangle appears on hover */
header .ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target::before,
header .ubermenu-main .ubermenu-item-level-0.ubermenu-active > .ubermenu-target::before {
    margin-top: 0;
    opacity: 1;
}
.ubermenu .ubermenu-submenu-type-stack {
	padding-top: 0!important;
	padding-bottom:0!important;
}

 

/* Target the submenu indicator pseudo-element */
.ubermenu .ubermenu-has-submenu-drop > .ubermenu-target > .ubermenu-sub-indicator:before {
    content: "\f078"; /* fa-angle-down is the default — change this value */
}

.ubermenu .ubermenu-item-type-column>.ubermenu-submenu-type-stack>.ubermenu-item-normal:first-child {
	margin-top: 0;
}

/* ── UberMenu submenu bullet list styles ── */

/* Level 1: column wrapper — invisible, no styling needed */
header .ubermenu-main .ubermenu-item-level-1 > .ubermenu-target {
    display: none;
}
.ubermenu .ubermenu-item-type-column>.ubermenu-submenu-type-stack>.ubermenu-item-normal:first-child {
    margin-top: 0px!important;
}

/* Level 2: "Personal Banking" heading — no bullet, no hover */
header .ubermenu-main .ubermenu-item-level-2 > .ubermenu-target {
    font-weight: 700;
    font-size: 1rem;
    color: var(--global-teal-dark) !important;
    /*padding-left: 0 !important;*/
    
}

/* Level 2 heading — kill any ::before completely */
header .ubermenu-main .ubermenu-item-level-2 > .ubermenu-target::before {
    display: none !important;
    content: none !important;
}

/* Level 3: the actual links — indented with bullet */
header .ubermenu-main .ubermenu-item-level-3 > .ubermenu-target {
    position: relative;
    padding: 8px 8px 8px 2.5em !important;
    font-weight: 400;
    color: var(--global-teal-dark) !important;
    display: block;
    background: none !important;
    transition: background 0.15s ease, color 0.15s ease;
	font-size: 1rem;
}

/* Level 3 bullet — fully explicit to override nav triangle rule */
header .ubermenu-main .ubermenu-item-level-3 > .ubermenu-target::before {
    content: "•" !important;
    position: absolute !important;
    left: 1.5em !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: var(--global-teal-dark) !important;
    font-size: 1em !important;
    background: none !important;
    background-image: none !important;
    width: auto !important;
    height: auto !important;
    opacity: 1 !important;
    pointer-events: none !important;
    transition: none !important;
    margin-top: 0 !important;
    bottom: auto !important;
    z-index: 1 !important;
}
/* Level 4: the actual links — indented with bullet */
header .ubermenu-main .ubermenu-item-level-4 > .ubermenu-target {
    position: relative;
    padding: 8px 8px 8px 3.5em !important;
    font-weight: 400;
    color: var(--global-teal-dark) !important;
    display: block;
    background: none !important;
    transition: background 0.15s ease, color 0.15s ease;
	font-size: 1rem;
}

/* Level 4 bullet — fully explicit to override nav triangle rule */
header .ubermenu-main .ubermenu-item-level-4 > .ubermenu-target::before {
    content: "•" !important;
    position: absolute !important;
    left: 2.5em !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: var(--global-teal-dark) !important;
    font-size: 1em !important;
    background: none !important;
    background-image: none !important;
    width: auto !important;
    height: auto !important;
    opacity: 1 !important;
    pointer-events: none !important;
    transition: none !important;
    margin-top: 0 !important;
    bottom: auto !important;
    z-index: 1 !important;
}


header .ubermenu-main .ubermenu-item-level-2 > .ubermenu-target .ubermenu-target-text {
	font-weight: 700;
}


/* Hover: full-width teal block, white text */
header .ubermenu-main .ubermenu-item-level-2:hover > .ubermenu-target, header .ubermenu-main .ubermenu-item-level-3:hover > .ubermenu-target, header .ubermenu-main .ubermenu-item-level-4:hover > .ubermenu-target {
	background: var(--global-teal-dark) !important;
}

header .ubermenu-main .ubermenu-item-level-2:hover > .ubermenu-target .ubermenu-target-text, header .ubermenu-main .ubermenu-item-level-3:hover > .ubermenu-target .ubermenu-target-text, header .ubermenu-main .ubermenu-item-level-4:hover > .ubermenu-target .ubermenu-target-text {
    color: #fff !important;
}



/* Bullet flips white on hover */
header .ubermenu-main .ubermenu-item-level-3:hover > .ubermenu-target::before, header .ubermenu-main .ubermenu-item-level-4:hover > .ubermenu-target::before {
    color: #fff !important;
}

.shiftnav-toggle-button{
	padding: 12px!important;
	background: var(--global-brown-dark)!important;
	color: var(--global-yellow)!important;
	border: 2px solid var(--global-brown-dark)
}
.shiftnav-toggle-button:hover {
	background: var(--global-yellow)!important;
	color: var(--global-brown-dark)!important;
	border: 2px solid var(--global-brown-dark)
}
.shiftnav-toggle-button .fa.fa-bars {
    margin-right: 0!important;
	font-size: 24px;
}
.site-notice {
    background-color: #1a3a5c; /* your brand color */
    color: #fff;
    padding: 0.75rem 1rem;
    text-align: center;
}

.site-notice__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    max-width: var(--wp--style--global--content-size, 1200px);
    margin: 0 auto;
}

.site-notice__link {
    color: #fff;
    font-weight: 600;
    text-decoration: underline;
    white-space: nowrap;
}

.yoast-breadcrumbs {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}
.yoast-breadcrumbs a {
	color: var(--global-teal-dark);
}
.yoast-breadcrumbs a:hover {
	color: var(--accent-2);
	text-decoration: underline;
}
.yoast-breadcrumbs span svg {
	margin: 0 4px;
	margin: 0 4px;
}
.locations-map-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.locations-map-wrapper  iframe, .locations-map-wrapper .wp-block-html iframe {
    position: absolute!important;
    inset: 0!important;
    width: 100% !important;
    height: 100% !important;
}
.vid-split {
	margin-bottom: .5rem;
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	
	@media only screen and (max-width: 59.999rem) {
		margin-bottom: .25rem;
	}
	
	.vid-item {
		width: 50%;
		box-sizing: border-box;
		padding: 0 1rem 2rem;
	}
}

.bcm_embed_iframe {
    width: 100%;
    aspect-ratio: 3 / 2;
    display: block;
}

/* 2-column grid layout */
ul.is-2col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.25rem 1.5rem;
    list-style: none;
    margin: 0 0 2rem 0;
	padding-left: 2rem;
}
@media (max-width: 34.9375rem) {
	ul.is-2col {
		grid-template-columns: 1fr;
		padding-left: 1rem;
	}
}
ul.is-2col li {
	display: block!important;
	position: relative!important;
	padding-left: calc(32px + 0.6rem)!important;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.95rem;
    list-style: none;
    line-height: 1.1;
    background-color: #ffffff;
    padding: 1rem;
    border-radius: 8px;
	align-self: start;
}
ul.is-2col li::before {
	content: "";
    /*display: inline-flex;*/
	position: absolute!important;
	left: 0!important;
	top: 50%!important;
	transform: translateY(-50%);
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='40' rx='20' fill='%23EEEAE5'/%3E%3Cpath d='M17.4343 25.7314L12.2343 20.5314C11.9219 20.219 11.9219 19.7124 12.2343 19.4L13.3656 18.2686C13.6781 17.9562 14.1846 17.9562 14.497 18.2686L18 21.7715L25.503 14.2686C25.8154 13.9562 26.3219 13.9562 26.6343 14.2686L27.7657 15.4C28.0781 15.7124 28.0781 16.2189 27.7657 16.5314L18.5657 25.7314C18.2532 26.0438 17.7467 26.0438 17.4343 25.7314Z' fill='%23806B59'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}