/* ############################################### */
/* IMPORTS */
/* ############################################### */

@font-face {
    font-family: "Happy Selfie";
    src: url("fonts/happy-selfie.regular.5b5d4095e084.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Oregano";
    src: url("fonts/oregano-regular.a925fed430cc.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Oswald";
    src: url("fonts/oswald-variable.bcabad19bfda.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Nunito";
    src: url("fonts/nunito-variable.88fd722d348e.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Avrile Sans Black";
    src: url("fonts/avrile-sans.black.33f08e757ef3.ttf") format('truetype');

    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Bebas Neue";
    src: url("fonts/bebasneue-regular.b2b293064f55.ttf") format('truetype');

    font-weight: normal;
    font-style: normal;
}

/* @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Oswald:wght@200..700&display=swap'); */

/* ############################################### */
/* FAMILY NAME SPECIFIC FONT STYLES */
/* ############################################### */

.font-happy {
    font-family: "Happy Selfie" !important;
}

.font-bebas {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.font-oregano {
    font-family: "Oregano" !important;
}

.font-oswald {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.font-avrile {
    font-family: "Avrile Sans Black" !important;
}

/* ############################################### */
/* UTILITY CLASS FONT STYLES */
/* ############################################### */


.font-title {
    font-family: "Oswald" !important;
}

.font-title-friendly {
    font-family: "Avrile Sans Black" !important;
}

.font-body {
    font-family: "Nunito" !important;
}

.font-cursive {
    font-family: "Oregano" !important;
}

.font-headline {
  font-family: "Bebas Neue", sans-serif;
}




/*   GUIDE *****************
oswald - titles
nunito - body
oregano - cursive (and logo) 
bebas - headline */





/* @import url('https://fonts.googleapis.com/css2?family=Oregano:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Oregano:ital@0;1&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Oregano:ital@0;1&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue:ital,wght@0,200..1000;1,200..1000&family=Oregano:ital@0;1&display=swap'); */



.oregano-regular {
  font-family: "Oregano", cursive;
  font-weight: 400;
  font-style: normal;
}

.oregano-regular-italic {
  font-family: "Oregano", cursive;
  font-weight: 400;
  font-style: italic;
}





/* .font-nunito {
    font-family: "Nunito" !important;
} */



h1, h2, h3, h4, h5 {
  /* font-family: "Avrile Sans Black" !important;   */
  /* font-family: "Bebas Neue", sans-serif !important;  */
    font-family: "Oswald", sans-serif;

}

body {
  font-family: "Nunito" !important;  
}

.sky {
    background:linear-gradient(to right, #22d3ee 50%, #2563eb  100%);
}

@media (max-width: 640px) {
  .mobile-gradient {
    background: linear-gradient(to right, #007ab180 30%, #d39d1c52 100%);  }
}

.white-border {
    border:solid white 2px;
}

.splash {
    background-repeat: no-repeat;
    /* {% comment %} background-position: center; {% endcomment %} */
    background-size: cover;
    /* {% comment %} background-attachment: fixed; {% endcomment %} */
    /* {% comment %} position: relative; {% endcomment %} */
    /* {% comment %} background-size: auto 100%; {% endcomment %} */
    background-position: right;
}

/*Range slider*/
.range-slider {
    margin: 13px 0;
  }
  
  .range-slider .ui-slider {
    position: relative;
    text-align: left;
  }
  
  .range-slider label {
    font-size: 13px;
    color: #4a4747;
    font-weight: 600;
    margin-bottom: 12px;
  }
  
  .range-slider .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    /* width: 14px;
    height: 14px; */
    width: 22px;
    height: 18px;
    border-radius: 50%;
    cursor: w-resize;
    outline: none;
    /* top: -5px; */
    top: -7px;
    margin-left: -8px;
    box-shadow: none !important;
    background: #fff;
    border: 1px solid #ccc;
    transition: inherit;
  }
  
  .range-slider .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    display: block;
    border: 0;
    background-position: 0 0;
    background: #03ff5f;
  }
  
  .range-slider .ui-widget-content {
    background-color: #ccc;
  }
  
  .range-slider .ui-slider.ui-state-disabled .ui-slider-handle, .range-slider .ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
  }
  
  .range-slider .ui-slider-horizontal {
    height: 4px;
    border-radius: 10px;
    width: calc(100% - 16px);
    margin-left: 8px;
  }
  
  .range-slider .ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
  }
  
  .range-slider .ui-slider-horizontal .ui-slider-range-min {
    left: 0;
  }
  
  .range-slider .ui-slider-horizontal .ui-slider-range-max {
    right: 0;
  }
  
  .min-value:focus, .max-value:focus, .min-value, .max-value {
    width: 40%;
    display: inline-block;
    border: 0;
    background-color: transparent;
    padding: 0;
    margin: 12px 0 0 0;
    cursor: default;
  }
  
  .range-slider .full {
    background: #ccc !important;
  }
  
  .min-value {
    float: left;
    margin-left: -8px;
    width: 50%;
    margin-right: -8px;
    font-size: 11px;
    font-weight: 700;
    margin-top: 15px;
  }
  
  .max-value {
    float: right;
    width: 50%;
    text-align: right;
    margin-right: -8px;
    font-size: 11px;
    font-weight: 700;
    margin-top: 15px;
  }

  /* .range-slider .ui-slider .ui-slider-range {
      background: #03ff5f;
  } */
  

  /* Google maps autocomplete    */
  
.pac-logo:after {
  background-image:none !important;
  height:4px;
  }
  
  .pac-item, .pac-item-query {
  font-size:1rem;
  /* font-family: "Belanosima", sans-serif; */
  font-family: "Poppins", sans-serif;
  
  }
  

/* Toggle button with details sliding in and out */

/* Default hidden state */
.toggle-details {
  display: none;
  max-height: 0;
  opacity: 0;
  overflow: hidden; /* Prevent content overflow */
  transition: max-height 0.5s ease, opacity 0.5s ease; /* Controls slide and fade effects */
  }
  
  /* Visible state with slide */
  .toggle-details.slide-in {
  display: block !important; /* Override the 'none' */
  max-height: 1000px; /* Adjust this to accommodate content height */
  opacity: 1;
  }

  #spinner2 {
    position: fixed;
    content: '';
    display: block;
    top: 50%;
    left: 50%;
    /* width: 400px;
    height: 300px; */
    margin: 0 auto;
    background-size: cover;
    background-position: center;
    /* opacity: 1; */
    transform: translate(-50%, -50%);
    /* visibility: visible; */
    /* transition: all ease-in-out 0.5s; */
    z-index: 9999999999;
    pointer-events: none !important;
}