/*
Theme Name: Palm Springs Preferred Small Hotels
Theme URI: 
Author: Magespider
Author URI: 
Description:
Version: 1.0
Text Domain: palmsprings
*/

@import "assets/fonts/stylesheet.css";
@import url('https://fonts.googleapis.com/css?family=Nunito+Sans&display=swap');

body {
  /* font-family: "Nunito Sans"; */
  font-family: "Avenir LT Std";
}

.text-darkgreen {
  color: #596524;
}
.text-brown {
  color: #604224;
}
.text-lightgreen {
  color: #bcd576;
}
.font-parisienne {
  font-family: "Parisienne", cursive;
}
.font-josefin {
  font-family: "Josefin Sans", sans-serif;
}

.font-coquette {
  font-family: "Coquette";
  font-weight: 400;
}

.bg-darkgreen {
  background-color: #596524;
}
.border-darkgren {
  border: 1px solid #596524;
}
.slick-next {
  margin-right: 35px;
  color: black;
}
.slick-prev {
  z-index: 1;
  margin-left: 35px;
  color: black;
}

/* Ensure the navigation dots are positioned correctly and aren't clipped */
.slick-dots {
  position: absolute;
  bottom: 10px;  /* Position dots at the bottom of the slider */
  left: 50%;
  transform: translateX(-50%);  /* Center the dots horizontally */
  z-index: 10;  /* Ensure dots appear above the slider */
  display: block;
  list-style-type: none;  /* Remove default list style */
  margin: 0;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
}

nav li::marker {
  content: "";
  display: none;
}
.main-menu .menu-item a {
  color: white;
  text-align: center;
  width: 40px;
}
.main-menu .menu-item a:hover,
.main-menu .menu-item.current-menu-item a {
  color: #BCD576
}

#mobile-menu .menu-item a {
  color: black;
  text-align: center;
  width: 40px;
}
#mobile-menu .menu-item a:hover,
#mobile-menu .menu-item.current-menu-item a {
  color: #BCD576;
  font-weight: 700;
}

.post-content h1 {
  font-size: 34px;
  line-height: 1.1em;
  margin-bottom: 14px;
}

.post-content h2 {
  font-size: 28px;
  line-height: 1.1em;
  margin-bottom: 10px;
}

.post-content h3 {
  font-size: 20px;
  line-height: 1.1em;
  margin-bottom: 8px;
}

.post-content h4 {
  font-size: 18px;
  line-height: 1.1em;
  margin-bottom: 4px;
}

.post-content h5 {
  font-size: 16px;
  line-height: 1.1em;
}

.post-content h6 {
  font-size: 14px;
  line-height: 1.1em;
}

.post-content p + h1,
.post-content p + h2,
.post-content p + h3,
.post-content p + h4,
.post-content p + h5,
.post-content p + h6 {
  margin-top: 1.5em;
}

.post-content p, .text-content p {
  margin: 0.85em 0;
}

.hotels-slider.slick-initialized  .slick-track {
  display: flex;
}
.hotels-slider.slick-initialized .slick-track .slick-slide {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  float: unset;
  height: auto;
}

.about-us-container a, .post-content a {
  color: #596524;
  font-weight: 600;
}