/* Main homepage button: base state */
.wp-block-button__link.has-background-primary-color.has-link-color.wp-element-button {
  background-color: transparent !important;
  color: white !important;
  border: 3px solid white !important;
  border-radius: 0px !important;
  transition: all 0.3s ease !important;
}

/* Hover state */
.wp-block-button__link.has-background-primary-color.has-link-color.wp-element-button:hover {
  background-color: white !important;
  color: black !important;
  border-color: white !important;
}


/* About button: base state */
.wp-block-button__link.has-background-primary-background-color.has-link-color.wp-element-button {
  background-color: transparent !important;
  color: #dd7200 !important;
  border: 3px solid #dd7200 !important;
  border-radius: 0px !important;
  transition: all 0.3s ease !important;
}

/* Hover state */
.wp-block-button__link.has-background-primary-background-color.has-link-color.wp-element-button:hover {
  background-color: #dd7200 !important;
  color: white !important;
  border-color: #dd7200 !important;
}

/* Target Gutenberg button */
.wp-block-button__link.has-background.wp-element-button {
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

/* Change background and border to orange on hover */
.wp-block-button__link.has-background.wp-element-button:hover {
    background-color: #dd7200 !important; /* Orange background */
    border-bottom-color: #dd7200 !important; /* Orange border */
    color: #ffffff !important; /* Optional: white text for contrast */
}

/* Mobile slider resize for Otter Slider */
@media (max-width: 768px) {

.wp-block-themeisle-blocks-slider {
    height: 220px !important;
}

.wp-block-themeisle-blocks-slider .swiper-slide {
    height: 220px !important;
}

.wp-block-themeisle-blocks-slider img {
    height: 220px !important;
    object-fit: cover;
    width: 100%;
}

}

u,
a,
span[style*="underline"] {
  text-underline-offset: 6px;
}


header {
    padding-top: env(safe-area-inset-top);
}

.site-header {
    background: #0f172a;
}



header {
    position: sticky;
    top: 0;
    z-index: 9999;
}

header,
#masthead,
.site-header {
  width: 100% !important;
  max-width: 100% !important;
  left: 0;
  right: 0;
}