/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */





/* Disable pesky padding on top of video */
.entry-content-wrap {
    padding: 0px !important;
}

/* Override Menu Header height */
/*
.kadence-header-row-inner {
	min-height: 190px !important;
}
*/


/* Desktop header: 3 equal cells per side MENU Spacing */
/* Left: three equal cells for Trails / Events / News */
header .wp-block-kadence-header-desktop .wp-block-kadence-header-column-center-left .kb-navigation.menu > li.menu-item {
  flex: 1 1 0 !important;
}

/* Right: three equal cells for Get Involved / Search / Donate */
header .wp-block-kadence-header-desktop .wp-block-kadence-header-column-center-right > * {
  flex: 1 1 0 !important;
  display: flex !important;
  justify-content: center !important;
}

/* Hover fix */
header .wp-block-kadence-header-desktop .kb-navigation.menu > li.menu-item:not(.menu-item-has-children) > .kb-link-wrap {
  flex: 0 0 auto;
  width: fit-content;
  margin-inline: auto;
}



/* Mobile Video */
/*
@media only screen and (max-width: 768px) {
	.wp-block-video video {
		height: auto;
		vertical-align: middle;
		width: 390%;
		position: relative;
		left: -200%;
	}
}
*/

.media-hero-row {
  aspect-ratio: 16 / 9;
  height: auto;
}
.media-hero-row > .kt-row-column-wrap {
  height: 100%;
}
	
@media (max-width: 767px) {
  .media-hero-row {
    aspect-ratio: 9 / 16;
  }
  h1 {
	font-size: 34px !important;
  }
}



.kb-adv-form-success {
    background: #a9311b !important;
    padding: 1em;
    border-radius: 6px !important;
    border: 0;
    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: bold !important;
}

.kb-adv-form-loading {
  background-color: #4c5566 !important;
  opacity: 1 !important;
}



/* On Change Of Query Loop (ADV) - change color of white overlay */
.wp-block-kadence-query-card .overlay {
	background-color: transparent !important;
	/*background-color: #a9311b !important;*/
}


.wp-container-core-group-is-layout-129823b0 { gap: .4em !important; }


.wp-block-kadence-navigation.navigation-desktop-orientation-horizontal .sub-menu {
	background: rgba(0,0,0,.90) !important;
}


:root .has-theme-palette-4-background-color, :root .has-theme-palette4-background-color {
	background: rgba(0,0,0,.00) !important;
}



/* Reposition Mega Menu to not block ARTA Logo */
:root { --mm-drop: 25px; }

/* Tab: positioning context */
.main-nav .menu-item-has-children:not(.trail-status-menu) > .kb-link-wrap {
  position: relative;
}

/* Tab state while mega menu is open */
.main-nav .menu-item-has-children:not(.trail-status-menu):is(:hover, :focus-within) > .kb-link-wrap {
  background: #ffffff;           /* match the mega menu background */
  border-radius: 6px 6px 0 0;    /* tab corners: top only */
  z-index: 1001;                 /* above the dropdown's shadow */
}
.main-nav .menu-item-has-children:not(.trail-status-menu):is(:hover, :focus-within) > .kb-link-wrap a {
  color: #1a1a1a;
}
/* Keep the dropdown arrow in its hover color while the menu is open */
.main-nav .menu-item-has-children:not(.trail-status-menu):is(:hover, :focus-within) > .kb-link-wrap .kb-nav-dropdown-toggle-btn {
  color: #2d5a27;   /* your arrow hover color */
}

/* Tab extension: fills the gap down to the menu */
.main-nav .menu-item-has-children:not(.trail-status-menu):is(:hover, :focus-within) > .kb-link-wrap::after {
  content: "";
  position: absolute;
  left: -1px;
  right: -1px;
  top: 100%;
  height: calc(var(--mm-drop, 25px) + 2px);  /* small overlap hides the shadow seam */
  background: inherit;
}

/* Push the mega menu down */
.main-nav .menu-item-has-children:not(.trail-status-menu) > .sub-menu {
  translate: 0 var(--mm-drop, 25px);
}

/* Invisible hover bridge across the full menu width */
.main-nav .menu-item-has-children:not(.trail-status-menu) > .sub-menu::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  height: var(--mm-drop, 25px);
}



/* Position Close Button for Search below menu */
.kb-search848_b537c8-85 .kb-search-close-btn {
    top: 100px !important;
}

/* Search Button padding */
.kb-search {
    padding-right: 40px !important;
}

/* Sticky Menu */
.wp-block-kadence-header.header-desktop-sticky .item-is-stuck:not(.kb-header-row-layout-contained) {
    background: rgba(0,0,0,0.80) !important;
}
/* Sticky: shorter nav links so the middle row can shrink */
.item-is-stuck .main-nav .kb-nav-link-content {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* Sticky: smaller Trail Alerts bar */
/* Sticky: hide the Trail Alerts row */
.item-is-stuck .wp-block-kadence-header-row-top {
  display: none;
}

/* Sticky: keep dropdown arrows centered with the smaller links */
.item-is-stuck .wp-block-kadence-header-row-center .kb-link-wrap {
  align-items: center;
  padding-top: 10px;
  padding-bottom: 6px;
}
.item-is-stuck .wp-block-kadence-header-row-center .kb-nav-dropdown-toggle-btn {
  padding-top: 0;
  padding-bottom: 10px;
}

/* Sticky header: scale middle-row content to fit the 60px row */
.item-is-stuck .wp-block-kadence-header-row-center .kb-nav-link-content {
  font-size: 20px !important;
  padding-top: 8px;
  padding-bottom: 15px !important;
}

/* Logo: override Kadence's inline size and top margin */
.item-is-stuck .wp-block-kadence-header-row-center .wp-block-site-logo {
  margin-top: 0 !important;
}
.item-is-stuck .wp-block-kadence-header-row-center .custom-logo {
  max-height: 80px !important;
	margin-top: 5px !important;
	margin-bottom: 5px !important;
  width: auto;
}

.item-is-stuck .wp-block-kadence-header-row-center .kb-button {
  font-size: 17px !important;
  padding: 6px 14px 6px 14px !important;
}


/* Sticky Transition Animation - Main Header Scaling between Versions */
@media (prefers-reduced-motion: no-preference) {
  /* Transparent → sticky background */
  header .wp-block-kadence-header-desktop,
  header .wp-block-kadence-header-desktop .wp-block-kadence-header-row {
    transition: background-color .3s ease, box-shadow .3s ease;
  }
}

@media (prefers-reduced-motion: no-preference) {
  header .wp-block-kadence-header-desktop .custom-logo {
    transition: transform .3s ease;
    transform-origin: center top;
  }
}
/* Stuck state: change the class name if yours differs */
header .wp-block-kadence-header-desktop.item-is-stuck .custom-logo {
 	transform: scale(.85);
    margin-top: 10px !important;
    margin-bottom: 0px !important;
}






/*  label + arrow centered as a unit, 10px apart */
.wp-block-kadence-header-row-center .kb-link-wrap {
  justify-content: center;
  gap: 6px;
}
.wp-block-kadence-header-row-center .kb-link-wrap > .kb-nav-link-content {
  flex: 0 0 auto !important;   /* stop the link filling the item */
  width: auto !important;
  padding-right: 0;            /* gap handles the spacing */
}
.wp-block-kadence-header-row-center .kb-nav-dropdown-toggle-btn {
  margin-left: 0;
  padding-left: 0;
}

/* Donate Button Animation */
@property --dt-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

.donate-trace {
  position: relative;
  isolation: isolate;
}

.donate-trace::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;                 /* stroke thickness */
  background: conic-gradient(
    from var(--dt-angle),
    transparent 0 50%,
    #fff 86%,                   /* highlight color */
    transparent 100%
  );
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  animation: dt-spin 3s linear infinite;
  pointer-events: none;
}

@keyframes dt-spin {
  to { --dt-angle: 360deg; }
}

.donate-trace:hover,
.donate-trace:focus-visible {
  box-shadow: 0 0 18px rgba(255,255,255,.35);
  animation: dt-heartbeat 1s ease-in-out;
}

@keyframes dt-heartbeat {
  0%   { transform: scale(1); }
  14%  { transform: scale(1.07); }   /* lub */
  28%  { transform: scale(1); }
  42%  { transform: scale(1.05); }   /* dub */
  70%  { transform: scale(1); }
}


@media (prefers-reduced-motion: reduce) {
  .donate-trace::after { animation: none; }
  .donate-trace:hover,
  .donate-trace:focus-visible { animation: none; }
}





/* Trail Conditions Widget Links */
a.trail-conditions-issue {
    color: #ffffff !important;
	text-decoration: underline;
}

.trail-conditions-issue:hover,
.trail-conditions-issue:focus,
.trail-conditions-issue:active { color: #549058; text-decoration: underline; }



/* Trail-info pods: background shifts on hover, contents untouched */
/* Pod hover: fade a dark layer over the existing gradient */
.art-pod > .kt-inside-inner-col {
  position: relative;
  isolation: isolate;          /* keeps the overlay behind the pod's content */
}

.art-pod > .kt-inside-inner-col::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;      /* follows your rounded corners */
  background: rgba(0, 0, 0, 0.7);   /* how much darker on hover */
  opacity: 0;
  transition: opacity 0.25s ease;
  pointer-events: none;        /* clicks pass through to links/buttons */
  z-index: -1;                 /* above the gradient, below the content */
}

.art-pod:hover > .kt-inside-inner-col::after,
.art-pod:focus-within > .kt-inside-inner-col::after {
  opacity: 1;
}


.kt-post-loop834_5f501d-a0 .kt-blocks-post-readmore-wrap {
    text-align: right;
    top: -30px !important;
    position: relative;
}



header .wp-block-kadence-header-desktop .mega-menu > .kb-row-layout-wrap {
  min-height: 360px;
}
header .wp-block-kadence-header-desktop .mega-menu > .kb-row-layout-wrap > .kt-row-column-wrap {
  min-height: inherit;   /* columns fill the height so valign works */
}

/* Tribe Calendar */
.tribe-common .tribe-common-b2 {
     font-size: 16px !important;
    text-align: left !important;
}

.tribe-common .tribe-common-h7, .tribe-common .tribe-common-h8 {
    text-align: left !important;
    font-size: 20px !important;
}
.tribe-events-widget .tribe-events-widget-events-list__view-more-link, .tribe-events-widget .tribe-events-widget-events-list__view-more-link:visited {
    display: none !important;
}