@import url("variables.css");
@import url("header.css");
@import url("splide.css");





/***** CUSTOM CARD *****/

/* Make card container the positioning context */
.custom-card {
  position: relative;
  overflow: hidden;
  z-index: 0;
}

.custom-card .kt-inside-inner-col {
  padding: 0;
}

.custom-card figure {
  margin: 0;
}
.custom-card img {
  display: block;
  width: 100%;
  height: auto;
}


/* Overlay wrapper */
.custom-card .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 70%;
  height: 60%;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
  transition: left 0.28s ease, top 0.28s ease,
    width 0.28s ease, height 0.28s ease,
    border-radius 0.28s ease;
  border-radius: inherit;
}

/* Wedge */
.custom-card.blue .overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(30, 22, 69, 0.8);
  clip-path: polygon(
    0% 100%,
    0% 0%,
    99.8016% 0%,
    27.9762% 100%
  );
  transition: background-color 0.25s ease, clip-path 0.28s ease;
}

.custom-card.green .overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 152, 119, 0.8);
  clip-path: polygon(
    0% 100%,
    0% 0%,
    99.8016% 0%,
    27.9762% 100%
  );
  transition: background-color 0.25s ease, clip-path 0.28s ease;
}

/* Hover: fill whole card */
.custom-card:hover .overlay {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.custom-card.blue:hover .overlay::before {
  background: #1e1645;
  clip-path: polygon(
    0% 0%,
    100% 0%,
    100% 0%,
    100% 100%,
    0% 100%,
    0% 48%
  );
}

.custom-card.green:hover .overlay::before {
  background: #009877;
  clip-path: polygon(
    0% 0%,
    100% 0%,
    100% 0%,
    100% 100%,
    0% 100%,
    0% 48%
  );
}

/* Micro seam guard */
@supports (clip-path: polygon(0 0, 100% 0, 100% 100%)) {
  .custom-card .overlay {
    left: -0.5px;
    top: -0.5px;
    width: calc(70% + 1px);
    height: calc(60% + 1px);
  }
  .custom-card:hover .overlay {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
}

/* Text wrapper */
.custom-card .text-wrap {
  position: absolute;
  left: 0rem;
  top: 0rem;
  right: 0rem;
  z-index: 2;
  pointer-events: none;
}


/* Description and button */
.custom-card .card-desc,
.custom-card .wp-block-kadence-advancedbtn {
  margin: 0;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 0.24s ease, transform 0.24s ease;
  max-width: 40ch;
}

.custom-card:hover .card-desc,
.custom-card:focus-within .card-desc,
.custom-card:hover .wp-block-kadence-advancedbtn,
.custom-card:focus-within .wp-block-kadence-advancedbtn {
  opacity: 1;
  transform: translateY(0);
}

.custom-card .wp-block-kadence-advancedbtn {
  pointer-events: auto;
}

.custom-card figure {

  margin-bottom: 0 !important;

}


/* 

body.page-id-203 .custom-hero h1, body.page-id-203 .custom-hero #kadence-breadcrumbs, body.page-id-203 .custom-hero .description {
  color: var(--global-palette3);
} */




#gform_fields_2 label.gfield_label.gform-field-label, #gform_fields_2 legend.gfield_label.gform-field-label.gfield_label_before_complex {

    color: #1e1645 !important;
    font-family: 'Avenir Next LT Pro', Helvetica, Arial;
    font-size: 16px !important;

}



mark.kt-highlight {
    padding: 3px 8px;
}


a.ydr-title-link {
    text-decoration: none !important;
}

/* Video popup */

.wp-block-kadence-videopopup {
    width: 82%;
}

.kadence-video-popup-wrap {

  border-radius: 0;

}

.kadence-video-overlay {

  background: transparent;
}

/* Hide Kadence default SVG */
.kt-video-svg-icon svg {
    opacity: 0 !important;
}

/* Ensure wrapper allows absolute positioning */
.kb-svg-icon-wrap {
    position: relative !important;
}

/* Apply your NEW SVG icon */
.kt-video-svg-icon {
    position: absolute !important;
    right: 3rem;     /* adjust spacing */
    bottom: 2.7rem;    /* adjust spacing */

    width: 55px !important;   /* NOW THIS WILL WORK */
    height: 55px !important;

    background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'>\
  <path opacity='1' fill='%23009877' d='M64 320C64 461.4 178.6 576 320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320zM240 192L448 320L240 448L240 192z'/>\
  <path fill='%23ffffff' d='M240 448L240 192L448 320L240 448z'/>\
</svg>");
    
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}


.kadence-svg-iconset.svg-baseline svg {
    top: -1.35px;
    position: relative;
}


.kt-blocks-carousel .splide.kb-slider-arrow-position-bottom-right .splide__arrows {
    bottom: 10%;
    right: 5%;
}

/* Flatten pagination pills */
.nav-links,
.nav-links * {
    border-radius: 0 !important;
}

/* Force a stable 3/2/1 grid for archive cards (overrides any inline styles) */
#archive-container {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 2.5rem !important;
    grid-auto-flow: row dense !important;
    align-items: stretch;
    padding: 0;
    list-style: none;
}

@media (max-width: 1024px) {
    #archive-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 640px) {
    #archive-container {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

#archive-container > * {
    margin: 0 !important;
    width: auto !important;
    display: flex !important;
    height: 100% !important;
    grid-column: auto / span 1 !important;
}

#archive-container .pg-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#archive-container .pg-thumb {
    display: block;
    width: 100%;
    height: 200px;
    object-fit: cover;
    flex: 0 0 auto;
}

#archive-container .pg-inner {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

#archive-container .pg-inner .pg-cta {
    margin-top: auto;
}

/* Remove spoken-word injected controls that break layout */
#archive-container .spoken-word,
#archive-container .spoken-word-playback-controls,
#archive-container .spoken-word-playback-controls__dialog {
    display: none !important;
}


/* Tag links */
.tags-links a {
    background-color: var(--global-palette2);
    color: var(--global-palette9);
    border: none;
    border-radius: 0;
    padding: 6px 10px;
    display: inline-block;
}

.entry-tags a.tag-link {
    background-color: var(--global-palette2);
    color: var(--global-palette9);
    border: none;
    border-radius: 0;
    padding: 6px 10px;
    display: inline-block;
}

.pg-card .entry-taxonomies {
    font-size: 12px;
    line-height: 1.4;
    margin-bottom: 6px;
}