/*-- -------------------------- -->
<---        Content Page        -->
<--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
  #content-page-852 {
    background-color: #fff;
    /* clips the wave background from causing overflow issues when it goes off screen */
    overflow: hidden;
    position: relative;
    flex: 1;
    z-index: 1;
  }
  #content-page-852 h1 {
    position: relative;
    margin: 0 0 1rem 0;
    max-width: 43.75rem;
    font-size: var(--headerFontSize);
    line-height: 1.2em;
    font-weight: 700;
    color: var(--headerColor);
    text-align: inherit;
    text-transform: uppercase;
    word-break: break-word;
  }
  #content-page-852 h2,
  #content-page-852 h3,
  #content-page-852 h4,
  #content-page-852 h5,
  #content-page-852 h6 {
    font-weight: 700;
    text-align: inherit;
    margin: 0 0 1rem 0;
    color: var(--headerColor);
    font-family: Montserrat, Arial, sans-serif;
    text-transform: uppercase;
  }
  #content-page-852 h2 {
    font-size: 2rem;
    margin-top: 2rem;
  }
  #content-page-852 h3 {
    font-size: 1.5rem;
    color: var(--primary);
  }
  #content-page-852 h4,
  #content-page-852 h5,
  #content-page-852 h6 {
    font-size: 1.25rem;
  }
  #content-page-852 p {
    font-size: var(--bodyFontSize);
    line-height: 1.5em;
    text-align: inherit;
    width: 100%;
    margin: 0 0 1rem 0;
    color: var(--bodyTextColor);
  }
  #content-page-852 p:last-of-type {
    margin-bottom: 2rem;
  }
  #content-page-852 a:not(.cs-button-solid) {
    text-decoration-line: underline;
    text-decoration-color: var(--secondary);
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;
    color: inherit;
  }
  #content-page-852 a:not(.cs-button-solid):hover {
    color: var(--primary);
  }
  #content-page-852 ul,
  #content-page-852 ol {
    margin: 1rem 0;
    padding-left: 2.5rem;
  }
  #content-page-852 ul li,
  #content-page-852 ol li {
    margin-bottom: 1rem;
    list-style: circle;
    font-size: 1rem;
    line-height: 1.6em;
    color: var(--bodyTextColor);
  }
  #content-page-852 .cs-container {
    width: 100%;
    max-width: 80rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* 48px - 64px */
    gap: clamp(3rem, 6vw, 4rem);
    position: relative;
  }
  #content-page-852 .cs-content {
    /* set text align to left if content needs to be left aligned */
    text-align: left;
    width: 100%;
    max-width: 46.125rem;
    display: flex;
    flex-direction: column;
    /* centers content horizontally, set to flex-start to left align */
    align-items: flex-start;
    padding: var(--sectionPadding);
  }
  #content-page-852 h2 {
    font-size: 1.5rem;
    color: var(--primary);
  }
  #content-page-852 .hidden {
    display: none;
  }
  #content-page-852 .rating {
    display: flex;
    justify-content: start;
    flex-direction: row-reverse;
    margin-bottom: 1.5rem;
    /* Hover (when not yet selected) */
    /* Checked (persistent color) */
    /* Hover on already-checked star (brighter) */
  }
  #content-page-852 .rating label {
    width: 3.5em;
  }
  #content-page-852 .rating input {
    display: none;
  }
  #content-page-852 .rating label svg {
    margin: 2px;
    fill: #90a0a3;
    cursor: pointer;
    transition: fill 0.1s;
  }
  #content-page-852 .rating:not(:checked) label:hover svg, #content-page-852 .rating:not(:checked) label:hover ~ label svg {
    fill: #fece31;
  }
  #content-page-852 .rating input:checked ~ label svg {
    fill: #f79426;
  }
  #content-page-852 .rating input:checked + label:hover svg,
  #content-page-852 .rating input:checked ~ label:hover svg,
  #content-page-852 .rating input:checked ~ label:hover ~ label svg {
    fill: #fece31;
  }
  #content-page-852 .cs-button-solid {
    background-color: var(--secondary);
    color: var(--bodyTextColor);
    border: none;
    min-width: 13.5rem;
    margin-top: 0.8rem;
  }
  #content-page-852 .cs-button-solid:hover {
    box-shadow: 0 20px 40px -10px var(--secondary);
  }
  #content-page-852 .cs-label {
    /* 14px - 16px */
    font-size: clamp(0.875rem, 1.5vw, 1rem);
    color: var(--headerColor);
    display: flex;
    grid-column: span 12;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0.5rem;
  }
  #content-page-852 .cs-textarea {
    min-height: 7.5rem;
    padding-top: 1.5rem;
    margin-bottom: 1rem;
    font-family: inherit;
  }
  #content-page-852 .cs-input {
    font-size: 1rem;
    width: 100%;
    /* 46px - 56px */
    height: clamp(2.875rem, 4.5vw, 3.5rem);
    padding-left: 1.5rem;
    color: var(--headerColor);
    border-radius: var(--borderRadius);
    border: 1px solid #dad9e3;
    /* prevents padding from adding to height and width */
    box-sizing: border-box;
  }
  #content-page-852 .cs-input::placeholder {
    color: #7d799c;
    opacity: 0.6;
  }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
  #content-page-852 .cs-container {
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
  }
  #content-page-852 .cs-content {
    flex: none;
    width: 66%;
  }
}

/*# sourceMappingURL=leave-review.css.map */