/* Header & Menubar*/

header#masthead.site-header {
  background: linear-gradient(to top, #b31130 0%, #e1163c 100%);
}

.custom-icon {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}

.custom-widget-text {
  font-size: 16px;
  font-weight: 600;
  background: linear-gradient(to top, #b31130 0%, #e1163c 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  white-space: nowrap;
}

/*Metaslider*/

#metaslider-id-592 {
  background-color: #fff;
}

body {
  background-color: #fff !important;
}

#page-wrapper {
  background-color: #fff;
}

#main-slider {
  background-color: #eee;
  /* keep your grey slider background */
  max-width: 1080px;
  /* or whatever width you're using */
  margin: 0 auto;
}

/*Searchbar*/

input#search-form {
  display: block;
  margin: 0 auto;
  border-radius: 50px;
  /* Adjust this value based on the input's height for full roundness */
}

form.searchform {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  /* Note: This height was set to occupy the full viewport height for centering. You might need to adjust this value based on your layout. */
}

input#search-form {
  width: 200px;
}

form.searchform {
  display: block;
  /* Reverted from flex */
  justify-content: normal;
  /* Removed */
  align-items: normal;
  /* Removed */
  height: auto;
  /* Reverted from 100vh */
}

input#search-form {
  width: 624px;
  height: 50px;
}

.widget-title {
  color: #fff;
  font-size: 3.5em;
  /* Or a specific pixel value like 32.5px */
  text-align: center;
}

/*Search Icon*/

#search-icon-icon {
  display: none !important;
  /* Using !important to ensure it overrides existing styles */
}


/* Footer Live Animal */
/* Make sure the container that holds the image is positioned */
.so-panel:last-child {
  position: relative;
  overflow: visible;
}

/* Absolutely position the image itself */
.bernese-footer-image {
  position: absolute;
  right: 0;
  bottom: -60px; /* Adjust for overlap */
  width: 250px;
  max-width: 100%;
  height: auto;
  z-index: 100;
}