.node__sections a{
	color:var(--gowilds-theme-color)!important;
}




.ui-state-default
{
font-weight:bold;
}


.ui-corner-bottom{
	color:var(--gowilds-theme-color);
}


.servicebtns a:link {color:white;}


.whitetext{color:white;}



 
        .video-container {
            border: 2px solid #ddd;
            border-radius: 8px;
            overflow: hidden;
            transition: border-color 0.3s ease-in-out;
            padding: 10px;
        }

        .video-container:hover {
            border-color: #007bff;
        }

        .video-title {
            text-align: center;
            margin-top: 10px;
            font-weight: bold;
        }

        .embed-responsive {
            width: 100%;
            height: 200px;
        }
		
		
		       
        
 .vg__general-teaser {
    display: flex;
    flex-direction: column;
    /*border: 1px solid #ddd;*/
    padding: 20px;
    width: 100%; /* Ensures it fits within its Bootstrap column */
    min-height: 325px;
    background-color: #f3f8f6;
    box-sizing: border-box;
    margin-bottom: 1em;
    flex-grow: 1;
}

        .vg__general-teaser__details {
            display: flex;
            flex-direction: column;
        }
        .vg__general-teaser__eyebrow span {
            font-size: 14px;
            font-weight: bold;
            color: #555;
            text-transform: uppercase;
            background-color: #ddd;
            padding: 5px 10px;
            border-radius: 4px;
        }
        .vg__general-teaser__title {
            margin: 10px 0;
            font-size: 1.25em;
        }
        .vg__general-teaser__title a {
            text-decoration: none;
            color: #007bff;
        }
        .vg__general-teaser__title a:hover {
            text-decoration: underline;
        }
        .vg__general-teaser__emph-text-wrapper {
            display: flex;
            flex-direction: row;
            font-size: 14px;
            color: #333;
            margin-bottom: 10px;
        }
        .vg__general-teaser__emph-text {
            margin-right: 5px;
        }
    
	
	
		.semi-trans{background-color: rgba(255, 255, 255, 0.8) !important;}
	
	.feature-block-three__content-inner:hover {
  background-color: rgba(255, 255, 255, 1)!important;
  }
  
  
  .feature-block-three__desc{color:black !important;}
  
  .smallfont{font-size:0.9rem; color: var(--gowilds-theme-color);}
  
  
  .vg__general-teaser {
  position: relative;
  padding-top: 2rem;
}

.vg__general-teaser__details {
  position: relative;
}

.read-more a {
  font-weight: 500;
}


/*

.title-toggle {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;  /*✅ SET THIS EXPLICITLY */
  /*max-width:50ch;
  transition: all 0.3s ease;
  vertical-align: bottom;
}



.feature-block-three__img:hover ~ .feature-block-three__content-inner .title-toggle {
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
  max-width: none;
}

.feature-block-three__content-top {
  min-width: 0;
}


.feature-block-three__single:hover .title-toggle {
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
  max-width: none;
}
*/


.title-toggle-char {
  position: relative;
  cursor: pointer;
  display: inline-block;
  transition: color 0.2s ease;
}

/* Show full title as tooltip when hovering the entire block */
.feature-block-three__single:hover .title-toggle-char::after {
  content: attr(data-full-title);
  color: var(--gowilds-theme-color);
  display:block;
  margin-top:-1.5rem;
  /*position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  color: #000;
  padding: 0.25rem 0.5rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  white-space: normal;
  max-width: 300px;
  z-index: 10;
  margin-top: 0.5rem;
  display: block;*/
  
}


.icon{margin-right:0px !important;}

/* Hide the truncated title visually (but still keep layout) */
.feature-block-three__single:hover .title-toggle-char {
  color: transparent;
}


/*.block-views-blocksearch-api-block-3 nav[role="navigation"] {
  display: none;
}*/


.block-views-blocksearch-api-block-3 ul.js-pager__items {
  display: none;
}

.combined-hero {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-top: 20px;
    position: relative;
    z-index: 1;
    width: 100%;
}

.combined-hero img {
    margin-bottom: 10px;
    max-width: 200px;
    height: auto;
    display: block;
}

.combined-hero h1 {
    font-size: 2.5rem;
    margin-bottom: 10px;
    color: #fff; /* make title white */
}

.combined-hero h3.fw-bold {
    font-size: 1.2rem;
    margin-bottom: 20px;
    color: #fff; /* make subtitle white */
}

.combined-hero .search-block-form {
    width: 100%;
    max-width: 700px;
    margin: 20px 0;
    z-index: 1;
}

.combined-hero .search-form {
    display: flex;
    align-items: center;
    gap: 5px;
    background: #fff;
    padding: 10px 15px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    width: 100%;
}

.combined-hero .form-search {
    flex: 1;
    border: none;
    outline: none;
    font-size: 16px;
}

.combined-hero .form-actions input {
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 18px;
}

.combined-hero .popular-searches {
    max-width: 800px;
    margin-top: 20px;
}

.combined-hero .popular-searches h3 {
    color: #fff;
    margin-bottom: 10px;
}

.combined-hero .popular-searches a {
    color: #ffcc00;
    text-decoration: none;
    margin: 0 5px;
}

.combined-hero .popular-searches a:hover {
    text-decoration: underline;
}

.combined-hero .arrow-section {
    margin-top: 20px;
}

.combined-hero .move {
    animation: swingSeesaw 1.5s infinite;
    color: gold;
}

@keyframes swingSeesaw {
    0% { transform: rotate(-10deg); }
    50% { transform: rotate(10deg); }
    100% { transform: rotate(-10deg); }
}



.combined-hero .search-form {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 10px 15px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    width: 100%;
    max-width: 700px;
}

.combined-hero .form-item {
    flex: 1;
}

.combined-hero .form-search {
    width: 100%;
    border: none;
    outline: none;
    font-size: 16px;
}

.combined-hero .form-actions {
    margin-left: 5px;
}

.combined-hero .form-actions button {
    background: transparent;   /* no blue background */
    border: none;
    cursor: pointer;
    font-size: 20px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.combined-hero .form-actions button:hover {
    color: #007bff;  /* icon color on hover (optional) */
}

.combined-hero .form-actions button:focus {
    outline: none;
}


.combined-hero .arrow-section {
    margin-top: 80px;  /* increase from 20px to 40px */
}


.js-pager__items{display:none;}


.popular-searches {
  width: 60%;
  /* set to roughly 1/3 of the page */
  margin: 0 auto;         /* center horizontally */
  text-align: center;
}

.popular-searches h3 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  color:white;
}

.popular-searches p {
  margin: 0;
  font-size: 1rem;
  
}

.popular-searches a {
  text-decoration: none;
  /*color: #f2c94c; /* yellow color close to your example */
  color:gold;
  font-family: 'Open Sans', sans-serif;
  font-weight: 650;
  margin: 0 0.5rem;
  
}



.popular-searches a:not(:last-child)::after {
  /*content: " | ";*/
  color: #999999; /* subtle gray for separator lines */
  margin-left: 0.5rem;
}



.custom-search-form {
  position: relative;
  width: 100%;
  max-width: 300px; /* Adjust width as needed */
  margin: 0 auto;
}

.custom-search-input {
  width: 100%;
  padding: 10px 10px 10px 10px;
  border: 1px solid #888;
  border-radius: 5px;
  font-size: 20px;
  font-weight: 700; /* to match bold style */
  box-sizing: border-box;
}

.custom-search-button {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: none;
  cursor: pointer;
  font-size: 20px;
  color: #2a4b8d;
}


.custom-search-button:focus {
  outline: none;
}


.portfolio-one__single:hover .portfolio-one__arrow{background:var(--gowilds-theme-color-second);}
.gsc-icon-box-classic.left .highlight-icon .icon-container{color:var(--gowilds-theme-color-second);}

/*
.post-block.teaser-1{background:#05a;}
	
	.post-block .post-title a:link, .post-block .post-title a:hover, .post-block .post-title a:visited{color:white;}*/
	
	/*
	a:link{color: var(--gowilds-theme-color);}
	a:visited{color: var(--gowilds-theme-color);}
	a:hover{color: var(--gowilds-theme-color);}
	
	
	.gsc-heading__action a:link{color:white;}*/
	
	
	
	.holidaynotice {
      background-color: var(--gowilds-theme-color);
      color: white;
      padding: 50px 20px;
      text-align: center;
    }
    .holidaynotice h2 {
      font-weight: bold;
      font-size: 1.2em;
      margin: 0 0 20px;
	  color:white;
    }
    .holidaynotice .date {
      font-size: 3em;
      font-weight: bold;
      margin: 0 0 10px;
    }
    .holidaynotice .description {
      font-size: 1.2em;
      font-weight: bold;
    }
	
	
	
	
	
	/* CSS for node--feedback.html.twig */
.node--feedback {
  padding: 1rem;
}

.node__body {
  margin-bottom: 2rem;
  line-height: 1.6;
}

.node__additional-documents {
  margin-bottom: 2rem;
}

.node__additional-documents h2 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

.node__additional-documents ul {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.node__additional-documents li {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.node__additional-documents img {
  width: 32px;
  height: 32px;
}

.node__additional-documents a {
  text-decoration: none;
  color: #0056b3;
  display: flex;
  align-items: center;
}

.node__additional-documents a:hover {
  text-decoration: underline;
}

.node__feedback-form {
  border-top: 1px solid #ccc;
  padding-top: 1.5rem;
}

.node__feedback-form h2 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}




.ptoc-wrapper .ptoc-item {
  all: unset; /* Reset all inherited styles */
  display: block;
  border-bottom: 1px solid #ccc;
  border-radius: 1px;
  padding: 12px;
  margin-bottom: 10px;
  background-color: #fff;
  transition: box-shadow 0.2s ease;
}

.ptoc-wrapper .ptoc-item:hover {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}

.ptoc-wrapper .ptoc-item a {
  all: unset; /* Reset link styles */
  display: block;
  font-weight: 700;
  color: #0056b3;
  cursor: pointer;
}

.ptoc-wrapper .ptoc-item a:hover {
  text-decoration: underline;
}




/* Ensure image scales well inside the right column */
.banner__image-area__image-container img {
  max-width: 100%;
  height: auto;
}

/* Add gentle rounded corners or shadows if desired */
.banner__image-area__image-container {
  clip-path: none; /* remove if you don’t need special shape */
}

/* Adjust the overall banner spacing and alignment */
.media_banner_version2.banner__wrapper {
  background-color: #fff; /* fallback if needed */
}

/* Ensure buttons are styled consistently */
.banner__intro--inner-wrapper .btn {
  min-width: 200px;
}

/* Responsive tweaks */
@media (max-width: 768px) {
  .banner__intro--inner-wrapper {
    text-align: center;
  }
  .banner__intro--inner-wrapper .btn {
    width: 100%;
    margin-bottom: 10px;
  }
}



.servicebackgroundcolor{
	background-color:rgba(0, 85, 170, 1);
	 
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  padding-left: 1rem;
  padding-right: 1rem
}

.govlinks{color:var(--gowilds-theme-color);}


.govlinks a:link, .govlinks a:hover, .govlinks a:visited{color:var(--gowilds-theme-color)!important;}

.search-result {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  border-radius: 0.75rem;
}

.search-result:hover {
  transform: translateY(-3px);
  box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.1);
}

.popsearch{
position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  /*background-color:rgba(0, 85, 170, 0.2);*/
  background-color:rgba(255, 255, 255, 0.2);
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  height:55px;
  padding:5px;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1;
}


.popsearch:hover{background-color:white; text-decoration:none;}


.popular-searches a:hover{text-decoration:none; color:var(--gowilds-theme-color)!important;}





.allserv{
position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  /*background-color:rgba(0, 85, 170, 0.2);*/
  background-color:rgba(255, 255, 255, 0.2);
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  height:90px;
  padding:10px;
  line-height: 1;
  margin-bottom:20px;
  margin-top:20px;
  font-weight:bold;
  }




/*.paragraph--type--ptoc-text a:link{color:var(--gowilds-theme-color)!important;}*/


.viewlinks a:link, .viewlinks a:visited{color:var(--gowilds-theme-color)!important;}


/* Container: horizontal flex */
#views-exposed-form-services-information-topics-block-2 {
  display: flex;
  align-items: center; /* Align input and button vertically */
  gap: 10px;
  flex-wrap: wrap;
  width: 100%;
}

/* Combine label and input cleanly */
#views-exposed-form-services-information-topics-block-2 .form-item-combine {
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* Reduce label spacing */
#views-exposed-form-services-information-topics-block-2 .form-item-combine label {
  margin-bottom: 4px;
  font-weight: bold;
}

/* Full-width input */
#views-exposed-form-services-information-topics-block-2 input[type="text"] {
  width: 100%;
  height: 48px;
  padding: 0 12px;
  font-size: 16px;
  box-sizing: border-box;
}

/* Align the button */
#views-exposed-form-services-information-topics-block-2 .form-actions {
  display: flex;
  align-items: flex-end;
}

/* Button styling */
#views-exposed-form-services-information-topics-block-2 .form-actions input[type="submit"] {
  height: 48px;
  padding: 0 25px;
  font-size: 16px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  margin-top:20px;
}



.responsive-heading {
  font-size: clamp(3rem, 10vw, 128px);
}