/* Base styles */
body, html {
  font-family: 'Open Sauce Two', sans-serif ;
  color: var(--black); /* assuming gray is the primary text color */
  background: var(--white); /* assuming a light background */
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}

/* Hide the H1 page title on all pages */
.wp-block-post-title {
  display: none !important;
}


#elementor-device-mode,
.e-font-icon-svg-symbols {
    aria-hidden: true;
}


.e-con {
    --container-max-width: 100% !important;
    padding-right: 0px !important;
    padding-left: 0px !important;

}

.elementor-element:where(.e-con-full,.elementor-widget) {
    flex-direction: var(--flex-direction);
    flex-wrap: var(--flex-wrap);
    justify-content: var(--justify-content);
    align-items: var(--align-items);
    align-content: var(--align-content);
    gap: 0px;
}

.e-con>.e-con-inner {
    text-align: var(--text-align);
    padding-block-start: 0px;
    padding-block-end: 0% !important;
}

.e-con>.e-con-inner {
    gap: 0%;
    width: 100%;
    max-width: var(--content-width);
    margin: 0 auto;
    padding-inline-start: 0;
    padding-inline-end: 0;
    height: 100%;
}

.has-global-padding {
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.has-global-padding > .alignfull {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

/* Color variables */ 
:root {
  --gold: #cf9e69;
  --white: #ffffff;
  --brown: #414d43;
  --beige: #fffbf6;
  --tan: #80633b;
  --taupe: #dac9b5;
  --gray: #667068;
  --black: #000000;
}

/* Header Styles */
h2, .hero-heading {
  font-family: 'CMU Serif', serif ;
  color: var(--white) !important;
  text-align: center;
  font-weight: 100;
  font-size: 48px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
}

 .hero-heading {
  font-family: 'CMU Serif', serif ;
  color: var(--white);
  text-align: center;
  font-weight: 100;
  font-size: 40px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
}


h1 {
  font-family: 'CMU Serif', serif ;  
  color: var(--gold) !important;
  text-align: center;
  text-transform: uppercase;
  font-weight: 100;
}

h3 {
  font-family: 'CMU Serif', serif ;  
  color: var(--gold);
  text-transform: uppercase;
  font-weight: 100;
}


h4, h5, h6 {
  font-family: 'CMU Serif', serif ;
  color: var(--gold);
}

/* Text Styles */
 li{
  font-family: 'Open Sauce Two', sans-serif ;
  color: var(--black);
  text-decoration: none !important;
}

.hero-button {
    font-size: 14px ;
}

    .facebook-icon,
    .instagram-icon,
    .youtube-icon,
    .mail-icon {
        color: #cf9e69 !important;
    }

/* Button styles */
.button {
  background-color: var(--gold);
  color: var(--white);
  border: none;
  cursor: pointer;
  transition: background-color 0.3s;
}

.button:hover {
  background-color: darken(var(--gold), 10%);
}

/* Utility classes */
.text-center {
  text-align: center;
}

.hide {
  display: none;
}

@media screen and (max-width: 850px) {
h2, .hero-heading {
  font-family: 'CMU Serif', serif ;
  color: var(--white);
  text-align: center;
  font-weight: 100;
  font-size: 42px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
  }

  .hero-button {
    font-size: 18px !important;
}

}

@media screen and (max-width: 450px) {
h2, .hero-heading {
  font-family: 'CMU Serif', serif ;
  color: var(--white);
  text-align: center;
  font-weight: 100;
  font-size: 32px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
  }

  .hero-button {
    font-size: 14px !important;
}

.hero-button {
    padding: 6px 50px;
    border: 2px solid white;
    background: #fff;
    cursor: pointer;
    font-size: 24px;
    transition: all 0.3s ease-in-out;
    color: #dac9b5;
    text-wrap: nowrap;
}

}