/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/
.home .custom-logo {
  filter: none;
  /* width: 250px; */
}

.custom-logo {
  filter: brightness(0) invert(1);
  /* width: 250px; */
}

.ast-primary-header-bar {
  /* fallback for old browsers */
  background: #073762;

  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-linear-gradient(to right, #073762, #33a7b5, #178E79);
  /* background: -webkit-linear-gradient(to right, rgba(106, 17, 203, 0.9), rgba(37, 117, 252, 0.9)); */

  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: linear-gradient(to right, #073762, #33a7b5, #178E79);
  /* background: linear-gradient(to right, rgba(106, 17, 203, 0.9), rgba(37, 117, 252, 0.9)); */
}

.ast-builder-menu-1 .main-header-menu>.menu-item>.sub-menu {
  margin-top: -40px;
}

/* This will apply the blue color on the homepage */
.home .ast-mobile-svg {
  /* fill: #073762 !important; */
}

/* This will apply the white color on all other pages */
.ast-mobile-svg {
  /* fill: #ffffff !important; */
}

.menu-item ul {
  border-radius: 10px;
}

/* Default color for all top-level menu links */
.main-header-menu .menu-item {
  color: #073762;
}

/* Default color for all top-level menu links when hovered*/
.main-header-menu .menu-item:hover>.menu-link {
  color: #073762;
}

/* hovered color for the sub menu links */
.main-header-menu .sub-menu .menu-item:hover>.menu-link {
  color: white;
  background-color: #178E79 !important;
  border-radius: 7px;
}

/* Default color for submenu links */
.main-header-menu .sub-menu .menu-item {
  /* color: #073762; */
}

/* Ensure "Home" link color is the same as other top-level links on the homepage */
body.home .main-header-menu .menu-item.menu-item-home>.menu-link {
  /* color: #178E79; */
}

/* Change color for top-level menu links on all pages except the homepage */
body:not(.home) .main-header-menu>.menu-item>.menu-link {
  color: white;
}

/* Color for the submenu item when selected */
.main-header-menu .sub-menu .menu-item.current-menu-item,
.main-header-menu .sub-menu .menu-item.current-menu-item .menu-link {
  color: white;
  background-color: #c4c3c3;
  border-radius: 7px;
}

.main-header-menu .sub-menu .menu-item:hover:not(:has(.sub-menu)) {
  /* color: white ; */
  /* background-color: #178E79; */
  border-radius: 7px;
}

.main-header-menu .sub-menu .menu-item:hover:has(.sub-menu) {
  /* background-color: #178E79 !important; */

}

/* Maintain text color for links in hovered items */
.main-header-menu .sub-menu .menu-item:hover .menu-link {
  /* color: white !important; */
  /* Change text color on hover */
}

/* Ensure other items in the submenu do not change background on hover */
.main-header-menu .sub-menu .menu-item:not(:hover) {
  /* background-color: transparent; */
  /* color: #073762 !important; */
  /* Default background for non-hovered items */
}

/* Color for the top level menu link when a submenu item under it is selected */
body:not(.home) .main-header-menu .menu-item.menu-item-has-children:has(.current-menu-item)>.menu-link {
  color: #073762;
}

body:not(.home) .main-header-menu .sub-menu .menu-item.menu-item-has-children:has(.current-menu-item)>.menu-link {
  color: white;
  background-color: #c4c3c3;
  border-radius: 7px;
}

/* Ensure other top-level menu links stay white when a submenu is active on other pages */
body:not(.home) .main-header-menu>.menu-item:not(.menu-item-has-children)>.menu-link {
  /* color: white; */
}

/* Hover color for all links */
.main-header-menu .menu-item .menu-link:hover,
.main-header-menu .sub-menu .menu-item .menu-link:hover {
  /* color: white; */
}

.main-header-menu .sub-menu .menu-item:hover {
  /* background-color: #178E79; */
  border-radius: 7px;
}

/* Change the top-level link color when hovering over its submenu */
.main-header-menu .menu-item:hover>.menu-link,
.main-header-menu .menu-item:hover .sub-menu:hover~.menu-link {
  /* color: #178E79; */
}

/* Change color top-level link color when hovering except the homepage */
body:not(.home) .main-header-menu .menu-item:hover>.menu-link,
.main-header-menu .menu-item:hover .sub-menu:hover~.menu-link {
  /* color: #073762; */
}


/* Set border radius for submenus */
.main-header-menu .sub-menu {
  border-radius: 10px;
}

/* Set font size for submenu links */
.main-header-menu .menu-item .menu-link {
  font-size: 16px;
}

/* H1 Banner Style */
.entry-content h1 {
  background-image: linear-gradient(-225deg,
      #073762 0%,
      #178E79 29%,
      #073762 67%,
      #178E79 100%);
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  /* text-fill-color: transparent; */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  display: inline-block;
  font-size: 190px;
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}


/* Default style for all buttons  */
.wp-block-button .wp-block-button__link {
  font-size: 16px;
  padding: 15px 25px;
  color: white;
  background-color: #178E79;
}

/* Hover style for all buttons */
.wp-block-button .wp-block-button__link:hover {
  font-size: 16px;
  padding: 15px 25px;
  color: white;
  background-color: #073762;
}

.wp-block-image img:hover {
  /* margin: 24px;
  width: 50px;
  height: 50px;
  background: green; */
  animation: zoom-out 2s ease-out;
  /* transform: scale(1.5) */
}

/* @keyframes zoom-out {
  0% {
    transform: scale(1, 1);
  }
  10% {
    transform: scale(1.2, 1.2);
  }
  100% {
    transform: scale(1.2, 1.2);
  }
} */

.entry-content h3:hover {
  color: #178E79;
}

/* Add padding-bottom to the container holding columns below About us */
.wp-container-core-columns-is-layout-2 {
  padding-bottom: 50px;
  /* Adjust the value as needed */
}

/* Container styling for overlay */
.include-overlay {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

/* Image styling */
.include-overlay img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.3s ease;
  /* Smooth transition for the image */
}

/* Overlay styling */
.include-overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(23, 142, 121, 0.5);
  /* Semi-transparent color */
  transition: background-color 0.3s ease;
  /* Smooth transition */
}

/* Hover effect */
.include-overlay:hover::before {
  background-color: rgba(0, 0, 0, 0);
  /* Clear the overlay */
}

.include-overlay:hover img {
  transform: scale(1.05);
  /* Slight zoom effect */
}

.wp-block-group.alignfull.has-background {
  padding-top: 50px;
}


/* Specific styles for the STATS primary text */
.wp-block-column h4,
.login-container h3 {
  background-image: linear-gradient(-225deg,
      #073762 0%,
      #178E79 29%,
      #073762 67%,
      #178E79 100%);
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  /* text-fill-color: transparent; */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  margin-top: 0 !important;
  margin-bottom: -10px;
  font-size: 41.5px;
}


/* Added duplicate-img class on the HTML */
/* Hide images of STATS containers */
.duplicate-img {
  display: none;
}

/* Specific styles for the STATS subtext */
.wp-container-core-column-is-layout-8 p:nth-of-type(1),
.wp-container-core-column-is-layout-9 p:nth-of-type(1),
.wp-container-core-column-is-layout-10 p:nth-of-type(1),
.wp-container-core-column-is-layout-11 p:nth-of-type(1) {
  margin: 0;
}

/* Specific styles for the STATS: FASTEST subtext */
.wp-container-core-column-is-layout-8 p:nth-of-type(2) {
  margin-top: -10px;
  margin-bottom: -15px;
}

/* ------------------------------------------------------------------------- */

/* Body */
body:not(.home) header.entry-header .entry-title {
  /* text-align: center !important; */
}

body:not(.home) .site-content .entry-content h5 {
  /* text-align: center; */
  color: #178E79;
  /* margin-top: 20px;
  margin-bottom: 10px; */
}

body:not(.home) .site-content .entry-content h6 {
  color: #073762;
  /* margin-top: 20px;
  margin-bottom: 10px; */
}

body:not(.home) .site-content .entry-content p {
  font-size: 16px;
  /* color: cornflowerblue; */
  /* margin-bottom: 0; */
}

body:not(.home) .site-content .entry-content p a,
body:not(.home) .site-content .wp-block-list a {
  text-decoration: none;
}

body:not(.home) .site-content .wp-block-list {
  font-size: 16px;
  /* color: pink; */
  margin-left: 80px;
  /* margin-bottom: 0; */
}

body:not(.home) .site-content .wp-block-list .list-indent-1 {
  list-style-type: circle;
  margin-left: -30px;
  /* color: yellow; */
}

body:not(.home) .site-content .wp-block-list .list-indent-2 {
  list-style-type: square;
  margin-left: -30px;
  /* color: yellowgreen; */
}

body:not(.home) .site-content .wp-block-list .list-indent-no-bullet {
  list-style-type: none;
  margin-left: -30px;
}

body:not(.home) .site-content .wp-block-list .list-letter {
  list-style-type: upper-alpha;
  /* font-weight: bold; */
  margin-left: -30px;
}

body:not(.home) .site-content .wp-block-list .list-indent-1-letter {
  list-style-type: lower-alpha;
  margin-left: -30px;
}

body:not(.home) .site-content .wp-block-list .list-indent-1-number {
  list-style-type: decimal;
  margin-left: -30px;
}



/* .site-content .content-bullet-2 {
  margin-left: 300px;
  margin-bottom: 0;
}

.site-content .content-bullet-3 {
  margin-left: 400px;
  margin-bottom: 0;
  color: green;
} */

/* ------------------------------------------------------------------------- */

/* Leadership/organizational chart style  */
.staffs-container {
  /* height: 201px; */
  /* height: 250px; */
  padding: 0 !important;
}

.staffs-container .wp-block-columns {
  /* background-color: pink; */
  gap: 0;
  padding: 0;
}

.staffs-container:first-of-type>.wp-block-columns:first-of-type {
  margin-top: 50px;
}

.staffs-container .wp-block-column {
  /* background-color: yellow; */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  margin-bottom: 85px;
}

.staff-image {
  /* background-color: green; */
  border-radius: 50%;
  margin: 0 !important;
  transition: border-radius 0s ease-in-out, transform 0.2s ease-in-out;
}

.staff-image:hover {
  transform: scale(1.3);
}

.staffs-container .staff-name {
  font-size: 20px;
  /* color: blueviolet;  */
  margin: 10px auto 0 !important;
}

.staffs-container .staff-position {
  /* color: red;  */
  margin: 0 auto !important;
  text-align: center;
}

/* Apply transition to staff-name, staff-position, and staff-image */
.staff-name,
.staff-position,
.staff-image {
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out, border-radius 0.2s ease-in-out;
}

/* When the image is hovered, move the text 30px down */
.staffs-container .wp-block-column:hover .staff-name,
.staffs-container .wp-block-column:hover .staff-position {
  color: #178E79;
  transform: translateY(30px);
}

.staffs-container .wp-block-column:hover .staff-image {
  border-radius: 50%;
  transform: scale(1.3);
  box-shadow: 0 0 20px 0px #178E79;
  border: 0px solid #178E79;
}

.staff-linkedin img,
.staff-linkedin-none img {
  /* background-color: red; */
  margin: 0 auto !important;
  position: absolute;
  top: 0px;
  /* left: 221px; */
  left: calc(50% + 94px);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.staffs-container:first-of-type .wp-block-column:hover:not(.staff-linkedin-none img) .staff-linkedin img,
.staffs-container:not(:first-of-type) .wp-block-column:hover .staff-linkedin img {
  opacity: 1;
}

@media (min-width: 781px) and (max-width: 1200px) {
  .custom-logo {
    filter: brightness(0) invert(1);
    width: 200px;
  }

  .main-header-menu .menu-item .menu-link {
    font-size: 15px;
    padding: 0 11px;
  }

  .ast-button {
    padding: 0 0 0 4px !important;
  }

  .entry-title {
    margin: 60px 0 !important;
  }

  .staffs-container .wp-block-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* Create 2 equal-width columns */
    grid-gap: 0px;
    /* Adjust the gap between grid items */
    padding: 0;
  }

  .staffs-container .wp-block-column {
    box-sizing: border-box;
    padding: 0;
  }
}

@media (max-width: 781px) {
  .custom-logo {
    filter: brightness(0) invert(1);
    width: 200px;
  }

  .entry-title {
    margin: 60px 0 !important;
  }

  .staffs-container {
    padding: 0 !important;
  }

  .staffs-container .wp-block-columns {
    gap: 0;
    padding: 0;
  }

  .staffs-container .wp-block-column {
    box-sizing: border-box;
    padding: 0;
  }
}

@media (max-width: 600px) {

  .wp-block-media-text__media img,
  .wp-block-media-text__media video {
    margin-top: 10%;
  }

  .staffs-container .wp-block-column {
    margin-bottom: 85px !important;
  }

  .staffs-container:first-of-type .wp-block-column .staff-linkedin img,
  .staffs-container:not(:first-of-type) .wp-block-column .staff-linkedin img {
    opacity: 1;
  }
}

/* -------------------------------- */
/* Replace with your custom image path */
/* .ast-header-account-link {
  position: relative;
}

.ast-header-account-link img.avatar {
  visibility: hidden; 
}

.ast-header-account-link::before {
  content: '';
  background-image: url('assets/images/edited icons/avatar.png'); 
  background-size: cover;
  background-position: center;
  width: 25px;
  height: 25px;
  display: block;
  position: absolute;
  top: -3px;
  left: 0;
}

.ast-header-account-link:hover:before {
  background-image: url('assets/images/edited icons/logout-hover.png'); 
} */

/* -------------------------------- */
.ast-button {
  background-color: transparent;
  padding: 0 0 0 11px;
}

.ast-button:hover {
  background-color: transparent;
}

.logout-icon:hover {
  content: url('assets/images/edited icons/logout-hover.png');
}

body:not(.home) .main-header-menu .menu-item .logout-icon {
  /* filter: brightness(0) invert(1); */
  /* Optionally, you can use a white icon image directly */
  content: url('assets/images/edited icons/logout-white.png');
}

body:not(.home) .main-header-menu .menu-item .logout-icon:hover {
  content: url('assets/images/edited icons/logout.png');
}

/* -------------------------------- */
.login-container {
  position: absolute;
  top: 50%;
  /* Center vertically */
  left: 50%;
  /* Center horizontally */
  transform: translate(-50%, -50%);
  /* Adjust position to be perfectly centered */
  width: 360px;
  /* margin: auto; */
  padding: 20px;
  background: #f9f9f9;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  z-index: 10;
  /* Ensure it's above other elements */
  display: flex;
  flex-direction: column;
  /* Stack children vertically */
  align-items: center;
  /* Center children horizontally */
  justify-content: center;
  /* Center children vertically */
}

.login-logo {
  margin-top: 10px;
  align-content: center;
}

.login-logo img {
  max-width: 100%;
  height: auto;
}

.login-container h3 {
  width: 100%;
  text-align: center;
  text-transform: uppercase;
}

.company-name {
  margin-top: 20px !important;
  margin-bottom: 5px !important;
}

.company-name-1 {
  font-size: 30px !important;
  margin-bottom: -5px !important;
}

.company-name-2 {
  font-size: 20px !important;
  margin: 0 !important;
}

.nsl-button {
  background-color: #065c5c !important;
  width: 280px !important;
  transition: background-color 0.4s ease, width 0.4s ease, transform 0.3s ease;
}

.nsl-button:hover {
  font-size: 28px !important;
  background-color: #063a66 !important;
  width: 300px !important;
  transform: scale(1.05);
}

/* -------------------------------- */

.area {
  background: #063a66;
  /* background: -webkit-linear-gradient(to left, #8f94fb, #33A7B5);   */
  width: 100%;
  height: 100vh;


}

.circles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.circles li {
  position: absolute;
  display: block;
  list-style: none;
  width: 20px;
  height: 20px;
  /* background: linear-gradient(-45deg, #178E79, #33A7B5, #B6E3D4, #FFF5CB); */
  background: rgba(255, 255, 255, 0.2);
  animation: animate 25s linear infinite;
  bottom: -150px;

}

.circles li:nth-child(1) {
  left: 25%;
  width: 80px;
  height: 80px;
  animation-delay: 0s;
}


.circles li:nth-child(2) {
  left: 10%;
  width: 20px;
  height: 20px;
  animation-delay: 2s;
  animation-duration: 12s;
}

.circles li:nth-child(3) {
  left: 70%;
  width: 20px;
  height: 20px;
  animation-delay: 4s;
}

.circles li:nth-child(4) {
  left: 40%;
  width: 60px;
  height: 60px;
  animation-delay: 0s;
  animation-duration: 18s;
}

.circles li:nth-child(5) {
  left: 65%;
  width: 20px;
  height: 20px;
  animation-delay: 0s;
}

.circles li:nth-child(6) {
  left: 75%;
  width: 110px;
  height: 110px;
  animation-delay: 3s;
}

.circles li:nth-child(7) {
  left: 35%;
  width: 150px;
  height: 150px;
  animation-delay: 7s;
}

.circles li:nth-child(8) {
  left: 50%;
  width: 25px;
  height: 25px;
  animation-delay: 15s;
  animation-duration: 45s;
}

.circles li:nth-child(9) {
  left: 20%;
  width: 15px;
  height: 15px;
  animation-delay: 2s;
  animation-duration: 35s;
}

.circles li:nth-child(10) {
  left: 85%;
  width: 150px;
  height: 150px;
  animation-delay: 0s;
  animation-duration: 11s;
}



@keyframes animate {

  0% {
    transform: translateY(-1000px) rotate(0deg);
    opacity: 1;
    border-radius: 0;
  }

  100% {
    transform: translateY(0) rotate(720deg);
    opacity: 0;
    border-radius: 100%;
  }

}

/* ------------------------------------------------------------------------- */

/* .header {
  text-align: center;
  margin-bottom: 30px;
}

.header h1 {
  font-size: 2.5em;
  margin: 0;
  font-weight: bold;
}

.header p {
  font-size: 1em;
  margin: 5px 0;
  color: #ccc;
} */

/* .content {
  background-color: #fff;
  color: #333;
  margin-bottom: 20px;
  padding: 20px;
} */


/* ------------------------------------------------------------------------- */

.mission-container {
  max-width: 100%;
  margin: 0 auto;
  /* background: blue; */
  padding: 40px;
}

.sections {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #EDF6EE;
  /* background: linear-gradient(90deg, #FF0058, #FF8D3D); */
  padding-left: 20px;
  margin-bottom: 10px;
  min-height: 120px;
  align-items: stretch;
  /* Ensure children stretch vertically */
}

/* Ensure the text-wrapper aligns items properly */
.text-wrapper {
  padding: 20px;
  position: relative;
  /* display: flex;
  flex-direction: column;
  align-items: flex-start; */
  flex-grow: 1;
  /* Take the remaining horizontal space */
}

.text-wrapper h3 {
  color: #178E79;
  font-size: 30px;
}

.text-wrapper h4 {
  margin-top: 10px;
  color: #178E79;
}

.text-wrapper h4:not(:nth-child(1)) {
  margin-top: 25px;
}

.text-wrapper h5 {
  margin-top: 10px;
  color: #178E79;
  padding-left: 15px;
}

.text-wrapper p {
  margin: 0;
}

.text-wrapper p:not(:nth-child(1), :nth-child(2)) {
  font-size: 16px;
  color: #073762;
  width: 100%;
  padding-left: 15px;
}

.image-wrapper {
  background-color: #073762;
  width: 150px;
  /* Fixed width */
  height: auto;
  /* Ensure it adapts to the height of .sections */
  display: flex;
  /* Flexbox for centering */
  align-items: center;
  /* Vertically center the image */
  justify-content: center;
  /* Horizontally center the image */
  flex-shrink: 0;
  /* Prevent the width from shrinking */
}

/* Default style for the values section */
.section-values {
  position: relative;
  background-color: #EDF6EE;
  overflow: hidden;
  min-height: 18s0px;
  /* Starting height */
  transition: max-height 0.8s ease-in-out, background-color 0.5s ease-in-out;
}

.section-values .dynamic-content {
  padding-bottom: 30px;
}

/* Transition container for the content */
.dynamic-content {
  position: relative;
  overflow: hidden;
}

/* Default content visible initially */
.default-values {}

/* Hidden details initially hidden */
.hidden-values {
  max-height: 0;
  opacity: 0;
  padding: 0;
  overflow: hidden;
  transition: opacity 0.5s ease, max-height 0.8s ease-in-out, padding 0.5s ease;
}

.section-values .image-wrapper {
  background-color: #073762;
  min-width: 150px;
  /* min-height: 215px; */
  padding: 40px;
}

.image-wrapper img {
  width: 70px;
  height: auto;
  object-fit: cover;
  /* Ensure the image covers the full height without distortion */
}

/* Style for the arrow image */
.arrow-icon-wrapper {
  position: absolute;
  bottom: 20px;
  left: 40%;
  transform: translateX(-50%);
  cursor: pointer;
  width: 30px;
  /* Adjust width for the arrow icon */
  height: 30px;
  /* Adjust height for the arrow icon */
  z-index: 10;
}

/* Hover still applies even when checked */
.toggle-input:checked+.arrow-icon-wrapper img {
  content: url('assets/images/edited icons/arrow-down-hover.png');
  /* Replace with your hover image URL */
}

@keyframes bounce {

  0%,
  100% {
    transform: translateY(0) rotate(0);
    /* Start and end at the original position */
    opacity: 1;
    /* Full opacity */
  }

  50% {
    transform: translateY(10px) rotate(0);
    /* Move down by 10px */
    opacity: 0.5;
    /* Fade to 50% opacity */
  }
}

.arrow-icon-wrapper img {
  width: 100%;
  height: auto;
  animation: bounce 2s infinite;
  /* Apply the bounce animation */
  animation-timing-function: ease-in-out;
  /* Smooth in and out animation */
  transition: transform 0.5s ease;
  /* Transition for rotation */
}

/* Hide the checkbox */
.toggle-input {
  display: none;
}

/* Expand content on checkbox check */
.toggle-input:checked~.section-values {
  max-height: 1500px;
  /* Set this to the max height of the expanded content */
}

/* Rotate arrow when checkbox is checked */
.toggle-input:checked~.arrow-icon-wrapper img {
  animation: bounce-rotated 2s infinite;
  /* Continue bounce animation but with rotated arrow */
  animation-timing-function: ease-in-out;
  /* Smooth in and out animation */
  transform: rotate(180deg);
  /* Rotate the arrow when the checkbox is checked */
}

/* Keyframe for rotated bounce */
@keyframes bounce-rotated {

  0%,
  100% {
    transform: translateY(0) rotate(180deg);
    /* Stay rotated and bounce */
    opacity: 1;
  }

  50% {
    transform: translateY(10px) rotate(180deg);
    /* Keep rotation while bouncing */
    opacity: 0.5;
  }
}

/* Expand content on checkbox check */
.toggle-input:checked~.text-wrapper .dynamic-content .hidden-values {
  max-height: 1500px;
  transform: translateY(0);
  opacity: 1;
}

.toggle-input:checked~.text-wrapper .dynamic-content .default-values {
  opacity: 0;
  display: none;
}

/* ------------------------------------------------------------------------- */
/* Adjust width of specific columns in the table */
.key-contacts th:nth-child(1),
.key-contacts td:nth-child(1) {
  width: 15%;
}

.key-contacts th:nth-child(2),
.key-contacts td:nth-child(2) {
  width: 30%;
}

.key-contacts th:nth-child(3),
.key-contacts td:nth-child(3) {
  width: 25%;
}

.key-contacts th:nth-child(4),
.key-contacts td:nth-child(4) {
  width: 30%;
}

.state-contacts th:nth-child(1),
.state-contacts td:nth-child(1) {
  width: 25%;
}

.downloadable-files th:nth-child(1),
.downloadable-files td:nth-child(1) {
  width: 85%;
}

.downloadable-files th:nth-child(2),
.downloadable-files td:nth-child(2) {
  width: 15%;
  text-align: center;
}

/* Customize table */
.key-contacts,
.state-contacts,
.vacation-policy,
.bonus-criteria,
.downloadable-files {
  width: 100%;
  border: 0px solid #178E79;
}

.key-contacts th,
.key-contacts td,
.state-contacts th,
.state-contacts td,
.vacation-policy th,
.vacation-policy td,
.bonus-criteria th,
.bonus-criteria td {
  padding: 10px;
}

/* Customize header background and text color */
.key-contacts thead th,
.state-contacts thead th,
.vacation-policy thead th,
.bonus-criteria thead th {
  background-color: #073762;
  color: white;
  font-weight: bold;
  font-size: 16px;
  border-left: 1px solid #073762;
}

/* Customize odd rows background */
.key-contacts tbody tr:nth-child(odd),
.state-contacts tbody tr:nth-child(odd),
.vacation-policy tbody tr:nth-child(odd),
.bonus-criteria tbody tr:nth-child(odd),
.downloadable-files tbody tr:nth-child(odd) {
  background-color: #efefef;
}

/* Customize even rows background */
.key-contacts tbody tr:nth-child(even),
.state-contacts tbody tr:nth-child(even),
.vacation-policy tbody tr:nth-child(even),
.bonus-criteria tbody tr:nth-child(even),
.downloadable-files tbody tr:nth-child(even) {
  background-color: #f7f7f7;
}

/* Customize text color for table body */
.key-contacts tbody td,
.key-contacts tbody td a,
.state-contacts tbody td,
.state-contacts tbody td a,
.vacation-policy tbody td,
.bonus-criteria tbody td,
.downloadable-files tbody td,
.downloadable-files tbody td a {
  color: #073762;
  font-size: 14px;
}

.key-contacts a,
.state-contacts a,
.downloadable-files a {
  text-decoration: none !important;
  color: #178E79 !important;
}

/* Hover effect for rows */
.key-contacts tbody tr:hover td,
.state-contacts tbody tr:hover td,
.vacation-policy tbody tr:hover td,
/* .bonus-criteria tbody tr:hover td, */
.downloadable-files tbody tr:hover td {
  background-color: #178E79;
  color: #EDF6EE;
  border: 1px solid #073762;
}

.downloadable-files tbody tr:hover a {
  color: #EDF6EE !important;
}

/* Ensure the hover effect covers both rows in the group */
.bonus-criteria .row3:hover td,
.bonus-criteria .row4:hover td {
  /* background-color: #178E79; */
  /* color: #EDF6EE; */
  /* border: 1px solid #073762; */
}

.key-contacts tbody tr:hover td a,
.state-contacts tbody tr:hover td a {
  color: #073762 !important;
  text-decoration: none;
}



/* ------------------------------------------------------------------------- */
/* Initially hide the download button */
.download-btn {
  /* color: red; */
}

.downloadable-files .download-btn {
  /* visibility: hidden; */
}

/* Show the download button when the row is hovered */
.downloadable-files tr:hover .download-btn {
  visibility: visible;
}

/* Optional: Additional styles for the download button */
.downloadable-files .download-btn a {
  /* background-color: #178E79; */
  color: white;
  /* Text color */
  padding: 5px 10px;
  /* Padding */
  text-decoration: none;
  /* Remove underline */
  border-radius: 5px;
  /* Rounded corners */
  transition: background-color 0.3s ease;
  /* Smooth transition */
}

/* Change button color on hover */
.downloadable-files .download-btn a:hover {
  background-color: #073762;
  /* Hover color */
}


/* ------------------------------------------------------------------------- */
/* Temporary hide contents here */
.entry-content .wp-block-buttons,
#contact,
.staff-email,
.staff-emails {
  display: none !important;
}






/* ------------------------------------------------------------------------- */
.site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row {
  /* color: red; */
  min-height: auto;
}

/* -------------------------------- */
.bg {
  animation: slide 3s ease-in-out infinite alternate;
  background: linear-gradient(-45deg, #178E79, #33A7B5, #B6E3D4, #FFF5CB);
  background-image: linear-gradient(-60deg, #178E79 50%, #FFF5CB 50%);
  bottom: 0;
  left: -50%;
  opacity: .5;
  position: fixed;
  right: -50%;
  top: 0;
  z-index: -1;
}

.bg2 {
  animation-direction: alternate-reverse;
  animation-duration: 4s;
}

.bg3 {
  animation-duration: 5s;
}

.content {
  background-color: rgba(255, 255, 255, .8);
  border-radius: .25em;
  box-shadow: 0 0 .25em rgba(0, 0, 0, .25);
  box-sizing: border-box;
  left: 50%;
  padding: 10vmin;
  position: fixed;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* h1 {
  font-family: monospace;
} */

@keyframes slide {
  0% {
    transform: translateX(-25%);
  }

  100% {
    transform: translateX(25%);
  }
}

/* ------------------------------------------------------------------------- */



/* ------------------------------------------------------------------------- */

.ast-primary-header-bar {
  /* margin-top: -20px; */
}


/* .ast-main-header-wrap,
.main-header-bar-wrap,
.ast-primary-header-bar,
.site-primary-header-wrap, */
.ast-builder-grid-row {
  /* min-height: 60px !important; */
  max-height: 70px !important;
}

.ast-above-header-wrap {
  /* background-color: yellow  ; */
  margin-bottom: -20px;
  /* position: fixed; */
  z-index: 9999 !important;
}

.site-above-header-wrap {
  height: 30px;
  min-height: 30px !important;
  margin-top: 20px;
}

.ast-above-header {
  border: 0;
  color: red !important;
}

/* ------------------------------------------------------------------------- */

.search-field {
  font-size: 16px !important;
}

body.search .slide-search {
  display: none;
}

.search-content {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 10px 0;
}

.search-content h3 {
  margin-top: 10px;
}

.search-area {
  display: flex;
  align-items: center;
}

.search-form-wrapper {
  margin: 10px 0 0 10px;
}

.search-form-wrapper .search-field {
  color: #178E79;
  font-size: 24px !important;
  font-weight: 600;
  padding: 10px 13px;
}

.search-results {
  flex-wrap: wrap;
}

.search-result-item {
  width: 100%;
  padding: 20px;
  border-bottom: 1px solid #eaeaea;
  background-color: white;
  margin: 20px 0;
  border-radius: 10px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

.search-result-item:hover {
  border-radius: 10px;
  /* transform: scale(1.3); */
  /* box-shadow: 0 0 20px 0px #178E79; */
  border: 0px solid #178E79;
}

.search-result-item:hover,
.search-result-item:hover h4,
.search-result-item:hover p {
  color: #f9f9f9;
  background-color: #178E79;
}

.search-results h4 {
  color: #178E79;
}

.search-result-item p {
  font-size: 16px;
  margin: 10px 0 0 0;
  color: #454f5e;
}

.no-results {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 250px;
  margin-top: 80px !important;
  padding: 20px;
  background-color: #f9f9f9;
  text-align: center;
  border-radius: 10px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

.no-results h3 {
  margin-bottom: 20px;
}

body.search .search-form {
  position: relative;
}

body.search .search-field {
  width: 100%;
  padding-right: 40px;
  box-sizing: border-box;
}

body.search .ast-icon.icon-search {
  position: absolute;
  right: 10px;
  top: 45%;
  transform: translateY(-50%);
  cursor: pointer;

}

body.search .ast-icon.icon-search svg {
  color: #178E79;
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.ast-icon.icon-search svg {
  color: #073762;
}

.ast-icon.icon-search svg:hover,
body:not(.home) .ast-icon.icon-search svg:hover {
  color: #178E79;
}

body:not(.home) .ast-icon.icon-search svg {
  color: white;
}

/* Show the search form when the search icon is hovered */
.ast-icon.icon-search:hover+.header-search-form {
  display: block;
}

/* ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */
body:not(.home) .content-area {
  margin-top: 25px !important;
}

/* Breadcrumb Container */
.custom-breadcrumbs {
  background-color: #f9f9f9;
  /* Light background */
  padding: 10px 15px;
  /* Padding around the breadcrumbs */
  border-radius: 5px;
  /* Rounded corners */
  margin-bottom: 15px;
  /* Space above and below the breadcrumbs */
  font-family: Arial, sans-serif;
  /* Font family for consistency */
  font-size: 14px;
  /* Font size for readability */
  width: 100%;
}

/* Breadcrumb Links */
.custom-breadcrumbs a {
  text-decoration: none;
  /* Remove underline */
  color: #178E79;
  /* Link color */
  font-weight: bold;
  /* Bold links */
}

.custom-breadcrumbs a:hover {
  color: #073762;
  /* Darker color on hover */
}

/* Breadcrumb Separators */
.breadcrumb-separator {
  margin-left: 8px;
  margin-right: 8px;
  display: inline-flex;
  align-items: center;
}

.custom-breadcrumbs span {
  margin: 0 5px;
  /* Space between the separator and items */
}

/* Current Item (no link) */
.custom-breadcrumbs span:first-child {
  padding-left: 50px;
}

/* Current Item (no link) */
.custom-breadcrumbs span:last-child {
  font-weight: normal;
  /* Normal weight for last item */
  color: #073762;
  /* Darker text for last item */
}

/* Add responsive design */
@media (max-width: 600px) {
  .custom-breadcrumbs {
    font-size: 12px;
    /* Smaller font size on small screens */
  }
}

/* ------------------------------------------------------------------------- */
/* Container for the whole sitemap */
.sitemap-chart-container {
  width: 100%;
  margin: 30px auto;
}

/* Home (Level 1) should take full width */
.sitemap-item.level-1 {
  background-color: #073762;
  color: white;
  padding: 10px 20px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  width: 100%;
  /* Full width of the page */
  border: 2px solid #333;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
  margin-bottom: 15px;
}

/* Container to hold all the columns side by side */
.sitemap-all-columns {
  display: flex;
  justify-content: space-between;
  /* Space between the columns */
  gap: 20px;
  /* Gap between columns */
  width: 100%;
  /* Full width for the columns container */
}

.level-1:hover,
.sitemap-all-columns a div:hover {
  background-color: #178E79;
  color: white;
}

/* Ensure columns take equal width */
.sitemap-column-1,
.sitemap-column-2,
.sitemap-column-3,
.sitemap-column-4,
.sitemap-column-5 {
  display: flex;
  flex-direction: column;
  width: 18%;
  /* Equal width for all columns */
}

/* General box styling for all items in columns */
.sitemap-column-1-item,
.sitemap-column-2-item,
.sitemap-column-3-item,
.sitemap-column-4-item,
.sitemap-column-5-item {
  background-color: #f5f5f5;
  border: 2px solid #333;
  padding: 10px;
  font-size: 16px;
  text-align: center;
  margin: 8px 0;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
  width: 100%;
}

/* Level 2 Styling */
.level-2 {
  background-color: #178E79;
  color: white;
  padding: 12px 15px;
  font-size: 18px;
  font-weight: bold;
}

/* Level 3 Styling */
.level-3 {
  background-color: #D9E6E6;
  color: black;
  padding: 8px 12px;
}

/* Level 4 Styling */
.level-4 {
  background-color: #EDF6EE;
  color: black;
  padding: 6px 10px;
}

/* Adjust spacing for Level 3 and Level 4 */
.sitemap-column-1-item.level-3,
.sitemap-column-2-item.level-3,
.sitemap-column-3-item.level-3,
.sitemap-column-4-item.level-3,
.sitemap-column-5-item.level-3 {
  /* margin-left: 20px; */
}

.sitemap-column-1-item.level-4,
.sitemap-column-2-item.level-4,
.sitemap-column-3-item.level-4,
.sitemap-column-4-item.level-4,
.sitemap-column-5-item.level-4 {
  margin-left: 10px;
}

/* Responsive Layout for Smaller Screens */
@media (max-width: 1024px) {
  .sitemap-all-columns {
    flex-direction: column;
    /* Stack columns on smaller screens */
  }

  .sitemap-column-1,
  .sitemap-column-2,
  .sitemap-column-3,
  .sitemap-column-4,
  .sitemap-column-5 {
    width: 100%;
    /* Full width for each column in mobile view */
  }
}

.test-style-for-commit {
  color: red;
}