/* Styles applied for global ACF WYSIWYG fields. The field must have the class gl_content */

.gl_content blockquote {
  position: relative;
  padding-left: 24px;
  border-left-style: none;
  font-weight: 700;
  color: var(--bz-grey);
  line-height: 1.5;
}

.gl_content blockquote::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: var(--bz-sec-1);
  border-radius: 999px;
}

.gl_content.accent_yellow blockquote::before {
  background: var(--bz-sec-2);
}

.gl_content.text-white h2,
.gl_content.text-white blockquote,
.gl_content.text-white p,
.gl_content.text-white blockquote p {
  color: var(--bz-white);
}

.gl_content blockquote {
  max-width: 40rem;
}

.gl_content h2 {
  max-width: 35rem;
  margin-bottom: 1rem;
  font-weight: 800;
  color: var(--bz-font);
}

.gl_content h3 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  font-weight: 800;
  color: var(--bz-font);
}

.gl_content.is_centered {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.gl_content.content_center {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.gl_content ul {
  list-style: none;
  padding-left: 20px;
}

.gl_content ul li {
  display: flex;
  align-items: flex-start;
}

.gl_content li::before {
  content: "•";
  color: var(--bz-primary);
  font-size: 1.5rem;
  line-height: 1;
  margin-right: 0.5rem;
}

/* Gutenberg FAQ Accordion */
.wp-block-accordion {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* Individual FAQ */
.wp-block-accordion-item {
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 0.5rem;
  background: var(--bz-white);
}

/* Question */
.wp-block-accordion-heading {
  margin: 0;
}

.wp-block-accordion-heading__toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  padding: 1.25rem 1.5rem !important;
  border: 0;
  background: transparent;
  color: var(--bz-font);
  font: inherit;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: left;
  cursor: pointer;
}

/* Answer */
.wp-block-accordion-panel {
  padding: 0 1.5rem 1.5rem !important;
  color: var(--bz-font);
}

.wp-block-accordion-panel > *:first-child {
  margin-top: 0;
}

.wp-block-accordion-panel > *:last-child {
  margin-bottom: 0;
}

/* Hover */
.wp-block-accordion-heading__toggle:hover {
  opacity: 0.7;
}

/* Keyboard focus */
.wp-block-accordion-heading__toggle:focus-visible {
  outline: 2px solid var(--bz-primary);
  outline-offset: -2px;
}

/* GSAP Animation */
.fade-in,
.fade-group > * {
  opacity: 0;
  visibility: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .fade-in,
  .fade-group > * {
    opacity: 1;
    visibility: visible;
  }
}



/* Always visible inside Bricks Builder */
.brx-body.iframe .fade-in,
.brx-body.iframe .fade-group > * {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}


/* Directory Category Colours */

.bz_value.arts_crafts_music {
  background-color: #E8D5F2;
}

.bz_value.automotive_transportation {
  background-color: #D5E4F2;
}

.bz_value.beauty_personal_care {
  background-color: #F3D9E5;
}

.bz_value.childcare_education {
  background-color: #F6E7B8;
}

.bz_value.cleaning_home_organization {
  background-color: #D9EDE8;
}

.bz_value.construction_trades {
  background-color: #E5DDD2;
}

.bz_value.financial_services {
  background-color: #D7E6D5;
}

.bz_value.food_dining {
  background-color: #F4D8C5;
}

.bz_value.health_wellness {
  background-color: #D2E8E1;
}

.bz_value.home_property_services {
  background-color: #E4E0CC;
}

.bz_value.insurance {
  background-color: #D8E0EE;
}

.bz_value.legal_professional_services {
  background-color: #DDD9E8;
}

.bz_value.pet_services {
  background-color: #F1DFC4;
}

.bz_value.real_estate_mortgages {
  background-color: #D5E2D3;
}

.bz_value.retail_specialty_services {
  background-color: #EAD8D0;
}

.bz_value.security_technology {
  background-color: #D6DEE2;
}

.bz_value.town_municipal_services {
  background-color: #D5E5E0;
}

/* Mobile Nav */
nav.bricks-mobile-menu-wrapper.right {
    border-radius: 8px 8px 0px 0px !important;
    overflow: hidden;
}

/* Form Global Styles */

.bz_form--notice {
width: 100%;
  text-align: center;
  font-weight: 500;
  margin-bottom: 1.5rem;

}

.bz_form--divider {
	width: 15%;
  height: 2px;
  background-color: var(--bz-dark);
  opacity: 0.5;
  margin: 2rem auto;
}

/* Form Center Button */
.submit-button-wrapper {
    margin: auto;
}

/* Directory Card Styles */
.card_directory--action {
transition: all 0.3s ease-in;
}

.card_directory--icon path {
  transition: stroke 0.3s ease-in;
}

.card_directory--icon:hover path {
  stroke: var(--bz-primary);
}

.card_directory--action:hover {
  color: var(--bz-primary);
}

/* Hide Bricks Mobile Overlay */
.bricks-mobile-menu-overlay {
visibility: hidden !important;
}

/* Bricks Mobile Nav */
.brxe-nav-menu .bricks-mobile-menu {
    padding: 1.5rem;
}


/* Request CTA Style */
@media (min-width: 767px) {
  .request--content {
    clip-path: polygon(
      0 0,
      100% 0,
      82% 100%,
      0 100%
    );
  }
}

/* Events Calendar Styles */
.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
  max-width: 100%;
  width: 100%;
}