/* Global Breadcrumbs - Meets WCAG AA
=======================================================================*/
.breadcrumb a {
  color: #757575;
}

.breadcrumb > li:last-child {
  color: #187daf;
}

.breadcrumb a:hover,
.breadcrumb a:active,
.breadcrumb a:focus {
  color: #187daf;
}


/* Webforms
=======================================================================*/
/* Webform Progress Marker (Wizard) - Meets WCAG AA */
.webform-progress-tracker .progress-step .progress-text {
  color: #757575;
}


/* Wysiwyg Templates
=======================================================================*/
/* By default there's a .row::before style that does display: table. */
.row.wysiwyg-templates::before {
  display: block;
}

/* 8 fix */

.visually-hidden:focus,
.visually-hidden:active {
  position: static !important;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}



/* 10 fix */

.visually-hidden:focus,
.visually-hidden:active {
  position: static !important;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}


/* 14 fix */

/* Make slider the positioning container */
#flexslider-1 {
  position: relative;
}
.fa-play{
	color: #fff;
}
.fa-pause{
	color:#212121;
}
/* Control wrapper */
#flexslider-1 .hero-slider-control {
  position: absolute;
  bottom: 15px;
  right: 15px;
  z-index: 20;
}

#flexslider-1 .hero-slider-control .slider-toggle {
  all: unset; /* removes theme button styling */

  width: 52px;
  height: 52px;
  background: #F5A623;
  border-radius: 0;
  cursor: pointer;
  top : 15px;
  right: -16px;
  display: flex;
  align-items: center;
  justify-content: center;

  position: relative;
}

/* Green when paused */
#flexslider-1 .hero-slider-control .slider-toggle.paused {
  background: #0C7C54;
}

#flexslider-1 .slider-toggle .icon-play,
#flexslider-1 .slider-toggle .icon-pause {
  font-family: "Font Awesome 5 Free"; /* or your icon font */
  font-weight: 900;
  font-size: 18px;
  color: #fff;
  width: 30px;
  height: 30px;
}

/* Icon visibility */
.icon-play {
  display: none;
}

.slider-toggle.paused .icon-play {
  display: inline;
}

.slider-toggle.paused .icon-pause {
  display: none;
}

/* Default pause icon */
#flexslider-1 .icon-pause::before {

  color: #212121;
  font-size: 24px;
}


#flexslider-1 .icon-play::before {
 
  color: #fff;
  font-size: 24px;
}


/* Show pause by default */
#flexslider-1 .icon-play {
  display: none;
}

/* When paused show play icon */
#flexslider-1 .slider-toggle.paused .icon-play {    
  display: inline;
}

#flexslider-1 .slider-toggle.paused .icon-pause {
  display: none;
}

/* Media Queries for Responsive Design Pause/Play Functionality
==============================================*/
/* Destop max-width 1449*/
@media (max-width: 1449px) and (min-width: 992px) {
  #flexslider-1 .hero-slider-control .slider-toggle {
    top: -38px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  #flexslider-1 .hero-slider-control .slider-toggle {
    top: -45px;
  }

  .view-content .flexslider .flex-direction-nav a {
    top: 35%;
  }
}

@media (max-width: 767px) {
  #flexslider-1 .hero-slider-control .slider-toggle {
    top: -82px;
  }

  .view-content .flexslider .flex-direction-nav a {
    top: 30%;
  }
}

@media (max-width: 576px) {
  .view-content .flexslider .flex-direction-nav a {
    top: 28% !important;
  }
}


/* 15 fix */


/* Make arrows visible on hover OR keyboard focus */
.flexslider:hover .flex-direction-nav a,
.flex-direction-nav a:focus {
    opacity: 1 !important;       /* show arrows */
}

/* Optional: give a visible focus outline */
.flex-direction-nav a:focus {
    outline:3px solid #f5a623 !important;
    outline-offset: 3px;
}

/* Keep existing positioning */
.flex-direction-nav a {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

/* 23 fix */

/* Restore keyboard focus visibility */
.mobile-navigation a:focus,
.mobile-navigation a:focus-visible {
  outline: 3px solid #005ea2;
  outline-offset: 3px;
  background-color: rgba(0, 94, 162, 0.1);
}

/* Optional: show open state */
.mobile-navigation .menu__item.is-open > .dropdown-toggle {
  background-color: rgba(0, 94, 162, 0.15);
}

/* 91 fix */

.view-blog .header-section a:focus {
  outline: none; 
  border: 3px solid #005fcc; 
  display: inline-block; 
  border-radius: 6px; 
}

/* 137 css */

/* Focus styles for results */
.a-z-list-item:focus {
  outline: 3px solid #005fcc;
  background: #f3f8ff;
  padding: 10px;
}

/* Focus style for no results message */
.ln-no-match:focus {
  outline: 3px solid #005fcc;
 /* background: #fff3f3;
  padding: 10px;*/
}

.ln-no-match {
    display: block !important;       /* or flex */
    width: 100%;          /* ensure full width */
}

.ln-no-match:focus {
    outline: 3px solid #005fcc;
}

/* Focus style for A-Z navigation */
.ln-letters a:focus {
  outline: 3px solid #005fcc;
  background: #e6f0ff;
}

/* Disabled letters appearance */
.ln-disabled {
  opacity: 0.5;
  cursor: default;
}

/* Optional better spacing for accessibility */
.a-z-list-item {
  margin-bottom: 10px;
}



/* 172 fix */

/* Visible focus for slider navigation buttons */
.slick-prev:focus-visible,
.slick-next:focus-visible {
  outline: 3px solid #005fcc;      /* High-contrast blue */
  outline-offset: 3px;
  border-radius: 4px;
}

/* Fallback for browsers without :focus-visible */
.slick-prev:focus,
.slick-next:focus {
  outline: 3px solid #005fcc;
  outline-offset: 3px;
}

article[about="/explore/chandler-recreation"] .slick-slide[aria-hidden="true"] iframe {
  pointer-events: none;
}

/* Search Functionality
=======================================================================*/
/* Label for search bar */
.view-search #search-instructions {
    margin-bottom: 10px;
}

/* Results text for searching - accessibility announcement*/
.view-search #total-count-search {
	margin-bottom: 4rem;
}

.view-search .views-exposed-form .form-actions button {
    padding: 2rem 4rem;
}