@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
    --color-lo-accent: 141 0 52;
    --color-pm-accent: 141 0 52;
    --color-re-accent: 141 0 52;
    --color-am-accent: 141 0 52;
    --color-gold: 255 168 200;
    --primary-light-80: 255 168 200;
    --color-slate: 23 23 23;
    --font-display: "Cormorant Garamond", Georgia, serif;
     --font-body: "Inter", system-ui, -apple-system, sans-serif;
}







.dhdjhjdjdjdjddkdkdkdkdkd {
  display: grid;
  grid-template-columns: 80px 1fr 1fr;
  gap: 0 32px;
  padding: 32px 0;
  border-top: 1px solid rgba(23, 25, 26, 0.12);
  align-items: start;
}

@media (max-width: 768px) {
  .dhdjhjdjdjdjddkdkdkdkdkd {
    grid-template-columns: 1fr;
    gap: 24px 0;
    padding: 24px 0;
  }
}



@media (max-width: 560px) {
  .hidden_on_mobile {
    display: none !important;
  }

  .mobile_h_400 {
    height: 400px !important;
  }

  .mobile_h_250 {
    height: 250px !important;
  }
}













.eyebrow {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .17em;
}

.text-navy {
    color: hsl(338 79% 15% / 1);
}


.bg-cream {
    background-color: #f4e7ec;
}

.text-\[\#202020\]\/55, .text-\[\#202020\]\/75 {
    color: var(--color-slate);
}


.text-gold {
    color: rgb(var(--color-gold));
}

/* #fdf2f6 */


/* #faf0f4 */

.hide {
    display: none !important;
}


.border_primary {
    border-color: #8d0034 !important;
}



.bg_lighest_primary {
   background-color:  hsl(338 38% 96% / 1) !important;
}


.bg_lighest_primary *{
   opacity:  1 !important;
}



h2, h3 {
    /* font-family: var(--font-display) !important; */
    /* font-family: var(--font-body) !important; */
    /* font-size: 40px !important;
    font-weight: 500 !important;
    line-height: 3.4rem !important; */
}

.font_display_1 {
     font-family: var(--font-display) !important;
}

.font_display_2 {
     font-family: var(--font-body) !important;
}



html, body, p, span {
    font-family: var(--font-body) !important;
}

p:not(.text-white) {
        /* color: #0A0A0A !important; */
}




@media (min-width: 768px) {
    .eyebrow {
        font-size: .75rem;
        line-height: 1rem;
    }

    .push_up_a_little {
        position: relative;
        top: -6px;
    }

    h2, h3 {
        /* font-size: 52px !important; */
    }
}





html {
	width: 100% !important;
	overflow-x: hidden !important;
}