@import url('https://fonts.googleapis.com/css2?family=Wendy One:wght@400');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400');

:root {
    --global-font-size: 16px;

    --title-font: Wendy One, serif;
    --standard-font: Montserrat, sans-serif;

    --primary-color: #262222;

    --light-color: #ffffff;

    --emphasis-color: #D31145;

    --primary-shade-50: #f9f0f0;
    --primary-shade-100: #dbd7d7;
    --primary-shade-200: #c0bdbd;
    --primary-shade-300: #a7a2a2;
    --primary-shade-400: #8d8888;
    --primary-shade-500: #746e6e;
    --primary-shade-600: #5a5555;
    --primary-shade-700: #413d3d;
    --primary-shade-800: #282424;
    --primary-shade-900: #130a0a;

    --emphasis-shade-50: #ffe3ed;
    --emphasis-shade-100: #feb6ca;
    --emphasis-shade-200: #f788a6;
    --emphasis-shade-300: #f35983;
    --emphasis-shade-400: #ee2b5f;
    --emphasis-shade-500: #d41145;
    --emphasis-shade-600: #a60936;
    --emphasis-shade-700: #780526;
    --emphasis-shade-800: #4a0116;
    --emphasis-shade-900: #1f0008;
}


  .nav-desktop-book-button .front {
    color: #ffffff !important;
    text-transform: uppercase;
    font-family: var(--standard-font);
}

.mobile-book-now-banner {
    color: #ffffff !important;
    text-transform: uppercase;
    font-family: var(--standard-font);
}

.booking-widget-search-button {
    color: #ffffff !important;
    text-transform: uppercase;
    font-family: var(--standard-font)!important;
    font-weight: bold;
}

a[href*="campspot"] {
    color: #ffffff;
}

.home-landing-title-container {
    background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25))
}

.flex.w-\[27\.5rem\] a {
    color: #ffffff;
}

/* Grid description links: blue. Button-style links keep their white text. */
body .flex[class~="w-[27.5rem]"] a:not([href*="campspot"]):not([class*="button"]):not([class*="btn"]),
body .flex[class~="w-[27.5rem]"] a:not([href*="campspot"]):not([class*="button"]):not([class*="btn"]):visited,
body .flex[class~="w-[27.5rem]"] a:not([href*="campspot"]):not([class*="button"]):not([class*="btn"]):hover {
  color: #243F8E;
}

body [class~="w-[27.5rem]"] > .font-title {
  font-family: var(--standard-font);
  font-weight: 700;
  text-transform: uppercase;
}