 @media only screen and (min-width: 0rem) {#sbs-867 {padding: var(--sectionPadding);background-color: var(--tertiary);padding-top: 0;border-radius: 0 0 2rem 2rem;}#sbs-867 .cs-container {width: 100%;max-width: 34.375rem;margin: auto;display: flex;flex-direction: column-reverse;align-items: center;gap: clamp(1rem, 7vw, 4rem);}#sbs-867 .cs-content {text-align: left;width: 100%;max-width: 33.875rem;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;background-color: var(--secondary);border-radius: 2rem;padding: 2rem;}#sbs-867 .cs-title {font-size: var(--headerFontSize);margin-bottom: 1rem;text-align: center;color: var(--primary);}#sbs-867 .cs-title span {display: block;}#sbs-867 .cs-title span:last-of-type {color: var(--bodyTextColorWhite);}#sbs-867 .cs-h3 {font-size: clamp(1rem, 3.9vw, 1.25rem);font-weight: bold;color: var(--primary);margin-bottom: 0.5rem;}#sbs-867 .cs-text {color: var(--bodyTextColorWhite);text-align: center;margin-bottom: 1rem !important;}#sbs-867 .cs-text a {color: var(--primary);font-weight: 700;}#sbs-867 ul {list-style: none;text-align: center;margin-bottom: 1rem;}#sbs-867 ul li {color: var(--bodyTextColorWhite);font-size: var(--bodyFontSize);}#sbs-867 ul li strong {color: var(--primary);padding-right: 0.5rem;}#sbs-867 .cs-picture {display: block;position: relative;width: 100%;max-width: 33.875rem;height: clamp(25rem, 70vw, 40.4375rem);border-radius: 2rem;overflow: hidden;}#sbs-867 .cs-picture img {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;border: none;}}@media only screen and (min-width: 64rem) {#sbs-867 .cs-container {flex-direction: row;justify-content: center;align-items: stretch;max-width: 80rem;gap: 2rem;}#sbs-867 .cs-content {width: 53%;justify-content: center;}#sbs-867 .cs-text:last-of-type {margin-bottom: 0;}#sbs-867 .cs-picture {width: 40vw;height: auto;position: relative;}}@media only screen and (min-width: 0rem) {#sbs-867-3 {padding: var(--sectionPadding);}#sbs-867-3 .cs-container {width: 100%;max-width: 34.375rem;margin: auto;display: flex;flex-direction: column;align-items: center;gap: clamp(3rem, 7vw, 4rem);}#sbs-867-3 .cs-content {text-align: left;width: 100%;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;background-color: var(--secondary);border-radius: 2rem;padding: 2rem;}#sbs-867-3 .cs-title {font-size: var(--headerFontSize);margin-bottom: 1rem;text-align: center;}#sbs-867-3 .cs-text {color: var(--bodyTextColorWhite);text-align: center;margin-bottom: 1rem;}#sbs-867-3 .cs-text:last-of-type {margin-bottom: 2rem;}#sbs-867-3 .cs-text:last-of-type a {font-weight: 700;color: var(--primary);}#sbs-867-3 #list-893 {max-width: 50rem;margin: 1rem 0 1rem 0;padding: 0;columns: 1;}#sbs-867-3 #list-893 .cs-li {list-style: none;margin: 0 0 0.5rem 0;display: flex;justify-content: center;align-items: center;gap: 0.75rem;position: relative;background-color: var(--primary);color: var(--secondary);padding: 0.5rem 1rem;border-radius: 1rem;}}@media only screen and (min-width: 45rem) {#sbs-867-3 #list-893 {columns: 2;}}@media only screen and (min-width: 64rem) {#sbs-867-3 {padding: var(--sectionPadding);}#sbs-867-3 .cs-container {flex-direction: row;justify-content: center;align-items: stretch;max-width: 70.25rem;gap: 2rem;}#sbs-867-3 .cs-content {justify-content: center;width: 100%;}#sbs-867-3 #list-893 {columns: 3;}#sbs-867-3 .cs-text:last-of-type {margin-bottom: 0;}#sbs-867-3 .cs-picture {width: 40vw;position: relative;}}@media only screen and (min-width: 0rem) {#sbs-867-2 {padding: var(--sectionPadding);background-color: var(--tertiary);border-radius: 2rem;}#sbs-867-2 .cs-container {width: 100%;max-width: 34.375rem;margin: auto;display: flex;flex-direction: column;align-items: center;gap: clamp(3rem, 7vw, 4rem);}#sbs-867-2 .cs-content {text-align: left;width: 100%;max-width: 33.875rem;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;background-color: var(--primary);border-radius: 2rem;padding: 2rem;}#sbs-867-2 .cs-title {font-size: var(--headerFontSize);color: var(--secondary);margin-bottom: 1rem;text-align: center;}#sbs-867-2 .cs-text {text-align: center;margin-bottom: 1rem;color: var(--secondary);}#sbs-867-2 .cs-text a {color: var(--secondary);font-weight: 700;}#sbs-867-2 .cs-picture {display: block;position: relative;width: 100%;max-width: 33.875rem;height: clamp(25rem, 70vw, 40.4375rem);border-radius: 2rem;overflow: hidden;}#sbs-867-2 .cs-picture img {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;}.cs-button-solid {background-color: var(--primary);color: var(--secondary);}}@media only screen and (min-width: 64rem) {#sbs-867-2 {padding: var(--sectionPadding);}#sbs-867-2 .cs-container {flex-direction: row-reverse;justify-content: center;align-items: stretch;max-width: 80rem;gap: 2rem;}#sbs-867-2 .cs-content {width: 53%;justify-content: center;}#sbs-867-2 .cs-picture {width: 40vw;position: relative;}} center;
    align-items: stretch;
    max-width: 70.25rem;
    gap: 2rem;
  }
  #sbs-867-3 .cs-content {
    justify-content: center;
    width: 100%;
    /* reset the padding, add the section padding back to the section container */
  }
  #sbs-867-3 #list-893 {
    columns: 3;
  }
  #sbs-867-3 .cs-text:last-of-type {
    margin-bottom: 0;
  }
  #sbs-867-3 .cs-picture {
    width: 40vw;
    position: relative;
  }
}
/*-- -------------------------- -->
<---    Side By Side -2    -->
<--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
  #sbs-867-2 {
    padding: var(--sectionPadding);
    background-color: var(--tertiary);
    border-radius: 2rem;
    /* Mobile - 360px */
    /* you can copy and paste these styles into the section CSS where you placed the #list-893 HTML, or you can place it in your global stylesheet so you can reuse the HTML in any Side By Side section on your site. That way when you make changes to it, it will also change everywhere in the site */
  }
  #sbs-867-2 .cs-container {
    width: 100%;
    /* changes to 1280px at desktop */
    max-width: 34.375rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* 48px - 64px */
    gap: clamp(3rem, 7vw, 4rem);
  }
  #sbs-867-2 .cs-content {
    /* set text aling to left if content needs to be left aligned */
    text-align: left;
    width: 100%;
    max-width: 33.875rem;
    /* prevents padding from affecting width and height */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    /* centers content horizontally, set to flex-start to left align */
    align-items: center;
    background-color: var(--primary);
    border-radius: 2rem;
    padding: 2rem;
  }
  #sbs-867-2 .cs-title {
    font-size: var(--headerFontSize);
    color: var(--secondary);
    margin-bottom: 1rem;
    text-align: center;
  }
  #sbs-867-2 .cs-text {
    text-align: center;
    margin-bottom: 1rem;
    color: var(--secondary);
  }
  #sbs-867-2 .cs-text a {
    color: var(--secondary);
    font-weight: 700;
  }
  #sbs-867-2 .cs-picture {
    display: block;
    position: relative;
    width: 100%;
    max-width: 33.875rem;
    /* 400px - 775px */
    height: clamp(25rem, 70vw, 40.4375rem);
    /* 100px - 200px */
    border-radius: 2rem;
    /* clips img tag corners */
    overflow: hidden;
  }
  #sbs-867-2 .cs-picture img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .cs-button-solid {
    background-color: var(--primary);
    color: var(--secondary);
  }
}
/* Tablet - 768px */
@media only screen and (min-width: 64rem) {
  #sbs-867-2 {
    padding: var(--sectionPadding);
  }
  #sbs-867-2 .cs-container {
    flex-direction: row-reverse;
    justify-content: center;
    align-items: stretch;
    max-width: 80rem;
    gap: 2rem;
  }
  #sbs-867-2 .cs-content {
    width: 53%;
    justify-content: center;
    /* reset the padding, add the section padding back to the section container */
  }
  #sbs-867-2 .cs-picture {
    width: 40vw;
    position: relative;
  }
}

/*# sourceMappingURL=locations.css.map */
