.development-notice-overlay {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(20px, 5vw, 56px);
  background: rgba(14, 28, 56, 0.78);
}

.development-notice-overlay[hidden] {
  display: none !important;
}

body.development-notice-open {
  overflow: hidden;
}

.development-notice-dialog {
  width: min(720px, 100%);
  padding: clamp(22px, 3.6vw, 38px);
  background: #fff;
  border-top: 6px solid var(--copaBlue);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.3);
}

.development-notice-dialog h2 {
  margin-bottom: 14px;
  color: var(--headings);
  font-size: clamp(24px, 3.5vw, 34px);
  line-height: 1.15;
}

.development-notice-dialog p {
  margin: 0 0 24px;
  color: var(--defaultTextColor);
  font-size: clamp(16px, 1.3vw, 20px);
  line-height: 1.5;
  font-weight: 400;
}

.development-notice-button.button {
  margin: 0;
  padding: 0 28px;
  border: 1px solid var(--copaBlue);
  border-top: 1px solid var(--copaBlue);
  border-radius: 5px;
  background-color: var(--copaBlue);
  color: #fff;
  line-height: 44px;
  font-weight: 700;
}

.development-notice-button.button:hover,
.development-notice-button.button:focus-visible {
  background-color: var(--copaTeal);
  border-color: var(--copaTeal);
  text-decoration: none;
  outline: none;
}
 .grid {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: -30px;
}

.grid .grid {
    margin-left: 0;
}


.grid::after {
    content: '';
    display: table;
    clear: both
}

@media only screen and (max-width: 749px) {
    .grid {
        margin-left: -22px
    }
}

.grid__item {
    float: left;
    padding-left: 30px;
    width: 100%
}
.grid__item.embedded__item { padding: 0 5px 5px 5px; }
.grid__item.first {
    padding-left: 0;
}

@media only screen and (max-width: 749px) {
    .grid__item {
        padding-left: 22px
    }
}

.grid__item[class*="--push"] {
    position: relative
}

.grid--rev {
    direction: rtl;
    text-align: left
}

.grid--rev > .grid__item {
    direction: ltr;
    text-align: left;
    float: right
}

.one-whole {
    width: 100%
}

.one-half {
    width: 50%
}

.one-third {
    width: 33.33333%
}

.two-thirds {
    width: 66.66667%
}

.one-quarter, .one-fourth {
    width: 25%
}

.two-quarters, .two-fourths {
    width: 50%
}

.three-quarters, .three-fourths {
    width: 75%
}

.one-fifth {
    width: 20%
}

.two-fifths {
    width: 40%
}

.three-fifths {
    width: 60%
}

.four-fifths {
    width: 80%
}

.one-sixth {
    width: 16.66667%
}

.two-sixths {
    width: 33.33333%
}

.three-sixths {
    width: 50%
}

.four-sixths {
    width: 66.66667%
}

.five-sixths {
    width: 83.33333%
}

.one-seventh {
    width: 14.2%
}

.six-sevenths {
    width: 85.8%
}

.one-eighth {
    width: 12.5%
}

.two-eighths {
    width: 25%
}

.three-eighths {
    width: 37.5%
}

.four-eighths {
    width: 50%
}

.five-eighths {
    width: 62.5%
}

.six-eighths {
    width: 75%
}

.seven-eighths {
    width: 87.5%
}

.one-tenth {
    width: 10%
}

.two-tenths {
    width: 20%
}

.three-tenths {
    width: 30%
}

.four-tenths {
    width: 40%
}

.five-tenths {
    width: 50%
}

.six-tenths {
    width: 60%
}

.seven-tenths {
    width: 70%
}

.eight-tenths {
    width: 80%
}

.nine-tenths {
    width: 90%
}

.one-twelfth {
    width: 8.33333%
}

.two-twelfths {
    width: 16.66667%
}

.three-twelfths {
    width: 25%
}

.four-twelfths {
    width: 33.33333%
}

.five-twelfths {
    width: 41.66667%
}

.six-twelfths {
    width: 50%
}

.seven-twelfths {
    width: 58.33333%
}

.eight-twelfths {
    width: 66.66667%
}

.nine-twelfths {
    width: 75%
}

.ten-twelfths {
    width: 83.33333%
}

.eleven-twelfths {
    width: 91.66667%
}

.show {
    display: block !important
}

.hide {
    display: none !important
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media only screen and (max-width: 749px) {
    .small--one-whole {
        width: 100%
    }

    .small--one-half {
        width: 50%
    }

    .small--one-third {
        width: 33.33333%
    }

    .small--two-thirds {
        width: 66.66667%
    }

    .small--one-quarter, .small--one-fourth {
        width: 25%
    }

    .small--two-quarters, .small--two-fourths {
        width: 50%
    }

    .small--three-quarters, .small--three-quarters {
        width: 75%
    }

    .small--one-fifth {
        width: 20%
    }

    .small--two-fifths {
        width: 40%
    }

    .small--three-fifths {
        width: 60%
    }

    .small--four-fifths {
        width: 80%
    }

    .small--one-sixth {
        width: 16.66667%
    }

    .small--two-sixths {
        width: 33.33333%
    }

    .small--three-sixths {
        width: 50%
    }

    .small--four-sixths {
        width: 66.66667%
    }

    .small--five-sixths {
        width: 83.33333%
    }

    .small--one-eighth {
        width: 12.5%
    }

    .small--two-eighths {
        width: 25%
    }

    .small--three-eighths {
        width: 37.5%
    }

    .small--four-eighths {
        width: 50%
    }

    .small--five-eighths {
        width: 62.5%
    }

    .small--six-eighths {
        width: 75%
    }

    .small--seven-eighths {
        width: 87.5%
    }

    .small--one-tenth {
        width: 10%
    }

    .small--two-tenths {
        width: 20%
    }

    .small--three-tenths {
        width: 30%
    }

    .small--four-tenths {
        width: 40%
    }

    .small--five-tenths {
        width: 50%
    }

    .small--six-tenths {
        width: 60%
    }

    .small--seven-tenths {
        width: 70%
    }

    .small--eight-tenths {
        width: 80%
    }

    .small--nine-tenths {
        width: 90%
    }

    .small--one-twelfth {
        width: 8.33333%
    }

    .small--two-twelfths {
        width: 16.66667%
    }

    .small--three-twelfths {
        width: 25%
    }

    .small--four-twelfths {
        width: 33.33333%
    }

    .small--five-twelfths {
        width: 41.66667%
    }

    .small--six-twelfths {
        width: 50%
    }

    .small--seven-twelfths {
        width: 58.33333%
    }

    .small--eight-twelfths {
        width: 66.66667%
    }

    .small--nine-twelfths {
        width: 75%
    }

    .small--ten-twelfths {
        width: 83.33333%
    }

    .small--eleven-twelfths {
        width: 91.66667%
    }

    .grid--uniform .small--one-half:nth-child(2n + 1), .grid--uniform .small--one-third:nth-child(3n + 1),
    .grid--uniform .small--one-quarter:nth-child(4n + 1), .grid--uniform .small--one-fifth:nth-child(5n + 1),
    .grid--uniform .small--one-sixth:nth-child(6n + 1), .grid--uniform .small--two-sixths:nth-child(3n + 1),
    .grid--uniform .small--three-sixths:nth-child(2n + 1), .grid--uniform .small--one-eighth:nth-child(8n + 1),
    .grid--uniform .small--two-eighths:nth-child(4n + 1), .grid--uniform .small--four-eighths:nth-child(2n + 1),
    .grid--uniform .small--five-tenths:nth-child(2n + 1), .grid--uniform .small--one-twelfth:nth-child(12n + 1),
    .grid--uniform .small--two-twelfths:nth-child(6n + 1), .grid--uniform .small--three-twelfths:nth-child(4n + 1),
    .grid--uniform .small--four-twelfths:nth-child(3n + 1), .grid--uniform .small--six-twelfths:nth-child(2n + 1) {
        clear: both
    }

    .small--show {
        display: block !important
    }

    .small--hide {
        display: none !important
    }

    .small--text-left {
        text-align: left !important
    }

    .small--text-right {
        text-align: right !important
    }

    .small--text-center {
        text-align: center !important
    }
}

@media only screen and (min-width: 750px) {
    .css-one-whole {
        width: 100%
    }

    .medium-up--one-half {
        width: 50%
    }

    .medium-up--one-third {
        width: 33.33333%
    }

    .medium-up--two-thirds {
        width: 66.66667%
    }

    .medium-up--one-quarter,.medium-up--one-fourth {
        width: 25%
    }

    .medium-up--two-quarters,.medium-up--two-fourths {
        width: 50%
    }

    .medium-up--three-quarters,.medium-up--three-fourths {
        width: 75%
    }

    .medium-up--one-fifth {
        width: 20%
    }

    .medium-up--two-fifths {
        width: 40%
    }

    .medium-up--three-fifths {
        width: 60%
    }

    .medium-up--four-fifths {
        width: 80%
    }

    .medium-up--one-sixth {
        width: 16.66667%
    }

    .medium-up--two-sixths {
        width: 33.33333%
    }

    .medium-up--three-sixths {
        width: 50%
    }

    .medium-up--four-sixths {
        width: 66.66667%
    }

    .medium-up--five-sixths {
        width: 83.33333%
    }

    .medium-up--one-eighth {
        width: 12.5%
    }

    .medium-up--two-eighths {
        width: 25%
    }

    .medium-up--three-eighths {
        width: 37.5%
    }

    .medium-up--four-eighths {
        width: 50%
    }

    .medium-up--five-eighths {
        width: 62.5%
    }

    .medium-up--six-eighths {
        width: 75%
    }

    .medium-up--seven-eighths {
        width: 87.5%
    }

    .medium-up--one-tenth {
        width: 10%
    }

    .medium-up--two-tenths {
        width: 20%
    }

    .medium-up--three-tenths {
        width: 30%
    }

    .medium-up--four-tenths {
        width: 40%
    }

    .medium-up--five-tenths {
        width: 50%
    }

    .medium-up--six-tenths {
        width: 60%
    }

    .medium-up--seven-tenths {
        width: 70%
    }

    .medium-up--eight-tenths {
        width: 80%
    }

    .medium-up--nine-tenths {
        width: 90%
    }

    .medium-up--one-twelfth {
        width: 8.33333%
    }

    .medium-up--two-twelfths {
        width: 16.66667%
    }

    .medium-up--three-twelfths {
        width: 25%
    }

    .medium-up--four-twelfths {
        width: 33.33333%
    }

    .medium-up--five-twelfths {
        width: 41.66667%
    }

    .medium-up--six-twelfths {
        width: 50%
    }

    .medium-up--seven-twelfths {
        width: 58.33333%
    }

    .medium-up--eight-twelfths {
        width: 66.66667%
    }

    .medium-up--nine-twelfths {
        width: 75%
    }

    .medium-up--ten-twelfths {
        width: 83.33333%
    }

    .medium-up--eleven-twelfths {
        width: 91.66667%
    }

    .grid--uniform .medium-up--one-half:nth-child(2n + 1), .grid--uniform .medium-up--one-third:nth-child(3n + 1),
    .grid--uniform .medium-up--one-quarter:nth-child(4n + 1), .grid--uniform .medium-up--one-fifth:nth-child(5n + 1),
    .grid--uniform .medium-up--one-sixth:nth-child(6n + 1), .grid--uniform .medium-up--two-sixths:nth-child(3n + 1),
    .grid--uniform .medium-up--three-sixths:nth-child(2n + 1), .grid--uniform .medium-up--one-eighth:nth-child(8n + 1),
    .grid--uniform .medium-up--two-eighths:nth-child(4n + 1), .grid--uniform .medium-up--four-eighths:nth-child(2n + 1),
    .grid--uniform .medium-up--five-tenths:nth-child(2n + 1), .grid--uniform .medium-up--one-twelfth:nth-child(12n + 1),
    .grid--uniform .medium-up--two-twelfths:nth-child(6n + 1), .grid--uniform .medium-up--three-twelfths:nth-child(4n + 1),
    .grid--uniform .medium-up--four-twelfths:nth-child(3n + 1), .grid--uniform .medium-up--six-twelfths:nth-child(2n + 1) {
        clear: both
    }

    .medium-up--show {
        display: block !important
    }

    .medium-up--hide {
        display: none !important
    }

    .medium-up--text-left {
        text-align: left !important
    }

    .medium-up--text-right {
        text-align: right !important
    }

    .medium-up--text-center {
        text-align: center !important
    }
}

@media only screen and (max-width: 749px) {
    .small--push-one-half {
        left: 50%
    }

    .small--push-one-third {
        left: 33.33333%
    }

    .small--push-two-thirds {
        left: 66.66667%
    }

    .small--push-one-quarter, .small--push-one-fourth {
        left: 25%
    }

    .small--push-two-quarters,.small--push--two-fourths {
        left: 50%
    }

    .small--push-three-quarters,.small--push--two-fourths {
        left: 75%
    }

    .small--push-one-fifth {
        left: 20%
    }

    .small--push-two-fifths {
        left: 40%
    }

    .small--push-three-fifths {
        left: 60%
    }

    .small--push-four-fifths {
        left: 80%
    }

    .small--push-one-sixth {
        left: 16.66667%
    }

    .small--push-two-sixths {
        left: 33.33333%
    }

    .small--push-three-sixths {
        left: 50%
    }

    .small--push-four-sixths {
        left: 66.66667%
    }

    .small--push-five-sixths {
        left: 83.33333%
    }

    .small--push-one-eighth {
        left: 12.5%
    }

    .small--push-two-eighths {
        left: 25%
    }

    .small--push-three-eighths {
        left: 37.5%
    }

    .small--push-four-eighths {
        left: 50%
    }

    .small--push-five-eighths {
        left: 62.5%
    }

    .small--push-six-eighths {
        left: 75%
    }

    .small--push-seven-eighths {
        left: 87.5%
    }

    .small--push-one-tenth {
        left: 10%
    }

    .small--push-two-tenths {
        left: 20%
    }

    .small--push-three-tenths {
        left: 30%
    }

    .small--push-four-tenths {
        left: 40%
    }

    .small--push-five-tenths {
        left: 50%
    }

    .small--push-six-tenths {
        left: 60%
    }

    .small--push-seven-tenths {
        left: 70%
    }

    .small--push-eight-tenths {
        left: 80%
    }

    .small--push-nine-tenths {
        left: 90%
    }

    .small--push-one-twelfth {
        left: 8.33333%
    }

    .small--push-two-twelfths {
        left: 16.66667%
    }

    .small--push-three-twelfths {
        left: 25%
    }

    .small--push-four-twelfths {
        left: 33.33333%
    }

    .small--push-five-twelfths {
        left: 41.66667%
    }

    .small--push-six-twelfths {
        left: 50%
    }

    .small--push-seven-twelfths {
        left: 58.33333%
    }

    .small--push-eight-twelfths {
        left: 66.66667%
    }

    .small--push-nine-twelfths {
        left: 75%
    }

    .small--push-ten-twelfths {
        left: 83.33333%
    }

    .small--push-eleven-twelfths {
        left: 91.66667%
    }
}

@media only screen and (min-width: 750px) {
    .medium-up--push-one-half {
        left: 50%
    }

    .medium-up--push-one-third {
        left: 33.33333%
    }

    .medium-up--push-two-thirds {
        left: 66.66667%
    }

    .medium-up--push-one-quarter, .medium-up--push-one-fourth {
        left: 25%
    }

    .medium-up--push-two-quarters, .medium-up--push-two-fourths {
        left: 50%
    }

    .medium-up--push-three-quarters,.medium-up--push-three-fourths {
        left: 75%
    }

    .medium-up--push-one-fifth {
        left: 20%
    }

    .medium-up--push-two-fifths {
        left: 40%
    }

    .medium-up--push-three-fifths {
        left: 60%
    }

    .medium-up--push-four-fifths {
        left: 80%
    }

    .medium-up--push-one-sixth {
        left: 16.66667%
    }

    .medium-up--push-two-sixths {
        left: 33.33333%
    }

    .medium-up--push-three-sixths {
        left: 50%
    }

    .medium-up--push-four-sixths {
        left: 66.66667%
    }

    .medium-up--push-five-sixths {
        left: 83.33333%
    }

    .medium-up--push-one-eighth {
        left: 12.5%
    }

    .medium-up--push-two-eighths {
        left: 25%
    }

    .medium-up--push-three-eighths {
        left: 37.5%
    }

    .medium-up--push-four-eighths {
        left: 50%
    }

    .medium-up--push-five-eighths {
        left: 62.5%
    }

    .medium-up--push-six-eighths {
        left: 75%
    }

    .medium-up--push-seven-eighths {
        left: 87.5%
    }

    .medium-up--push-one-tenth {
        left: 10%
    }

    .medium-up--push-two-tenths {
        left: 20%
    }

    .medium-up--push-three-tenths {
        left: 30%
    }

    .medium-up--push-four-tenths {
        left: 40%
    }

    .medium-up--push-five-tenths {
        left: 50%
    }

    .medium-up--push-six-tenths {
        left: 60%
    }

    .medium-up--push-seven-tenths {
        left: 70%
    }

    .medium-up--push-eight-tenths {
        left: 80%
    }

    .medium-up--push-nine-tenths {
        left: 90%
    }

    .medium-up--push-one-twelfth {
        left: 8.33333%
    }

    .medium-up--push-two-twelfths {
        left: 16.66667%
    }

    .medium-up--push-three-twelfths {
        left: 25%
    }

    .medium-up--push-four-twelfths {
        left: 33.33333%
    }

    .medium-up--push-five-twelfths {
        left: 41.66667%
    }

    .medium-up--push-six-twelfths {
        left: 50%
    }

    .medium-up--push-seven-twelfths {
        left: 58.33333%
    }

    .medium-up--push-eight-twelfths {
        left: 66.66667%
    }

    .medium-up--push-nine-twelfths {
        left: 75%
    }

    .medium-up--push-ten-twelfths {
        left: 83.33333%
    }

    .medium-up--push-eleven-twelfths {
        left: 91.66667%
    }
}


.clearfix::after {
    content: '';
    display: table;
    clear: both
}

.visually-hidden, .icon__fallback-text {
    position: absolute !important;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.visibility-hidden {
    visibility: hidden
}

.js-focus-hidden:focus {
    outline: none
}

.no-js:not(html) {
    display: none
}

.no-js .no-js:not(html) {
    display: block
}

.no-js .js {
    display: none
}

.hide {
    display: none !important
}

.skip-link:focus {
    clip: auto;
    width: auto;
    height: auto;
    margin: 0;
    color: #3d4246;
    background-color: #fff;
    padding: 10px;
    opacity: 1;
    z-index: 10000;
    transition: none
}

.box {
    background: no-repeat;
    background-color: #f7f7f7;
    background-size: contain
}

.ratio-container {
    position: relative
}

.ratio-container:after {
    content: '';
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 50%;
    content: ""
}

.ratio-container > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

body, html {
    background-color: #fff
}

.page-width {
    max-width: 1200px;
    margin: 0 auto
}

.page-width::after {
    content: '';
    display: table;
    clear: both
}

.main-content {
    display: block;
    padding-top: 35px
}

@media only screen and (min-width: 750px) {
    .main-content {
        padding-top: 55px
    }
}

.section-header {
    margin-bottom: 35px
}

@media only screen and (min-width: 750px) {
    .section-header {
        margin-bottom: 55px
    }
}

blockquote {
    font-size: 1.125em;
    font-style: normal;
    text-align: center;
    padding: 0 30px;
    margin: 0
}

.rte blockquote {
    border-color: #e8e9eb;
    border-width: 1px 0;
    border-style: solid;
    padding: 30px 0;
    margin-bottom: 27.5px
}

blockquote p + cite {
    margin-top: 27.5px
}

blockquote cite {
    display: block;
    font-size: 0.85em;
    font-weight: 400
}

blockquote cite::before {
    content: '\2014 \0020'
}

code, pre {
    font-family: Consolas, monospace;
    font-size: 1em
}

pre {
    overflow: auto
}

@media only screen and (max-width: 989px) {
    input, textarea, select, button {
        font-size: 16px
    }
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    margin: 0 0 17.5px;
    /* font-weight: 600; */
    line-height: 1.2;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {
    color: inherit;
    text-decoration: none;
    font-weight: inherit;
}

h1, .h1 {
    font-size: 2.1875em;
    text-transform: none;
    letter-spacing: 0;
}

@media only screen and (max-width: 749px) {
    h1, .h1 {
        font-size: 2em
    }
}

@media only screen and (max-width: 550px) {
    h1, .h1 {
        font-size: 1.6em
    }
}

h2, .h2 {
    font-size: 1.25em;
    text-transform: capitalize;
    /* letter-spacing: 0.1em; */
    font-weight: 200;
}

@media only screen and (max-width: 749px) {
    h2, .h2 {
        font-size: 1.125em
    }
}

h3, .h3 {
    font-size: 1.625em;
    text-transform: none;
    letter-spacing: 0
}

@media only screen and (max-width: 749px) {
    h3, .h3 {
        font-size: 1.25em
    }
}

h4, .h4 {
    font-size: 1.0625em
}

@media only screen and (max-width: 749px) {
    h4, .h4 {
        font-size: 0.9375em
    }
}

h5, .h5 {
    font-size: 0.9375em
}

@media only screen and (max-width: 749px) {
    h5, .h5 {
        font-size: 0.8125em
    }
}

h6, .h6 {
    font-size: 0.875em
}

@media only screen and (max-width: 749px) {
    h6, .h6 {
        font-size: 0.75em
    }
}

.rte {
    color: #788188;
    margin-bottom: 35px
}

.rte:last-child {
    margin-bottom: 0
}

.rte h1, .rte .h1, .rte h2, .rte .h2, .rte h3, .rte .h3, .rte h4, .rte .h4,
.rte h5, .rte .h5, .rte h6, .rte .h6 {
    margin-top: 55px;
    margin-bottom: 27.5px
}

.rte h1:first-child, .rte .h1:first-child, .rte h2:first-child, .rte .h2:first-child,
.rte h3:first-child, .rte .h3:first-child, .rte h4:first-child, .rte .h4:first-child,
.rte h5:first-child, .rte .h5:first-child, .rte h6:first-child, .rte .h6:first-child {
    margin-top: 0
}

.rte li {
    margin-bottom: 4px;
    list-style: inherit
}

.rte li:last-child {
    margin-bottom: 0
}

.rte-setting {
    margin-bottom: 19.44444px
}

.rte-setting:last-child {
    margin-bottom: 0
}

.mb-0 {
    margin-bottom: 0
}

@media only screen and (max-width: 749px) {
    p {
        font-size: 0.9375em
    }
}

p:last-child {
    margin-bottom: 0
}

li {
    list-style: none
}

.fine-print {
    font-size: 0.875em;
    font-style: italic
}

.txt--minor {
    font-size: 80%
}

.txt--emphasis {
    font-style: italic
}

.address {
    margin-bottom: 55px
}

.mega-title, .mega-subtitle {
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.1)
}

.mega-title {
    margin-bottom: 8px;
}


.stretchy-pants-container {
    z-index:0; 
    width: 100%; 
    display:block; 
    position: relative; 
    height: 95vw;
    -webkit-transition: height 0.5s; /* Safari prior 6.1 */
    transition: height 0.5s;        
}

@media only screen and (min-width: 1650px) {
    .stretchy-pants-container {
        height: 27vw;
    }
}

@media only screen and (min-width: 1450px) and (max-width: 1649px) {
    .stretchy-pants-container {
        height: 31vw;       
    }
}

@media only screen and (min-width: 1050px) and (max-width: 1449px) {
    .stretchy-pants-container {
        height: 33vw;       
    }
}

@media only screen and (max-width: 1049px) {
    .stretchy-pants-container {
        height: 40vw;       
    }
}

@media only screen and (max-width: 750px) {
    .stretchy-pants-container {
        height: 80vw;       
    }
}

@media only screen and (max-width: 649px) {
    .stretchy-pants-container {
        height: 100vw;      
    }
}


.mega-title--large {
    font-size: 2.625em;
}

@media only screen and (min-width: 750px) {
    .mega-title--large {
        font-size: 4vw; 
        margin-top: 1.5vw; 
        text-transform: uppercase; 
        line-height: 1.1em; 
    }
}

.mega-title--large { 
    font-size: 8vw; 
    margin-top: 1.5vw; 
    text-transform: uppercase; 
    line-height: 1.1em; 
}

.mega-title--large p { 
    font-weight: inherit; 
    margin-bottom: 0vh; 
    font-size: inherit; 
    line-height: inherit;
}


@media only screen and (min-width: 750px) and (max-width: 1349px) {
    .mega-subtitle {
        font-size: 16vw;    
    }
}


@media only screen and (min-width: 750px) {
    .mega-subtitle {
        font-size: 1.25em;
        max-width: 50%
    }
}

.mega-subtitle p {
    color: inherit
}

.mega-subtitle--large {
    font-size: 1.125em;
    font-weight: 600
}

@media only screen and (min-width: 750px) {
    .mega-subtitle--large {
        font-size: 1.5em
    }
}

.mega-subtitle--large p.subtitle-large {
    text-transform: uppercase; 
    margin: 1em 20px 0.7em;
    font-size: 4vw; 
    font-weight: 600;
}


@media only screen and (min-width: 1450px) {
    .mega-subtitle--large p.subtitle-large {
        font-size: 19px; 
        text-transform: uppercase; 
        margin-top: 2em; 
        font-size: 1.2vw; 
        font-weight: 600;
    }
}

@media only screen and (min-width: 850px) and (max-width: 1449px) {
    .mega-subtitle--large p.subtitle-large {
        text-transform: uppercase; 
        margin-top: 2em; 
        font-size: 1.6vw; 
        font-weight: 600;
    }
}

@media only screen and (max-width: 849px) {
    .mega-subtitle--large p.subtitle-large {
        font-size: 2.1vw; 
    }
}

@media only screen and (max-width: 649px) {
    .mega-subtitle--large p.subtitle-large {
        font-size: 3.1vw; 
    }
}


.no-js .product-featured-img {
    position: relative
}

.zoomImg {
    background-color: #fff
}

@media only screen and (min-width: 750px) {
    .product-single__thumbnails {
        margin-top: 30px
    }
}

@media only screen and (max-width: 749px) {
    .product-single__photos {
        margin-bottom: 30px
    }

    .product-single__photo--has-thumbnails {
        margin-bottom: 30px
    }
}

.product-single__photos--full {
    margin-bottom: 30px
}

.product-single__photo-wrapper {
    margin: 0 auto;
    width: 100%
}

.product-single__photo {
    margin: 0 auto;
    min-height: 1px;
    width: 100%;
    height: 100%;
    position: relative
}



.product-single__description {
    margin-top: 30px
}

.product-single__thumbnail {
    display: block;
    margin: -2px 0 8px;
    border: 2px solid transparent
}

.product-single__thumbnail.active-thumb {
    border-color: #3d4246
}

.product-single__thumbnail-image {
    max-width: 100%;
    display: block
}

.product-featured-img {
    display: block;
    margin: 0 auto;
    width: 100%
}


.payment-icons {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: default
}

.payment-icons .icon {
    width: 30px;
    height: 30px
}

.social-icons .icon {
    width: 23px;
    height: 23px
}

@media only screen and (min-width: 750px) {
    .social-icons .icon {
        width: 25px;
        height: 25px
    }
}

.social-icons .icon.icon--wide {
    width: 40px
}
.social-sharing {
    margin-top: 35px;
}

.btn-import {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    width: auto;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 2px;
    padding: 8px 15px;
    background-color: #7796a8;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    white-space: normal;
    font-size: 14px
}

@media only screen and (min-width: 750px) {
    .btn-import {
        padding: 10px 18px
    }
}

.btn-import:hover, .btn:focus {
    opacity: 0.6;
    text-decoration: none;
}

.btn-import .icon-arrow-right, .btn-import .icon-arrow-left {
    height: 11px
}

.btn-import[disabled] {
    cursor: default;
    opacity: 0.5;
    background-color: #7796a8;
    color: #fff
}

.btn--secondary {
    background-color: #fff;
    color: #3d4246;
    border-color: #e8e9eb
}

.btn--small {
    font-family: "Work Sans", "HelveticaNeue", "Helvetica Neue", sans-serif;
    padding: 8px 10px;
    font-size: 0.75em;
    line-height: 1
}

@media only screen and (max-width: 749px) {
    .btn--small-wide {
        padding-left: 50px;
        padding-right: 50px
    }
}

.btn--link {
    background-color: transparent;
    border: 0;
    margin: 0;
    color: #3d4246;
    text-align: left
}

.btn--link:hover, .btn--link:focus {
    opacity: 0.6
}

.btn--link .icon {
    vertical-align: middle
}

.btn--narrow {
    padding-left: 15px;
    padding-right: 15px
}

.btn--disabled {
    opacity: 0.5;
    cursor: default
}

.btn--disabled:hover, .btn--disabled:focus {
    opacity: 0.5
}

.btn--has-icon-after .icon {
    margin-left: 10px
}

.btn--has-icon-before .icon {
    margin-right: 10px
}

.text-link {
    display: inline;
    border: 0 none;
    background: none;
    padding: 0;
    margin: 0
}

.return-link-wrapper {
    margin: 82.5px 0
}

@media only screen and (max-width: 749px) {
    .return-link-wrapper {
        margin-bottom: -56px
    }

    .return-link-wrapper .btn {
        display: block
    }
}


.return-link-wrapper {
    margin: 82.5px 0
}

@media only screen and (max-width: 749px) {
    .return-link-wrapper {
        margin-bottom: -56px
    }

    .return-link-wrapper .btn {
        display: block
    }
}

.btn--share {
    margin-right: 5px;
    margin-bottom: 10px
}

.affiliate-tools .btn--share .icon {
    width: 36px; height: 36px;
}
.btn--share .icon {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-right: 4px
}

.btn--share .icon-facebook {
    fill: #3b5998;
}

.btn--share .icon-email {
    fill: #555;
}

.btn--share .icon-twitter {
    fill: #00aced;
}

.btn--share .icon-pinterest {
    fill: #cb2027;
}

.share-title {
    display: inline-block;
    vertical-align: middle;
}

.feature-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center
}

@media only screen and (max-width: 749px) {
    .feature-row {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        display: block
    }
}

.feature-row__item {
    -webkit-flex: 0 1 50%;
    -moz-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%
}

@media only screen and (max-width: 749px) {
    .feature-row__item {
        -webkit-flex: 1 1 auto;
        -moz-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        max-width: 100%
    }
}

.feature-row__image-wrapper {
    margin: 0 auto 19.44444px;
    position: relative;
    width: 100%
}

.feature-row__image {
    display: block;
    margin: 0 auto
}

.feature-row__image-wrapper .feature-row__image {
    width: 100%;
    position: absolute;
    top: 0
}

@media only screen and (max-width: 749px) {
    .feature-row__image {
        order: 1
    }
}

.feature-row__text {
    padding-top: 35px;
    padding-bottom: 35px
}

@media only screen and (max-width: 749px) {
    .feature-row__text {
        order: 2;
        padding-bottom: 0
    }
}

@media only screen and (min-width: 750px) {
    .feature-row__text--left {
        padding-left: 35px
    }

    .feature-row__text--right {
        padding-right: 35px
    }
}

@media only screen and (min-width: 750px) {
    .featured-row__subtext {
        font-size: 1.125em
    }
}



.hero {
    position: relative;
    height: 475px;
    display: table;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.hero--x-small {
    height: 94px
}

.hero--small {
    height: 225px
}

.hero--medium {
    height: 357px
}

.hero--large {
    height: 488px
}

.hero--x-large {
    height: 582px
}

@media only screen and (min-width: 750px) {
    .hero--x-small {
        height: 125px
    }

    .hero--small {
        height: 300px
    }

    .hero--medium {
        height: 475px
    }

    .hero--large {
        height: 650px
    }

    .hero--x-large {
        height: 775px
    }
}

.hero__overlay::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #3d4246;
    opacity: 0.25;
    z-index: 1
}

.hero__inner {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding: 125px 0;
    color: #fff;
    z-index: 2
}
.hero__inner * {
    color: #fff;
}
.hero__btn {
    background-color: #fff;
    color: #000;
    margin-top: 27.5px
}

.quote-icon {
    display: block;
    margin: 0 auto 20px
}

.quotes-slider__text {
    font-size: 1.10938em;
    font-weight: 400;
    font-style: normal;
    padding: 0 15px
}

.quotes-slider__text cite {
    font-size: 0.8em;
    font-style: normal
}

.quotes-slider__text p {
    margin-bottom: 30px
}

.quotes-slider__text p + cite {
    margin-top: 0
}

.slick-dotted.quotes-slider.slick-initialized {
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab
}

.quotes-wrapper .slick-dots {
    position: relative;
    bottom: 0;
    margin-top: 55px
}

.quotes-wrapper .slick-dots li button::before {
    color: #3d4246;
    opacity: 0.2
}

.quotes-wrapper .slick-slide[tabindex="0"] {
    outline: none
}


.mega-title, .mega-subtitle {
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.1)
}

.mega-title {
    margin-bottom: 8px
}


@media only screen and (min-width: 750px) {
    .mega-title--large {
        font-size: 3.5625em
    }
}
.mega-subtitle {
    max-width: 50%;
}
@media only screen and (min-width: 750px) {
    .mega-subtitle {
        font-size: 1.25em;
    }
}

body.app .home-wrap .mega-subtitle p {
    color: inherit;
    max-width: none;
}

.mega-subtitle--large {
    font-size: 1.125em;
    font-weight: 600
}

@media only screen and (min-width: 750px) {
    .mega-subtitle--large {
        font-size: 1.5em
    }
}
/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,0.7);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
	}
	
	.reveal-modal {
		visibility: hidden;
		top: 100px; 
		left: 50%;
		margin-left: -260px;
		width: 520px;
		background: #fafafa; 
		position: absolute;
		z-index: 101;
		padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
		-box-shadow: 0 0 10px rgba(0,0,0,0.4);
	}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -275px; max-width: 100%; }
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 30px;
		line-height: .5;
		position: absolute;
		top: 11px;
		right: 9px;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: 300;
		cursor: pointer;
		z-index: 20;
	} 
	.reveal-modal .close-reveal-modal:hover {
		text-decoration: none;
		color: #444;
	}
	/*
		
	NOTES
	
	Close button entity is ×
	
	Example markup
	
	<div id="myModal" class="reveal-modal">
		<h2>Awesome. I have it.</h2>
		<p class="lead">Your couch.  I it's mine.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
		<a class="close-reveal-modal">&#215;</a>
	</div>
	
	*/	
/* @font-face {
    font-family: 'Roca One';
    src: url(/assets/roca/RocaOne-BlIt-fc009d27dc34c7d72e968adad43ae58080ea61eda823c60561f583c518bdd6fc.eot);
    src: local('Roca One Black Italic'), local('RocaOne-BlIt'),
        url(/assets/roca/RocaOne-BlIt-fc009d27dc34c7d72e968adad43ae58080ea61eda823c60561f583c518bdd6fc.eot?#iefix) format('embedded-opentype'),
        url(/assets/roca/RocaOne-BlIt-c1f028745e6b98963199e755c530b48f76ade2236a22d593239f7b88e3390a50.woff2) format('woff2'),
        url(/assets/roca/RocaOne-BlIt-617d8d4741e64b7703dd9942ef33c104ca278f212c5269a83c0fedfa451b9ac2.woff) format('woff'),
        url(/assets/roca/RocaOne-BlIt-79c3a90d09aaa1d2e0a10e3a454c0192e862adf01985891ea0ef763e8b36815e.ttf) format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Roca One';
    src: url(/assets/roca/RocaOne-It-ca4aacebcfc54fc26fb7bd7a304e70369cbf67c9d33ba78b1c97d6adae6db027.eot);
    src: local('Roca One Italic'), local('RocaOne-It'),
        url(/assets/roca/RocaOne-It-ca4aacebcfc54fc26fb7bd7a304e70369cbf67c9d33ba78b1c97d6adae6db027.eot?#iefix) format('embedded-opentype'),
        url(/assets/roca/RocaOne-It-6447878cd191be8697a5c4f518a68001e005940bc571ff547103fe7b9c91afe3.woff2) format('woff2'),
        url(/assets/roca/RocaOne-It-0c4653bde2ac6465d86fa0241cc4dbc23f38447e4505fb97c4d2304db3324556.woff) format('woff'),
        url(/assets/roca/RocaOne-It-43646bcf7f7b55fc88db37f997560d9ba7e928b8e244ba33557a692a9fbfde57.ttf) format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Roca One';
    src: url(/assets/roca/RocaOne-Bl-5a62b81d4433dd8ff45138ece68a17c329ead99f33ab11a99d7683585ccd45b8.eot);
    src: local('Roca One Black'), local('RocaOne-Bl'),
        url(/assets/roca/RocaOne-Bl-5a62b81d4433dd8ff45138ece68a17c329ead99f33ab11a99d7683585ccd45b8.eot?#iefix) format('embedded-opentype'),
        url(/assets/roca/RocaOne-Bl-f580084f695d69f7334c4991c400534b90f93817936627e163e62d2ed4b16b42.woff2) format('woff2'),
        url(/assets/roca/RocaOne-Bl-a32217fefc7808e794b592166be60002dc2c24e6a18ba357575e076b57b07a2a.woff) format('woff'),
        url(/assets/roca/RocaOne-Bl-a4529e494a6ad2c1d914068887a031156df26dd4641b86cea32cfa3b754b3778.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roca One';
    src: url(/assets/roca/RocaOne-LtIt-d764367d6e3537dfc3b35782d666966280d6ce0328a4825b50de59768ee128ca.eot);
    src: local('Roca One Light Italic'), local('RocaOne-LtIt'),
        url(/assets/roca/RocaOne-LtIt-d764367d6e3537dfc3b35782d666966280d6ce0328a4825b50de59768ee128ca.eot?#iefix) format('embedded-opentype'),
        url(/assets/roca/RocaOne-LtIt-1320995b97580fc65e475fd55c1e5d6a6b3f89ea592ec304067e069815a84abb.woff2) format('woff2'),
        url(/assets/roca/RocaOne-LtIt-5b97e87fd783b2924fd19891dc84a24d72e1c2c722a3d7e3c17e8a8d518016ba.woff) format('woff'),
        url(/assets/roca/RocaOne-LtIt-3d782e16cf94182578f935a1bcbb549aff0664fd31125363676a47c54cc21da4.ttf) format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Roca One';
    src: url(/assets/roca/RocaOne-BdIt-5b1cd8a47a82220b8808b7418bc2eca701df20e97bb251ad832005bbfc74316a.eot);
    src: local('Roca One Bold Italic'), local('RocaOne-BdIt'),
        url(/assets/roca/RocaOne-BdIt-5b1cd8a47a82220b8808b7418bc2eca701df20e97bb251ad832005bbfc74316a.eot?#iefix) format('embedded-opentype'),
        url(/assets/roca/RocaOne-BdIt-9e27b12d312bcd9aeafc7807e0ea56c5d9f8a8453979af838512ae29f2768291.woff2) format('woff2'),
        url(/assets/roca/RocaOne-BdIt-451d6f9c770a1b0e0eb3e0b4f552c2e42fc764367468105bc1c587ae3b4337cb.woff) format('woff'),
        url(/assets/roca/RocaOne-BdIt-16e0c3ba420c88d0bada1fe1db0dc2b9b584107183a7ec107f6b0a009bd1ed68.ttf) format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Roca One';
    src: url(/assets/roca/RocaOne-Hv-e945e151903e61482adcf56190dcd39a2573f12e0b7b2218803f208f2ff14303.eot);
    src: local('Roca One Heavy'), local('RocaOne-Hv'),
        url(/assets/roca/RocaOne-Hv-e945e151903e61482adcf56190dcd39a2573f12e0b7b2218803f208f2ff14303.eot?#iefix) format('embedded-opentype'),
        url(/assets/roca/RocaOne-Hv-758362139737cafce6874ce8099267e9b41c96eb79cf8ca4fbe9928f8768720d.woff2) format('woff2'),
        url(/assets/roca/RocaOne-Hv-7aa4159080ea08d6f8737cba9cb9e1a3c9381c78e665c8d835321c7f2306bdc4.woff) format('woff'),
        url(/assets/roca/RocaOne-Hv-e360264c4282d1fa6212f69026b6483c5777b86cc635467dfe2e6450cbf69270.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roca One';
    src: url(/assets/roca/RocaOne-Th-9c92d8816cfecae316db8b67ae0e1b941f96bb247db2274532960b9c705eaa7f.eot);
    src: local('Roca One Thin'), local('RocaOne-Th'),
        url(/assets/roca/RocaOne-Th-9c92d8816cfecae316db8b67ae0e1b941f96bb247db2274532960b9c705eaa7f.eot?#iefix) format('embedded-opentype'),
        url(/assets/roca/RocaOne-Th-a92230a6d0c558b94a75f2bdd053fc935538302fb009daf17f52216fc5e87fa1.woff2) format('woff2'),
        url(/assets/roca/RocaOne-Th-081a26b24e554cbe2f5eb66f79991ca3b340ce5b569a3b890a65b9640072a4b9.woff) format('woff'),
        url(/assets/roca/RocaOne-Th-e967d78f063dcfa92da22190464bec5ce94a44b4c83c352a508a0b7d4f239743.ttf) format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roca One';
    src: url(/assets/roca/RocaOne-Lt-8fa8eda4e584d3ea5e878191bbc800242e7eec6d594980e6c0a904a63ce6f1b7.eot);
    src: local('Roca One Light'), local('RocaOne-Lt'),
        url(/assets/roca/RocaOne-Lt-8fa8eda4e584d3ea5e878191bbc800242e7eec6d594980e6c0a904a63ce6f1b7.eot?#iefix) format('embedded-opentype'),
        url(/assets/roca/RocaOne-Lt-aead8615aa75a74bcf55185c6ea38b94ee35fa736aa877f86935b86f67f1d1ce.woff2) format('woff2'),
        url(/assets/roca/RocaOne-Lt-698238aba86070fb99303aaae84ff5d5dd5e4b445dce5ee29a30d3b3035bbb7a.woff) format('woff'),
        url(/assets/roca/RocaOne-Lt-c45ac7c9d35243c9a76390329019a308a4a2e294d130fbd43b9361ae5490a1d6.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roca One';
    src: url(/assets/roca/RocaOne-Bold-88f760d7e26239d903ef1deec66cb7887b5bbd8e5726ab02c4efc4beb13ca72b.eot);
    src: local('Roca One Bold'), local('RocaOne-Bold'),
        url(/assets/roca/RocaOne-Bold-88f760d7e26239d903ef1deec66cb7887b5bbd8e5726ab02c4efc4beb13ca72b.eot?#iefix) format('embedded-opentype'),
        url(/assets/roca/RocaOne-Bold-1428c1f331776c1e339e7339c4f7dc17d69520d54682484ecf01a76cce9be04c.woff2) format('woff2'),
        url(/assets/roca/RocaOne-Bold-567e14b061da18c2598a8acd7f2959c5f3a8813572a379dfb94d502fa4e66583.woff) format('woff'),
        url(/assets/roca/RocaOne-Bold-b86e5c5655f5f5a8a4bfe2a8ed46de05a109ff89e68f0fb6cf0d3c2b05253054.ttf) format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roca One';
    src: url(/assets/roca/RocaOne-ThIt-86fd30a8678c6e673ccae37e4eb470cf6c1fbc9fb5a6df2202872251e11c34ae.eot);
    src: local('Roca One Thin Italic'), local('RocaOne-ThIt'),
        url(/assets/roca/RocaOne-ThIt-86fd30a8678c6e673ccae37e4eb470cf6c1fbc9fb5a6df2202872251e11c34ae.eot?#iefix) format('embedded-opentype'),
        url(/assets/roca/RocaOne-ThIt-bed977765f40d0606e06ac67f34da1e42f583d4ee19c2e6182c95a1086ebc9cc.woff2) format('woff2'),
        url(/assets/roca/RocaOne-ThIt-c9ea8e3e1666fd2b4f43242b5de6d6be9c03c028c82deaa2be094ab62b7ac3a0.woff) format('woff'),
        url(/assets/roca/RocaOne-ThIt-3dfed3b6c2d1223dfd8c223604dd8c1c8a0f5c27f556cff7f8251abd17398054.ttf) format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Roca One';
    src: url(/assets/roca/RocaOne-HvIt-509cc121797ce01f9dd3c99845d9f5cbeec090af333bc200af24d0abe531a572.eot);
    src: local('Roca One Heavy Italic'), local('RocaOne-HvIt'),
        url(/assets/roca/RocaOne-HvIt-509cc121797ce01f9dd3c99845d9f5cbeec090af333bc200af24d0abe531a572.eot?#iefix) format('embedded-opentype'),
        url(/assets/roca/RocaOne-HvIt-7c376989f22310592703bbcda02e333954cca9166a4e458e8fd0c81b9025e375.woff2) format('woff2'),
        url(/assets/roca/RocaOne-HvIt-cad47feca0b5b7f801ab4724fc0b177641e3e086f136d3aea0e04ad9849b1b6c.woff) format('woff'),
        url(/assets/roca/RocaOne-HvIt-8704d892c053bc2a40d20fd593473537a25bd526ee404a5d685162f6c6137233.ttf) format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Roca One';
    src: url(/assets/roca/RocaOne-Rg-e7309d88a8ab5d7ea4f26896adf4156ce1f74a3c173207f7cfaa6e8e6887f424.eot);
    src: local('Roca One'), local('RocaOne-Rg'),
        url(/assets/roca/RocaOne-Rg-e7309d88a8ab5d7ea4f26896adf4156ce1f74a3c173207f7cfaa6e8e6887f424.eot?#iefix) format('embedded-opentype'),
        url(/assets/roca/RocaOne-Rg-915d4d2ee23c6411fdadd6de30a1617e07182d1f8d98771671d1a58fbd9e361c.woff2) format('woff2'),
        url(/assets/roca/RocaOne-Rg-b2198e7ad74e627fe8bee05c2a2c8092dd16ac2f2d1d51eb1ca02aa796e168e2.woff) format('woff'),
        url(/assets/roca/RocaOne-Rg-c985910f6dc74c91075f2cbd157f692cb424acc2ab2582c86d38be8922f2a53f.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roca Two';
    src: url(/assets/roca/RocaTwo-BlIt-1b14d2b93078b6c5bee4043dc4d105556389ba6b4055013a738f3b948f94268a.eot);
    src: local('Roca Two Black Italic'), local('RocaTwo-BlIt'),
        url(/assets/roca/RocaTwo-BlIt-1b14d2b93078b6c5bee4043dc4d105556389ba6b4055013a738f3b948f94268a.eot?#iefix) format('embedded-opentype'),
        url(/assets/roca/RocaTwo-BlIt-ed727493ea36a0f3ceff2803eda07152bbb1c7abd3f2e7146c6d51128732dd4c.woff2) format('woff2'),
        url(/assets/roca/RocaTwo-BlIt-23e960a41723207e2bc5a110b730a0c7b9aef919062de6b0df217e8f4e1e0fdc.woff) format('woff'),
        url(/assets/roca/RocaTwo-BlIt-09ebbfd46f80aaad252ef9269f0b13f567463bdf39563df80ab1216471e1bbc6.ttf) format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Roca Two';
    src: url(/assets/roca/RocaTwo-Lt-3c47affa63e673f1c486e05c5c1b09aec05eaed9d28f245094489c7aa8138635.eot);
    src: local('Roca Two Light'), local('RocaTwo-Lt'),
        url(/assets/roca/RocaTwo-Lt-3c47affa63e673f1c486e05c5c1b09aec05eaed9d28f245094489c7aa8138635.eot?#iefix) format('embedded-opentype'),
        url(/assets/roca/RocaTwo-Lt-76d18207b4f220ae1b60decbb75f8223db456896faceef8ed8345e1c08185468.woff2) format('woff2'),
        url(/assets/roca/RocaTwo-Lt-feb1cf13572c0e152cbe99e0ecbebaa4a5387a22bdca6af41ef1aeb0372e6069.woff) format('woff'),
        url(/assets/roca/RocaTwo-Lt-34ed017949d525c541d15cbd6b7e1db4ff6005b8660d88eb9249c1ae2fefe158.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roca Two';
    src: url(/assets/roca/RocaTwo-LtIt-530eb59240648e15c731177b30d4244d82541ca4bc1bd2fb32c746fb11890389.eot);
    src: local('Roca Two Light Italic'), local('RocaTwo-LtIt'),
        url(/assets/roca/RocaTwo-LtIt-530eb59240648e15c731177b30d4244d82541ca4bc1bd2fb32c746fb11890389.eot?#iefix) format('embedded-opentype'),
        url(/assets/roca/RocaTwo-LtIt-2051b7a62241cca600ebdd239e89166223bd01521486f8f2f032882aa0c041f9.woff2) format('woff2'),
        url(/assets/roca/RocaTwo-LtIt-59fcd6eefc5d31b24979e82def95c72d2cc24e1d3061f8d5daa274812261ee03.woff) format('woff'),
        url(/assets/roca/RocaTwo-LtIt-8a527f911d1c77809918a5eb2e2710a6bc37e4326cb91c30ef05e9b74ac17bec.ttf) format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Roca Two';
    src: url(/assets/roca/RocaTwo-Rg-4e68d3b66ddbd434f5d736cfa3f564c741594c1dbaa3669b8375e3bd848be828.eot);
    src: local('Roca Two'), local('RocaTwo-Rg'),
        url(/assets/roca/RocaTwo-Rg-4e68d3b66ddbd434f5d736cfa3f564c741594c1dbaa3669b8375e3bd848be828.eot?#iefix) format('embedded-opentype'),
        url(/assets/roca/RocaTwo-Rg-1e5a59d16f83e1f961324283446935577a71eb2c6419e76c3a76619f00b5aac2.woff2) format('woff2'),
        url(/assets/roca/RocaTwo-Rg-1d35d3760c26a35641c04fc40bf698393efef5552fd702b9f567363c334483fc.woff) format('woff'),
        url(/assets/roca/RocaTwo-Rg-5f4c901891c94a17092e85ddebde46dac0734421a50d50806996ab52ade60527.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roca Two';
    src: url(/assets/roca/RocaTwo-BdIt-7410b5fdf2cbbd67d44e8f6af1f6651ea9fbee34130da4d9073b643a1be04d43.eot);
    src: local('Roca Two Bold Italic'), local('RocaTwo-BdIt'),
        url(/assets/roca/RocaTwo-BdIt-7410b5fdf2cbbd67d44e8f6af1f6651ea9fbee34130da4d9073b643a1be04d43.eot?#iefix) format('embedded-opentype'),
        url(/assets/roca/RocaTwo-BdIt-d2d53fa3801cccdf7e0d3466cc91f930351f42de7bc18894c4dfe070451b3b00.woff2) format('woff2'),
        url(/assets/roca/RocaTwo-BdIt-4726eb516364998e9848106a664c7d78320dd12b05d2bfbe74723bb005b8c0b8.woff) format('woff'),
        url(/assets/roca/RocaTwo-BdIt-33ae394eb29b531d912fa39058bd103d7e484c5b0e21c2e17fc2bf6140253a8c.ttf) format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Roca Two';
    src: url(/assets/roca/RocaTwo-Hv-a864491f84aa40d277ca7cbfb74515eae46df663fa91631613d33da4cbd75b52.eot);
    src: local('Roca Two Heavy'), local('RocaTwo-Hv'),
        url(/assets/roca/RocaTwo-Hv-a864491f84aa40d277ca7cbfb74515eae46df663fa91631613d33da4cbd75b52.eot?#iefix) format('embedded-opentype'),
        url(/assets/roca/RocaTwo-Hv-1da3b9fb33f516cc2c484323078bbb66edeb313e34a96834090fe6f26c5146bb.woff2) format('woff2'),
        url(/assets/roca/RocaTwo-Hv-0308cda8942b39af12425f1846e57433f3b934771ccfbe373eab40fbe6e4f449.woff) format('woff'),
        url(/assets/roca/RocaTwo-Hv-5b669388516cf0fc85f4cd3aa3d1aee3a7ebd5a99b900a1b96c7231f70306709.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roca Two';
    src: url(/assets/roca/RocaTwo-Th-a6978f4f5d418485b72b5358221e49f87a291bad2b29366a44bffa373c993017.eot);
    src: local('Roca Two Thin'), local('RocaTwo-Th'),
        url(/assets/roca/RocaTwo-Th-a6978f4f5d418485b72b5358221e49f87a291bad2b29366a44bffa373c993017.eot?#iefix) format('embedded-opentype'),
        url(/assets/roca/RocaTwo-Th-fd1b1d04958d627dd90135b26fd99547685237ea03a2a112da88085497780c26.woff2) format('woff2'),
        url(/assets/roca/RocaTwo-Th-05ddb2526dc09dfbbfab49727fcda8e186b897c2b57f61fefe8c72affdb8f005.woff) format('woff'),
        url(/assets/roca/RocaTwo-Th-bfb5828782cdf114fe21a9108c3accc264fcac4fd5ae3614a1ccf63bc961f205.ttf) format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roca Two';
    src: url(/assets/roca/RocaTwo-ThIt-f6aaa923d6df98af43f788d29cc0d2b7ab783a6372572bc77d34c7959b6466f3.eot);
    src: local('Roca Two Thin Italic'), local('RocaTwo-ThIt'),
        url(/assets/roca/RocaTwo-ThIt-f6aaa923d6df98af43f788d29cc0d2b7ab783a6372572bc77d34c7959b6466f3.eot?#iefix) format('embedded-opentype'),
        url(/assets/roca/RocaTwo-ThIt-8a7365d43f8f12858b41a5613335359565b68140109b44e0f2a82978a4f0f908.woff2) format('woff2'),
        url(/assets/roca/RocaTwo-ThIt-873553819662ed6e59ad2642157c7d13d5e10c5acb3b478edfb1a763a5bd65db.woff) format('woff'),
        url(/assets/roca/RocaTwo-ThIt-a14ffec8cf362ffda59e79dcfea9c099d8869606636fee62bafa480e98e7f594.ttf) format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Roca Two';
    src: url(/assets/roca/RocaTwo-Bold-17f1f7c9814c2a585eb213094a0bbcee55bac5c140dc6b6e456dbaf2fd347a0d.eot);
    src: local('Roca Two Bold'), local('RocaTwo-Bold'),
        url(/assets/roca/RocaTwo-Bold-17f1f7c9814c2a585eb213094a0bbcee55bac5c140dc6b6e456dbaf2fd347a0d.eot?#iefix) format('embedded-opentype'),
        url(/assets/roca/RocaTwo-Bold-e9a4ea1a3e7ba9181426c1d180c8736573637d3be297d50ec2f7cc3a2033dd8a.woff2) format('woff2'),
        url(/assets/roca/RocaTwo-Bold-0e755ecde62c179bf622ed604483ba6d4f1ed76dc4cf8ca0fb2ba57b2a101b3c.woff) format('woff'),
        url(/assets/roca/RocaTwo-Bold-0c6881676f23465eed354e4d96b265f14871371250f249ccebf8d94dbef1a63f.ttf) format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roca Two';
    src: url(/assets/roca/RocaTwo-It-cb403de31926d75ee951570d8f8f61ef5ad960e826be695b7681d197eddad6b2.eot);
    src: local('Roca Two Italic'), local('RocaTwo-It'),
        url(/assets/roca/RocaTwo-It-cb403de31926d75ee951570d8f8f61ef5ad960e826be695b7681d197eddad6b2.eot?#iefix) format('embedded-opentype'),
        url(/assets/roca/RocaTwo-It-087c04ca8158c1b6c7f7f8db7ff3e87c384cb2f4dd272b774ed5689962d9acb7.woff2) format('woff2'),
        url(/assets/roca/RocaTwo-It-3b50b91f9608770db470c55ea13c08e175e24bfebbd948cc1e0be010881d6369.woff) format('woff'),
        url(/assets/roca/RocaTwo-It-09b7d0467a5920fc2b6edf61494ad4cca720f5433579b8a390816e9e92efdd5a.ttf) format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Roca Two';
    src: url(/assets/roca/RocaTwo-Bl-1ac4588225878325d53e1857aecbeaccf95660586f84edba5667d1226fdd204a.eot);
    src: local('Roca Two Black'), local('RocaTwo-Bl'),
        url(/assets/roca/RocaTwo-Bl-1ac4588225878325d53e1857aecbeaccf95660586f84edba5667d1226fdd204a.eot?#iefix) format('embedded-opentype'),
        url(/assets/roca/RocaTwo-Bl-75ab7c1a7efebf922527ca5e9bb2863be6966ad3110a52dfff17ae413fc59d84.woff2) format('woff2'),
        url(/assets/roca/RocaTwo-Bl-047c996c8cf9dcf4a0aff85f6cc5307e503310cd55041e4a4b259956a7f37e05.woff) format('woff'),
        url(/assets/roca/RocaTwo-Bl-2bbe427456f6d88eeed4b84f9cca9f05564a48708827cabde63ad04e41d8771b.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roca Two';
    src: url(/assets/roca/RocaTwo-HvIt-9695882c773ec9dc92ca71d924791c530277f708e771b8f1fea4b63ed316f78b.eot);
    src: local('Roca Two Heavy Italic'), local('RocaTwo-HvIt'),
        url(/assets/roca/RocaTwo-HvIt-9695882c773ec9dc92ca71d924791c530277f708e771b8f1fea4b63ed316f78b.eot?#iefix) format('embedded-opentype'),
        url(/assets/roca/RocaTwo-HvIt-b630b58bf4718a40d3493d86e537373263a2ef85c86f90e4d55ec4e454491398.woff2) format('woff2'),
        url(/assets/roca/RocaTwo-HvIt-f2bed9aab7ef3d0194a5f481921853c72370cc1cb59e69511f2059e61b4334cf.woff) format('woff'),
        url(/assets/roca/RocaTwo-HvIt-6b5ef4b193457e5784fcc21ef4dc1ab041c6d16ed3279feeaf497c9d7a0d8679.ttf) format('truetype');
    font-weight: 900;
    font-style: italic;
}

 */
/*
flex box cheat sheet

.container {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly; (main axis)
  align-items: center; (cross axis)
  gap: 1em; gaps between items
  flex-wrap: wrap; (enables align-content);
}

.item#one {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 300px;
  /* or: /*
  flex: 1 0 300px;
  align-self: flex-start; override value set by container for this item
}

/*
/* 
  words like darker and lighter are really tricky here.
  Deep and shallow might be more appropriate to suggest magnitude without direction.
  Deep would be darker in the light and lighter in the dark
  Shallow would be lighter in the light and darker in the dark
  MiddleGray as #888 is still cool, shallowGray is lighter in light, and deepGray is darker than middle in light

  Bold & faint might be better... as in bold colors? pale colors? is pale black?
  faint works for borders, and text, probably for backgrounds too...
  Subtle and... evident? coarse? robust?
  I like faint and robust.

  It might be clearer (but with less personality) to simply express the contrast with adjectives:
  I could go with borderColor, lowContrastBorderColor, lowerContrastBorderColor, extraLowContrastBorderColor, alternateRowColor, highContrastAlternateRowColor, etc.

*/
:root {
  /* straight up brand colors */
  --copaPurple: #664998;
  --copaIndigo: #5462A9;
  --copaTeal: #0A9596;
  --copaGreen: #79AC53;
  --copaYellow: #F6CE48;
  --copaOrange: #E2833A;
  --copaRed: #CB3B31;
  --copaMagenta: #963E8F;
  --copaBlue: #274687;
  
  --lightBlue: rgb(96, 176, 227);
  --diminishedGreen: rgba(121,172,83, 0.2);
  --diminishedYellow: rgba(246,206,72, 0.2);
  --diminishedRed: rgba(203,59,49, 0.2);
  --pink: #FFB4BC;
  /* these names are more "cssy" because they describe the what */
  --defaultTextColor: #3f578b;
  --bgColor: #fff;
  --dashboardBG: rgb(250, 251, 252);
  --justOffBg: #fcfafc;
  --bgAltColor: #fafafa;
  --hoverBG: #f0f4ff;
  --menuBG: rgba(14, 10, 29, 0.98);
  --footerBg: #1F488B;
  --successColor: #adcb96;

  --menuSeparator: rgb(73, 63, 99);
  --tableFooterTotal: #4d4a53;
  --headings: #3356a1;

  --buttonColor: var(--copaBlue);
  --headerLinkColor: #fff;
  --linkColor: var(--copaBlue);
  --linkColorHover: var(--copaTeal);
  --diminishedLinkColor: #9391a3;
  --diminishedLinkBorderColor: #aeadbd;

  --robustBorderColor: #c9c9c9;
  --borderColor: #eee;
  --faintBorderColor: #d0d0d0;         
  --fainterBorderColor: #dedede;
  --notQuiteExtrafaintBorderColor: #f1f1f1;
  --extrafaintBorderColor: #f4f4f4;    
  
  --boxShadowColor: rgba(0,0,0,0.1); 
  --faintBoxShadowColor: rgba(0,0,0,0.05); 

  --alternateRowColor: rgba(194, 193, 228, 0.1);
  --robustAlternateRowColor: rgba(194, 193, 208, 0.2); 

  --scrollBoxBg: rgb(251, 252, 252);
  --scrollBoxAltBg: rgb(237, 239, 244);
  /* these are more generic - paint pallette-esque */
  --middleGray: #888;
  --faintMiddleGray: #777; 
  --robustGray: #555;
  --extraRobustGray: #444;

  --subtleHighlightColor: rgb(249, 237, 185);
  --selectedFilterColor: rgb(69, 70, 103, 1);
  --filterBackgroundColor: #4b525f;
  --gaugeNeedle: #555;
  --superHeaderHeight: 42px;
  --headerHeight: 96px; /* must be multiple of 8; & update .left-bleed's top value too */
}

html { background-color: var(--copaBlue); }
body.preload *{
  animation-duration: 0s !important;
  -webkit-animation-duration: 0s !important;
  transition:background-color 0s, opacity 0s, color 0s, width 0s, height 0s, padding 0s, margin 0s !important;}

.rainbow-stripe { display:none; position: relative; }
.rainbow-stripe div { width: calc(var(--headerHeight)/8); height: calc(var(--headerHeight)/8); background: var(--copaPurple); }
.rainbow-stripe div:nth-child(1) { background: var(--copaIndigo); }
.rainbow-stripe div:nth-child(2) { background: var(--copaTeal); }
.rainbow-stripe div:nth-child(3) { background: var(--copaGreen); }
.rainbow-stripe div:nth-child(4) { background: var(--copaYellow); }
.rainbow-stripe div:nth-child(5) { background: var(--copaOrange); }
.rainbow-stripe div:nth-child(6) { background: var(--copaRed); }
.rainbow-stripe div:nth-child(7) { background: var(--copaMagenta); }

body .inner, body .footer-bottom { width: 100%; max-width: 1050px; padding-left: 20px; padding-right: 20px; }

.no-overflow { overflow:hidden }

.reveal-modal { background-color: var(--bgAltColor); }

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 300; font-family: "Nunito", Montserrat, "Helvetica Neue", Helvetica, "core sans", "Myriad Pro", sans-serif; line-height: 120%; }



input[type=text].search-box { line-height: 16px; font-size: 15px; color: #333; border-radius: 5px; margin: 10px 15px; width: 280px; padding: 6px 10px; border: 0; background: #ecf1fc; padding: 7px 10px; margin-right: -15px; }

input[type=text].search-box:active { border: 0; color: #333; }

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 300; font-family: Montserrat, Lato, Raleway, "Brandon Grotesque", "core sans", "Myriad Pro", "Helvetica Neue", Helvetica; color: #444; }

a { text-decoration: none; color: #00abe3; transition: color 0.2s, background-color 0.2s; }
a:hover { text-decoration: underline; }

.hidden { display: none; }

body { width: 100%;  padding: 0px; border: 0px; background: #fffed7; margin: 0; font-family: Lato, Raleway, "BrandonGrotesqueLight", "core sans", "Myriad Pro", "Helvetica Neue", Helvetica; font-weight: 100; }


input { -webkit-appearance: none; }

h1, h2, h3, h4, h5, h6 { font-family: roca, Besley; font-weight: 700; line-height: 1.5em; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  margin: 0 0 clamp(8px, 2vw, 17.5px);
}

.hw-page h4 { margin-top: 25px; font-weight: 300; font-size: clamp(20px, 2.9vw, 24px); }
.hw-page h5 { margin: clamp(8px, 2vw, 17.5px) 0 clamp(4px, 1vw, 9px); font-weight: 600; font-size: clamp(13px, 2.4vw, 18px); text-transform: uppercase; font-family: montserrat; }

.content.inner.privacy-page h1 { font-size: clamp(21px, 2.5vw, 26px); }
.content.inner.privacy-page h2 { font-size: clamp(16px, 2vw, 20px); margin-bottom: clamp(5px, 1.5vw, 15px); font-weight: 500; }
.content.inner.privacy-page h3 { font-size: clamp(15px, 1.8vw, 18px); margin-top: 1.3em; margin-bottom: .6em; font-weight: 400; }
.content.inner.privacy-page em { font-weight: 400; }
.content.inner.privacy-page .privacy-subsection { padding-left: clamp(12px, calc(2vw - 6px), 50px); }
.content.inner.privacy-page .footnote { font-size: 13px; }
.content.inner.privacy-page sup { font-size: 13px; font-weight: 600; color: #777; }
.content.inner.privacy-page .footnote sup { font-size: 11px; font-weight: 600; }

.clearing { clear: both; display: block; border: 0; padding: 0; margin: 0; line-height: 0px; }
.clearingIE { clear: both; display: block; border: 0; padding: 0; margin: 0; line-height: 1px;font-size: 1px; height: 0px; }
.clearing-top { height: 0; font-size: 1px; margin: 0; clear: left; line-height: 1px; }
.clearfix::after {
    content: "&nbsp;";
    display: block;
    font-size: 1px;
    line-height: 1px;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}

.todo { color: #bbb; font-size: 12px; text-align: center; }
.right { float: right; }
.left { float: left; text-align: left; }
.hero-container h2.left { float: none; text-align: left; }
.half { width: 49%; }
.third { width: 32%; margin-left: 1%; margin-right: 1%; }
.two-thirds { width: 61%; margin-left: 2%; margin-right: 2%; }
.quarter { width: 24%; }
.fifth, .one-fifth { width: 19%; }
.two-fifths { width: 38%; }
.three-fifths { width: 59%; }
.four-fifths { width: 79%; }
.flex-right { justify-content: flex-end; }
.center { text-align: center; margin: 0 auto; display: block; width: 100%; }
.flexbox { display: flex; }

.light { color: #ccc; }

.caps { text-transform: uppercase; }
.strikethrough { text-decoration: line-through; }

.button, a.button, input.button { line-height: 38px; padding: 0 25px; border: none; border-top: solid 1px rgba(255,255,255,0.1); background-color: #999; display: inline-block; color: #fff; text-decoration: none; text-transform: uppercase; font-size: 16px; font-weight: 500; text-align: center; border-radius: 0; cursor: pointer; }
.button:hover, input.button:hover { background-color: #444; }
.button.green, a.button.green, input.button.green { background-color: color(display-p3 0.1098 0.8275 0.5333); border: solid 1px color(display-p3 0.055 0.785 0.486); border-top: solid 1px color(display-p3 0.055 0.785 0.486); color: #fff; cursor: pointer; }
.button.orange, a.button.orange, input.button.orange { background-color: #fc710b; border: none; border-top: none; color: #fff; cursor: pointer; }

input[type=submit].button[disabled=disabled], 
input[type=submit].button[disabled=disabled]:hover, 
input[type=submit].button[disabled=true],
input[type=submit].button[disabled=true]:hover { background: grey; }

body input[type="text"]::placeholder, body input[type="email"]::placeholder, body input[type="password"]::placeholder, body textarea::placeholder, body .contact-form textarea::placeholder { background: transparent; }

.button.blue.hollow, a.button.blue.hollow, input.button.blue.hollow { border: solid 1px #00abe3; border-radius: 5px; color: #00abe3; }
.button.blue.hollow:hover, a.button.blue.hollow:hover, input.button.blue.hollow:hover { text-decoration: none; background-color: #5BCFF5; color: #fff; border-color: #5BCFF5; }

a.anchor-tag { background: none!important; color: transparent!important; font-size: 1px!important; height: 0px!important; }

a.button.noclick, input.button.noclick { background-color: #bbb; border: none; border-top: none; color: #fff; cursor: default;}

.button.hollow { background: transparent; border: solid 1px #999; color: #999; }
.button.hollow:hover { color: #fff; }


.button.green:hover, a.button.green:hover, input.button.green:hover { background-color: color(display-p3 0.055 0.785 0.486); border: solid 1px color(display-p3 0.055 0.785 0.486); border-top: solid 1px color(display-p3 0.055 0.785 0.486); color: #fff; cursor: pointer; }
a.button.orange:hover, input.button.orange:hover { background-color: #ff6600; border: 0px; border-top: none; color: #fff; cursor: pointer; }

a.button.link { background: none; border: 0; border-top: 0; color: #777; font-size: 12px; }
a.button.link:hover { color: #333; }


.button.wide-save { width: 250px; }
.button.full-width { width: 100%; display: block; margin-top: 4px; }

ul, ol { margin-bottom: 10px; padding-left: clamp(6px, 3vw, 15px); }
ol ul li { list-style: "– "; }
li { margin: auto; padding: auto; margin-left: clamp(12px, 1.7vw, 19px); line-height: 1.5em; margin-bottom: 7px; font-weight: 400; padding-right: 30%; padding-right: clamp(2%, calc(31vw - 100px), 30%); font-size: clamp(14px, 0.51vw + 12.38px, 18px); }
li strong { font-weight: 700; }
ul li { list-style: "– "; }
ol li { list-style: number; }
ul p.em, ol p.em { font-style: italic; font-size: 16px!important; }
.content.inner a.search-link { font-size: clamp(16px, 5vw, 22px); line-height: 1.4em; margin-bottom: 5px; display: inline-block; font-weight: 400; }
.content.inner p.search-summary { font-size: 16px; font-size: clamp(14px, 4.3vw, 16px); margin-bottom: 25px; color: #777; font-weight: 300; line-height: 1.6em; padding-right: clamp(calc(30% - 300px), calc(30% - 51px), calc(35% - 100px)); }
.content.inner p.search-summary * { color: inherit; }
.content.inner p.search-summary em { font-weight: 600; font-size: inherit; color: #666; font-style: normal; }

.hr { width: 100%; height: 0px; border-top: solid 1px #eee; border-bottom: solid 1px #fff; clear: both; }


input::-webkit-input-placeholder {
    color: #bbb;
}
input:focus::-webkit-input-placeholder {
  border-color: color(display-p3 0.299 0.935 0.905 / 0.49);
  background: color(display-p3 0.417 0.98 0.726 / 0.07);
}


input:-moz-placeholder {
    color: #bbb;
}
input:focus:-moz-placeholder {
    color: #777;
    border-color: color(display-p3 0.299 0.935 0.905 / 0.49);
    background: color(display-p3 0.417 0.98 0.726 / 0.07);
}

input[type=text], textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}


.dynamic-flash {
  position: absolute;
  width: 100%;
  background: rgba(255,255,255,0.95);
  z-index: 99;
  padding: 20px;
  text-align: center;
  color: #4c4;
  border-bottom: solid 2px #beb;
  top: 0px;
  transition-property: top, bottom;
  transition-duration: 0.5s;
  font-size: 24px;
  cursor: pointer;
}

.dismiss-flash { position: relative; display: inline-block; width: 30px; height: 30px; border: solid 1px #fff; color: #fff; font-size: 42px; line-height: 30px; text-align: center; margin-left: 15px; border-radius: 30%; top: 6px; overflow: hidden; font-weight: 100; }

.sub-header .call-to-action .icon, .super-header .icon { fill: var(--copaBlue); }

.super-header:has(input[type=text].search-box:not(:active):not(:focus)) #search-button:hover { filter: invert(40%) opacity(100%) sepia(110%) hue-rotate(191deg) saturate(300%) brightness(540%); }

.super-header #search-button { zoom: .9; padding: 8px; width: 32px; height: 32px; right: 22px; position: absolute; top: 6px; margin: 0; background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.6725 16.6412L21 21M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z" stroke="%23000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>'); background-color: transparent; color: transparent; background-size: 25px; background-repeat: no-repeat; background-position: 5px; border: 0; filter: invert(40%) opacity(100%) sepia(110%) hue-rotate(191deg) saturate(300%) brightness(140%); font-size: 16px; width: 36px; height: 34px; }

.super-header #search-button:hover { filter: invert(40%) opacity(100%) sepia(110%) hue-rotate(191deg) saturate(930%) brightness(90%) contrast(150%); }


.super-header input[type=text].search-box { line-height: 16px; font-size: 15px; color: #333; border-radius: 5px; margin: 10px 15px; width: 140px; padding: 6px 10px; border: 0; background-color: #486299; padding: 6px 30px 6px 10px; margin-right: 0px; transition: width 0.3s, background-color 0.3s, margin-left 0.3s; color: #333; }
.super-header input[type=text].search-box:hover { width: 145px; margin-left: 10px; cursor: default; color: #ccc; background-color: #fff; transition: background-color 0.3s, width 0.3s, margin-left 0.3s; color: #333; }

.super-header input[type=text].search-box:not(:active):not(:focus):hover { background-color: #fff; transition: width 0.3s, background-color 0.3s, margin-left 0.3s; color: #333; }
.super-header input[type=text].search-box:not(:active):not(:focus):not(:hover) { background-color: #486299; transition: width 0.3s, background-color 0.3s, margin-left 0.3s; color: #eee; }


.super-header input[type=text].search-box::placeholder { color: #dae3f7; background-color: transparent; transition: color 0.3s; }

.super-header input[type=text].search-box:hover::placeholder { color: #abbde3; font-weight: 400; transition: color 0.3s; }

.super-header input[type=text].search-box:focus::placeholder, .super-header input[type=text].search-box:active::placeholder, .super-header input[type=text].search-box:focus:hover::placeholder { color: #94a7cf; background: transparent; font-weight: 300; transition: color 0.3s; }

.super-header input[type=text].search-box:focus { border: 0; background-color: #fff; outline: 0; width: 280px; cursor: text; margin-left: 15px; transition: width 0.3s, background-color 0.3s, margin-left 0.3s; color: #333; }

.super-header form { width: auto; z-index: 10; }

.social-icon-slider .social-glyphs-wrap { margin-left: 36px; }
.social-icon-slider .social-glyphs-wrap a {  }

.yNHHyP-marker-view, .custom-marker { width: 28px!important; height: 28px!important; }
.custom-marker svg { fill: #fff; filter: drop-shadow( 0px 0px 3px rgba(0, 0, 0, .6)); width: 28px; height: 28px; }
.custom-marker .map-rounded-pointer { fill: #fff; }
.custom-marker .map-circle-1 { fill: red; }
.custom-marker .map-circle-2 { fill: #fff; }

.social-icon-slider { position: fixed; z-index: 1000; right: -254px; top: 220px; padding: 15px 20px 15px 20px; /* border-radius: 20px 0 0 20px; */ width: 293px; height: 300px; z-index: 1000; transition: right .33s, opacity .33s; opacity: 1; clip-path: path('M82.7,278.4h-48.7c-9.7,0-14.5,0-15.6,0-11,0-17.9-6-17.9-18.4v-54.2c0-12,7.9-17.4,18.9-17.4,1.1,0,4,0,13.6,0s13-8.5,13-13.7,0-141.5,0-155S52,.4,63.7.4h93.4v278h-74.4Z'); 
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: rgba(255,255,255,0.1);
}
.social-icon-slider:hover { right: -165px; opacity: 1; }

.social-icon-slider .social-glyphs-wrap.social-glyphs-wrap-mini { transform: scale(.53); bottom: -32.5px; left: -8px; margin-left: 0; top: auto; right: auto; position: absolute; z-index: 1200; pointer-events: none; }





a.social-link { float: none; display: block; margin: 2px 5px 7px; z-index: 1200; position: relative; width: 44px; height: 44px; }
a.social-link, a.social-link svg, a.social-link svg use { width: 44px; height: 44px; transform-origin: center center; }
.footer-wrap a.social-link, .footer-wrap a.social-link svg, .footer-wrap a.social-link svg use { width: 34px; height: 34px; transform-origin: center center; }

.social-slider-tab { background-color: transparent; position: absolute; top: 0; right: 40px; z-index: 1300; 
  width: 200px;
  height: 300px;
  overflow: hidden;
  background: transparent;
  transition: transform .3s linear .2s;
  pointer-events: none; /* default = no block */
}

.social-icon-slider:hover .social-slider-tab { 
  pointer-events: auto; /* block pointer events for .33s */
  transform: translateX(100px);
}

.social-slider-tab-bg {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 100%;
    height: 100%;
    top: 1px;
    left: 1px;
    background: rgba(255,255,255,0.3);
    clip-path: inherit;
    z-index: 1010;
    opacity: .7;
    backdrop-filter: blur(8px) brightness(110%);
    -webkit-backdrop-filter: blur(8px) brightness(120%);
    transition: opacity .23s;
  }

  .social-icon-slider:hover .social-slider-tab-bg {
    opacity: 1;
  }

  
  .social-slider-tab-bg-noise {
    background-image: url(/assets/noise-c9e469d6aee3205ad9201b4d59f4c3892769cb5f9b7ee5d3e3b44715ec9373bb.jpg);
    background-size: 80px;
    opacity: .1;
    z-index: 1020;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }

  .social-icon-slider a.social-link { filter: none!important; }
  .social-icon-slider .social-glyphs-wrap.social-glyphs-wrap-mini a.social-link svg, .social-icon-slider .social-glyphs-wrap.social-glyphs-wrap-mini a.social-link svg use { fill: #4c5e82; opacity: .7; transition: opacity .23s; }
  .social-icon-slider:hover .social-glyphs-wrap.social-glyphs-wrap-mini a.social-link svg, .social-icon-slider:hover .social-glyphs-wrap.social-glyphs-wrap-mini a.social-link svg use { opacity: 1; }



  a.social-link svg, a.social-link:visited svg, a.social-link:link svg, a.social-link:link svg use { transition: transform .23s; fill: #fff; }
  a.social-link:hover svg use { transform: rotate(360deg); }

  a.social-link.social-link-fb svg, a.social-link.social-link-fb svg use, a.social-link.social-link-fb svg path, a.social-link.social-link-fb:hover svg { fill: color(srgb 0.036 0.3944 0.9968); filter: none; }
  a.social-link.social-link-yt svg, a.social-link.social-link-yt svg use, a.social-link.social-link-yt svg path, a.social-link.social-link-yt:hover svg { fill: color(display-p3 0.9216 0.2235 0.1647); filter: none; }
  a.social-link.social-link-twitter svg, a.social-link.social-link-twitter svg use, a.social-link.social-link-twitter svg path, a.social-link.social-link-twitter:hover svg { fill: #1ba5f6; filter: none; }
  a.social-link.social-link-linkedin svg, a.social-link.social-link-linkedin svg use, a.social-link.social-link-linkedin svg path, a.social-link.social-link-linkedin:hover svg { fill: #1a6bc5; filter: none; }
  a.social-link.social-link-instagram svg, a.social-link.social-link-instagram svg use, a.social-link.social-link-instagram svg path, a.social-link.social-link-instagram:hover svg { fill: #fe1995; filter: none; }
  
  
.dynamic-flash.visible {
  top: 90px;

}

.dynamic-flash.flash-warning {
  border-color: #fc0;
  color: #700;
  background: rgba(255,200,0,0.95);
  text-transform: uppercase;
}
.dynamic-flash.flash-error {
  border-color: #a00;
  color: #fff;
  background: rgba(200,0,0,0.95);
  text-transform: uppercase;
}



.body-search input::-webkit-input-placeholder {
    color: #5a5a5a;
}
.body-search input:focus::-webkit-input-placeholder {
    color: #777;
    color: rgba(0,0,0,0.2);
}


.body-search input:-moz-placeholder {
    color: #5a5a5a;
}
.body-search input:focus:-moz-placeholder {
    color: #777;
    color: rgba(0,0,0,0.2);
}


.page-wrap {  }
.content { /* min-height: 640px; */ position: relative; z-index: 1; }
.content-wrap { padding-bottom: 30px; }
.content-inner { position: relative; }
.inner { max-width: 1050px; margin: 0 auto; position: relative; z-index: 100; }
.content .inner { padding: 0; padding-left: 15px; padding-right: 15px; }
#header .inner { height: 58px; }
.narrow-inner { max-width: 460px; margin: 0 auto; z-index: 10; }
.all-caps { text-transform: uppercase; }

#content { position: relative; z-index: 1; }
.inner.content-section { padding: 30px 0; }
.inner.content-section.first { padding-top: 0; }
.hero-container p { font-family: montserrat; font-size: 19px; font-size: clamp(16px, 0.71vw + 11.57px, 20px); color: #555; line-height: 1.7em; }
.hero-container.hero-container-1 p { margin: 5px 10px; }
.hero-container.hero-container-1 p, .hero-container.hero-container-1 h2 { color: #c36b31; }
.hero-container .flex-container { width: 85%; }
.hero-container.health-wellness h2, .hero-container.health-wellness p { color: #f47a0f; color: #f57633; text-shadow: 0 0 15px rgba(255,255,255,1), 0 0 40px rgba(255,255,255,1); }
.hero-container.health-wellness p { color: #f56605; text-shadow: 0 0 15px rgba(255,255,255,1), 0 0 40px rgba(255,255,255,1); }

.hero-container.health-wellness .flex1 { background-color: #fcf2e8; background: linear-gradient(316deg, #fcf2e8, #fcf2e8); fill: #f06f00; color: #f06f00; transition: transform .23s, box-shadow .23s; position: relative; overflow: hidden; box-shadow: 0 5px 10px rgba(0,0,0,0.1); will-change: transform;  }
.hero-container.health-wellness .flex1:hover { color: #ff7929; color: #ff5425; fill: #ff5425; transform: scale(1.04) translateZ(0); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
.hero-container.health-wellness .flex1 * { will-change: transform; color: inherit; fill: inherit; }

.hero-container.health-wellness .flex1::after { content: " "; width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; background: linear-gradient(316deg, #ffe9d5, #ffe9ee); transition: opacity .23s; z-index: -1; }
.hero-container.health-wellness .flex1:hover::after { opacity: 1; }

.hero-container.health-wellness .flex1 svg, .hero-container.health-wellness .flex1 svg use, .hero-container.health-wellness .flex1 h3 { fill: inherit; color: inherit; }
.hero-container.health-wellness .flex1:hover svg, .hero-container.health-wellness .flex1:hover svg use, .hero-container.health-wellness .flex1:hover h3 { fill: inherit; color: inherit; }


.hero-container.hero-container-4 { background: #86b1cb; background: #d8e6ee; }
.hero-container.hero-container-8.billing-insurance { background: #86b1cb; background: #ffecc3; background: #f9efdb; }
.hero-container.hero-container-8.billing-insurance h2, .hero-container.hero-container-8.billing-insurance * { color: #ff8700; }
.hero-container.hero-container-8.billing-insurance p { color: #ed7600; margin-top: clamp(5px, 2.5vw, 30px); margin-bottom: 10px; }
.hero-container.hero-container-8.billing-insurance .two-fifths a { background: #fee2a7; }
.hero-container.hero-container-8.billing-insurance .two-fifths a:hover { background: #ff8700; color: #fff; }

.hero-container.hero-container-4 .links-box.right { float: right; background: white; border-radius: 15px; margin-top: 15px; }
.hero-container.hero-container-4 .links-box.left { float: left; background: white; border-radius: 15px; margin-top: 15px; }

.hero-container.hero-container-4 * { color: #294787; }
.hero-container-4 h2 { text-align: center; width: 100%; font-size: 65px; color: #294787; margin-bottom: 25px; float: none; display: block; }
.hero-container-4 .hero-subtext { margin-bottom: 0; }
.hero-subtext em { margin-bottom: 0; color: inherit; font-weight: inherit; line-height: inherit; font-size: inherit; }

.hero-container.hero-container-5 * { color: #3e8f60; color: #379a7a; color: #59b698; }
.hero-container.hero-container-3 * { color: #2a4787; }
.hero-container.hero-container-3 h2 { width: 80%; }
.hero-container.telehealth * { color: #2a4787; }
.hero-container.hero-container-3 .links-box { background: #86b1cb; padding: 19px; min-height: 146px; margin-bottom: 20px; }
.hero-container.hero-container-3 .links-box:last-child { margin-bottom: 0px; }
.hero-container.telehealth .links-box { background: #86b1cb; }
#telehealth-how-to { line-height: 1px; width: 1px; height: 1px; background: transparent; text-decoration: none; overflow: hidden; }

.hero-container.hero-container-3 .links-box h3 { font-family: montserrat; font-size: 17px; color: #fff; font-weight: 600; }
.hero-container.hero-container-3 .links-box a { color: #3B6AAC; font-size: 13px; font-weight: 400; background: #fff; line-height: 1em; padding: 7px 16px; display: inline-block; border-radius: 30px; text-decoration: none; }
.hero-container.telehealth .links-box a { color: #3B6AAC; }
.hero-container.hero-container-3 .links-box a:hover { color: #fff; background: #3B6AAC; }
.hero-container.telehealth .links-box a:hover { color: #fff; background: #3B6AAC; }
.videotainer { border-radius: 15px; overflow: hidden; height: clamp(160px, 39vw, 460px); }
.hero-container.hero-container-3 a.videotainer { background-color: #c5dbe7; border-radius: 15px; overflow: hidden; height: 460px; height: clamp(160px, 39vw, 460px); position: relative; margin-top: 0!important; }
.hero-container-3 .videotainer .telehealth-intro { opacity: 1; }
.hero-container-3 .videotainer:hover .telehealth-intro { opacity: .3; }
.hero-container-3 .videotainer .videotainer-text { font-size: clamp(28px, 6vw, 77px); font-weight: 700; color: #ff6c14; text-transform: uppercase; position: absolute; margin: 0 auto; width: 100%; text-align: center; text-shadow: 0px 0px 150px rgba(0, 0, 0, 0.4); }
.hero-container-3 .videotainer:hover .videotainer-text { display: block; color: #fff; }
.hero-container-3 .videotainer .videotainer-text.vt-top { top: 10px;  }
.hero-container-3 .videotainer .videotainer-text.vt-bottom { bottom: 10px; }
.hero-container-3 .videotainer .play-btn-wrap { width: clamp(53px, 10vw, 120px); height: clamp(38px, 7vw, 85px); margin: 0 auto; text-align: center; overflow: hidden; position: relative; margin-top: clamp(63px, 16vw, 187px); }

.hero-container-3 .videotainer .play-btn-wrap .play-btn { width: 100%; top: 0; left: 0; position: absolute;; }
.hero-container-3 .videotainer:hover .play-btn-wrap .play-btn { bottom: 0; top: auto; }
div>iframe { width: 100%; height: clamp(151px, 32vw, 340px)!important; }

.collection-group>.collection-item:nth-of-type(0), .collection-group>.collection-item:nth-of-type(4n+1) { margin-left: 0; }

.clinical-faculty .collection-item .collection-image-wrap { height: clamp(251px, 33vw, 320px); border-radius: 15px; height: clamp(164px, 21.9vw, 232px); border-radius: 300px; position: relative; overflow: hidden; }
.clinical-faculty .collection-item h3 { font-size: 15px; }
.clinical-faculty .collection-item h4 { font-size: 13px; }

.hero-container.hero-container-2 * { color: #2a811c; color: #4f9344; color: #3bb980; color: #3d986e; }
.hero-container.mental-health-resources * { color: #2a811c; color: #4f9344; color: #3bb980; color: #4bb082; color: #3d986e; }
.hero-container.hero-container-2 a { /* font-size: 20px; */ }
.hero-container.hero-container-2 .links-box { margin-top: 0; background: #f4fffa; background: #f4fff9; }
.hero-container.hero-container-2 .links-box * { color: #2ea761; }

.hero-container.hero-container-2 a.cta-btn { background: #c0e4a8; color: #509343; background: #c0e4a8; color: #5aa44d; background: #b3e4c3; color: #3d986e; }
.hero-container.hero-container-2 a.cta-btn:hover { background: #5aa44d; color: #fff; background: #3d986e; }

.hero-container.hero-container-10 { background: #98408e; background: #d23dc1; background: #ba3cac; background: #31b1bb; }
.hero-container.hero-container-10 * { color: #fff; }
.hero-container.hero-container-10 h3 { font-size: 18px; margin: 35px 0 7px; padding: 0; }
.hero-container.hero-container-10 .boxy-links-wrap a { font-size: clamp(13px, 3.6vw, 15px); display: block; clear: both; width: 100%; line-height: 1.9em; margin: .6em 0; margin: clamp(.1em, .4em, .6em) 0; font-weight: 300; }
.hero-container.hero-container-10.arizona-community-resources { background: linear-gradient(126deg, #00c9de, #f26295); }
.hero-container.hero-container-10.arizona-community-resources .boxy-links-wrap .third:first-of-type, .footer-wrap .third:first-of-type { margin-left: 0; }
.hero-container.hero-container-10.arizona-community-resources .boxy-links-wrap .third:last-of-type, .footer-wrap .third:last-of-type { margin-right: 0; }

.hero-container.hero-container-4.learn-more h2 { color: #294787; color: #3e5ea2; }
.hero-container.hero-container-4.learn-more .hero-subtext { color: #294787; color: #3e5ea2; }

.hero-container.hero-container-7.faqs { padding: 0px; background: #e0f4f5; background: linear-gradient(236deg, #e0f4f5, #c2efff) }
.hero-container.hero-container-7.faqs h2 { color: #2a4787; }
.hero-container.hero-container-7.faqs .inner p * { color: #067375; color: #388096; padding: 0; }
.hero-container.hero-container-7.faqs h3 { font-size: clamp(19px, 5vw, 25px); margin-bottom: 0; margin-top: clamp(5px, 3vw, 23px); }
.hero-container.hero-container-7.faqs .hero-subtext { font-size: clamp(16px, 4.3vw, 23px); padding: 0 100px 30px; text-align: center; }
.hero-container.hero-container-7.faqs p { font-size: clamp(14px, 4vw, 17px); }
.hero-container.hero-container-7.faqs p * { font-size: inherit; line-height: inherit; }
.hero-container.hero-container-7.faqs .inner p a { color: #2a4787; }
.hero-container.hero-container-7.faqs a:hover { color: #2a4787; background: transparent; text-decoration: underline; }


.bio-wrap { display: block; position: relative; margin-top: clamp(7px, 5vw, 50px); margin-bottom: 130px; }
.bio-image-wrap { width: clamp(150px, 31vw, 350px); border-radius: clamp(15px, 2vw, 20px); float: left; margin-top: 5px; position: relative; height: clamp(225px, 46vw, 490px); overflow: hidden; margin-bottom: 15px; }
.bio-details { padding-left: 30px; width: calc(100% - clamp(150px, 31vw, 350px)); }
.bio-details * { color: #0E2C59; line-height: 1.3em; }
.inner .bio-details p { color: #0E2C59; font-size: clamp(12px, 0.51vw + 12.57px, 18px); }
.bio-details h2 { margin-top: 0; margin-bottom: clamp(3px, 1vw, 10px); font-size: clamp(22px, 3vw, 31px); }
.bio-details h3 { margin-bottom: clamp(3px, 1.5vw, 10px); font-style: italic; font-weight: 100; font-size: clamp(16px, 1.8vw, 21px); }
a.bio-back { margin-top: 10px; display: inline-block; }

.locations .bio-image-wrap { float: right; }
.locations .bio-details { padding-left: 0; padding-right: 30px; float: left; }
.locations .bio-details * { line-height: 1.5em; color: #0E2C59; }
.locations .bio-details h3 { margin-bottom: 7px; }
.locations .bio-details p {  }
.locations .bio-details p.location-address { font-weight: 600; margin-bottom: 6px; }
.inner .bio-details p.location-helper { color: #687e9f; font-weight: 400; font-size: clamp(11px, 0.51vw + 11.57px, 14px); font-style: italic; margin-bottom: 10px; }
.locations .contact-email { font-size: clamp(14px, 0.51vw + 12.38px, 18px); }

.inner .bio-details li { padding-right: 10%; }
.inner .bio-details ul ul { margin-left: 25px; }

.locations .bio-details .label { font-weight: 500; font-size: clamp(16px, 5vw, 21px); font-family: montserrat; margin-bottom: 0px; margin-top: 25px; }
.locations .bio-details .phone { font-weight: 300; font-size: clamp(17px, 5vw, 28px); font-family: montserrat; margin-top: 25px; }

.locations ul { padding-left: 0; }
.locations h5 { font-family: montserrat; font-size: clamp(10px, 0.51vw + 9.38px, 14px); font-weight: 500; color: #aaa!important; text-transform: uppercase; margin: 10px 0 clamp(0px, 2vw, 4.5px); }
.locations ul li { margin-left: 32px; }
.locations .referrals { font-size: .9em; }

.hero-container.hero-container-2.ce-page h2 { margin-top: 0; margin-bottom: 40px; line-height: 1.1em; }

html, body {max-width: 100%; overflow-x: hidden;color:var(--defaultTextColor); }
/* default text color */

a, a:visited, a:link, a:visited svg { text-decoration: none; color: var(--linkColor); cursor: pointer; fill: var(--linkColor); }
a:hover, a:focus, a:hover svg { text-decoration: underline; color: var(--linkColorHover); fill: var(--linkColorHover); }

a.cancel:hover { color: #af1d25; }
a.approve:hover { color: rgba(26, 176, 44, 1); }

h1 { font-weight: 100; margin-bottom: 10px;  }
body { width: 100%; padding: 0px; border: 0px; background: var(--bgColor); margin: 0; font-family: "Montserrat", "Helvetica Neue", Helvetica, "core sans", "Myriad Pro", sans-serif; font-weight: 100; }
strong { font-weight: 500; }
p { font-size: 18px; margin-top: 0; line-height: 120%; font-weight: 400; }

.super-header {  background: var(--copaBlue); width: 100%; z-index: 80; position:relative; }
.super-header .inner { height: var(--superHeaderHeight); display: flex; align-items: center; justify-content: flex-end; color: rgba(255,255,255,0.8); }
.super-header a { font-weight: 300; font-size: 15px; color: rgba(255,255,255,0.8); margin: 16px 9px;display:block; padding: 3px 5px; }
.super-header a:last-child {  }
.super-header a:hover { color: #fff; text-decoration:none; /* border-bottom: solid 1px rgba(255,255,255,0.7); */ }

.site-search { display:flex; align-items: flex-end; }

.site-search input[type=text] { background: transparent; border-radius: 15px; color: var(--headerLinkColor); padding-left: 10px; }
.site-search input[type=text]::placeholder { color: rgba(255,255,255,0.3); }
.site-search svg { position: relative; right: 30px; bottom: 10px; }
.site-search-page form .one-tenth { width: clamp(60px, 10%, 10%); }

header {  height: var(--headerHeight), background: #fff; position: relative; z-index: 990; }
header .inner { display:flex; align-items: center; padding-top: 10px; padding-bottom: 10px; }


.site-logo-image img {
  width: calc(var(--headerHeight) * 0.7 * 2.032);
}

.core-values { height: 100px; }
.core-values p { font-size: 120px; line-height: 132px; font-style: italic; height: 300px; overflow: visible; position: absolute; }


header nav { display:flex; align-items: center; justify-content: flex-end; flex: 8; }
header nav a, header nav a:link, header nav a:visited, .button { color: var(--copaBlue); font-size: 15px; display: inline-block; padding: 0.7em 0.6em; margin: 10px 0; font-weight: 700; border: solid 1px transparent; }
header nav a.button, .button { border: solid 1px white; padding: 1em 1.3em; }
header nav a:hover { border-bottom: solid 1px transparent; background: transparent; text-decoration: none; color: var(--lightBlue); }
header nav a:hover svg { fill: var(--linkColor); }
nav ul li a svg.icon.icon_filled-triangle { width: 16px; height: 16px; margin-bottom: 1px; }

header nav ul { display: flex; justify-content: flex-end; }
header nav ul ul { display: none; }
header nav ul li:hover ul { display: block; position:absolute; background: #fff; z-index: 95; }

.sub-header.call-to-action a:hover svg { fill: #fff; }

.sub-header p { color: #fff; font-weight: 500; font-size: 20px; flex: 1; bottom: -3px; }
.sub-header.call-to-action { background-color: #479d1f; height: 42px; display:flex; align-items: center; justify-content: flex-start; }

.header-stripe { padding-block: 10px; }

.mr-page.header-stripe { background: #a43892; }
.resources.header-stripe { background-color: var(--copaGreen); color: #fff }

.locations.header-stripe { background-color: var(--copaGreen); color: #fff }
.header-stripe h3 { font-family: "Besley", "Montserrat"; letter-spacing: 0.05rem; color: white; line-height: 40px; margin-bottom: 2px; }

.locations-filters {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  
  margin-block: 35px;
}

.locations-filters > .location-filter-button:hover:not(.active) { filter: brightness(125%); }

.locations-filters > .location-filter-button {
  text-align: center;
  align-content: center;

  width: 130px;
  height: 45px;
  border-radius: 10px;
  background-color: var(--copaMagenta);

  font-weight: bold;
  color: white;
}

.location-filter-button.active {
  border: var(--copaMagenta) 3.5px solid;
  background-color: #fff;
  color: var(--copaMagenta);
}

.clinic-card {
  padding: 20px;
  border-radius: 15px; 
  background-color: var(--copaBlue);
  color: white
}

.clinics-container { 
  display: grid;
  grid-template-columns: repeat(4, auto);
  grid-gap: 1rem;
}

.clinic-name { font-family: "Besley", "Montserrat"; letter-spacing: 0.05rem; font-size: larger; }
.clinic-address { margin-bottom: 8px; font-size: large; }
.clinic-phone { font-size: smaller; }

hgroup {
  margin-bottom: 8px;
}
hgroup > * {
  margin-top: 0;
  margin-bottom: 0;
}
hgroup > *:not(:first-child):last-child {
  font-size: 0.8rem;
}

blockquote {
  color: #fff;
  font-size: 41px;
  /* border-radius: 20px; */
  /* padding: 10px; */
  clear: both;
  text-align: center;
  text-transform: uppercase; 
  font-weight: 700;
  margin: 3vw 0;
  margin: 0;
}
blockquote.alt {
  float: right;
}
blockquote:hover {
}

blockquote footer a {
  font-size: 28px;
  color: #fff;
  font-weight: 200;
  text-align: center;
  width: 100%;
  display:block;
  margin-top: -5px;
}

blockquote footer a:hover {
  color: #00abe3;
  text-decoration: none;
}

a.cta-btn, a.cta-btn, .inner.locations-page a.cta-btn, .hero-container-11.get-involved-footer a.cta-btn { background: #2a4787; padding: 12px 24px; color: #fff; font-size: 18px; border-radius: 50px; display: inline-block; margin: 0 auto; font-weight: 300; margin: 10px 0 30px 0; }

a.cta-btn:hover, a.cta-btn:hover, .inner.locations-page a.cta-btn:hover, .hero-container-11.get-involved-footer a.cta-btn:hover { background: #d4e0fb; color: #2a4787; text-decoration: none; }

.hero-container-11.get-involved-footer a.cta-btn svg { transform: rotate(-45deg); width: 16px; height: 16px; transition: fill .23s; }
.hero-container-11.get-involved-footer a.cta-btn:hover svg { fill: #2a4787; }


.state-buttons { margin-bottom: 20px; }
.inner.content.privacy-page a.cta-btn, .inner.locations-page a.cta-btn { margin-right: 8px; font-size: 15px; line-height: 2em; padding: 0 24px; background: #a0bce2; text-transform: uppercase; margin-top: 5px; margin-bottom: 10px; font-size: clamp(14px, 2.4vw, 19px); padding: 0px clamp(19px, 4.3vw, 24px); line-height: clamp(28px, 3vw, 30px); font-size: clamp(13px, 1.5vw, 15px); padding: 0px clamp(19px, 4.3vw, 24px); line-height: clamp(28px, 3vw, 30px); }
.inner.content.privacy-page a.cta-btn:hover, .inner.content.privacy-page a.cta-btn.active, .inner.locations-page a.cta-btn:hover, .inner.locations-page a.cta-btn.active { background: var(--copaBlue); color: #fff; }
.inner.content.privacy-page a.cta-btn.active, .inner.locations-page a.cta-btn.active { cursor: default; }

.hero-container.home-hero a.cta-btn { background: rgba(255,255,255,0.8); color: #555; fill: #555; font-weight: 400; font-size: clamp(13px, 1.6vw, 18px); text-transform: uppercase; }
.hero-container.home-hero a.cta-btn svg { width: clamp(12px, 1.6vw, 17px); height: clamp(12px, 1.6vw, 17px); transform: rotate(-45deg); fill: inherit; position: relative; top: 0px; }
.hero-container.home-hero .inner a.cta-btn:hover { background: #fff; color: #555; }

blockquote { background: #e5833b; font-size: 32px; font-family: besley; padding: clamp(20px, 3vw, 60px) 25px; border-radius: 0; }
blockquote span { font-size: 37px; font-size: clamp(19px, 3vw, 37px); font-family: besley; color: #fff; text-transform: none; font-style: italic; font-weight: 100; line-height: 1.6em; display: inline-block; }

.content.inner p.quote { font-style: italic; margin-top: 0; font-family: roca; font-weight: 300; font-size: clamp(14px, 0.51vw + 12.38px, 18px); padding-left: clamp(50px, 15vw, 110px); margin-left: 0; clear: right; line-height: clamp(1.45em, 4.5vw, 1.6em); margin-bottom: clamp(4px, 2vw, 7px); }
.content.inner p.attribution { display: block; clear: none; font-weight: 400; color: #333; padding-left: clamp(61px, 18vw, 120px); font-style: normal; font-size: clamp(10px, 0.51vw + 9.38px, 16px); line-height: 1.6em; margin-bottom: 4px; }

.quote-wrap { margin: 40px 0; }
.collection-image-wrap.quote-thumb { width: clamp(40px, 12vw, 90px); height: clamp(40px, 12vw, 90px); border-radius: 100%; overflow: hidden; clear: left; float: left; }



.member-resources-photo  { width: 100%; margin-top: -3px; }
.member-resources-header { width: 100%; margin-top: -85px; }

.member-resources-grid {
  display: grid;
  grid-template-rows: 1fr 1.5fr 2fr;
  grid-gap: 2em;
}

.member-resources-categories {
  display: grids;
  grid-template-rows: 1fr 1fr;
  grid-gap: 2em;
}

.mr-page.hero-container { background-color: #e1eafe; }
#mr-hero { margin-right: clamp(-15vw + 200px, 0vw, -15vw + 15vw); }
.mr-page.hero-container.page-hero .hero-subtext { width: clamp(calc(10% + 200px), calc(50%), calc(42% + 1px)); text-shadow: 0 0 18px rgba(255, 255, 255, 0.7); line-height: 1.4em;color: #2a4787; font-style: none; font-size: clamp(16px, 0.71vw + 9.57px, 20px); font-size: clamp(14px, 0.71vw + 9.57px, 17px); }

#hw-hero { opacity: .5; }

h2.collection-header { font-size: 26px; }
.collection-group { float: none; display: block; clear: both; margin-bottom: 45px; }

.collection-group>a.collection-item:nth-of-type(0), .collection-group>a.collection-item:nth-of-type(4n+1) { margin-left: 0; }
.collection-group>a.collection-item:nth-of-type(4n) { margin-right: 0; }
.collection-group>div.collection-item-clearfix { display: none; } 
.collection-group>div.collection-item-clearfix:nth-of-type(4n) { 
  content: "&nbsp;";
  display: block;
  font-size: 1px;
  line-height: 1px;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
}

.about-leadership .collection-group>a.collection-item:nth-of-type(4n+1), .about-board .collection-group>a.collection-item:nth-of-type(4n+1) { margin: 15px 1.25%; }
.about-leadership .collection-group>a.collection-item:nth-of-type(4n), .about-board .collection-group>a.collection-item:nth-of-type(4n) { margin: 15px 1.25%; }
.about-leadership .collection-group>div.collection-item-clearfix:nth-of-type(4n), .about-board .collection-group>div.collection-item-clearfix:nth-of-type(4n) { display: none; }
.about-leadership .collection-group>a.collection-item:nth-of-type(3n+1), .about-board .collection-group>a.collection-item:nth-of-type(3n+1) { margin-left: 0; }
.about-leadership .collection-group>a.collection-item:nth-of-type(3n), .about-board .collection-group>a.collection-item:nth-of-type(3n) { margin-right: 0; }
.about-leadership .collection-group>a.collection-item:nth-of-type(0), .about-board .collection-group>a.collection-item:nth-of-type(0) { margin-left: 0; }

.about-leadership .collection-group>div.collection-item-clearfix:nth-of-type(3n), .about-board .collection-group>div.collection-item-clearfix:nth-of-type(3n) { 
  content: "&nbsp;";
  display: block;
  font-size: 1px;
  line-height: 1px;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
}



.collection-item { width: 23%; margin: 15px 1.25%; float: left; display: inline-block; }
.about-leadership .collection-item, .about-board .collection-item { width: 31.66%; margin: 15px 1.25%; float: left; display: inline-block; }
.collection-item:hover { text-decoration: none; }
.collection-item:hover * { color: var(--copaOrange); }

.collection-item * { color: var(--copaBlue); }
.collection-item .collection-details:hover *:hover, .collection-item h3:hover, .collection-item h4:hover, .collection-item p:hover { color: var(--copaBlue); }
.collection-item h3 { font-size: 18px; line-height: 1.7em; margin-bottom: 0px; margin-top: 4px; }
.collection-item h4 { font-size: 16px; line-height: 1.7em; font-family: montserrat; font-weight: 500; font-size: 14px; font-weight: 400; }
.collection-item p { font-size: 14px; line-height: 1.4em; font-family: montserrat; font-weight: 400; }
.collection-item .collection-image-wrap { width: 100%; height: clamp(154px, 17vw, 180px); overflow: hidden; text-align: center; display: flex; justify-content: center; position: relative; border-radius: clamp(8px, 1.2vw, 11px); object-fit: cover; }
.collection-item .collection-image-wrap img { margin: 0 auto; padding: 0; width: 100%; height: 100%; object-fit: cover; visibility: hidden; }
.collection-item .collection-image-wrap img:hover { opacity: .8; }


.about-leadership .collection-item .collection-image-wrap, .about-board .collection-item .collection-image-wrap { height: clamp(332px, 44vw, 466px); height: clamp(228px, 30.6vw, 323px); border-radius: 300px; }
.about-leadership .collection-item .collection-details { text-align: center; }
.about-leadership .collection-item .collection-details h3 { font-size: clamp(16px, 2.1vw, 22px); }
.about-leadership .collection-item .collection-details h4 { font-size: clamp(12px, 1.58vw, 16px); }
.collection-item h3 { font-size: 17px; margin-top: 6px; font-family: Montserrat; font-weight: 500; line-height: 1.4em; }


.hero-container-11.get-involved-footer { background: #22375b; margin-bottom: -30px; position: relative; } 
.hero-container.hero-container-11.get-involved-footer * { color: white; }
.hero-container.hero-container-11.get-involved-footer h3, .hero-container.hero-container-11.get-involved-footer p { margin-bottom: 10px; }
.hero-container.hero-container-11 h3 { margin-top: -5px; font-size: clamp(31px, 1.7vw + 15.57px, 34px); }
.hero-container-11.get-involved-footer .bg-image { background-image: url(/assets/svg/copa-logo-outlines-offset-e331cfbb98b0843c07dad49394e9511c11e2ba113de242afc388aa1dbeeabb2d.svg); width: 100%; height: 100%; background-size: clamp(130px, 38vw, 543px) auto; background-repeat: repeat repeat; position: absolute; filter: contrast(1%) sepia(120%) hue-rotate(170deg) brightness(121%) saturate(115%) opacity(.08); background-position: -180px -300px; }

.hero-container.hero-container-10.arizona-community-resources .bg-image { filter: contrast(1%) sepia(120%) hue-rotate(170deg) brightness(218%) saturate(0%) opacity(.13); background-size: 250px; }
.hero-container.hero-container-10.arizona-community-resources:before, .hero-container.hero-container-11.get-involved-footer:before { content: ' '; background-image: url(/assets/noise-4424f66cd47eee6bbeccb7b743aa03b947dac7cfbd47b105c2f10b75da920452.png); background-repeat: repeat; background-size: 180px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.hero-container.hero-container-11.get-involved-footer .four-grid-one-wrap .thumb-wrap { background: #415579; }
.hero-container.hero-container-11.get-involved-footer .four-grid-one-wrap img { object-fit: cover; visibility: hidden; }


h1 { font-family: "Besley"; color: var(--headings); letter-spacing: 0.01em; /* text-transform: uppercase; */ color: var(--headings); font-weight: 100; }
h4 { font-weight: 100; font-size: 20px; }

.hero-container { padding: 0; overflow: hidden; position: relative; }
.hero-container.page-hero, .hero-container.page-hero-short { padding: 0; min-height: 0; }
.hero-container.page-hero .inner, .hero-container.page-hero-short .inner { margin: 85px auto; min-height: 0; }
.hero-container.page-hero .inner { margin: clamp(55px, 10vw, 85px) auto clamp(55px, 10vw, 105px); margin: clamp(55px, 9vw, 175px) auto clamp(55px, 4vw, 65px); }
.hero-container.page-hero-short .inner { margin: 85px auto; min-height: 0; margin: clamp(15px, 6vw, 70px) auto; margin: clamp(55px, 6vw, 70px) auto; }
.hero-container .inner { margin: 100px auto 115px; margin: clamp(50px, 9vw, 70px) auto clamp(64px, 11vw, 90px); margin: clamp(50px, 6vw, 100px) auto clamp(64px, 8vw, 100px); }

.home-hero.hero-container .inner { margin: clamp(55px, 9vw, 175px) auto clamp(55px, 4vw, 65px); }

.hero-container.page-hero-short img { visibility: hidden; object-fit: cover; position: absolute; }

/* .hero-container .inner { display:flex; justify-content: center; } */
.hero-container h1, .hero-container h2 { font-size: 105px; font-size: clamp(40px, 4.91vw + 14.57px, 105px); font-size: clamp(40px, 5.7vw + 22.57px, 83px);line-height: calc(.95em + 9px); color: #2a4787; font-family: "Besley", "Montserrat"; text-align: left; font-weight: 600; line-height: calc(.85em + 6px); line-height: calc(.85em + 8px); color: #2a4787; font-family: roca, "Besley", "Montserrat"; font-size: clamp(40px, 5.2vw + 22.57px, 88px); line-height: calc(.8em + 8px); }
.home-hero.hero-container h1, .hero-container h2 { font-size: 155px; font-size: clamp(60px, 6.91vw + 14.57px, 155px); line-height: calc(.95em + 9px); color: #2a4787; font-family: roca, "Montserrat"; text-align: left; font-weight: 600; line-height: calc(.85em + 6px); color: #2a4787; font-family: roca, "Besley", "Montserrat"; }
.home-hero.hero-container h1, .hero-container .hero-subtext-wrap { font-size: 155px; font-size: clamp(60px, 6.91vw + 14.57px, 155px); line-height: calc(.95em + 9px); font-size: clamp(19px, calc(11vw - 14.57px), 75px); line-height: calc(.9em + 9px); color: #2a4787; font-family: roca, "Montserrat"; text-align: left; font-weight: 500; }

.hero-container .header-prepend { font-family: "Montserrat"; font-size: .3em; color: #fff; font-weight: 300; margin-bottom: 10px; }
.hero-container.page-hero-2 img { position: absolute; }
.hero-container.page-hero-2 h1, .hero-container.page-hero-short h1 { font-size: 105px; font-size: clamp(43px, 4.71vw + 28.5714px, 105px); font-size: clamp(32px, 7vw, 65px); line-height: 1.05em; color: white; font-family: roca, "Besley", "Montserrat"; text-align: left; font-weight: 600; display: table-cell; vertical-align: middle; }
.hero-container.page-hero-short { font-size: 105px; line-height: .95em; font-family: "Besley", "Montserrat"; text-align: left; font-weight: 600; min-height: auto; padding: 0; color: #fff; overflow: hidden; position: relative; }
.hero-container.page-hero-short h1 { margin: 0 auto; padding: 0; font-size: 65px; font-size: clamp(32px, 7vw, 65px); line-height: 1.15em; /* min-height: 148px; */ display: flex; align-items: center; }

.hero-image, .hero-image-2 img, .bio-image-wrap img { position: absolute; width: 100%; }


.hero-container h2 { font-size: 70px; font-size: clamp(31px, 3.71vw + 18.57px, 70px); font-weight: 700; color: #2a811c; text-align: center; width: 100%; margin-bottom: 25px; float: none; display: block; }
.hero-container a { font-weight: 600; margin-top: 10px; color: #2a811c; font-family: montserrat; font-size: clamp(16px, 2vw, 20px); }
.hero-container.hero-container-2 { background: #a0c182; background: #cbe2b6; background: #e7f7d8; background: #c8eed5; }
.hero-container.mental-health-resources { background: #a0c182; background: #cbe2b6; background: #e7f7d8; background: #e3feec; background: #c8eed5; }
.hero-container.hero-container-2 h2 { margin-top: clamp(5px, 2.4vw, 30px); margin-bottom: 25px; color: #3d986e; }

.hero-container.hero-container-4.learn-more { background: #fff; }
.hero-container.hero-container-4.learn-more .links-box { background: #294787; background: #3e5ea2; }
.hero-container.hero-container-4.learn-more .links-box * { color: #fff; }

.hero-container.hero-container-6, .hero-container.hero-container-7, .hero-container.hero-container-8, .hero-container.hero-container-9 { background: #9ccecf; padding: 0; }
.hero-container.hero-container-8 { background: #d3e7c5; }
.hero-container.hero-container-9 { background: #e7c5d7; }
.hero-container.hero-container-8 .inner, .hero-container.hero-container-9 .inner { /* margin: 110px auto 125px; */ }

.hero-container.hero-container-6 h3, .hero-container.hero-container-7 h3, .hero-container.hero-container-8 h3, .hero-container.hero-container-9 h3 { color: #107d7f; font-weight: 300; font-size: 35px; margin-top: 40px; font-size: clamp(23px, 3.5vw, 35px); margin-top: clamp(5px, 6vw, 56px); margin-bottom: clamp(5px, 2vw, 17.5px); line-height: 1.4em; }
.hero-container.hero-container-6 h3 { color: #107d7f; }
.hero-container.hero-container-7 h3 { color: #2a4686; }
.hero-container.hero-container-8 h3 { color: #598d37; line-height: 44px; padding: 0; line-height: 1.4em; }
.hero-container.hero-container-8 .two-fifths h3 { float: right; text-align: right; margin-bottom: 5px; padding-right: 0; }
.hero-container.hero-container-9 h2 { color: #98408e; margin-bottom: 50px; margin-top: 0; }
.hero-container.hero-container-9 h3 { color: #98408e; }


.hero-container.hero-container-6 p { color: #035f61; }
.hero-container.hero-container-7 p { color: #2a4686; }
.hero-container.hero-container-8 p { color: #3c860d; }
.hero-container.hero-container-8 .two-fifths p { float: right; text-align: right; }
.hero-container.hero-container-9 p { color: #98408e; }

.hero-container .hero-image-wrap, .hero-container .hero-image-wrap { margin-bottom: 0; margin-top: 15px; }
.hero-container.hero-container-6 .hero-section-2 { margin-top: clamp(8px, 2.3vw, 42px); }

.hero-container.hero-container-6 a.collection-item { border-radius: clamp(10px, 3vw, 20px); background: #8bc0c1; width: 22%; margin: 2% 2% 0; height: clamp(66px, 21vw, 220px); }
.hero-container.hero-container-6 a.collection-item img { visibility: hidden; }
.hero-container.hero-container-6 a.collection-item:nth-of-type(0), .hero-container.hero-container-6 a.collection-item:nth-of-type(4n+1) { margin-left: 0; }
.hero-container.hero-container-6 a.collection-item:nth-of-type(4n) { margin-right: 0; }

.hero-container.hero-container-7:not(.faqs) a { display: inline-block; color: #2a4686; font-weight: 400; background: #e0e8fb; border-radius: 100px; }
.hero-container.hero-container-7 a:hover { text-decoration: none; background: #2a4686; color: #fff;}

.hero-container.hero-container-8 .three-fifths { float: right; }
.hero-container.hero-container-8 .two-fifths { float: left; padding-right: 10px; }
.hero-container.hero-container-8 .three-fifths * { float: none; text-align: left; padding-left: 0; }
.hero-container.hero-container-8 .three-fifths h3 {  }
.hero-container.hero-container-8 .three-fifths p {  }
.hero-container.hero-container-8 .three-fifths a { float: left; text-align: center; }
.hero-container.hero-container-8 a { display: inline-block; color: #598d37; font-weight: 400; background: #bcd6ab; line-height: 50px; border-radius: 100px; float: right; }
.hero-container.hero-container-8 a:not(.cta-btn):hover { text-decoration: none; background: #f1fbea}
.hero-container.hero-container-8 .hero-image-wrap { width: 100%; float: right; background: #c4dbb5; overflow: hidden; height: clamp(150px, 40vw, 388px); }

.hero-container.hero-container-9 .three-fifths { float: left; }
.hero-container.hero-container-9 .two-fifths { float: right; width: 38%; padding-left: 10px; }
.hero-container.hero-container-9 .three-fifths h3 { padding-right: 30px; }
.hero-container.hero-container-9 .three-fifths p { padding-right: 30px; }
.hero-container.hero-container-9 a { display: inline-block; color: #98408e; font-size: clamp(18px, 2.7vw, 22px); font-weight: 400; background: #dfb8da; line-height: clamp(43px, 3vw, 50px); padding: 0 clamp(34px, 3vw, 40px); border-radius: 100px; }
.hero-container.hero-container-9 a:hover { text-decoration: none; background: #faecf4; }
.hero-container.hero-container-9 .hero-image-wrap { width: 100%; float: right; background: #dfb8da; overflow: hidden; }

.hero-container.hero-container-8 .three-fifths p, .hero-container.hero-container-9 .three-fifths p { font-size: clamp(15px, 2.4vw, 21px); }
.hero-container.hero-container-8 .three-fifths h3, .hero-container.hero-container-9 .three-fifths h3 { font-size: clamp(21px, 4.5vw, 30px); margin-bottom: clamp(5px, 2vw, 17px); line-height: clamp(1.4em, 1vw, 1.5em); }

.hero-container.hero-container-6 .hero-section-1 {  }
.hero-container.hero-container-6 .hero-section-2 { margin-top: clamp(2px, 2.3vw, 42px); }
.hero-container.hero-container-6 .hero-image-wrap { width: 100%; float: right; background: #8bc0c1; overflow: hidden; height: clamp(150px, 39.3vw, 387px); }
.hero-container.hero-container-6 p { font-size: clamp(16px, 1.9vw, 20px); line-height: clamp(1.6em, 3.8vw, 1.9em); }


.hero-image-wrap { position: relative; height: clamp(150px, 40vw, 328px); border-radius: clamp(10px, 3vw, 20px); }


.hero-container.hero-container-11 .section-copy { padding-right: 80px; padding-right: clamp(1em - 30px, 6vw, 80px); }

.hero-container.hero-container-11 * { color: #A43892; color: #ba3cac; }
.hero-container.hero-container-11 h3 {  }
.hero-container.hero-container-11 .four-grid-one-wrap .thumb-wrap { background: #ccc; border-radius: 15px; float: left; height: 125px; height: clamp(80px, 10.6vw, 125px); overflow: hidden; position: relative; }
.hero-container.hero-container-11 .four-grid-one-wrap .thumb-1-wrap, .hero-container.hero-container-11 .four-grid-one-wrap .thumb-2-wrap { width: calc(50% - 8px); margin-right: 15px; }
.hero-container.hero-container-11 .four-grid-one-wrap .thumb-2-wrap { margin-right: 0; }
.hero-container.hero-container-11 .four-grid-one-wrap .thumb-3-wrap { width: 100%; margin-left: 0; margin-top: 15px; }
.hero-container.hero-container-11 .four-grid-one-wrap .thumb-4-wrap { float: right; width: calc(50% - 15px); margin-left: 15px; height: clamp(calc(160px + 15px), calc(21.3vw + 15px), calc(250px + 15px)); }

.hero-container.hero-container-11 .four-grid-one-wrap>.clearfix>.left { width: 50%; }
.hero-container.hero-container-11 .cta-wrap.left { clear: left; }
.hero-container.hero-container-11 .cta-btn { background: #f7e5f4; color: #ba3cac; font-weight: 400; }


.hero-container-12 .hero-subtext { padding: 0 150px; }
.hero-container.hero-container-12 .inner:first-of-type { margin-bottom: 0; }
.hero-container.hero-container-12 .inner:last-of-type { margin-top: 0; }
.hero-container.hero-container-12 h2 { color: #1c957a; }
.hero-container.hero-container-12 p { color: #34a68d; }
.hero-container.hero-container-12 a.cta-btn { background: #479d8a; padding: 12px 24px; color: #fff; font-size: 18px; border-radius: 50px; display: inline-block; margin: 0 auto; font-weight: 300; }
.hero-container.hero-container-12 a.cta-btn:hover { background: #b5e5d8; color: #1f6e5c; text-decoration: none; }

.carousel-wrap { margin-left: calc(-50% + 135px); margin-right: 0; width: 5000px; padding: 0; }
.hero-container.hero-container-12 .big-thumb { overflow: hidden; width: clamp(110px, 34vw, 270px); height: clamp(110px, 34vw, 270px); padding: 0; clear: none; display: inline-block; margin: clamp(4px, 1vw, 10px); border-radius: clamp(8px, 2vw, 25px); position: relative; }
.hero-container.hero-container-12 .big-thumb.active { width: clamp(125px, 39vw, 300px); height: clamp(125px, 39vw, 300px); top: clamp(7px, 3vw, 15px); position: relative; }
.hero-container.hero-container-12 .big-thumb img { position: relative; z-index: 1; }
.hero-container.hero-container-12 .big-thumb h3 { font-size: clamp(13px, 3.5vw, 24px); font-family: Besley; color: #fff; padding: 0; margin: clamp(16px, 4vw, 28px); z-index: 10; position: relative; text-shadow: 0 0 30px rgba(0, 0, 0, 0.4); }
.hero-container.hero-container-12 .big-thumb:hover { text-decoration: none; background-color: #000; }
.hero-container.hero-container-12 .big-thumb:hover img { opacity: .65; }
.hero-container.hero-container-12 .big-thumb.active h3 { font-size: clamp(15px, 4.7vw, 24px); }

.hero-container .carousel-indicators { display: block; float: none; margin: 30px 0; width: 100%; text-align: center; cursor: default; }
.hero-container .carousel-indicators a { background: #e2f6f4; border-radius: 12px; width: 12px; height: 12px; overflow-hidden; display: inline-block; margin: 0 1px; overflow: hidden; }
.hero-container .carousel-indicators a.active { background: #b5e5d8; width: 30px; }
.hero-container .carousel-indicators a:hover { text-decoration: none; background: #a1d1cc; }
.hero-container .carousel-indicators a.active:hover { text-decoration: none; background: #b5e5d8; }

.hero-container-12 .cta-wrap, .hero-container-13 .cta-wrap { text-align: center; margin: 0 auto; }


.hero-container.hero-container-13 { background: #fde9d1; }
.hero-container.hero-container-13 h2, .hero-container.hero-container-13 p { color: #f49628; }
.hero-container.hero-container-13 .hero-subtext-wrap {  }
.hero-container-13 .hero-subtext { padding: 0 150px; }

.thumbwall-wrap .big-thumb { width: 24%; height: clamp(107px, 30vw, 375px); margin-right: 1.33%; display: inline-block; border-radius: clamp(8px, 2vw, 25px); display: block; float: left; margin-top: 1.33%; }
.thumbwall-wrap .big-thumb:nth-of-type(4n) { margin-right: 0; }
.thumbwall-wrap .big-thumb:nth-of-type(2n) { top: clamp(10px, 3vw, 30px); }

.hero-container.hero-container-13 .cta-wrap { display: block; margin-top: clamp(30px, 12vw, 100px); }
.hero-container.hero-container-13 a.cta-btn { background: #f49628; padding: 12px 24px; color: #fff; font-size: 18px; border-radius: 50px; display: inline-block; margin: 0 auto; font-weight: 300; }
.hero-container.hero-container-13 a.cta-btn:hover { background: #ffddb5; color: #f18200; text-decoration: none; }



.hero-container-14 { /* background-color: #000; */ }
.hero-container-14 .page-hero-2 { opacity: 1; visibility: hidden; position: absolute; object-fit: cover; }
.hero-container-14 .inner { margin: clamp(50px, 4vw, 100px) auto clamp(64px, 8vw, 100px); }
.hero-container-14 .inner h2 { color: #fff; font-size: clamp(27px, 4.3vw, 45px); font-weight: 600; margin-top: 0; margin-bottom: 80px; line-height: 1.3em; text-shadow: 0 1px 0 rgba(0,0,0,0.15), 0 22px 49px rgba(0,0,0,0.35); margin-bottom: clamp(50px, 4vw, 80px); font-family: roca; text-transform: none; }

.hero-container-14.ers-page .inner h2 { text-shadow: 0 1px 0 rgba(0,0,0,0.15), 0 22px 49px rgba(0,0,0,0.55); }



.hero-container-14 .inner .hero-section-1 { background-color: rgba(255,255,255,0.05); -webkit-backdrop-filter: blur(25px); backdrop-filter: blur(25px); padding: clamp(26px, 2.9vw, 30px) clamp(28px, 3.3vw, 35px) clamp(33px, 3.6vw, 38px); border-radius: 45px; border-top: solid 1px rgba(255,255,255,0.18); border-bottom: solid 1px rgba(0,0,0,0.03); background-image: url(/assets/noise-4424f66cd47eee6bbeccb7b743aa03b947dac7cfbd47b105c2f10b75da920452.png); background-size: 235px; background-repeat: repeat; position: relative; box-shadow: 0 15px 60px rgba(0,0,0,0.3); } 

.hero-container-14 .inner .hero-section-1 a.header-link { color: #ffffff; fill: #ffffff; font-size: clamp(12px, 3.7vw, 15px); text-transform: uppercase; font-weight: 300; font-family: 'Montserrat'; margin-bottom: 5px; clear: right; }

  .hero-container-14 a svg.icon { width: 12px; fill: inherit; color: inherit; transition: fill .23s, transform .23s; transform: rotate(-45deg); }
  .hero-container-14 .inner .hero-section-1 a.header-link:hover, .hero-container-14 .inner .hero-section-1 a.left-arrow:hover, .hero-container-14 .inner .hero-section-1 a.right-arrow:hover { color: #342715; fill: #342715; text-decoration: none; }
  
  .hero-container-14 .inner .hero-section-1 a.header-link:hover svg.icon, 
  .hero-container-14 .inner .hero-section-1 a:hover svg.icon { transform: rotate(-45deg); }

  .hero-container-14 .inner .hero-section-1 a.header-link:hover svg.icon, 
  .hero-container-14 .inner .hero-section-1 a.header-link:hover svg.icon use, 
  .hero-container-14 .inner .hero-section-1 a.left-arrow:hover svg.icon, 
  .hero-container-14 .inner .hero-section-1 a.left-arrow:hover svg.icon use, 
  .hero-container-14 .inner .hero-section-1 a.right-arrow:hover svg.icon,
  .hero-container-14 .inner .hero-section-1 a.right-arrow:hover svg.icon use { fill: inherit; transform: none; }

  .hero-container-14 .inner .hero-section-1 a.header-link:hover svg.icon, 
  .hero-container-14 .inner .hero-section-1 a:hover svg.icon { transform: rotate(-45deg); }

  
  .hero-container-14 a.header-link { color: #fff; }

.hero-container-14 .inner .hero-section-1 ol { border: solid 1px #c5c5c5; border-radius: 300px; padding: 0 clamp(32px, 9vw, 64px) 0 20px; color: #e1ded9; font-family: roca; font-weight: 300; background: rgba(255,255,255,0.05); margin-bottom: clamp(14px, 4.5vw, 30px); position: relative; display: inline-block; overflow: hidden; font-size: clamp(12px, 3.7vw, 28px); line-height: clamp(35px, calc(7.9vw + 8px), 60px); height: clamp(35px, calc(7.9vw + 8px), 60px); padding: 0 clamp(25px, 7.9vw, 40px) 0 clamp(18px, 2.1vw, 22px); 
  
  font-size: clamp(12px, 2.5vw, 28px); line-height: clamp(28px, calc(5.9vw + 8px), 60px); height: clamp(28px, calc(5.9vw + 8px), 60px); padding: 0 clamp(25px, 4.9vw, 40px) 0 clamp(8px, 1.2vw, 22px); padding: 0 clamp(18px, 5.9vw, 40px) 0 clamp(18px, 2.1vw, 22px);   margin-top: clamp(6px, 2.8vw, 20px); }

.hero-container-14.day-programs-page .hero-section-1 { background-color: rgba(255,255,255,0.22); }
.hero-container-14.ers-page .hero-section-1 { background-color: rgba(255,255,255,0.20); }
.hero-container-14.hcss-page .hero-section-1 { background-color: rgba(255,255,255,0.10); }

.hcss-eoh-image { margin: 0 auto; display: block; width: 160px; margin-bottom: 20px; }

.hero-container-14 .inner .hero-section-1 ol li { margin: 0; padding: 0; color: inherit; font-family: inherit; font-size: inherit; text-indent: clamp(18px, 5.9vw, 58px); list-style-type: none; height: 100%; line-height: inherit; white-space: nowrap; }

.hero-container-14 ol li:before { 
  content: "1.";
  border-radius: 100%;
  display: inline-block;
  border: solid 1px #c5c5c5;
  position: absolute;
  left: -1px;
  top: -1px;
  padding: 0;
  font-size: clamp(16px, 4.9vw, 40px);
  font-weight: 400;
  color: inherit;
  text-indent: clamp(3px, 0.95vw, 8px);
  text-align: center;
  width: clamp(35px, calc(7.9vw + 8px), 60px);
  line-height: 7.3vw;
  line-height: clamp(35px, calc(7.9vw + 8px), 60px);
  overflow: hidden;
  display: block;
  height: 100%;

  font-size: clamp(16px, 3.5vw, 36px);
  width: clamp(26px, calc(5.9vw + 7px), 60px);
  line-height: clamp(28px, calc(5.9vw + 8px), 60px);

}

.hero-container-14 .inner .hero-section-1 .thumb-wrap { width: 31.2%; height: 255px; height: clamp(227px, 25vw, 255px); background: #f6f4f1; border-radius: clamp(7px, 2.1vw, 15px); position: relative; padding-top: clamp(55px, 6.1vw, 65px); height: clamp(203px, 27vw, 255px); padding-top: clamp(52px, 7.1vw, 70px); float: left; margin-right: clamp(15px, 0.85vw, 20px); box-shadow: 0 11px 19px rgba(0,0,0,0.10); margin-right: 3.2%; background: radial-gradient(color(srgb 0.9625 0.9526 0.94), rgb(245, 240, 235)); transition: box-shadow .23s, margin 0s, margin-top .23s, margin-bottom .23s, width 0s, height 0s; position: relative; margin-top: 0; }

.hero-container-14 .inner .hero-section-1 .thumb-wrap:before { content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: inline-block; background: radial-gradient(color(srgb 0.9625 0.9526 0.94), rgb(255, 236, 234)); background: radial-gradient(color(srgb 0.8589 0.8053 0.8872), rgb(255, 224, 220)); background: linear-gradient(134deg, rgb(254, 228, 215) 24.37%, rgb(238, 232, 206) 77.31%, color(srgb 1 0.9154 0.8718)); border-radius: clamp(7px, 2.1vw, 15px); opacity: 0; transition: opacity .23s; }

.hero-container-14 .inner .hero-section-1 .thumb-wrap:hover { box-shadow: 0 17px 28px rgba(0,0,0,0.30); margin-top: -5px; margin-bottom: 5px; transition: margin-top .23s, margin-bottom .23s, box-shadow .23s; }

.hero-container-14 .inner .hero-section-1 .thumb-wrap:hover:before { opacity: 1; }

.hero-container-14 .inner .hero-section-1 .thumb-wrap.selected { background: radial-gradient(color(srgb 0.9625 0.9526 0.94), rgb(255, 236, 234)); background: radial-gradient(color(srgb 0.8589 0.8053 0.8872), rgb(255, 224, 220)); background: linear-gradient(134deg, rgb(254, 228, 215) 24.37%, rgb(238, 232, 206) 77.31%, color(srgb 1 0.9154 0.8718)); cursor: default; box-shadow: 0 17px 28px rgba(0,0,0,0.30); }

.hero-container-14 .inner .hero-section-1 .thumb-wrap.selected:hover { margin-top: 0; margin-bottom: 0; }

.hero-container-14 .inner .hero-section-1 .thumb-wrap:nth-of-type(n + 2) { transition: margin 0s, margin-top .23s, margin-bottom .23s, width 0s, height 0s, box-shadow .23s; }
.hero-container-14 .inner .hero-section-1 .thumb-wrap:nth-of-type(3n) { margin-right: 0; }

.hero-container-14 .inner .hero-section-1 .thumb-wrap:nth-of-type(n + 3) { transition: margin 0s, margin-top .23s, margin-bottom .23s, width 0s, height 0s, box-shadow .23s; }
.hero-container-14 .inner .hero-section-1 .thumb-wrap:nth-of-type(n + 4) { display: none!important; }

.hero-container-14 .inner .hero-section-1 .services-carousel .thumb-wrap:nth-of-type(n + 4) { display: block; margin-top: clamp(15px, 0.85vw, 20px); }


.hero-container-14 .inner .hero-section-1 .thumb-wrap .thumb-wrap-round { border-radius: 300px; overflow: hidden; position: relative; width: clamp(100px, 17.4vw, 125px); height: clamp(100px, 17.4vw, 125px); width: clamp(96px, 12.4vw, 125px); height: clamp(96px, 12.4vw, 125px); margin: 0 auto; background: #ddd; position: relative; }

.hero-container-14 .inner .hero-section-1 .thumb-wrap .thumb-wrap-round img { opacity: 1; }

.hero-container-14 .inner .hero-section-1 .thumb-wrap h4 { display: block; position: absolute; z-index: 10; top: 0px; font-size: clamp(13px, 1.8vw, 22px); font-family: roca, "Besley", "Montserrat"; font-weight: 400; color: #937e72; padding: clamp(11px, 1.3vw, 18px) clamp(11px, 1.6vw, 18px) 0; line-height: 1.1em; transition: color .3s; cursor: default; }

.hero-container-14 .inner .hero-section-1 .thumb-wrap.selected h4 { color: #e27676; color: #f64b4b; }
.hero-container-14 .inner .hero-section-1 .thumb-wrap:hover h4 { color: #e27676;  color: #f64b4b; }

.hero-container-14 .inner .hero-section-1 .thumb-wrap a { color: #937e72; fill: #937e72; font-weight: 400; font-size: clamp(10px, 2.9vw, 12px); text-transform: uppercase; margin: clamp(9px, 1.6vw, 18px) clamp(10px, 1.4vw, 18px); position: absolute; bottom: 0; /* border: solid 1px #bfafa6; border-radius: 20px; padding: 4px 10px; */ text-align: right; width: calc(100% - clamp(9px, 1.6vw, 18px) - clamp(10px, 1.4vw, 18px)); transition: color .3s; }

.hero-container-14 .inner .hero-section-1 .thumb-wrap:hover a { text-decoration: none; }
.hero-container-14 .inner .hero-section-1 .thumb-wrap a:hover  { text-decoration: none; color: #ee3636; fill: #ee3636; }
.hero-container-14 .inner .hero-section-1 .thumb-wrap.selected a { /* color: #e27676; */ }

.hero-container-14 .inner .hero-section-1 .two-fifths { color: #f6f4f1; }
.hero-container-14 .inner .hero-section-1 .two-fifths h4, .hero-container-14 .inner .hero-section-1 .two-fifths p, .hero-container-14 .inner .hero-section-1 .two-fifths a { color: #f6f4f1; }
.hero-container-14 .inner .hero-section-1 .two-fifths p.header-p { font-size: 13px; color: inherit; text-transform: uppercase; font-weight: 300; margin-bottom: 3px; margin-top: clamp(calc(26px - 26px), calc(2vw - 20px), calc(26px - 13px)); }

.hero-container-14 .inner .hero-section-1 .two-fifths h4 { font-size: 22px; font-size: clamp(18px, 2.1vw, 22px); color: inherit; font-weight: 500; font-family: roca; line-height: 1.4em; }
.hero-container-14 .inner .hero-section-1 .two-fifths .description-p { font-size: clamp(14px, 1.4vw, 16px); color: inherit; font-weight: 300; margin-top: 4px; line-height: 1.5em; }

.hero-container-14 .inner .hero-section-1 .two-fifths a, .hero-container-14 .inner .hero-section-1 .three-fifths .story-buttons a { font-size: 13px; font-weight: 300; padding: 5px 15px; border-radius: 30px; border: solid 1px rgba(224, 221, 217, 0.83); text-transform: uppercase; color: rgba(255, 255, 255, 1); fill: rgba(255, 255, 255, 1); background: rgba(255,255,255,0.05); margin-top: 0; }

.hero-container-14 .inner .hero-section-1 .two-fifths a span { font-size: inherit; font-weight: inherit; text-transform: inherit; color: inherit; fill: inherit; }

.hero-container-14 .inner .hero-section-1 .two-fifths>a { /* position: absolute; bottom: clamp(33px, 3.6vw, 38px); right: clamp(33px, 3.6vw, 38px); */ }

.hero-container-14 .inner .hero-section-1 .two-fifths a:hover, .hero-container-14 .inner .hero-section-1 .two-fifths a:hover svg use, .hero-container-14 .inner .hero-section-1 .three-fifths .story-buttons a:hover, .hero-container-14 .inner .hero-section-1 .three-fifths .story-buttons a:hover svg use { color: #342715; fill: #342715; background: #e1ded9; text-decoration: none; }
.hero-container-14 .inner .hero-section-1 .three-fifths .story-buttons  a:hover svg use { fill: #342715; }
.hero-container-14 .inner .hero-section-1 .three-fifths a.left-arrow, .hero-container-14 .inner .hero-section-1 .three-fifths a.right-arrow { border-radius: 30px; border: solid 1px rgba(224, 221, 217, 0.83); text-transform: uppercase; color: rgba(244, 241, 237, 1); fill: rgba(244, 241, 237, 1); background: rgba(255,255,255,0.05); margin-top: 0; float: left; text-align: left; display: block; height: auto; padding: 3px 7px; display: inline-block; margin: 0 0 0 5px; float: left; display: flex; height: clamp(28px, 8.7vw, 38px); width: clamp(28px, 8.7vw, 38px); align-items: center; justify-content: center; overflow: hidden; }

.hero-container-14 .inner .hero-section-1 .three-fifths a svg { fill: inherit; margin: 0 auto; height: clamp(25px, 7.7vw, 42px); height: 12px; }

.hero-container-14 .inner .hero-section-1 .three-fifths a.left-arrow svg, .hero-container-14 .inner .hero-section-1 .three-fifths a.right-arrow svg { transform: none; }

.hero-container-14 .inner .hero-section-1 .three-fifths { position: relative; }

.story-buttons { margin-top: 0px; position: absolute; top: clamp(-45px, -4.6vw, -45px); right: 0; top: clamp(-55px, -9.6vw, -46px); }




.hero-container-15 { background: linear-gradient(#fbfafa, #f6f5f5); overflow: visible; padding-top: 1px; }
.hero-container-15 .inner { padding-left: clamp(6px, 1.9vw, 20px); padding-right: clamp(6px, 1.9vw, 20px); }
.hero-container-15 .feature-slogan { font-family: roca; font-style: italic; font-weight: 500; font-size: clamp(14px, 4.3vw, 44px); color: #04a9a6; position: relative; line-height: 2.6em; line-height: clamp(35px, 10.8vw, 111px); white-space: nowrap; }
.hero-container-15 .feature-slogan .slogan-piece { font-family: inherit; font-size: inherit; font-weight: inherit; position: absolute; color: inherit; text-align: left; line-height: inherit; }
.hero-container-15 .feature-slogan .slogan-piece-2, .hero-container-15 .feature-slogan .slogan-piece-4 { font-size: 112px; font-size: clamp(34px, 10.9vw, 115px); font-weight: inherit; color: #ddc395; position: relative; display: block; }

.hero-container-15 .feature-slogan .slogan-piece-1 { z-index: 10; left: clamp(-75px, -7.05vw, -7px); top: clamp(-8px, -1vw, -4px); line-height: 1em; font-size: .33em; color: rgba(4, 170, 167, 0.39); color: #04a9a6; position: absolute; line-height: 0.9em; text-transform: none; font-size: .4em; }
.hero-container-15 .feature-slogan .slogan-piece-2 { margin-left: clamp(12px, 11.6vw, 122px) }
.hero-container-15 .feature-slogan .slogan-piece-3 { z-index: 10; top: -0.1em; right: 2.1em; right: clamp(0.1em, 2vw, 2.1em); right: auto; left: clamp(157px, 45vw, 472px); line-height: 1em; font-size: clamp(12px, 3.65vw, 38px); font-size: .4em; color: rgba(4, 170, 167, 0.39); color: #04a9a6; position: absolute; line-height: 0.9em; text-transform: none; top: clamp(-7px, -0.9vw, -4px); left: clamp(123px, 38.8vw, 406px); }
.hero-container-15 .feature-slogan .slogan-piece-4 { text-align: right; text-align: left; right: auto; padding-left: clamp(111px, calc(33.3vw), 355px); padding-left: clamp(80px, calc(25.4vw), 271px); margin-left: clamp(12px, 11.6vw, 122px); }

.hero-container-15 .impact-tiles-wrap { margin-top: -50px; position: relative; top: 70px; z-index: 10; }





.hero-container-16 .inner { margin: clamp(64px, 8vw, 100px) auto clamp(64px, 8vw, 100px); }
.hero-container-16 .inner h2 { color: #fff; font-size: clamp(27px, 4.3vw, 45px); font-weight: 600; margin-top: 0; margin-bottom: 80px; line-height: 1.3em; text-shadow: 0 1px 0 rgba(0,0,0,0.15), 0 22px 49px rgba(0,0,0,0.35); margin-bottom: clamp(50px, 4vw, 80px); font-family: roca; text-transform: none; }

.hero-container-16 .inner .hero-section-1 { background-color: rgba(255,255,255,0.55); -webkit-backdrop-filter: blur(25px); backdrop-filter: blur(25px); padding: clamp(26px, 2.9vw, 30px) clamp(28px, 3.3vw, 35px) clamp(43px, 5.6vw, 68px); border-radius: 100px; border-radius: clamp(30px, 10vw, 100px); border-top: solid 1px rgba(255,255,255,0.16); border-bottom: solid 1px rgba(0,0,0,0.03); background-image: url(/assets/noise-4424f66cd47eee6bbeccb7b743aa03b947dac7cfbd47b105c2f10b75da920452.png); background-size: 200px; background-repeat: repeat; position: relative; } 

.hero-container-16 .inner .hero-section-1 h2 { font-size: clamp(24px, 4.1vw, 40px); color: #32aadb; color: color(display-p3 0.196078 0.666667 0.858824 / 1.000000); font-weight: 300; text-shadow: none; margin-bottom: 10px; } 
.hero-container-16 .inner .hero-section-1 h2 span { color: #fe574b; font-size: inherit; font-family: inherit; font-weight: inherit; } 
.hero-container-16 .inner .hero-section-1 p.hero-subtext { color: #258bb4; color: color(display-p3 0.196078 0.666667 0.858824 / 1.000000); font-weight: 300; text-align: center; padding: 0 170px; padding: 0 clamp(calc(10vw - 30px), calc(18vw - 55px), calc(1vw + 160px)); }


.hero-container-16 .copa-logo-color { width: 40px; height: 40px; margin: 30px auto 25px; }
.hero-container-16 .copa-logo-color svg { width: 45px; height: 45px; }

.hero-container-16 hr { width: 145px; height: 1px; border: 0px; border-color: #32aadb; background-color: transparent; border: solid 1px #32aadb; border-color: color(display-p3 0.196078 0.666667 0.858824 / 1.000000); border-width: 1px 0 0 0; position: relative; display: block; margin: 20px auto; }

.validation-wrapper { position: relative; display: block; }
.validation-wrapper .validation-trust, .validation-wrapper .validation-recognition { font-size: clamp(12px, 3.4vw, 14px); text-transform: uppercase; font-weight: 400; text-align: center; margin-bottom: 0px; }
.validation-wrapper .validation-trust { color: #32aadb; color: color(display-p3 0.196078 0.666667 0.858824 / 1.000000); }
.validation-wrapper .validation-recognition { color: #fe574b; }

.validation-wrapper .validation-trust span, .validation-wrapper .validation-recognition span { font-size: inherit; text-transform: inherit; color: inherit; font-weight: 600; }

.validation-wrapper .partners-wrapper, .validation-wrapper .recognition-wrapper { text-align: center; max-width: 100%; position: relative; }
.validation-wrapper .partners-wrapper { margin-bottom: 10px; display: block; justify-content: center; justify-items: center; align-items: center; align-content: center; }
.validation-wrapper .partners-wrapper > div, .validation-wrapper .recognition-wrapper > div { float: none; display: inline-block; justify-content: center; justify-items: center; align-items: center; align-content: center; width: auto; margin-top: 15px; margin-bottom: 15px; }
.validation-wrapper svg { width: auto; height: 50px; max-width: 120px; max-width: clamp(73px, 23vw, 85px); height: 52px; height: clamp(23px, 7vw, 52px); width: auto; margin-left: 8px; margin-right: 8px; }
.validation-wrapper .molina-logo svg { max-width: 50px; height: 52px; }
.validation-wrapper .blue-cross-logo svg { max-width: 80px; height: 52px; }
.validation-wrapper .mercycare-logo svg { max-width: 100px; height: 52px; }
.validation-wrapper .az-logo svg { max-height: 33px; max-width: 85px; }
.validation-wrapper svg use { fill: #32aadb; fill: color(display-p3 0.196078 0.666667 0.858824 / 1.000000); }

.validation-wrapper .recognition-wrapper svg use { fill: #32aadb; fill: color(display-p3 0.996078 0.341176 0.294118 / 1.000000); }





.hero-container-17 .inner { margin: clamp(64px, 8vw, 100px) auto clamp(64px, 8vw, 100px); padding-bottom: 70px; }
.hero-container-17 .inner h2 { color: #fff; font-size: clamp(28px, 4.3vw, 52px); font-weight: 600; margin-top: 0; line-height: 1.2em; text-shadow: 0 1px 0 rgba(0,0,0,0.15), 0 22px 49px rgba(0,0,0,0.35); margin-bottom: 25px; font-family: roca; text-transform: none; }

.hero-container-17 .inner > p.hero-subtext { color: white; font-weight: 300; text-align: center; padding: 0 180px; padding: 0 clamp(calc(15px), calc(13vw - 14px), calc(180px)); font-family: "Montserrat"; }
.hero-container-17 .inner > p.hero-subtext:last-of-type { margin-bottom: 65px; }

.hero-container-17 .inner .hero-section-1 { background-color: rgba(255,229,217,0.75); -webkit-backdrop-filter: blur(15px) brightness(100%); backdrop-filter: blur(15px) brightness(100%); background-color: rgba(255, 205, 182, 0.65); -webkit-backdrop-filter: blur(19px) brightness(700%) contrast(0.12); padding: clamp(45px, 4.8vw, 50px) clamp(28px, 3.3vw, 35px) clamp(45px, 5.7vw, 60px); padding: clamp(55px, 21.4vw, 80px) clamp(28px, 3vw, 35px) clamp(55px, 21.4vw, 80px); border-radius: 100px; border-top: solid 1px rgba(255,255,255,0.16); border-bottom: solid 1px rgba(0,0,0,0.03); background-image: url(/assets/noise-4424f66cd47eee6bbeccb7b743aa03b947dac7cfbd47b105c2f10b75da920452.png); background-size: 200px; background-repeat: repeat; position: relative; max-width: 350px; border-radius: 175px; margin: 0 auto; } 



.hero-container-17 .inner .hero-section-1 a { text-decoration: none; color: #fff; color: #e6413a; fill: #e6413a; transition: color .23s, fill .23s, transform .23s; } 
.hero-container-17 .inner .hero-section-1 a:hover { text-decoration: none; color: #e02a27; fill: #e02a27; transform: scale(1.05); } 
.hero-container-17 .inner .hero-section-1 a svg { fill: inherit; /* transform: rotate(-45deg); */ width: clamp(20px, 2vw, 40px); height: clamp(20px, 2vw, 40px); } 
.hero-container-17 .inner .hero-section-1 a:hover svg { color: inherit; border-radius: 50%; } 
.hero-container-17 .inner .hero-section-1 a svg use { transition: transform .23s; transform-origin: center center; } 
.hero-container-17 .inner .hero-section-1 a:hover svg use { transform: rotate(-135deg); } 
.hero-container-17 .inner .hero-section-1 h2 { font-size: clamp(24px, 4.1vw, 40px); font-size: clamp(23px, 8.8vw, 40px); color: #32aadb; color: color(display-p3 0.196078 0.666667 0.858824 / 1.000000); font-weight: 600; text-shadow: none; margin-bottom: 10px; color: inherit;} 
.hero-container-17 .inner .hero-section-1 h2 span { color: #e6413a; font-size: inherit; font-family: inherit; font-weight: inherit; color: inherit; } 
.hero-container-17 .inner .hero-section-1 p.hero-subtext { color: #e6413a; font-weight: 600; text-align: center; padding: 0 clamp(6px, 2vw, 20px); font-family: roca; font-style: italic; font-size: clamp(16px, 0.51vw + 14.48px, 18px); font-size: clamp(14px, 1.31vw + 12.48px, 18px); }
.hero-container-17 .inner .hero-section-1 a { color: #e6413a; font-size: inherit; font-family: montserrat; font-weight: 300; text-align: center; display: block; margin: 15px auto; } 

.bubble-wrap { width: 700px; width: clamp(260px, 81vw, 700px); width: clamp(280px, 87vw, 350px); margin: 0 auto; height: 100%; position: relative; }
.bubble { border-radius: 300px; position: relative; }
.bubble.orange { background: #fe995d; background: color(display-p3 0.996078 0.600000 0.364706 / 1.000000); width: 243px; height: 243px; position: absolute; left: 50%; top: 0; transform: translate(-130%, 0); }
.bubble.teal { background: #00c9c2; background: color(display-p3 0.000000 0.788235 0.760784 / 1.000000); width: 142px; height: 142px; position: absolute; left: 49%; bottom: 50px; transform: translate(-160%, 0); }
.bubble.purple { background: #9e7ae3; background: color(display-p3 0.619608 0.478431 0.890196 / 1.000000); width: 118px; height: 118px; position: absolute; right: 13%; right: -22%; top: 105px; }
.bubble.sky { background: #a7cbf8; background: color(display-p3 0.654902 0.796078 0.972549 / 1.000000); width: clamp(245px, 77vw, 295px); height: clamp(245px, 77vw, 295px); position: absolute; right: 1%; right: -49%; bottom: -65px; }


.hero-container-17 .copa-logo-color { width: 40px; height: 40px; margin: 15px auto 35px; }
.hero-container-17 .copa-logo-color svg { width: 45px; height: 45px; }


.referred-response-wrap { display: flex; justify-content: center; justify-items: center; align-content: center; align-items: center; margin-bottom: 12px; }
.hero-container-17 .inner .hero-section-1 a.referred-yes-btn, .hero-container-17 .inner .hero-section-1 a.referred-no-btn { display: inline-block; padding: 17px 15px; color: #fff; text-decoration: none; text-align: center; border-radius: 100px; margin: 8px 4px; }

.hero-container-17 .inner .hero-section-1 a.referred-yes-btn { background: #e67570; padding: 14px 48px; }
.hero-container-17 .inner .hero-section-1 a.referred-yes-btn:hover { background: #e74e46; }
.hero-container-17 .inner .hero-section-1 a.referred-no-btn { background: #bfa2a1; }
.hero-container-17 .inner .hero-section-1 a.referred-no-btn:hover { background: #9d7574; }


@supports (-moz-appearance:none) {
  .hero-container-17 .inner .hero-section-1 { 
    backdrop-filter: blur(18px) brightness(210%) contrast(0.32); 
  }
}

.hero-container.hero-container-18 { margin-bottom: -200px; }
.hero-container.hero-container-18 .bg-wrap { margin-bottom: -200px; overflow: hidden; height: 100%; width: 100%; position: absolute; height: calc(100% - 200px); }
.hero-container-18 .path-and-plane { display: block; position: absolute; left: 0; height: 100%; width: 100%; fill: none; margin: auto; margin-bottom: -200px; }
.hero-container-18 .path-and-plane svg, .hero-container-18 .path-and-plane svg use { fill: none; height: 100%; width: auto; }
.hero-container-18 .inner { margin: clamp(64px, 8vw, 100px) auto clamp(64px, 8vw, 100px); margin: clamp(64px, 8vw, 100px) auto 100px; }

.hero-container-18 .path-and-plane svg { height: 107%; width: 100%; min-width: 1307px; top: -380px; display: block; fill: none; margin: auto; /* stroke: rgba(255,255,255,0.5); stroke-dasharray: 0 0; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8px; */ stroke-dashoffset: 4px; opacity: .5; left: 50%; transform: translate(-50%, 0%); }

.hero-container-18 .path-and-plane svg polygon.st2 { stroke: rgba(255,255,255,0.5); stroke-dasharray: 6 6;  }

  .hero-container-18 .inner h2 { font-size: clamp(28px, 4.3vw, 52px); color: white; font-weight: 600; text-shadow: none; margin-bottom: 10px; line-height: 1.3em; text-transform: none; } 
  .hero-container-18 .inner h2 span { color: white; font-size: inherit; font-family: inherit; font-weight: inherit; } 
  .hero-container-18 .inner p.hero-subtext { color: white; font-weight: 300; text-align: center; padding: 0 180px; padding: 0 clamp(calc(15px), calc(13vw - 14px), calc(180px)); font-family: "Montserrat"; }
  .hero-container-18 .inner a { color: #e6413a; font-size: inherit; font-family: montserrat; font-weight: 300; text-align: center; display: block; margin: 15px auto; }

  .hero-container-18 .inner.center { text-align: center; }
  .hero-container-18 .inner a.hero-header-link { background-color: rgba(255,255,255,0.3); box-shadow: 0 0 30px rgba(0,0,0,0.1); color: #fff; font-size: 17px; display: inline-block; font-size: 19px; font-size: clamp(16px, 5vw, 19px); font-size: clamp(14px, 4.3vw, 19px); padding-left: 30px; padding-right: 30px; transition: transform 0.2s; }
  .hero-container-18 .inner a.hero-header-link:hover { background-color: rgba(255,255,255,1); color: #cb7e8f; display: inline-block; transform: scale(1.03); }
  
  .hero-container-18 .cta-btn svg.icon { fill: #fff; transform: rotate(-45deg); width: 18px; height: 18px; }
  .hero-container-18 .cta-btn:hover svg.icon { fill: #cb7e8f; transform: rotate(-45deg); width: 18px; height: 18px; }
  


  .hero-container-18 .hero-section-1 { margin-top: 40px; padding: 0 clamp(5px, 1.9vw, 20px); padding: 0 clamp(5px, 3.8vw, 40px); margin-bottom: -120px; }
  .hero-container-18 .col-1-services { width: 50%; float: left; padding-right: 20px; padding-right: clamp(10px, 2.3vw, 25px); }
  .hero-container-18 .col-2-services { width: 50%; float: left; padding-left: 20px; padding-left: clamp(10px, 2.3vw, 25px); padding-top: clamp(65px, 18vw, 160px); }

  .hero-container-18 .inner a.services-tile { border-radius: clamp(15px, 3vw, 30px); margin-bottom: clamp(20px, 4.6vw, 50px); display: block; overflow: hidden; text-align: left; box-shadow: 0px 20px 35px rgba(0,0,0,0.3); transition: box-shadow 0.2s, background-color 0.2s, transform 0.2s; margin-top: 0; }
  .hero-container-18 .inner a.services-tile:hover { text-decoration: none; box-shadow: 0px 35px 35px rgba(0,0,0,0.2); transform: scale(1.03); }
  .services-tile .page-hero-2 {  }
  .hero-container-18 .col-1-services .services-tile { float: right; }
  .hero-container-18 .col-2-services .services-tile { float: left; }

  .services-tile.tile-100 { width: 100%; }
  .services-tile.tile-80 { width: 80%; }
  .services-tile.tile-70 { width: 70%; }
  .services-tile.tile-60 { width: 60%; }
  .services-image-wrap { display: block; position: relative; background: #333; z-index: 1; }
  .services-image-wrap img { transition: opacity 0.2s, filter 0.2s; filter: brightness(70%); }
  .hero-container-18 .inner a.services-tile:hover .services-image-wrap img { filter: brightness(85%); }
  .services-tile .tagline { font-weight: 800; font-family: montserrat; color: #fff; line-height: 1em; padding: 20px 35px; padding: clamp(10px, 2.5vw, 20px) clamp(10px, 3vw, 35px); text-transform: uppercase; margin-top: clamp(123px, 22vw, 220px); margin-bottom: 0; display: block; position: relative; font-size: clamp(14px, 0.51vw + 17.38px, 22px); font-size: clamp(11px, 2vw, 22px); text-shadow: 0 0 20px rgba(0,0,0,0.45); position: relative; z-index: 10; }
  .services-tile.tile-60 .tagline { margin-top: clamp(62px, 11vw, 110px); }
  .services-tile.tile-70 .tagline { margin-top: clamp(72px, 13vw, 130px); }
  .services-tile.tile-80 .tagline { margin-top: clamp(84px, 15vw, 150px); }

  .services-tile .description.services-tile-chin { font-weight: 300; font-family: montserrat; color: #fff; line-height: 1.3em; padding: 25px 15px 25px 35px; padding: clamp(10px, 2.5vw, 25px) clamp(10px, 2vw, 15px) clamp(10px, 2.5vw, 25px) clamp(13px, 3vw, 35px); background: #555; font-size: clamp(11px, 1.8vw, 19px); transition: background-color 0.2s, color 0.2s; }
 
  .services-counseling-tile .description.services-tile-chin { background: #f08e88; background: color(display-p3 0.941176 0.556863 0.533333 / 1.000000); }
  .hero-container-18 .inner a.services-counseling-tile:hover .description.services-tile-chin { background: #f46d65; background: color(display-p3 0.955 0.429 0.396); }
/*   .hero-container-18 .inner a.services-counseling-tile:hover .tagline { color: #f08e88; color: color(display-p3 0.941176 0.556863 0.533333 / 1.000000); }
 */
  .services-housing-tile .description.services-tile-chin { background: #ffb46a; background: color(display-p3 1.000000 0.705882 0.415686 / 1.000000); }
  .hero-container-18 .inner a.services-housing-tile:hover .description.services-tile-chin { background: #ffa750; background: color(display-p3 1 0.655 0.315); }
/*   .hero-container-18 .inner a.services-housing-tile:hover .tagline { color: #ffb46a; color: color(display-p3 1.000000 0.705882 0.415686 / 1.000000); }
 */
  .services-caregiver-tile .description.services-tile-chin { background: #6090fe; background: color(display-p3 0.376471 0.564706 0.996078 / 1.000000); }
  .hero-container-18 .inner a.services-caregiver-tile:hover .description.services-tile-chin { background: #4078f9; background: color(display-p3 0.249 0.469 0.975); }
/*   .hero-container-18 .inner a.services-caregiver-tile:hover .tagline { color: #6090fe; color: color(display-p3 0.376471 0.564706 0.996078 / 1.000000); }
 */
  .services-ers-tile .description.services-tile-chin { background: #6cc6f5; background: color(display-p3 0.423529 0.776471 0.960784 / 1.000000); }
  .hero-container-18 .inner a.services-ers-tile:hover .description.services-tile-chin { background: #2db7ff; background: color(display-p3 0.175 0.717 1); }
/*   .hero-container-18 .inner a.services-ers-tile:hover .tagline { color: #6cc6f5; color: color(display-p3 0.423529 0.776471 0.960784 / 1.000000); }
 */
  .services-villages-tile .description.services-tile-chin { background: #6cce86; background: color(display-p3 0.423529 0.807843 0.525490 / 1.000000); }
  .hero-container-18 .inner a.services-villages-tile:hover .description.services-tile-chin { background: #44cd6a; background: color(display-p3 0.266 0.805 0.414); }
/*   .hero-container-18 .inner a.services-villages-tile:hover .tagline { color: #6cce86; color: color(display-p3 0.423529 0.807843 0.525490 / 1.000000); }
 */
  .services-transportation-tile .description.services-tile-chin { background: #b981d9; background: color(display-p3 0.725490 0.505882 0.850980 / 1.000000); }
  .hero-container-18 .inner a.services-transportation-tile:hover .description.services-tile-chin { background: #af54e3; background: color(display-p3 0.686 0.329 0.89); }
/*   .hero-container-18 .inner a.services-transportation-tile:hover .tagline { color: #b981d9; color: color(display-p3 0.725490 0.505882 0.850980 / 1.000000); }
 */




 

 .hero-container.hero-container-19 { padding-top: 90px; background-image: linear-gradient(#fdf9ff, #f5e0ff); min-height: 800px; }
 .hero-container.hero-container-19 .bg-wrap { overflow: hidden; height: 100%; width: 100%; position: absolute; height: calc(100% - 200px); }
 .hero-container-19 .inner { margin: clamp(50px, 8vw, 64px) auto clamp(64px, 8vw, 100px); }
  
   .hero-container-19 .inner h2 { font-size: clamp(28px, 4.3vw, 52px); color: #af54e3; color: color(display-p3 0.709804 0.423529 0.894118 / 1.000000); font-weight: 600; text-shadow: none; margin-bottom: 10px; line-height: 1.3em; text-transform: none; } 
   .hero-container-19 .inner h2 span { color: #ffffff; font-size: inherit; font-family: inherit; font-weight: inherit; } 
   .hero-container-19 .inner p.hero-subtext { color: #af54e3; color: color(display-p3 0.709804 0.423529 0.894118 / 1.000000); font-weight: 300; text-align: center; padding: 0 clamp(calc(15px), calc(13vw - 14px), calc(180px)); font-family: "Montserrat";  }
   .hero-container-19 .inner a { color: #e6413a; font-size: inherit; font-family: montserrat; font-weight: 300; text-align: center; display: block; margin: 15px auto; }
 
   .hero-container-19 .inner.center { text-align: center; }
   .hero-container-19 .inner a.hero-header-link { background-color: rgba(255,255,255,0.3); box-shadow: 0 0 30px rgba(0,0,0,0.1); color: #fff; font-size: 17px; display: inline-block; font-size: 19px; padding-left: 30px; padding-right: 30px; }
   .hero-container-19 .inner a.hero-header-link:hover { background-color: rgba(255,255,255,1); color: #cb7e8f; display: inline-block; }
   
   .hero-container-19 .hero-section-1 { margin-top: 40px; padding: 0 45px; }
 
 
   .map-wrap { position: relative; border-radius: 30px; background: rgba(255,255,255,0.6); overflow: hidden; margin-top: 60px; margin-bottom: 30px; box-shadow: 0 10px 25px rgba(0,0,0,0.1); }
   .map-wrap:before { content: "&nbsp;"; background: #4a2859; width: 100%; height: 100%; z-index: 0; opacity: 0; transition: opacity .53s; display: block; position: absolute; }
   .map-wrap:hover:before { opacity: 1; }
   .map-wrap:hover .map-wrap-title { /* color: #fff; */ }
   .location-type-buttons-wrap { width: 57%; float: right; padding: 5px; }
   .location-type-buttons-wrap * { will-change: transform; color: inherit; fill: inherit; }
   .map-preview { width: 43%; margin-right: 0%; min-height: 821px; min-height: clamp(500px, 98.5vw, 821px); float: left; background: rgba(15,42,191,1); min-height: clamp(485px, 68vw, 598px); }
   h4.map-wrap-title { width: 100%; padding: 25px 4% 0px; display: block; font-family: roca; font-size: 22px; font-weight: 600; color: #31bcf5; text-align: right; color: #31bcf5; color: color(display-p3 0.192157 0.737255 0.960784 / 1.000000); position: relative; z-index: 10; }
   .locations-controls { width: 100%; float: right; padding: 2%; position: relative; z-index: 10; }
   .locations-controls:nth-of-type(n + 1) { padding: 0 2%; }
   .locations-controls:nth-of-type(n + 4) { padding: 0 2% 2%; }
  
   .hero-container-19 a.location-type-tile { position: relative; width: 30.7%; margin: 1.4% 1.3%; float: left; border-radius: 15px; padding: 15px; text-align: left; font-family: roca; color: #fff; transition: box-shadow 0.2s, background-color 0.2s, transform 0.35s; overflow: hidden; box-shadow: 0 10px 15px rgba(0,0,0,0.1); position: relative; z-index: 10; }
   .hero-container-19 a.location-type-tile:hover, .hero-container-19 a.location-type-tile.selected { text-decoration: none; transform: scale(1.06); box-shadow: 0 15px 20px rgba(0,0,0,0.1); }

   .hero-container-19 a.location-type-tile.selected { cursor: default; transform: scale(1.06); }


   .hero-container-19 a.location-type-tile::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity 0.5s;
    z-index: -1;
    opacity: 0;
  }
  .hero-container-19 a.location-type-tile:hover::before, .hero-container-19 a.location-type-tile.selected::before {
    opacity: 1;
  }



   .location-type-tile.counseling-tile { background: #fa5e54; background: color(display-p3 0.980392 0.368627 0.329412 / 1.000000); }
   .location-type-tile.counseling-tile::before { background: radial-gradient(at top right, color(display-p3 1 0.465 0.431) 10%, color(display-p3 0.933 0.174 0.124) 70%); transition: opacity 0.5s; }
   
   .location-type-tile.pharmacy-tile { background: #6cd488; background: color(display-p3 0.423529 0.831373 0.533333 / 1.000000); }
   .location-type-tile.pharmacy-tile::before { background: radial-gradient(at top right, color(display-p3 0.394 0.826 0.512) 10%, color(display-p3 0.171 0.682 0.308) 70%); transition: opacity 0.5s; }
   
   .location-type-tile.case-management-tile { background: #fb8468; background: color(display-p3 0.984314 0.517647 0.407843 / 1.000000); }
   .location-type-tile.case-management-tile::before { background: radial-gradient(at top right, color(display-p3 0.9843 0.5176 0.4078) 10%, color(display-p3 0.974 0.307 0.15) 70%); transition: opacity 0.5s; }

   
   .location-type-tile.fitness-tile { background: #739cfb; background: color(display-p3 0.450980 0.611765 0.984314 / 1.000000); }
   .location-type-tile.fitness-tile::before { background: radial-gradient(at top right, color(display-p3 0.51 0.635 0.995) 10%, color(display-p3 0.231 0.429 1) 70%); transition: opacity 0.5s; }

   .location-type-tile.pediatric-tile { background: #cb94ea; background: color(display-p3 0.796078 0.580392 0.917647 / 1.000000); }
   .location-type-tile.pediatric-tile::before { background: radial-gradient(at top right, color(display-p3 0.7961 0.5804 0.9176) 10%, color(display-p3 0.684 0.179 0.969) 70%); transition: opacity 0.5s; }
   
   .location-type-tile.employment-tile { background: #57c9f3; background: color(display-p3 0.341176 0.788235 0.952941 / 1.000000); }
   .location-type-tile.employment-tile::before { background: radial-gradient(at top right, color(display-p3 0.518 0.872 1) 10%, color(display-p3 0 0.614 0.836) 70%); transition: opacity 0.5s; }


   .location-type-tile.art-therapy-tile { background: #f4cb6a; background: color(display-p3 0.956863 0.796078 0.415686 / 1.000000); }
   .location-type-tile.art-therapy-tile::before { background: radial-gradient(at top right, color(display-p3 0.9569 0.7961 0.4157) 10%, color(display-p3 0.949 0.707 0.136) 70%); transition: opacity 0.5s; }

   .location-type-tile.community-treatment-tile { background: #faa166; background: color(display-p3 0.980392 0.631373 0.400000 / 1.000000); }
   .location-type-tile.community-treatment-tile::before { background: radial-gradient(at top right, color(display-p3 0.9804 0.6314 0.4) 10%, color(display-p3 0.954 0.468 0.147) 70%); transition: opacity 0.5s; }
   
   .location-type-tile.skills-dev-tile { background: #f69ad7; background: color(display-p3 0.964706 0.603922 0.843137 / 1.000000); }
   .location-type-tile.skills-dev-tile::before { background: radial-gradient(at top right, color(display-p3 0.9647 0.6039 0.8431) 10%, color(display-p3 0.949 0.384 0.759) 70%); transition: opacity 0.5s; }
  
   .location-type-tile p.tile-title { margin-top: 10px; margin-bottom: 5px; min-height: clamp(42px, 6.3vw, 60px); font-family: roca; color: #fff; font-size: clamp(13px, 1.8vw, 17px); line-height: 1.15em; }
   .location-type-tile .tile-title span { font-size: inherit; color: inherit; font-weight: inherit; font-family: inherit; }
   .location-type-tile .tile-title .alt-text { display: none; }
   .location-type-tile .tile-title .original-text {  }

   .location-type-tile p.location-count { margin-top: 5px; font-size: clamp(10px, 1.5vw, 12px); color: #fff; }
   .location-type-tile .tile-glyph { width: clamp(20px, 2.9vw, 30px); height: clamp(20px, 2.9vw, 30px); }
   .location-type-tile .tile-glyph svg { fill: #fff; width: clamp(20px, 2.9vw, 30px); height: clamp(20px, 2.9vw, 30px); }
   .location-type-tile .tile-glyph use { fill: #fff; width: clamp(20px, 2.9vw, 30px); height: clamp(20px, 2.9vw, 30px); }
  
   .location-tile-wrap { float: right; width: 57%; padding: 2% 2.8%; position: relative; position: relative; z-index: 10; }
   .location-tile-wrap p.location-tile-label { text-align: left; font-size: 13px; color: #aaa; font-weight: 300; text-transform: uppercase; display: inline-block; margin-bottom: 5px; position: relative; z-index: 10; }
   .location-tile-wrap .location-arrows { float: right; min-height: 20px; min-width: 60px; top: -9px; position: relative; z-index: 10; }
   .hero-container-19 .inner .location-tile { border-radius: 15px; overflow: hidden; background: white; display: block; margin: 0 0; width: 100%; box-shadow: 0 10px 25px rgba(0,0,0,0.1); }
   .location-tile .location-thumb, .gm-style-iw-d .location-thumb { background: #ccc; width: 150px; height: 140px; float: left; overflow: hidden; }
   .location-tile .location-info-wrap, .gm-style-iw-d .location-info-wrap { float: right; width: calc(100% - 150px); height: 160px; text-align: left; padding: clamp(10px, 1.6vw, 20px); font-family: roca; position: relative; }

   .location-tile-wrap { display: none; }


   .location-tile .location-info-wrap .location-name, .location-tile .location-info-wrap .location-detail, .location-tile .location-info-wrap .location-address { font-family: roca; color: #ed574e; color: color(display-p3 0.929412 0.341176 0.305882 / 1.000000); margin-bottom: 5px; }
   .location-tile .location-info-wrap .location-name { font-size: clamp(13px, 1.8vw, 22px); font-weight: 500; }
   .location-tile .location-info-wrap .location-detail { font-style: italic; font-size: clamp(12px, 0.51vw + 9.48px, 15px); font-weight: 300; }
   .location-tile .location-info-wrap .location-address { font-family: montserrat; font-size: clamp(12px, 0.51vw + 7.6px, 13px); font-weight: 300; }
   .location-tile .location-info-wrap .location-link { position: absolute; bottom: 0; right: 0; padding: 15px; text-align: right; color: #ed574e; color: color(display-p3 0.929412 0.341176 0.305882 / 1.000000); }
 
   #map { height: 100%; }
  
  .map-preview > div { opacity: .8; transition: opacity .23s; width: 101%!important; height: 101%!important; bottom: -.5%!important; right: -.5%!important; top: auto!important; left: auto!important; }
  .map-preview div { border: none!important; }
  .map-wrap:hover .map-preview > div { opacity: 1; }
  
  .gm-style div { border: 0px solid rgba(0,0,0,0.0)!important; }
  
  .gm-style-mot, .gm-style-moc { opacity: 0 !important; }
  
  .gm-style-iw-d h3 { color: color(display-p3 0.929412 0.341176 0.305882 / 1.000000); font-size: clamp(13px, 3.3vw, 17px); font-weight: 500; margin-bottom: 2px; line-height: 1.3em; }
  .gm-style-iw-d p.map-location-type { color: color(display-p3 0.929412 0.341176 0.305882 / 1.000000); font-style: italic; font-family: roca; font-size: clamp(12px, 0.51vw + 9.48px, 15px); font-weight: 300; margin-bottom: 0px; }
  .gm-style-iw-d .map-location-address { color: color(display-p3 0.929412 0.341176 0.305882 / 1.000000); font-family: montserrat; font-size: clamp(10px, 0.51vw + 9px, 13px); font-weight: 300; margin-bottom: 5px; }
  .hero-container-19 .inner .gm-style-iw-d a.map-location-link { display: inline-block; margin: 0px auto; float: right; margin: 0 auto; position: absolute; right: 0; bottom: 0; padding: 15px; padding: clamp(8px, 1.4vw, 15px); text-transform: uppercase; font-size: clamp(10px, 0.51vw + 8.48px, 14px); }
  .hero-container-19 .inner .gm-style-iw-d a.map-location-link svg { fill: color(display-p3 0.929412 0.341176 0.305882 / 1.000000); width: 13px; height: 13px; transform: rotate(-45deg); margin-left: 2px; }

  .gm-ui-hover-effect { opacity: .8; padding: 6px!important; width: 58px!important; height: 58px!important; }
  .gm-ui-hover-effect:hover { background: rgba(0,0,0,0.4)!important; }
  .gm-ui-hover-effect>span { background: #fff; width: 38px!important; height: 38px!important; margin: 5px!important; }

  .gm-style-iw-ch { display: none; }
  .gm-style-iw-chr { position: absolute; }
  .gm-style-iw-chr button { position: absolute; z-index: 10; }
  .gm-style .gm-style-iw-c { padding: 0; max-width: 378px!important; width: 38vw!important; max-height: 160px!important; height: 160px!important; }
  .gm-style .gm-style-iw-d { max-width: 378px!important; width: 38vw!important; max-height: 160px!important; height: 160px!important; }
  .gm-style-iw-d .location-thumb { width: 80px; height: 160px; position: absolute; width: 80px; height: 160px; display: flex; align-content: center; align-items: center; justify-items: center; justify-content: center; background: #53a; }
  .gm-style-iw-d .location-thumb img { height: 160px; max-height: 160px; opacity: .7; }
  .gm-style-iw-d .location-info-wrap { width: calc(100% - 80px); height: 160px; }
  .gmnoprint { opacity: .75; }
  .gmnoprint:hover { opacity: 1; }

  .gm-style .gm-style-iw-d::-webkit-scrollbar { width: 0; height: 0px; }
  .gm-style .gm-style-iw-d::scrollbar { width: 0; height: 0px; }

   .hero-container-19 .location-arrows a { font-size: 10px; height: 10px; font-weight: 300; padding: 5px 15px; border-radius: 30px; text-transform: uppercase; color: rgba(244, 241, 237, 1); fill: rgba(244, 241, 237, 1); margin-top: 0; background: #ff9a9f; background: color(display-p3 1 0.605 0.622); }
   
   .hero-container-19 .location-arrows a:hover, .hero-container-19 .location-arrows a:hover { background: #e1ded9; text-decoration: none; background: #ff7371; background: color(display-p3 1 0.45 0.445); }
   .hero-container-19 .location-arrows a.left-arrow, .hero-container-19 .location-arrows a.right-arrow { text-transform: uppercase; margin-top: 0; float: left; text-align: left; display: block; height: auto; padding: 3px 7px; display: inline-block; margin: 0 0 0 5px; float: left; display: flex; height: clamp(28px, 8.7vw, 31px); width: clamp(28px, 8.7vw, 31px); align-items: center; justify-content: center; overflow: hidden; }
   
   .hero-container-19 .location-arrows a svg { fill: inherit; margin: 0 auto; height: clamp(25px, 7.7vw, 42px); height: 8px; }

   .location-arrows { margin-top: 0px; position: absolute; top: clamp(-45px, -4.6vw, -45px); right: 0.4%; top: clamp(-5px, -9.6vw, -26px); }
   




 .hero-container-14.home-page .inner { margin: clamp(64px, 8vw, 100px) auto clamp(64px, 8vw, 100px); }
 .home-page.hero-container-14 a svg.icon use { width: 12px; fill: inherit; transition: fill .23s; }


 .hero-container-14.home-page .inner .hero-section-1 a.header-link, .hero-container-14.home-page .inner .hero-section-1 a.right-arrow, .hero-container-14.home-page .inner .hero-section-1 a.left-arrow { color: #ffffff; }

 .home-page.hero-container-14 a:hover svg.icon use { fill: inherit; transition: fill .23s; }
 .hero-container-14.home-page .inner .hero-section-1 a.header-link:hover { color: inherit; }

 .hero-container-14.home-page .inner .hero-section-1 ol li { color: #fff; }
 .hero-container-14.home-page .inner .hero-section-1 ol { border-color: rgba(255,255,255,0.4); background: rgba(255,255,255,0.1); }
 .hero-container-14.home-page .inner .hero-section-1 ol li:before { border-color: rgba(255,255,255,0.4); }

 .hero-container-14.home-page .inner > h2 { margin-bottom: 10px; }
 .hero-container-14.home-page .inner > p.hero-subtext { margin: 20px auto 40px; color: #fff; padding: 0 clamp(15px, calc(13vw - 14px), 180px); text-align: center; font-weight: 300; }

 .home-page.hero-container-14 .carousel-container a svg.icon.icon_link-arrow, a svg.icon.icon_link-arrow { width: 12px; fill: inherit; transition: fill .23s, transform .23s; position: relative; top: -1px; }
 .home-page.hero-container-14 a:hover svg.icon.icon_link-arrow { fill: inherit; transform: rotate(-45deg); }

 .home-page.hero-container-19 .carousel-container a.right-arrow:hover svg.icon.icon_link-arrow { transform: none; }
 
 .hero-container-5.copa-home .inner { margin: clamp(25px, 4vw, 40px) auto clamp(32px, 3vw, 50px); }

 .hero-container-5.copa-home h2 { font-size: clamp(28px, 4.3vw, 52px); color: #0bcfdf; color: color(display-p3 0.044 0.81 0.875); text-transform: none; }
 .hero-container-5.copa-home p { text-align: center; padding: 0 clamp(15px, calc(13vw - 14px), 180px); color: #0bcfdf; color: color(display-p3 0.044 0.81 0.875); font-weight: 300; }

 .hero-container-5.copa-home .inner a.hero-header-link { background-color: #52d5e0; background-color: color(display-p3 0.321 0.836 0.88); box-shadow: 0 0 30px rgba(0,0,0,0.1); color: #fff; font-size: 17px; display: inline-block; font-size: 19px; font-size: clamp(16px, 5vw, 19px); font-size: clamp(14px, 4.3vw, 19px); padding-left: 30px; padding-right: 30px; transition: transform 0.2s; font-weight: 300; margin-bottom: 30px; }
 .hero-container-5.copa-home .inner a.hero-header-link:hover { background-color: #00cedf; background-color: color(display-p3 0 0.807 0.875); /* color: #0bcfdf; color: color(display-p3 0.044 0.81 0.875); */  display: inline-block; transform: scale(1.03); }



































.impact-tile { /* min-height: 190px; min-height: clamp(145px, 19.3vw, 190px); */ height: clamp(145px, 18.15vw, 190px); box-shadow: 0 20px 25px rgba(0,0,0,0.04); position: relative; overflow: hidden; }


.hero-container-15 .impact-tile { width: 23.5%; margin-right: 1.99%; background: white; border-radius: 15px; border-radius: clamp(9px, 1.2vw, 15px); padding: clamp(11px, 1.5vw, 15px) clamp(11px, calc(2vw - 1.98px), 19px) clamp(11px, 1.45vw, 15px); float: left; }

.impact-tile:last-of-type { margin-right: 0; }


/* .hero-container-15 .impact-tile:last-of-type { margin-right: 0; } */
.tile-header-wrap { float: left; clear: right; width: calc(100% - 33px); width: clamp(calc(100% - 33px), 17vw, calc(100% - 30px)); }
.hero-container-15 .impact-tile h4 { font-family: roca; font-size: 21px; font-weight: 300; line-height: 1.1em; margin-top: 2px;
  margin-bottom: 0px; font-size: clamp(14px, 2vw, 21px); white-space: nowrap; }
.impact-tile .icon { margin-right: 6px; margin-right: clamp(4px, 0.5vw, 6px); position: relative; top: -1px; height: 25px; width: 25px; height: clamp(18px, 2.3vw, 24px); width: clamp(18px, 2.3vw, 24px); float: left; }

.impact-tile p.sub-header { color: #949494; font-size: 14px; font-size: clamp(10px, 1.3vw, 13px); text-transform: uppercase; line-height: 1.1em; font-weight: 300; }

.impact-tile-vertical-graph h4 { color: #72d2e0; font-weight: 500; }
.impact-tile-vertical-graph .person-circle { fill: #00b5d0; }

.impact-tile p.impact-stat-text { font-size: 15px; line-height: 1.3em; padding-top: 67px; font-size: clamp(11px, 1.45vw, 15px); z-index: 10; position: relative; font-weight: 300; }
.impact-tile.impact-tile-upward-curve p.impact-stat-text { padding-top: clamp(44px, 5.5vw, 55px); }

.impact-tile-downward-curve {  }
.impact-tile-downward-curve h4 { color: #faa0d3; }
.impact-tile-downward-curve .arrow-up-circle { fill: #ff62b3; }
.impact-tile-downward-curve p.impact-stat-text { color: #ff90cf; text-align: right; padding-top: clamp(50px, 5.5vw, 58px); }

.impact-tile-upward-curve {  }
.impact-tile-upward-curve h4 { color: #d399ff; }
.impact-tile-upward-curve .heart-checkmark-circle { fill: #ae44ff; }
.impact-tile-upward-curve p.impact-stat-text { color: #b554ff; padding-top: clamp(44px, 5.5vw, 55px); }

.impact-tile-vertical-graph-pair {  }
.impact-tile-vertical-graph-pair h4 { color: #67cfb6; }
.impact-tile-vertical-graph-pair .piggy-bank-circle { fill: #00c088; }
.hero-container-15 .impact-tile .impact-svg, .hero-container-15 .impact-tile .impact-svg use, .hero-container-15 .impact-tile .impact-svg use g, .hero-container-15 .impact-tile .impact-svg use g svg { overflow: visible; }


svg.impact-svg { position: absolute; bottom: -2px; left: 0; width: 101%; height: 85px; height: clamp(61px, 8.1vw, 86px); }
svg.outpatient-impact-chart-1 { width: 100%; position: relative; height: clamp(59px, 8.4vw, 88px); }
svg.outpatient-impact-chart-3 { height: 61px; height: clamp(44px, 5.8vw, 61px); }
svg.outpatient-impact-chart-4 { height: 94px; bottom: 15px; }
svg.outpatient-impact-chart-4 { height: 97px; height: clamp(73px, 9.3vw, 97px); bottom: 15px; left: -1px; }
.impact-tile-vertical-graph .svg-holder { bottom: clamp(10px, 1.3vw, 15px); left: 15px; width: calc(100% - 30px); position: absolute; }
.impact-tile-vertical-graph .chart-label-right { position: absolute; right: 0; top: clamp(-32px, -3.0vw, -21px); text-align: right; z-index: 10; }
.impact-tile-vertical-graph .chart-label-left { position: absolute; left: 0; top: clamp(7px, 1.1vw, 11px); text-align: left; z-index: 10; color: #a9d0d5; }
.impact-tile-vertical-graph .chart-label-right p, .impact-tile-vertical-graph .chart-label-left p { font-size: 13px; font-size: clamp(10px, 1.3vw, 13px); font-weight: 300; line-height: 1em; margin-bottom: 0; color: #949494; }
.impact-tile-vertical-graph .chart-label-right h4, .impact-tile-vertical-graph .chart-label-left h4  { font-size: 15px; font-size: clamp(12px, 1.5vw, 15px); font-family: 'Montserrat'; font-weight: 600; line-height: 1em; margin-top: 1px; }

.impact-tile-vertical-graph-pair .chart-label-left { position: absolute; left: 0; top: 11px; text-align: left; z-index: 10; color: #66c8e0; top: 91px; top: clamp(71px, 9.5vw, 91px); top: calc(clamp(115px, 14.74vw, 156px) - (clamp(73px, 9.3vw, 97px) * .44) - clamp(16px, 2.1vw, 22px)); left: clamp(10px, 1.3vw, 18px); width: 30%; }
.impact-tile-vertical-graph-pair .chart-label-right { position: absolute; right: 0; top: -34px; text-align: right; z-index: 10; color: #66c8e0; top: 79px; top: calc(clamp(106px, 13.35vw, 141px) - (clamp(73px, 9.3vw, 97px) * .32) - clamp(16px, 2.1vw, 22px));
  right: clamp(10px, 1.3vw, 18px); margin-top: -8px; }
.impact-tile-vertical-graph-pair .chart-label-right p, .impact-tile-vertical-graph-pair .chart-label-left p { font-size: 14px; font-size: clamp(10px, 1.4vw, 14px); font-weight: 300; line-height: 1em; margin-bottom: 0; color: #67cfb6; text-transform: lowercase; }
.impact-tile-vertical-graph-pair .chart-label-right h4, .impact-tile-vertical-graph-pair .chart-label-left h4  { font-size: 22px; font-size: clamp(16px, 2.1vw, 22px); font-weight: 300; line-height: 1em; margin-top: 1px; margin-bottom: clamp(3px, .4vw, 4px); }

#myVideo { 
  width: 101%;
  height: 101%;
  object-fit: cover;
  position: absolute;
  z-index: 1;
  display: block;
  top: 0;
  left: 0; 
}



.hero-container.hero-container-8.hw-page, .hero-container.hero-container-9.hw-page { background: none; }

.hw-page.hero-container.hero-container-8, .hw-page.hero-container.hero-container-9 { padding-top: 0; }
div.hero-container.hw-page.first { margin-top: 20px; padding-top: 0; }
div.hero-container.hw-page.first .inner { margin-top: 0; padding-top: 0; }
div.hero-container.hw-page .inner { margin: clamp(15px, 3vw, 50px) auto; }
div.hero-container.hw-page.first h2 { line-height: 1.5em; font-size: clamp(26px, 5.8vw, 45px); color: #2a4787; margin-bottom: clamp(19px, 5vw, 50px); padding: 0 clamp(1%, 2vw, 10%); }
div.hero-container.hw-page.first p.hero-subtext { margin-bottom: clamp(20px, 5vw, 60px); padding: 0 clamp(0%, calc(9.97vw - 40px), 100px); }



.hero-container.hero-container-8.hw-page h3, .hero-container.hero-container-9.hw-page h3 { margin-top: 30px; color: #2a4787; }
.hero-container.hero-container-8.hw-page p, .hero-container.hero-container-9.hw-page p { color: #2a4787; }
.hero-container.hero-container-8.hw-page a, .hero-container.hero-container-9.hw-page a { color: #2a4787; background: #dbe7fe; font-size: 19px; line-height: 44px; padding: 0 32px; }
.hero-container.hero-container-8.hw-page a:hover, .hero-container.hero-container-9.hw-page a:hover { color: #fff; background: #2a4787; }
.hero-container.hero-container-8.hw-page .hero-image-wrap, .hero-container.hero-container-9.hw-page .hero-image-wrap { background: #dbe7fe; height: clamp(175px, 53vw, 410px); }

.hero-container.hero-container-8.hw-page.telehealth, .hero-container.hero-container-9.hw-page.telehealth { /* background: #ffedf3; */ padding-bottom: clamp(10px, 3vw, 30px); min-height: auto; }
.hero-container.hero-container-8.hw-page.telehealth *, .hero-container.hero-container-9.hw-page.telehealth * { color: #ff4281; }
.hero-container.hero-container-8.hw-page.telehealth.first, .hero-container.hero-container-9.hw-page.telehealth.first { padding-top: 60px; }
.hero-container.hero-container-8.hw-page.telehealth h3, .hero-container.hero-container-9.hw-page.telehealth h3 { margin-top: clamp(8px, 3vw, 90px); }
.hero-container.hero-container-8.hw-page.telehealth h2, .hero-container.hero-container-9.hw-page.telehealth h2 {  }
.hero-container.hw-page.telehealth h3 strong { font-family: inherit; font-weight: 600; }

.hero-container.hero-container-9.telehealth.hw-page:last-of-type { padding-bottom: 60px; }

.glyph.google-play-zoom, .glyph.apple-zoom { width: 120px; height: 120px; margin: 20px 10px; display: block; position: relative; }
.zoom-mobile-links { display: flex; justify-content: center; }
.content.hw-page .page-hero-2 { background: none; }
.content.hw-page .page-hero-2 img { opacity: 1; }


.mh-page .resource-wrapper { margin-bottom: 20px; width: 80%; width: clamp(50% + 145px, 78vw, 50% + 30%); }
.mh-page .glyph { width: clamp(40px, 11.7vw, 70px); height: clamp(40px, 11.7vw, 70px); float: left; margin-top: clamp(6px, 1.8vw, 10px); }
.mh-page .resource-wrapper p { margin-left: clamp(50px, 15vw, 90px); }
.mh-page .resource-wrapper a { color: #2793d9; }
.mh-page .resource-wrapper a:hover { color: #ff8700; text-decoration: none; }
.mh-page .resource-wrapper .glyph svg { fill: var(--lightBlue); }
.content-section .inner.content.mh-page .cta-btn { background: #12bef2; color: #ffffff; }
.content-section .inner.content.mh-page .cta-btn:hover { background: #ff8700; }

.hero-subtext-wrap { margin: clamp(5px, 3vw, 23px) 0 clamp(5px, 3vw, 23px); }
.page-hero .hero-subtext-wrap { margin: 0; }
.page-hero-short .hero-subtext-wrap .hero-subtext { color: #fff; width: 50%; margin-top: 15px; line-height: 1.6em; font-style: italic; font-weight: 300; }
/* .hero-subtext { margin: 30px 0 65px; text-align: left; float: left; font-size: 25px; line-height: 1.3em; color: #fff; margin-bottom: 5px; font-size: 28px; margin-left: 0px; }
.hero-subtext.subtext-blurb { font-weight: 300; text-transform: none; font-size: 22px; max-width: 640px; margin-bottom: 30px; float: none; width: 640px; } */

.home-hero.hero-container { min-height: 700px; height: 700px; padding: 0; }

.hero-container .stretchy-img, #mr-hero, #hw-hero, .screenprinting-hero { position: absolute; object-fit: cover; visibility: hidden; }

.home-hero.hero-container .cta-btn:hover svg { transform: rotate(90deg); }

.home-hero.hero-container { min-height: 0; height: auto; }
.home-hero.hero-container h1 { line-height: 1em; margin-top: 150px; }
.home-hero.hero-container .hero-subtext { width: 72%; margin-top: 25px; font-size: 20px; line-height: 1.4em; color: #2a4787; font-style: italic; font-size: 30px; font-style: italic; color: #415c99; font-family: Besley; font-weight: 100; }
.home-hero img { opacity: 1; }

.hero-container.page-hero .hero-subtext { width: 42%; width: clamp(calc(10% + 200px), calc(50%), calc(50% + 1px)); margin-top: clamp(15px, 2vw, 25px); font-size: 20px; line-height: 1em; color: #2a4787; font-style: italic; font-size: clamp(16px, 0.71vw + 11.57px, 20px); line-height: 1.3em; color: #2a4787; font-style: unset; font-size: clamp(16px, 0.71vw + 9.57px, 20px); margin-top: clamp(7px, 0vw, 1px); }
.hero-container.page-hero h1 { margin-top: 40px; }
.home-hero.hero-container .inner { padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; padding-top: clamp(50px, calc(11vw - 30px), 140px);
  padding-bottom: clamp(50px, calc(11vw - 30px), 140px); padding-top: clamp(120px, calc(20vw - 30px), 296px); padding-bottom: clamp(50px, calc(11vw - 30px), 90px); }

#donate-iframe { height: 2350px!important; border: none; }

.home-hero.hero-container h1 { font-size: clamp(19px, calc(11vw - 14.57px), 100px); 
  line-height: calc(.75em + 9px);
  font-size: clamp(33px, calc(11vw - 14.57px), 80px);
  line-height: calc(.9em + 9px);
  color: #fff;
  font-family: roca;
  text-align: left;
  font-weight: 700;
  margin: clamp(13px, 1.9vw, 20px) 0;
  }
    
.home-hero.hero-container .hero-subtext { color: #fff;
  font-family: Montserrat, "Helvetica Neue";
  font-style: normal;
  font-weight: 300;
  font-size: clamp(12px, 0.71vw + 9.57px, 17px);
  margin-top: clamp(1px, 2vw, 18px);
  text-indent: 1px;
/*   line-height: .7em; */  
  padding-bottom: 0;
  width: clamp(calc(10% + 200px), calc(50%), calc(42% + 1px));
}

.home-hero.hero-container .hero-subtext-wrap { margin: clamp(5px, 1vw, 12px) 0 clamp(13px, 1vw, 12px); }
.home-hero.hero-container .hero-subtext-wrap p.hero-subtext { margin-top: clamp(1px, 1vw, 10px); }

.hero-container.home-page .hero-section-1 .copa-logo-color { position: absolute; width: clamp(25px, 4.9vw, 45px); height: clamp(25px, 4.9vw, 45px); right: clamp(20px, 3vw, 25px); top: clamp(20px, 4vw, 30px); }
.hero-container.home-page .hero-section-1 .copa-logo-color .icon { width: clamp(25px, 4.9vw, 45px); height: clamp(25px, 4.9vw, 45px); }



.hero-container h2.right { float: right; text-align: right; }
.hero-container h2.right { float: right; text-align: right; }

#content .page-scroll-anchor { padding-bottom: 0px; line-height: 1px; font-size: 1px; margin: 0; position: absolute; top: 0px; overflow: hidden; height: 1px; visibility: hidden; display: inline; clear: none; float: none; }


div.glyph, a.glyph { width: 120px; width: 67%; margin: 15px auto 0; margin: 0px auto 0; display: flex; height: 120px; height: clamp(7vw, 10vw, 130px); height: clamp(3vw, 11vw, 116px); }
div.glyph svg, a.glyph svg { fill: #c36b31; stroke-opacity: 0; width: 100%; height: 100%; }
.health-wellness div.glyph svg { fill: #c36b31; stroke-opacity: 0; width: 100%; height: 100%; }
.health-wellness a.flex-item:hover div.glyph svg {  }
.rights-privacy div.glyph svg { fill: #379a7a; stroke-opacity: 0; width: 100%; height: 100%; }
.rights-privacy a.flex-item:hover div.glyph svg { fill: #0b7765; }


img.glyph { filter: invert(50%) sepia(201%) saturate(9765%) hue-rotate(-329deg) brightness(408%) contrast(60%); width: 100%; }


.links-box { background: color(srgb 0.9628 0.995 0.9353); border-radius: 15px; padding: 45px; }
.links-box h3, .links-box a { display: block; clear: both; line-height: 1.3em; color: #2d9055; font-weight: 300; }
.links-box h3 { line-height: 1.3em; font-size: clamp(14px, 2.9vw, 28px); color: #1a7d43; font-weight: 800; }
.hero-container .links-box a { font-weight: 400; font-size: clamp(14px, 2vw, 20px); }

/* .hero-container-5 .flex1 { background: #e1f0e8; }
.hero-container-5 .flex1:hover { background: #ecf6f2; background: linear-gradient(320deg, #f2f5e7, #e2fff0); }
.hero-container.hero-container-5 .flex1:hover * { color: #207c46; color: #0b7765; }
.hero-container-5 .flex1 .glyph svg, .hero-container-5 .flex1 .glyph svg use { fill: inherit; }
.hero-container-5 .flex1:hover .glyph svg { fill: inherit; }
 */
.hero-container-5 .flex1 { will-change: transform; color: #2d9055; fill: #2d9055; overflow: hidden; background: linear-gradient(320deg, #e1f0e8, #e1f0e8); fill: #3e8f60; color: #3e8f60; transition: transform .23s, box-shadow .23s; position: relative; overflow: hidden; box-shadow: 0 5px 15px rgba(24, 74, 24, 0.09); will-change: transform; }
.hero-container-5 .flex1 * { will-change: transform; color: inherit; fill: inherit; }
.hero-container-5 .flex1:hover * { fill: inherit; color: inherit; }
.hero-container-5 .flex1:hover { color: #0b7765; fill: #0b7765; transform: scale(1.04) translateZ(0); box-shadow: 0 10px 30px rgba(24, 74, 24, 0.09);  }

.hero-container-5 .flex1::after { content: " ";width: calc(100% - 1px); height: calc(100% - 1px); top: 0px; left: 0.5px; position: absolute; opacity: 0; background: linear-gradient(320deg, #f2f5e7, #e2fff0); transition: opacity .23s; z-index: -1; border-width: 0 0 1px 0; border-color: rgba(78, 89, 86, 0.15); border-style: inset; border-radius: inherit; }
.hero-container-5 .flex1:hover::after { opacity: 1; }


.hero-container-5 .cta-btn svg.icon { fill: #fff; transform: rotate(-45deg); width: 18px; height: 18px; }

.three-fifths .section-image-wrap.mobile { display: none; }
.section-image-wrap { width: 40%; overflow: hidden; position: relative; border-radius: 15px; height: auto; margin-left: 10px; margin-bottom: clamp(5px, 1.5vw, 30px); float: right; }
.section-image { width: 100%; }

.content-section .section-image-wrap { margin-left: 0; }
.content-section li { padding-right: 0; }

.inner.content.content-section.ce-page h2 { width: 100%; }

.content-section.content-section-2.ce-page .video-wrapper.copy-block { height: clamp(151px, 24vw, 252px); width: 48%; margin-right: 3%; margin-top: 8px; margin-bottom: 15px; padding-right: 0; margin-right: 0; }
.content-section .video-wrapper>iframe { height: clamp(151px, 24vw, 252px)!important; }

.content-section .section-image-wrap, .content-section .section-image-wrap clippath, .content-section .section-image-wrap image, .content-section .section-image-wrap img, .content-section .section-image-wrap path {  }

.content-section-3, .content-section-4 { padding-top: 30px; }
.content-section p { font-weight: 300; }
.content-section-3 .section-image-wrap, .content-section-4 .section-image-wrap { width: 100%; }

.content-section ul.copy-block { padding-left: clamp(5px, 1vw, 30px); clear: left; }
.content-section ul.copy-block.right { clear: none; }
.content-section ol.copy-block.right { padding-left: 50px; margin-top: 0; }
.content-section ol.copy-block { padding-left: 20px; margin-top: 0; }
.content-section ol.copy-block.strong, .content-section ol.copy-block.strong li { font-weight: 500; }


.content-section-3 div.content-wrap, .content-section .copy-block.right { width: 56%; padding-left: 30px; padding-right: 0; }
.content-section ul.copy-block.right li { margin-left: clamp(18px, 2.8vw, 30px); }

.content-section-4 div.content-wrap, .content-section .copy-block.left { width: 56%; padding-left: 0; }
.content-section .image-wrap.right { padding-left: 30px; }
.content-section .copy-block.short { margin-bottom: 0; }

a.cta-btn { display: inline-block; clear: both; width: auto; margin-bottom: 0; font-size: clamp(14px, 2.9vw, 19px); padding: 0px clamp(18px, 2.7vw, 30px); }

.content-section-3 div.content-wrap.section-header, .content-section-4 div.content-wrap.section-header { margin-bottom: 0; padding-bottom: 0; margin-top: clamp(10px, 2.8vw, 30px); }

.content.inner.content-section-2 h2, .content-section-3 > .inner.content > h2, .content-section-4 > .inner.content > h2 { margin-bottom: clamp(22px, 7vw, 55px); font-size: clamp(20px, 6vw, 34px); font-family: roca, "Besley", "Montserrat"; font-weight: 300; }
.content.inner.content-section-2 h2 { margin-bottom: 5px; }

.content-section-3 div.content-wrap.section-header h3, .content-section-4 div.content-wrap.section-header h3 { line-height: clamp(1.4em, 1vw, 1.5em); font-size: clamp(20px, 5vw, 30px); line-height: clamp(1.2em, 3.8vw, 1.3em); font-family: roca, "Besley", "Montserrat"; }

.content-section-3 div.content-wrap p, .content-section-4 div.content-wrap p { line-height: clamp(1.6em, 6vw, 1.9em); margin-bottom: .4em; }
.content-section-3 div.locations-wrap, .content-section-4 div.locations-wrap { /* clear: both; display: block; */ }

.content-section-3 div.image-wrap, .content-section-4 div.image-wrap { width: 43%; }
.content-section-3 .locations-wrap label, .content-section-4 .locations-wrap label { font-size: 14px; font-weight: 400; color: #a3a1a1; text-transform: uppercase; margin-top: 15px; margin-bottom: 4px; display: block; }

.location-page-header { background: #222; }
.location-page-header .hero-image { opacity: .5; }

.content-section.blue { background: #f4fcff; box-shadow: 0 0 150px rgba(112, 147, 157, 0.09) inset; }
.content-section.pink { background: #fff7f9; box-shadow: 0 0 150px rgba(215, 66, 81, 0.05) inset; }
.content-section.red { background: #fff7f7; box-shadow: 0 0 150px rgba(226, 94, 114, 0.08) inset; }
.content-section.green { background: #f3fefb; box-shadow: 0 0 150px rgba(142, 187, 174, 0.08) inset; }
.content-section.aqua { background: #f6fffe; box-shadow: 0 0 150px rgba(107, 177, 174, 0.13) inset; }
.content-section.orange { background: #fffcf5; box-shadow: 0 0 150px rgba(254, 227, 164, 0.12) inset; }
.content-section.lavender { background: #fcf5ff; box-shadow: 0 0 150px rgba(231, 153, 255, 0.06) inset; }
.content-section.salmon { background: #fff7f3; box-shadow: 0 0 150px rgba(255, 170, 138, 0.1) inset; }
.content-section.whiteback { background: #fff; box-shadow: none; }

.content-section.aqua a.cta-btn, a.cta-btn.aqua { background: #41d1ca; color: #fff; }
.content-section.aqua a.cta-btn:hover, a.cta-btn.aqua:hover { background: #00bfb5; color: #fff; }

.content-section.salmon a.cta-btn, a.cta-btn.salmon { background: #ff866a; color: #ffffff; }
.content-section.salmon a.cta-btn:hover, a.cta-btn.salmon:hover { background: #ff775d; color: #ffffff; }

.content-section.red a.cta-btn, a.cta-btn.red { background: #f57171; color: #ffffff; }
.content-section.red a.cta-btn:hover, a.cta-btn.red:hover { background: #f75e5e; color: #ffffff; }

.content-section.orange a.cta-btn, a.cta-btn.orange { background: #ffa35d; color: #ffffff; }
.content-section.orange a.cta-btn:hover, a.cta-btn.orange:hover { background: #ff9441; color: #ffffff; }

.content-section.lavendar a.cta-btn, a.cta-btn.lavendar { background: #e4aaff; color: #fff; }
.content-section.lavendar a.cta-btn:hover, a.cta-btn.lavendar:hover { background: #d794f6; color: #fff; }

.content-section.blue a.cta-btn, a.cta-btn.blue { background: #28baed; color: #def2f9; }
.content-section.blue a.cta-btn:hover, a.cta-btn.blue:hover { background: #00afec; color: #fff; }

.content-section.pink a.cta-btn, a.cta-btn.pink { background: #fe7a96; color: #fff; }
.content-section.pink a.cta-btn:hover, a.cta-btn.pink:hover { background: #ff6c88; color: #fff; }

.content-section.green a.cta-btn, a.cta-btn.green { background: #3de0c4; color: #fff; }
.content-section.green a.cta-btn:hover, a.cta-btn.green:hover { background: #00d7b9; color: #fff; }



.content-section li { font-weight: 300; }

.content-section-3 .content.inner .locations-links a, .content-section-4 .content.inner .locations-links a { font-size: 16px; font-weight: 300; padding: 6px 13px; margin: 0 7px 7px 0; display: inline-block; line-height: 1.3em; background: #eee; border-radius: 5px; display: block; float: left; white-space: nowrap; }
.content-section-3 .content.inner .locations-links a:hover, .content-section-4 .content.inner .locations-links a:hover { text-decoration: none; }

.content-section.green .locations-links a, .content-section.green .content.inner .locations-links a { background: #ddf9f1; color: #2bbf79; }
.content-section.green .locations-links a:hover, .content-section.green .content.inner .locations-links a:hover { background: #19d296; color: #ddf9f1; }

.content-section-3.pink .content.inner .locations-links a, .content-section-4.pink .content.inner .locations-links a { background: #ffecf0; color: #fa738c; }
.content-section-3.pink .content.inner .locations-links a:hover, .content-section-4.pink .content.inner .locations-links a:hover { background: #fa738c; color: #ffecf0; }

.content-section-3.blue .content.inner .locations-links a, .content-section-4.blue .content.inner .locations-links a { background: #def2f9; color: #1aa0cf; }
.content-section-3.blue .content.inner .locations-links a:hover, .content-section-4.blue .content.inner .locations-links a:hover { background: #1aa0cf; color: #def2f9; }

.content-section-3.orange .content.inner .locations-links a, .content-section-4.orange .content.inner .locations-links a { background: #ffebd0; color: #fc9542; }
.content-section-3.orange .content.inner .locations-links a:hover, .content-section-4.orange .content.inner .locations-links a:hover { background: #fc9542; color: #ffebd0; }

.content-section-3.red .content.inner .locations-links a, .content-section-4.red .content.inner .locations-links a { background: #ffefef; color: #ef4b4b; }
.content-section-3.red .content.inner .locations-links a:hover, .content-section-4.red .content.inner .locations-links a:hover { background: #ef4b4b; color: #ffefef; }

.content-section-3.lavender .content.inner .locations-links a, .content-section-4.lavender .content.inner .locations-links a { background: #f5e6fc; color: #d794f6; }
.content-section-3.lavender .content.inner .locations-links a:hover, .content-section-4.lavender .content.inner .locations-links a:hover { background: #d794f6; color: #f5e6fc; }

.content-section-3.aqua .content.inner .locations-links a, .content-section-4.aqua .content.inner .locations-links a { background: #e8fefd; color: #10d5cc; }
.content-section-3.aqua .content.inner .locations-links a:hover, .content-section-4.aqua .content.inner .locations-links a:hover { background: #10d5cc; color: #e8fefd; }

.content-section-3.salmon .content.inner .locations-links a, .content-section-4.salmon .content.inner .locations-links a { background: #ffede4; color: #ff5933; }
.content-section-3.salmon .content.inner .locations-links a:hover, .content-section-4.salmon .content.inner .locations-links a:hover { background: #ff5933; color: #ffede4; }



svg.section-image-wrap.three-fifths { width: 59%; margin-left: 30px; width: clamp(50%, 45vw, 58%); margin-left: clamp(4px, 2.82vw, 30px); }
.services-page .section-image-wrap.bio-wrap { height: 305px; width: auto; float: left; margin-left: 0; margin-right: 20px; margin-bottom: 5px; margin-top: 10px; }
.services-page .section-image-wrap.bio-wrap img { height: 305px; width: auto;  }
.services-page h5 { max-width: 650px; }

.resources-columns {
  display: flex;
  gap: 20px; /* Adjust the gap between columns as needed */
}

.resource-column {
  flex: 1;
  /* Optional: Add padding, border, or background color for styling */
}

.resource-item {
  margin-bottom: 20px; /* Space between items */
}


.telehealth-iphone-link, .telehealth-android-link { margin: 15px; display: inline-block; }
.telehealth-iphone-link, .telehealth-desktop-test-link { margin: 15px 50px; display: inline-block; }
.telehealth-page .inner.content .telehealth-iphone-link, .telehealth-page .inner.content .telehealth-android-link { margin: 15px clamp(5px, 1vw, 50px); }
.telehealth-page .inner.content img { max-width: 100%; }

.join-telehealth-mobile { width: clamp(80px, 25vw, 120px); }
.join-telehealth-desktop { width: clamp(90px, 28vw, 220px); }
.hero-container.hero-container-8.telehealth h3, .hero-container.hero-container-9.telehealth h3 {  }


.zoom-controls-wrap { width: 100%; }
.zoom-controls { width: 100%; }

.services-page { padding-top: 0px; }
.services-page .inner { margin-top: 50px; }
.hero-container.hero-container-1.services-page * { color: var(--copaGreen); color: #0087b8; }
.hero-container.hero-container-1.services-page .flex-container { width: 96%; place-content: start; }
.hero-container.hero-container-1.services-page .hero-subtext-wrap { margin: 0 auto 20px; text-align: center; }
.hero-container.hero-container-1.services-page .flex1:hover * { color: #548e22; color: #006b91; }
.hero-container.hero-container-1.services-page .flex1 { background: #d8ecc8; background: #e6f4fe; }
.hero-container.hero-container-1.services-page .flex1:hover { background: #ebfae0; background: #f0f9ff; }
.hero-container.hero-container-1.services-page .flex1 .icon { fill: #0087b8; }
.hero-container.hero-container-1.services-page .flex1:hover .icon { fill: #006b91; }


.stories-page .bio-image-wrap { margin-bottom: 10px; }
.stories-page .bio-image-wrap.landscape { height: clamp(112px, 21.1vw, 232px); overflow: hidden; }
.stories-page .bio-image-wrap img { width: 100%; }
.stories-page .collection-thumb { opacity: .8; filter: saturate(0%); position: absolute; }
.stories-page .collection-item:hover .collection-thumb { opacity: 1; filter: saturate(100%); }

.content-wrap.gi-page { padding-bottom: 0; }
.content-wrap.gi-page .cta-btn { margin-bottom: 0; }
.hero-container.gi-page .hero-subtext { font-size: clamp(13px, 0.51vw + 13.57px, 18px); }

.content-wrap.gi-page .hero-container h3 { margin-top: 0; }
.content-wrap.gi-page .hero-container-9 { background: #fff; }
.content-wrap.gi-page .hero-container-9 h3 { color: #2c7ddf; }
.content-wrap.gi-page .hero-container-9 p { color: #316aad;  }
.content-wrap.gi-page .hero-container-9 a { color: #2980e8; background: #e3f1ff; }
.content-wrap.gi-page .hero-container-9 a:hover { color: #fff; background: #488ad9; }
.gi-page.hero-container .header-prepend, .hero-container .header-prepend { font-family: "Montserrat"; font-size: clamp(21px, 2.6vw, 31px); color: #fff; font-weight: 300; margin-bottom: 10px; border-bottom: solid clamp(6px, .5vw, 8px) #fecd07; padding-bottom: 7px; vertical-align: middle; padding-top: 0; width: fit-content; }

.home-hero.hero-container .header-prepend { font-size: clamp(14px, 2.6vw, 25px); }

.gi-page.hero-container p { text-shadow: 0 0 60px rgba(0,0,0,.7); }

.content-wrap.gi-page .hero-container-8 { background: #fae5ef; } 
.content-wrap.gi-page .hero-container-8 h3, .content-wrap.gi-page .hero-container-8 a { color: #d63ada; } 
.content-wrap.gi-page .hero-container-8 p { color: #b827bb; } 
.content-wrap.gi-page .hero-container-8 a { background: #f9d1f7; } 
.content-wrap.gi-page .hero-container-8 a:hover { background: #df4ae3; color: #fff; } 

.content-wrap.gi-page .hero-container.hero-container-9.orange {  }
.content-wrap.gi-page .hero-container.hero-container-9.orange h2, .content-wrap.gi-page .hero-container.hero-container-9.orange * { color: #ff6700; }
.content-wrap.gi-page .hero-container.hero-container-9.orange p { color: #f76400; }
.content-wrap.gi-page .hero-container.hero-container-9.orange a { background: #ffedc6; }
.content-wrap.gi-page .hero-container.hero-container-9.orange a:hover { background: #ff8700; color: #fff; }


.hero-container.hero-container-6 p, .hero-container.hero-container-7 p, .hero-container.hero-container-8 p, .hero-container.hero-container-9 p { font-weight: 300; font-size: clamp(16px, 2.7vw, 23px); font-size: clamp(16px, 1.9vw, 20px); line-height: clamp(1.6em, 3.8vw, 1.9em); margin-top: 10px; }

.hero-container.hero-container-6 .two-fifths p, .hero-container.hero-container-7 .two-fifths p, .hero-container.hero-container-8 .two-fifths p, .hero-container.hero-container-9 .two-fifths p { font-size: clamp(16px, 2.7vw, 20px); line-height: clamp(1.6em, 3.9vw, 1.9em); font-size: clamp(16px, 1.9vw, 20px); line-height: clamp(1.6em, 3.8vw, 1.9em); }

.hero-container.hero-container-6 a, .hero-container.hero-container-7 a, .hero-container.hero-container-8 a, .hero-container.hero-container-9 a, .hero-container-11.get-involved-footer a.cta-btn, .hero-container.hero-container-8 .cta-btn, .hero-container.hero-container-9 .cta-btn, .hero-container.hero-container-8.hw-page a, .hero-container.hero-container-9.hw-page a, a.cta-btn, .inner.content a.cta-btn, .hero-container-11.get-involved-footer a.cta-btn { font-size: clamp(16px, 2.4vw, 19px); padding: 8px clamp(19px, 6vw, 40px); line-height: clamp(21px, 5.3vw, 28px); margin-top: clamp(2px, 1vw, 10px); font-size: clamp(15px, 2.4vw, 19px); padding: 0 clamp(20px, 1vw, 40px); line-height: clamp(36px, 4.1vw, 42px); }



.hero-container.page-hero-short h1, .hero-container.page-hero-short h2 { font-weight: 400; }
.content.inner.hw-page h3 { font-size: clamp(50px, 6.7vw, 70px); font-size: clamp(50px, 6.2vw, 65px); font-weight: 100; line-height: 1.1em; margin-bottom: clamp(2px, 1vw, 10px); } 
.content.inner.hw-page .article-header-wrap { padding-right: 37%; }
.content.inner.hw-page h4 { font-size: clamp(20px, 3.3vw, 34px); font-weight: 100; line-height: 1.3em; margin-bottom: 10px; margin-top: 30px; }
.content.inner.hw-page h5 { font-size: clamp(16px, 2.7vw, 20px); font-weight: 600; line-height: 1.3em; font-family: roca; color: #555; }
.content.inner.hw-page li { padding-right: 0; }
.content.inner.hw-page .col-1 { width: 62.5%; float: left; }
.content.inner.hw-page .col-1 .section-image-wrap { margin: clamp(15px, 1.5vw, 30px) 0; }
.content.inner.hw-page .col-2 { width: 37%; padding-left: 35px; float: right; }
.content.inner.hw-page .col-2 li { color: #999; font-size: clamp(12px, 0.51vw + 11px, 15px); }
.content.inner.hw-page .col-2 a { font-size: clamp(12px, 0.51vw + 11px, 15px); color: #777; }
.content.inner.hw-page .col-2 a:hover { color: #777; text-decoration: none; color: var(--lightBlue); }
.content.inner.hw-page .col-2 a.scroll-link { display: block; line-height: 1.8em; margin-bottom: 3px; }
.content.inner.hw-page .col-2 a.scroll-link svg use { transform: rotate(45deg); width: 14px; height: 14px; fill: #777; }
.content.inner.hw-page .col-2 a.scroll-link:hover svg use { transform: rotate(450deg); width: 14px; height: 14px; fill: var(--lightBlue); }
.content.inner.hw-page .col-2 a svg { width: 14px; height: 14px; transition: color .23s, fill .23s, transform .23s; transform-origin: center center; }
.content.inner.hw-page .col-2 a svg use { transition: color .23s, fill .23s, transform .23s; transform-origin: center center; }
.content.inner.hw-page .col-2.article-sidebar .article-links svg { transform: rotate(-45deg); display: none; }
.content.inner.hw-page .col-2 h5.related-articles { margin-top: 60px; }
.content.inner.hw-page .col-2 .sidebar-back-link { margin-left: 15px; }

.content.inner.hw-page .col-2 .sidebar-back-link svg use { transform: rotate(45deg); }
.content.inner.hw-page .col-2 .sidebar-back-link:hover svg use { transform: rotate(-315deg); fill: var(--lightBlue); }

.content.inner.hw-page .col-1 .section-image-wrap { width: 100%; clear: both; float: none; margin-left: 0; margin-right: 0; }

.content.inner p.article-meta, .content.inner p.article-meta span { text-transform: uppercase; font-weight: 500; color: #999; font-size: clamp(10px, 3.1vw, 13px); text-align: right; display: inline-block; margin-left: clamp(4px, 1vw, 10px); }

.content.inner p.article-meta { margin-bottom: 15px; float: none; margin-left: 0; }
.content.inner p.article-meta span { margin-left: 0; }
.content.inner p.article-meta span::after { content: "|"; font-size: 15px; font-weight: 100; margin: 0 15px; line-height: 20px; }
.content.inner p.article-meta span:last-of-type::after { content: ""; font-size: 15px; font-weight: 100; margin: 0 15px; line-height: 20px; }

.content.inner p.next-article-link { margin-top: 40px; text-transform: uppercase; font-size: clamp(11px, 0.51vw + 10px, 15px); color: #888; }
.content.inner p.next-article-link a { font-size: clamp(14px, 0.51vw + 12.38px, 18px); margin-left: 5px; }
.content.inner p.next-article-link a svg { width: 16px; height: 16px;  }
.content.inner p.next-article-link a svg use { transform: rotate(-45deg); width: 22px; height: 22px; transform-origin: center center; transition: transform .23s, opacity .23s; }
.content.inner p.next-article-link:hover a svg use { transform: rotate(320deg); }

.hero-container .left.half { width: clamp(calc(10% + 200px), calc(30% + 450px), 49%); }


.footer-wrap {  }

.full-bleed-block { padding: 30px 0; color: #fff; }
h2 { font-family: "Besley", "Montserrat"; font-size: 40px; z-index: 10; position: relative; font-weight: 400; margin: 1rem 0;  }

img.quick-circle { 
  width: 352px;
  position: absolute;
  z-index: 1;
  left: -53px;
  top: -37px;
  opacity: 0.9;
}

img.green-line {
  width: 325px;
  position: absolute;
  z-index: 1;
  left: -50px;
  top: 20px;
  opacity: 0.9;
}

img.apply-now {
  width: 325px;
  opacity: 0.9;
  margin-top: -30px;
  margin-left: -27px
}

.full-bleed-block p { font-size: 34px; }
.full-bleed-block.our-purpose { background-color: var(--lightBlue); padding-block: 65px; }
.full-bleed-block.locations { 
  background-color: var(--copaGreen);
  display: grid;
  grid-template-columns: 25% auto 25%;
  grid-template-rows: repeat(3, auto);
}

.locations-subtext { font-size: x-large; font-style: italic; }
.locations-button { 
  padding:30px; margin-block: 15px;
  background-color: #fff; color: var(--copaGreen); display: inline-block; text-decoration: none; 
  text-transform: capitalize; font-size: 22px; font-weight: bolder; text-align: center; border-radius: 10px;
}

.upside-down { transform: rotate(180deg); }

.grid-item-center-top { grid-column-start: 2; grid-row-start: 1; }
.grid-item-second-row { grid-column-start: 2; grid-row-start: 2; text-align: center; font-size: smaller;}
.grid-item-third-row  { grid-column-start: 2; grid-row-start: 3; text-align: center; }

.our-services { padding-block: 65px; }
.our-services h2 { color: var(--copaBlue); }
.major-programs { height: 130px; display: flex; justify-content: space-between; align-items: center; gap: 4rem;  }
.program-link { 
  flex: 1;
  display:flex;
  text-align: center;
  align-items: center;
  
  border-radius: 20px;
  color: #fff;
  height: 100px;
  letter-spacing: 0.07rem;
  opacity: 0.9;
}

.program-link.ihs { background-color: var(--copaMagenta) }
.program-link.residential-css { background-color: var(--copaGreen) }
.program-link.ers-and-day { background-color: var(--copaOrange) }

.program-link svg.icon { flex: 1; width: 48px; height: 48px; }
.program-link span { flex: 4; font-size: 1.28em; font-weight: 600; }

a.program-link:hover, a.program-link:hover svg { color: #fff; fill: #fff; opacity: 1; text-decoration:none; font-weight:900; }

.join-bubble {
  display: flex;
  text-align: left;
  flex-flow: column;
  background-color: var(--copaBlue);
  border-radius: 20px;
  color: #fff;
  height: 145px;
  letter-spacing: 0.07rem;
  opacity: 0.9;
  padding: 28px;
}

.join-bubble p {
  flex: 4; font-size: 1.28em; font-weight: 600;
}

/* .sub-menu { cursor: pointer; }
.sub-menu .menu-title { color: #ccc; font-size: 11px; display: inline-block; height: 31px; width: 36px; margin: 18px 0 -2px 13px; }

.sub-menu hr {
  width: 75%;
  margin: 0px auto;
  border-top-color: var(--menuSeparator);
}

.admin-menu { background: #3d3d3f; border-radius: 5px; }
.admin-menu h4 { font-weight: 200; color: var(--middleGray); margin: 0; text-align: center; padding: 7px 0 0; }
.menu h4 { margin: 4px 10px; text-align: center; font-weight: 300; color: #777; font-weight: 300; } */

.hero-image { width: 100%; position: absolute; top: 0; left: 0; }

/* .sub-nav div div.menu:first-of-type { border-left: 1px solid rgba(255,255,255,0.15); } 
.sub-nav .menu { z-index: 95; float: left; height: 35px; border-right: 1px solid rgba(255,255,255,0.15); line-height: 35px; cursor: pointer; position: relative; }
.sub-nav .menu a { text-align: left; width: 100%; display: inline-block; font-size: 14px; padding: 0 25px; height:35px; white-space: nowrap; }
.sub-nav .menu a:hover { text-decoration: none; }
.sub-nav .menu a.direct:hover { background: rgba(107, 147, 184, 1);  height: 35px; position: relative; top: -1px; }
.menu .sub-menu { text-align: left; visibility: hidden; min-width: 200px; padding: 5px 0 8px; left: 0px; border-radius: 10px; border-top-right-radius: 0; border-top-left-radius: 0; z-index: 95; position: absolute; border-top: solid 1px rgba(255,255,255,0.15); max-height: 480px; overflow-y: auto; }
.menu .sub-menu a.active { background-color: rgba(255, 255, 255, 0.25); }
.menu .sub-menu a { padding-left: 16px; text-align: left; position: relative; }
.menu .sub-menu a:hover { background: rgba(255, 255, 255, 0.1); }
.menu:hover, .menu .sub-menu { background: var(--menuBG); }

.menu:hover .sub-menu { visibility: visible; display: block; position: absolute; } */

.profile-menu div.sub-nav { border: none;  }

.logo-link { position: relative; }
.logo-link span { display: block; position: absolute; font-family: "Montserrat", "Helvetica Neue", Helvetica, arial, sans-serif;; font-weight: 900; color: #fff; top: -26px; left: 58px; font-size: 33px; }
.dashboard.copa-public .logo-link { float: right; }


p.marquee  {
  opacity: 0.7;
    display: inline-block;
  margin: 0;
  padding: 0;
  width: 900%;
  left: 100%;
  animation: marquee 143s linear infinite;
  position: relative;
}
@keyframes marquee {
  0%   { transform: translate(0, 0); }
  100% { transform: translate(-110%, 0); }
}


.report-status .favorite-star svg {
  left: 4px;
  top: -1px;
}

.scrollable { overflow-y: auto; max-height: 100px; }

.main-item a.pill, .meta a.pill { 
  font-size: 14px;
}

a.pill, .meta a.pill {
  border: solid 1px var(--diminishedLinkBorderColor);
  fill: var(--diminishedLinkColor);
  color: var(--diminishedLinkColor);
  padding: 3px 13px;
  border-radius: 20px;

}
a.pill:hover, .meta a.pill:hover { 
  fill: var(--bgColor);
  color: var(--bgColor);
  background: var(--linkColor);
  text-decoration: none;
  padding: 5px 14px;
  box-shadow: 1px 1px 3px var(--boxShadowColor);
  border: none;
}
a.pill svg.icon { margin-bottom: 0px; }
a.pill:hover svg.icon { fill: var(--bgColor); }

.todo { color: #bbb; font-size: 12px; text-align: center; }

.light { color: #ccc; }
.grid.top-search {
  margin-bottom: 20px;
}
.grid.search-form.inbound-message-search {
  margin: 4px 14px 4px -17px;
}

.badge {
  background: #cf1e53;
  
  position: absolute;
  right: 10px;
  top: 8px;
  height: 21px;
  line-height: 19px;
  border-radius: 14px;
  padding: 0 7px;
}

.direct .badge {
  box-shadow: 1px 1px 3px var(--boxShadowColor);
  top: -10px;
  left: -1px;
  right: auto;
}


table .grid.search-form {
  margin-bottom: 5px;
  margin-top: 5px;
}

.member-info {
  margin-top: 5px;
  margin-bottom: 5px;
}

.select-css {
    display: block;
    font-size: 16px;
    font-family: sans-serif;
    font-weight: 400;
    line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    width: 100%;
    max-width: 100%; 
    box-sizing: border-box;
    margin: 0;
    border: 1px solid var(--fainterBorderColor);
    box-shadow: 0 1px 0 1px var(--faintBoxShadowColor);
    border-radius: .5em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--bgColor);
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
      linear-gradient(to bottom, #ffffff 0%,#fefefe 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}
.select-css::-ms-expand {
    display: none;
}
.select-css:hover {
    border-color: #ccc;
}
.select-css:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222; 
    outline: none;
}

.svgs { font-size: 14px; }
.report-status .icon { top: -2px; }

table form .field {
  margin-bottom: 0;
}

.standard-table { with: 100%; }
.admission-episodes { width: 100%; }
.active-admissions { margin-bottom: 25px; }
.caps { text-transform: uppercase; }
.strikethrough { text-decoration: line-through; }

nav.pagination {
  display: flex;
  justify-content: center;
}

.inline_ahcccs, .inline_phone {
  width: 81% !important;
}

.inline_dob, .inline_prenatal_visit {
  width: 70% !important;
}

.fields.add_margin.dob_margin {
    margin-top: 24px !important;
}

.fields.add_margin.prenatal_visit_margin {
    margin-top: 20px !important;
}

.inline_delivery_date {
  width: 70% !important;
  margin-top: 19px !important;
}

.delivery_date_inline {
  margin-right: 67px;
}

.phone_inline, .address_inline, .ahcccs_inline, .dob_inline, .due_inline, .prenantal_visit_inline, .delivery_date_inline{
  display: inline-block !important;
}
phone_inline
.smi_inline, .placement_inline{
  margin-top: 9px !important;
}

.phone_inline{
  margin-right: 7px !important;
  margin-top: 30px !important;
}

.address_inline{
  margin-right: 54px !important;
  margin-top: 30px !important;
}

.ahcccs_inline {
  margin-right: 30px !important;
  margin-top: 30px !important;
}

.due_inline {
  margin-right: 113px !important;
  margin-top: 35px !important;
}

textarea#copa_pregnancy_comments {
    width: 100%;
}

.fields.add_margin {
    margin-top: 12px !important;
}

.due_data_label > div.field_with_errors:nth-child(1) {
  width: 30%;
  top: -12px;
  position: relative;
}

.due_data_label > div:nth-child(2) {
  width: 100%;
  float: right;
  margin-right: -184px !important;
  margin-top: -44px !important;
}

#error_explanation + .grid > div:nth-child(2) {
  margin-top: 10px;
}


.prenantal_visit_inline {
  margin-right: 5px !important;
  margin-top: 28px !important;
}

.mmic_inline {
    margin-top: 15px !important;
}

.date_delivery {
    margin-top: 20px !important;
}

.dob_inline {
  margin-right: 90px !important;
  margin-top: 23px !important;
}

nav.pagination span {
  
  border-radius: 17px;
  height: 30px;
  margin: 15px 10px 15px 0;
  min-width: 30px;
  text-align: center;
  line-height: 10px;
  display:block;
  float:left;
  text-transform: capitalize;
}
nav.pagination span.page.current {
  padding: 9px;
  color: var(--linkColor);
  font-weight: 400;
  background: transparent;
  border: solid 1px var(--linkColor);

}

.chart-color-testers { height: 10px; display:flex; }
.mini .chart-color-testers { height: 10px; }
.footer-wrap.mini .footer.grid { display: none; }
.footer-wrap.mini .inner.links  { height:0; padding:0; }
.copa-public.dashboard .inner.links { display:none }
.footer-wrap.mini .footer-bottom .inner { border-top: none; }

nav.pagination a {
  padding: 10px;
  text-align: center;
  display: inline-block;
  height: 30px;
  color: var(--linkColor);
  font-weight: 300;
  text-decoration: none;
}
nav.pagination a:hover {
  background: var(--linkColor);
  color: var(--bgColor);
  border-radius: 17px;
}

.library_message {  margin-bottom: 14px; }
.library_message h4 { margin-bottom: 0; }
.library_message p { margin-bottom: 0; }

.page.gap {
  background: transparent;
  line-height: 35px;
}

p.table-summary { margin-top: 15px; font-size: 16px; }
.button, a.button, input.button { line-height: 38px; padding: 0 18px; border-top: solid 1px rgba(255,255,255,0.1); background-color: #999; display: inline-block; color: #fff; text-decoration: none; text-transform: capitalize; font-size: 16px; font-weight: 500; text-align: center; border-radius: 0; }
a.button:hover, input.button:hover { background-color: #444; }
.button.green, a.button.green, input.button.green { background-color: #4fc966; border: solid 1px #48bf5e; border-top: solid 1px rgba(255,255,255,0.3); color: #fff; cursor: pointer; }
.button.orange, a.button.orange, input.button.orange { background-color: #fc710b; border: none; border-top: none; color: #fff; cursor: pointer; }

.button.blue.hollow, a.button.blue.hollow, input.button.blue.hollow { border: solid 1px #00abe3; border-radius: 5px; color: #00abe3; }
.button.blue.hollow:hover, a.button.blue.hollow:hover, input.button.blue.hollow:hover { text-decoration: none; background-color: #5BCFF5; color: #fff; border-color: #5BCFF5; }

a.button.noclick, input.button.noclick { background-color: #bbb; border: none; border-top: none; color: #fff; cursor: default;}

.button.hollow { background: transparent; border: solid 1px #999; color: #999; }
.button.hollow:hover { color: #fff; }


a.button.green:hover, input.button.green:hover { background-color: #0bba2c; border: solid 1px #09aa27; border-top: solid 1px rgba(255,255,255,0.3); color: #fff; cursor: pointer; }
a.button.orange:hover, input.button.orange:hover { background-color: #ff6600; border: 0px; border-top: none; color: #fff; cursor: pointer; }

a.button.link { background: none; border: 0; border-top: 0; color: #777; font-size: 12px; }
a.button.link:hover { color: #333; }

.error-message { color: #c44; display:block; display: none; }
.admin-button { line-height: 9px; background: #999; font-weight: 300; color: #fff; padding: 6px 12px; border-radius: 6px; } 
.admin-button:hover { text-decoration: none; background: #00abe3; }

.regular-price { text-decoration: line-through; color: #555; padding: 3px 10px; margin-left: -10px; }
.prices { font-size: 20px; text-align: center; }
.sale-price { font-weight: 600; padding: 3px 10px; border-radius: 20px;  }

.flash {
  margin: 15px 0;
  border: solid 1px var(--middleGray);
  border-radius: 28px;
  text-transform: uppercase;
}
.flash.load {
  background: #f9f9f9;
}
.flash.error {
  border-color: #c00;
  background: #c44;
  color: #fff;
}
.flash.neutral {
  border-color: #334;
  color: #445;
} 
.flash.notice, .flash.alert { 
  border-color: rgba(255, 241, 174, 0.0);
  color: #fff;
  background: rgba(20, 26, 70, 0.83);
  background: url(/deposit-galaxy.jpg) 106px 225px;
  background-size: cover;
}
.flash p {
  margin: 10px 0;
  padding: 0 20px;
  color: inherit;
  text-align: center;
  text-transform: none;
  font-weight: 500;
  color: #fff;
  text-shadow: 1px 1px 5px #000;
  font-size: 24px;
  line-height: 28px;
}

a.clicked { color: #aaa; }

span.loading svg { fill: #222; margin-left: 4px; 
  position: relative;
  top: 2px;
  color: inherit;
  fill: currentColor;
  display:inline-block; 
 -webkit-animation: rotation 2s infinite linear;
  -moz-animation: rotation 2s infinite linear;
  -o-animation: rotation 2s infinite linear;
  animation: rotation 2s infinite linear;
  transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
}
.actions span {
  font-size: 24px;
}
.actions span.loading svg {
  width: 24px;
  height: 24px;
}

a span.loading {
  color: currentColor;
}

.corner-banner {
  overflow: hidden; /* required */
  width: 50%; /* for demo only */
  height: 250px /* some non-zero number */;
  margin: 25px auto; /* for demo only */
  border:1px solid grey; /* for demo only */
  position: relative; /* required  for demo*/
}

.ribbon {
  margin: 0;
  padding: 0;
  background: var(--copaOrange);
  color: white;
  padding: 9px 0;
  position: absolute;
  top: 0;
  z-index: 40;
  opacity: 0.9;
}
.ribbon.right-ribbon {
  right: 0;
  transform: translateX(30%) translateY(0%) rotate(45deg);
  transform-origin: top left;
}
.environment-name.right-ribbon {
  position: fixed;
}

.ribbon.left-ribbon {
  left: 0;
  transform: translateX(0%) translateY(30%) rotate(-45deg);
  transform-origin: top right;
}
.ribbon:hover {
  opacity: 1;
}
.ribbon::before,
.ribbon::after {
  content: '';
  position: absolute;
  top:0;
  margin: 0 -1px; /* tweak */
  width: 100%;
  height: 100%;
  background: var(--copaOrange);
}
.ribbon:before {
  right:100%;
}

.ribbon::after {
  left:100%;
}



@-webkit-keyframes rotation {
    from {-webkit-transform: rotate(0deg);}
    to   {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
    from {-moz-transform: rotate(0deg);}
    to   {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
    from {-o-transform: rotate(0deg);}
    to   {-o-transform: rotate(359deg);}
}
@keyframes rotation {
    from {transform: rotate(0deg);}
    to   {transform: rotate(359deg);}
}

#head-flash { cursor: pointer; }

body.app .home-wrap .flash p {
  max-width: 100%;
}


.member-search { width: 100%; }
.js-member-name { display: none; }

.file-details {
  font-size: 20px;
  font-weight: 100;
}

.icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    fill: currentColor;
    color: currentColor;
    position: relative;
    /* top: 0px; */
}


h1 .icon {
  height: 38px;
  width: 38px;
  top: -4px;
  opacity: 0.4;
}
/* This shows big icons to the left of the header */
h1 .icon {
  height: 80px;
  width: 108px;
  top: -20px;
  opacity: 0.1;
  position: absolute;
  left: -98px;
}
.sub-menu svg.icon {
  margin-right: 7px;
  opacity: 0.7;
  width: 32px;
  fill: var(--headerLinkColor);
  height: 32px;
}
.sub-menu a:hover svg.icon, .sub-menu a.active svg.icon {
  opacity: 1;
}

header nav .menu svg.icon.icon_link-arrow { display: none; }

.modal-nav {
  display: block;
  position: absolute;
  font-size: 195px;
  top: 90px;
  border-radius: 6px;
  background: var(--bgAltColor);
  width: 88px;
  height: 101px;
  line-height: 77px;
  opacity: 0.7;
  text-align: center;
}
.modal-nav:hover { opacity: 1; text-decoration: none; } 

.modal-nav.next-item {
  right: -112px;
}

.modal-nav.previous-item {
  left: -112px;
}

.icon.font-size {
  width: auto;
  height: auto;
}

.main-item, .main {
  padding: 4px 0px 0 4px;
}
.main-item.xl,.main.xl {
  font-size: 20px;
}

.mass-approval {
  display: flex;
  margin: 50px 0;
  justify-content: space-evenly;
}

.flex-display-parent {
  display: flex;
  width: 100%;
}
.flex-display-child {
  flex: 1;
  border: 1px solid grey;
}

.mass-approval a { 
  padding: 4px 20px;
  border-radius: 20px;
  line-height: 30px;
}

.mass-approval a.approve:hover {
  text-decoration: none;
  background: rgba(26, 176, 44, 1);
  color: #fff;
}

.mass-approval a.cancel:hover {
  text-decoration: none;
  color: #fff;
  background: #af1d25;
}

.opt-out-preview {
  color: #222;
  background-color: var(--bgAltColor);
  padding: 10px;
  min-height: 75px;
  border: solid 1px var(--borderColor);
  border-radius: 5px;
}

.grade-A { color: var(--copaGreen) }
.grade-B { color: var(--copaGreen) }
.grade-C { color: var(--copaYellow) }
.grade-D { color: var(--copaOrange) }
.grade-F { color: var(--copaRed) }

.main-item svg { top: -2px; }
.main-item svg.icon_warning { top: -3px; }

.no-svg .icon {
    display: none
}
.meta {
 color: var(--middleGray);
 font-weight: 100;
 padding: 0px 0px 2px 4px;

}
.meta a, .meta a:visited {
  color: var(--faintMiddleGray);
}
.meta svg.icon { 
  top: -2px; 
}

p .meta { padding: 0 }
p .main-item { padding: 0 }

a.azure-login {
  background: var(--alternateRowColor);
  padding: 10px 17px 17px;
  border-radius: 5px;
  color: var(--middleGray);
  border: solid 1px var(--fainterBorderColor);
  margin-top: 12px;
  margin-bottom: 24px;
  display: inline-block;
  min-width: 230px;
}

a.azure-login:hover {
  background: var(--robustAlternateRowColor);
  border: solid 1px var(--faintBorderColor);
  color: var(--faintMiddleGray);
  text-decoration: none;
}

.azure-login img {
  width: 25px;
  margin-right: 5px;
  display: inline-block;
  position: relative;
  top: 6px;
}

.no-access-message {
  margin-bottom: 30px;
}
.no-access-message .grid__item {
  float: none;
  margin: auto;
}

table thead tr th.last, table tbody tr td.last {
  padding-right: 12px;
}

table th.actions { text-align: right; }
tbody td.actions { text-align: right; vertical-align: top; padding-top: 10px; }
td.actions .main-item a { text-transform: uppercase; }
td .actions.inline-actions { display: inline; }
td .actions.inline-actions input[type=submit] { padding: 0px 15px; font-size: 17px; }

table tfoot tr td { 
  padding: 5px;
  border-bottom: solid 1px var(--borderColor);
}
tfoot h2 { 
  color: var(--tableFooterTotal);
}

tfoot div.main-item {
  font-size: 27px;
  padding: 12px 0 0 4px;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, arial, sans-serif;
  color: var(--tableFooterTotal);
}

tfoot td .meta {
  font-size: 13px;
}

table tr th.middle {
  text-align: center;
}

table tr td.middle div {
  text-align: center;
} 

table.report-list { margin-bottom: 30px; }
table tr.placeholder td { height: 60px; }
.sort-handle { cursor: move; }

.icon.icon_drop,.icon.icon_star {
  top: -2px;
}

/* jQuery UI overrides */

.ui-button.ui-state-active:hover {
  border: 1px solid #231736;
  background: #210b33;
  font-weight: normal;
  color: #ffffff;
}
#ui-datepicker-div { font-size: 12px; }
.date-picker-action { padding-left: 5px; }
.date-picker-action input[type="submit"] { line-height: 41px; margin-top: 1px; border-radius: 3px; }

.ui-datepicker th span { color: var(--defaultTextColor); }

.ui-widget-content { background: var(--bgColor); }

.ui-widget.ui-widget-content { border: solid 1px var(--fainterBorderColor); }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: 1px solid var(--extrafaintBorderColor); 
  color: var(--defaultTextColor);
  background: var(--alternateRowColor);
}
.ui-widget-header { border: none; background: none; }
.ui-datepicker td a { text-align: center; }


.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  /* TODAYS DATE */
  border: solid 1px var(--subtleHighlightColor); background: var(--subtleHighlightColor);
  
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  /* Currently selected date */
  background: var(--copaOrange); color: var(--bgColor); border: none;
  font-weight: 600;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
  /* hover state */
  background: var(--copaOrange);
  color: var(--bgColor);

}

.ui-datepicker-calendar td {
  height: 32px;
  font-weight: 500;
  line-height: 24px;
  padding: 0;
  width: 32px;
  text-align: center;
}

.datepicker td a {
  display: block;
  padding: .2em;
  text-decoration: none;
}

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: center;
  text-decoration: none;
}

.ui-tooltip {
  padding: 10px 20px;
  color: white;
  border-radius: 7px;
  /* text-transform: uppercase; */
  box-shadow: 0 0 14px rgba(0,0,0,0.25);
}


/* END jQuery UI Overrides */

svg.icon:not(.icon--full-color) circle, svg.icon:not(.icon--full-color) ellipse,
svg.icon:not(.icon--full-color) g, svg.icon:not(.icon--full-color) line,
svg.icon:not(.icon--full-color) path, svg.icon:not(.icon--full-color) polygon,
svg.icon:not(.icon--full-color) polyline, svg.icon:not(.icon--full-color) rect,
symbol.icon:not(.icon--full-color) circle, symbol.icon:not(.icon--full-color) ellipse,
symbol.icon:not(.icon--full-color) g, symbol.icon:not(.icon--full-color) line,
symbol.icon:not(.icon--full-color) path, symbol.icon:not(.icon--full-color) polygon,
symbol.icon:not(.icon--full-color) polyline, symbol.icon:not(.icon--full-color) rect {
    fill: inherit;
    stroke: inherit
}

.created-by.stat {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 16px;
  line-height: 44px;
}

.inner .breadcrumb, .content.inner .breadcrumb {
  font-size: clamp(11px, 3.4vw, 15px);
  line-height: 1.9em;
  display: inline-block;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #aaa;
  font-weight: 500;
  height: auto;
  position: relative;
}

.inner .breadcrumb .crumb-wrap, .content.inner .breadcrumb .crumb-wrap { color: inherit; line-height: inherit; }


.inner .breadcrumb a, .content.inner .breadcrumb a  {
  text-transform: capitalize;
  font-weight: 300; 
  display: block; 
  position: relative;
  white-space: nowrap;
  line-height: inherit;
}

.breadcrumb a:hover, .content.inner .breadcrumb a:hover {
  text-decoration: none;
}

.breadcrumb span, .content.inner .breadcrumb span { color: inherit; line-height: inherit; }


.breadcrumb a:before, .content.inner .breadcrumb a:before {
  content: " / ";
  display: inline-block; 
  color: #aaa;
  text-decoration: none;
  position: absolute;
  right: clamp(4px, 1.35vw, 9px);

}
.breadcrumb a:after, .content.inner .breadcrumb a:after {
  content: " ";
  display: inline-block;
  color: #aaa;
  text-decoration: none;
  position: relative;
  padding: 0 clamp(6px, 2.1vw, 12px);
}

.breadcrumb a:first-of-type, .content.inner .breadcrumb a:first-of-type {
  margin-left: 0px;
}

.breadcrumb .crumb-wrap *, .content.inner .breadcrumb .crumb-wrap * { line-height: inherit; font-size: inherit; white-space: nowrap; display: block; clear: none; float: left; }


.appointment-status-missed { color: var(--copaRed); font-weight: 700; }
.appointment-status-kept { color: var(--copaGreen); font-weight: 500; }

.no-svg .icon__fallback-text {
    position: static !important;
    overflow: inherit;
    clip: none;
    height: auto;
    width: auto;
    margin: 0
}

a svg.icon { margin-right: 2px; margin-bottom: 0.1em; }
a svg.icon_prevention { margin-top: 8%; }

.spinner { display:none; }
.field_with_errors { width: 100%; }

.breadcrumb h1 { font-size: 1.7em; width: 100%; }
.breadcrumb h1 .icon { height: 40px; width: 40px; position: relative; top: -3px; }
.breadcrumb a.show-detail { font-size: 18px; color: rgba(128, 160, 187, 1); float: right; margin: 0; }
.breadcrumb a.show-detail:hover { text-decoration: none; color: rgba(108, 140, 167, 1); }
.breadcrumb a.show-detail .icon { right: 3px; top: 2px; width: 25px; height: 25px;  }
.breadcrumb a.show-detail .icon.chevron { left: 6px; width: 20px; height: 20px; top: 4px; transition: top 1s; }
.breadcrumb a.show-detail .icon.chevron.rotated { top: 0; }

form.new_user_session { max-width: 440px; }
#errorExplanation * { color: #c44; }
#errorExplanation ul { padding-left: 0; }

.checkbox-wrapper .field_with_errors { display:inline; }
.button.wide-save { width: 250px; }
.button.full-width { width: 100%; display: block; }

input[type="text"],input[type="email"], input[type="password"], textarea, .contact-form textarea { background: var(--bgColor);border: 1px solid var(--fainterBorderColor); resize: none; border-radius: 7px; border-radius: 5px; padding: 7px; font-size: 16px; width: 100%; padding: 8px 5px; }
textarea.compact-display { font-size: 13px; }
.contact-form textarea { min-height: 200px; }
.contact-form input[type="text"], .contact-form textarea { margin-top: 5px; margin-bottom: 20px; }
.contact-form input[type="submit"].button { background-color: var(--copaBlue); border-radius: 30px; padding: 0 40px; }
.contact-form input[type="submit"].button:hover { background-color: #1252d7; color: #fff; }

input[type="text"].phone-number { max-width: 200px; }
.hr { width: 100%; height: 0px; border-top: solid 1px var(--borderColor); border-bottom: solid 1px #fff; clear: both; }

tbody tr:nth-child(even), .message-list a:nth-child(even), .flex-grid a:nth-child(odd) { background-color: var(--alternateRowColor); }

.py-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}


.dynamic-flash {
  position: fixed;
  width: 100%;
  background: rgba(255,255,255,0.95);
  z-index: 99;
  padding: 20px;
  text-align: center;
  color: #363f51;
  font-weight: 100;
  border: none;
  box-shadow: 0px 1px 13px rgba(0,0,0,0.5);
  top: -120px;
  opacity: 0;
  transition-property: top, opacity;
  transition-duration: 0.75s;
  font-size: 24px;
  cursor: pointer;
}
.dynamic-flash * { color: #4c4; }
.dynamic-flash em { font-weight: 500; }

.dismiss-flash { position: absolute;
  right: 20px;
  top: 20px;
  display: inline-block;
  width: 30px;
  height: 30px;
  border: solid 1px #1f4460;
  color: #1f4460;
  font-size: 30px;
  line-height: 29px;
  text-align: center;
  margin-left: 15px;
  border-radius: 30%;
  overflow: hidden;
  font-weight: 100;
}

.flash-error .dismiss-flash {
  border-color: #fff;
}

.button-holder { margin: 5px 0 5px -5px; }

.dynamic-flash.visible {
  top: 0px;
  opacity: 0.95;
}

.dynamic-flash.flash-warning {
  border-color: #fc0;
  color: #700;
  background: rgba(255,200,0,0.95);
  text-transform: uppercase;
}
.dynamic-flash.flash-warning * { color: #700; }

.dynamic-flash.flash-error {
  border-color: #a00;
  color: #fff;
  background: rgba(200,0,0,0.95);
  text-transform: uppercase;
}
.dynamic-flash.flash-error * { color: #fff; }

.legacy-sign-in {
  opacity: 0.5;
  margin-top: 400px;
}

.legal-terms {
  margin: 10px 0;
  padding: 15px 10px;
  height: 200px;
  overflow: scroll;
  background: #f9f9f9;
  border: solid 1px #ccc;
}

.grid__item.one-fifth.copa_location {
    width: 22%;
}

input#copa_pregnancy_date_of_delivery,input#copa_pregnancy_date_post_partum_visit {
    max-width: 100%;
}

.scrollbox div {
  overflow: scroll;
  vertical-align: top;
  padding: 4px;
  width: 100%;
}
/* 
tbody tr:nth-child(odd) td.scrollbox {
  background: var(--scrollBoxBg);
}
tbody tr:nth-child(even) td.scrollbox {
  background: var(--scrollBoxAltBg); 
}
*/

.scrollbox-large div {
  overflow: scroll;
  vertical-align: top;
  padding: 4px;
  width: 100%;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
/* 
tbody tr:nth-child(odd) td.scrollbox-large {
  background: var(--scrollBoxBg);
}
tbody tr:nth-child(even) td.scrollbox-large {
  background: var(--scrollBoxAltBg); 
}
*/

table.audits em, table.audits strong { color: var(--robustGray); }

table tr td.scrollbox div {
  height: 60px;
  max-height: 60px;
  max-width: 400px;
}

table tr td.scrollbox-large div {
  height: 90px;
  max-height: 90px;
  max-width: 510px;
}

.form-below-list { margin-top: 90px; }

.dashboard.dashboard-section-header { page-break-before: always; }
.dashboard.dashboard-section-header.first { page-break-before: never; }

.sort-list { padding-left: 0; list-style: none; }
.sort-list li { float:left; width: 120px; cursor: move; height: 70px; margin-bottom: 2px; }
.sort-list li input[type="checkbox"] { display:none; }

.sort-list li label img { cursor: pointer; opacity: 0.1; transition: opacity 0.5s; }
.sort-list li input:checked + label img { opacity: 1; }
.sort-list li { position: relative; }
.sort-list li span { color: #fff; display: block; position: absolute; top: 12px; left: 5px; text-shadow: 1px 1px #000; z-index: 99; }

.content { min-height: 300px; position: relative; z-index: 1; }
.content.inner { position: relative; margin-top: clamp(10px, 2vw, 30px); margin-bottom: 30px; max-width: 1050px; min-height: auto; padding-left: 15px; padding-right: 15px; }
.content.inner .content.inner, .content.inner .inner { padding-left: 0; padding-right: 0; }
.content.inner .inner { margin-top: 50px; margin-bottom: 50px; }
a { font-weight: 500; }
.content.inner h2 { font-size: clamp(22px, 6.9vw, 27px); margin-bottom: 20px; }

.content.inner h3 { font-size: 24px; font-size: clamp(17px, 2.8vw, 22px); font-size: clamp(21px, 6.5vw, 29px); font-weight: 300; }
.content.inner h3 span { text-transform: uppercase; font-weight: 500; color: #999; font-size: clamp(10px, 3.1vw, 13px); text-align: right; display: inline-block; margin-left: clamp(4px, 1vw, 10px); }


.content.inner p { font-size: calc(17px, 1.5vw, 19px); line-height: clamp(1.6em, 6vw, 1.9em); margin-bottom: 9px; }
.inner p { font-size: clamp(16px, 0.71vw + 11.57px, 18px); font-size: clamp(13px, 1vw + 10.57px, 18px); font-size: clamp(13px, 0.51vw + 12.65px, 18px); font-size: clamp(14px, 0.51vw + 12.38px, 18px); line-height: 1.6em; }
.inner { max-width: 1050px; margin: 0 auto; position: relative; padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); }

#error_explanation h2 {font-size: 15px; font-weight: 700; margin-top: 5px; margin-bottom: 5px; }
#error_explanation * {  color: #da670e; }
#error_explanation ul { margin: 5px 0; }

ul { margin: 5px 0 clamp(11px, 3.5vw, 25px); padding-left: 14px; }
ul ul { margin: 0; padding-left: 0; }
ul li a svg.icon { margin-bottom: 4px; }

input[autocomplete="off"]::-webkit-contacts-auto-fill-button {visibility: hidden; display: none !important; pointer-events: none; height: 0; width: 0; margin: 0; }
form { width: 100%; }

form .field { margin-bottom: 10px; }
.field input[type=text], .field input[type=email],.field input[type=password],.field textarea { width: 100%; background: var(--bgColor); border: solid 1px var(--fainterBorderColor);}
.field label { display:block; margin: 10px 0 5px; }
.field label.inline { display:inline; }
.field input[type="file"] { height: auto;}
.field input[type="text"].datepicker { max-width: 150px; }
.fields input[type="text"].datepicker { max-width: 100%; }

.field .filter-searcher input[type="text"].datepicker { max-width:155px; }

fieldset.field input[type="text"].datepicker { max-width: 100%; }
fieldset.field label { display:block; margin: 5px 0 0; }
form textarea { width: auto; }
form textarea[readonly="readonly"] { background: var(--extrafaintBorderColor); }

.field .field_with_errors input[type=text],.field  .field_with_errors input[type=email],.field  .field_with_errors input[type=password],.field  .field_with_errors textarea { background: #fff4ec; border: solid 1px #da670e; }
.field input[type=text].saved,.field input[type=email].saved,.field input[type=password].saved,.field textarea.saved { border: solid 1px var(--successColor); }
.field .field_with_errors label { color: #da670e; }
.field label.checkbox { display: inline; }

textarea { border-color: var(--fainterBorderColor); }
input[type="checkbox"] { margin-right: 4px; height: 14px; }

/* .breadcrumbs { padding-bottom: 10px; font-size: 19px; } */

.search-form .field input[type=text] {  }
.search-form .actions { margin: 0;padding-left: 5px; }
.search-form .actions input[type=submit] { width: 100%; padding: 8px; }
.actions { margin: 5px 0 5px -2px; }
.actions input[type=submit], .actions .btn, .pink-button, .navbar .btn { background: var(--buttonColor); color: #fff; border-radius: 4px; padding: 10px 15px; border: none; font-size: 20px; cursor: pointer; line-height: 24px; }
.actions input[type=submit]:hover, .actions .btn:hover, .pink-button:hover, .navbar .btn:hover { background: var(--linkColorHover); text-decoration: none; }
.update-profile-button { margin: 10px -5px 10px -5px; padding-right: 10px; }
.actions a.archive { float:right; }
.single-filter { float:right; }

.single-filter a.btn { display: inline-block; width: auto; padding: 4px 10px; margin: 0 auto; font-size: 14px; color: var(--linkColor); fill: var(--linkColor); background: var(--bgColor); border: solid 1px var(--linkColor); }
.single-filter a.btn svg { fill: var(--linkColor); margin-bottom: 2px; }
.single-filter a.btn:hover svg { fill: var(--bgColor); }

a.btn svg { color: var(--bgColor); fill: var(--bgColor); }

.narrow-inner { width: 460px; margin: 0 auto; z-index: 10; }

.image-caption { color: var(--robustGray); font-size: 13px; text-align: center; font-style: oblique; }
.header-wrap { z-index: 10; top: 0; position: absolute; width: 100%; }

header.site-header input { display: none; }



.admin h1 { text-transform: uppercase; font-size: 32px; border-bottom: solid 1px var(--borderColor); padding-bottom: 10px; margin-bottom: 25px; }
.home h1 { font-weight: 700; font-size: 44px; line-height: 1.18em; }
h1 span.hero-leader-line1, h1 span.hero-leader-line2, h1 span.hero-leader-line3 { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: 1.04em; display: block; }
.h1-spacer div { width: 60px; height: 10px; background: var(--bgColor); margin: 15px 0 25px; }

.field.date-range label { margin: 0; }

.list-table .action-button { text-transform: capitalize; font-size: 12px; padding: 0; margin: 0 5px; }
.list-table tr td:nth-child(3n) a { margin-left: 20px; }
.list-table tr td:nth-child(5n) a { margin-right: 20px; }


.no-avatar {
  width: 80px;
  height: 80px;
  font-size: 33px;
  line-height: 80px;
  background: #2af;
  text-shadow: 1px 1px 4px rgba(0,0,0,0.4);
  position: relative;
  border-radius: 50%;
  color: #fff;
  box-shadow: 0 0 0px 4px rgba(255,255,255,0.5) inset;
  text-align: center;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, arial, sans-serif;;
  font-weight: 200;
  display:inline-block;
}

.no-avatar img {
  position: absolute;
  width: 90%;
  top: 5%;
  left: 5%;
  opacity: 0.15;
  border-radius: 50%;
}

.form-avatar {
  width: 80px; 
  height: 80px;
  border-radius: 50%; 
  border: solid 2px var(--bgColor);
  box-shadow: 0 0 2px rgba(0,0,0,0.5);
}
.matcher {
  margin-left: 20px;
  font-size: 19px;
}
.inbound-keywords h4 {
  font-size: 1.5em;
}

/* ====================================== MAIN NAV ======================================= */

.nav-link { text-transform: capitalize; display: inline-block; font-weight: 500; font-size: 12px; padding: 10px 15px; margin: 0 10px 20px 10px; border: solid 1px #00abe3; }
.nav-link:hover { color: #fc710b; text-decoration: none; border: solid 1px #fc710b; }

/* ====================================== MAIN NAV ======================================= */

a.btn, input.btn, button.btn  { width: 200px; margin: 25px auto; display: block; text-align: center; border: none; outline: none; border-radius: 5px; background: var(--buttonColor); font-size: 22px; padding: 5px; color: var(--bgColor); text-transform: capitalize; font-weight: 400; -webkit-appearance: none; }
a.btn:hover, input.btn:hover, button.btn  { background: var(--linkColorHover); text-decoration: none; color: var(--bgColor); cursor: pointer; }

.actions a.btn { font-weight: 300; background: var(--extrafaintBorderColor); display: inline-block;  }
.actions a.btn:hover { font-weight: 400; }

.btn.btn-approve { color: var(--copaGreen);  }
.btn.btn-approve:hover { background: var(--copaGreen); }
.actions .btn.btn-reject, .btn.btn-reject { background-color: var(--copaRed); border: solid 1px var(--copaRed); }
.actions .btn.btn-reject:hover, .btn.btn-reject:hover, input.btn.btn-reject:hover { color: var(--copaRed); background: var(--buttonColor);  }
a.btn.btn-primary { background: var(--buttonColor); }

input.btn.inline, button.btn.inline { width:auto; display:inline; margin: 0; padding: 8px 12px; }

form.delete-confirmation { display: none }
form.delete-confirmation .actions input[type=submit], .actions .btn { margin-top: 18px; }

.checkbox-column { width: 28px; padding-left: 3px; }
.grid.pie_charts h4, .outcomes-section h4 { margin: 0; font-weight: 300; }
.table-header h4 { margin:0; font-weight: 300; font-size: 1.3em; }

.list-table { margin-bottom: 30px; -webkit-padding-start: 0; padding-right: 0; }



p.stats {
  line-height: 23px;
  font-size: 16px;
  font-weight: 200;
  color:var(--middleGray);
}
.stat-value {
  color: var(--extraRobustGray);
  font-weight: 500;
}

select#copa_pregnancy_type_of_delivery, select#copa_pregnancy_place_of_birth, select#copa_pregnancy_gestation_at_delivery, select#baby_placement {
    width: 100% ;
    height: 42px;
    border-radius: 5px;
    background-color: #ffffff;
}

.readonly-field {
  background-color: #F2F2F2 !important;
  color: #403939;
  border-color: #ddd !important;
}

div#pregnancy_edc {
    text-align: center;
}

.avatar, .image-preview  {
  overflow: hidden;
}
.preview { height: 130px; display: flex; margin: 5px; }
.image-preview {
  max-width: 100%;
  max-height: 100%;


  align-self: center;
}

.stacked-data {
  text-align: center;
}

.diabetes { color: #578AD6; }

.avatar-small {
  width: 24px; height:  24px;
  border-radius: 12px;
  border: solid 1px var(--bgColor); 
  box-shadow: 0 0 1px rgba(0,0,0,0.5);
  font-size: 12px;
  line-height: 24px;
}

.avatar-medium {
  width: 36px; height:  36px;
  border-radius: 18px;
  border: solid 1px var(--bgColor); 
  box-shadow: 0 0 1px rgba(0,0,0,0.5);
  font-size: 18px;
  font-weight: 300;
  line-height: 36px;
}

.avatar-large  {
  width: 80px; height: 80px; 
  border-radius: 40px; 
  border: solid 2px var(--bgColor); 
  box-shadow: 0 0 2px rgba(0,0,0,0.5);
}

.main-item.user-name .avatar-large { width: 30px; height: 30px; margin-right: 5px; border: none; font-size: 0;}
.main-item.user-name { flex-direction: row; }

.flex-grid {  display: flex; flex-flow: row wrap; }
.flex-column {display: flex; flex-flow: column nowrap}


p.legend { font-size: 11px; margin-top: 8px; }
.js-clickable { cursor: pointer; }

.section { margin-top: 30px; padding-bottom: 60px; border-bottom: dashed 2px var(--borderColor); padding-top: 10px; }
.grid.terms-defined { margin-top: 30px; }
.outcome_table td { font-size: 13px; }
h4 { margin-bottom: 3px; }
h4 strong { font-family: inherit; font-size: inherit; color: inherit; font-weight: 600; }
.content .inner h4 { margin-bottom: 18px; }
.content.inner.services-page h5 { font-family: 'Montserrat'; font-weight: 400; font-size: clamp(13px, 0.51vw + 10.57px, 18px); margin-bottom: clamp(3px, .9vw, 7px); }
.content.inner.services-page h5 strong { font-weight: 500; }
body .content.inner h5.spacer { margin-bottom: clamp(11px, 3.5vw, 25px); }


.outcome_table td.legend {
  font-size: 11px;
  padding: 0px 10px;
}

.tab-strip { border-bottom: solid 1px var(--faintBorderColor); padding-left: 15px; }
.tab-strip a {  background: var(--justOffBg); border:  solid 1px var(--faintBorderColor); border-bottom:  none; border-radius: 10px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; text-transform: capitalize; display: block; float: left; margin-right: 20px; padding: 5px 10px;  }
.tab-strip a.active { position: relative; top: 1px; background: var(--bgColor); }
.tab-strip a:hover { background: var(--bgColor); text-decoration: none; }

.tab-strip.title-tab-strip { margin: 5px 0 15px; }
.tab-strip.title-tab-strip a { font-family: 'Signika Negative', "Helvetica Neue", Helvetica, arial, sans-serif;; font-size: 1.25em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.01em; color: var(--robustGray); padding: 10px 20px 5px; }

.error_message { color: #c00;  }

.bg-wrap { width: 100%; height: 100%; overflow: hidden; position: absolute; }
.home-wrap { z-index: 1; width: 100%; height: auto; position: relative; display: block; }
.main-hero.header-bg { height: 126px; }
.main-hero .home-wrap { margin-top: 85px;  }

.hidden { display: none; }

.home h1 { border-bottom: none; text-align: center; color: #fff; margin-bottom: 0px; padding-left: 0px; line-height: 1.16em; text-align: left;
-webkit-transition: width ease-in-out 0.3s;
-moz-transition: width ease-in-out 0.3s;
-ms-transition: width ease-in-out 0.3s;
transition: width ease-in-out 0.3s;
 }
.tips.left h2.massive-headline, .tips.right h2.massive-headline, .press h2.massive-headline { margin: 0px auto; padding: 190px 0; float: none; max-width: 1024px; padding-left: 20px; padding-right: 20px; color: #fefefe; font-size: 96px; line-height: 0.84em; font-weight: 800; }
.press h2.massive-headline { padding: 110px 0; }
.polymorphic-list { width: 100%; }
h2.massive-headline br { height: 1px!important; display: block; }



.home form { margin: 0 auto; }
.home form label { color: #fff; }
.home form label.headline-label { width: 100%; margin: 0 auto 15px auto; display: block; color: #fff; text-align: center; font-size: 22px; text-transform: uppercase; }
.home form input[type=text], .home form input[type=email] { width: 80%; margin: 0 auto; display: block; border: none; outline: none; border-radius: 5px; background: rgba(255,255,255,0.4); text-align: center; font-size: 22px; padding: 5px; }
.home form input[type=text]:focus, .home form input[type=email]:focus { background: rgba(255,255,255,0.8); font-weight: 400; }
.home form input[type=submit] { width: 200px; margin: 25px auto; display: block; text-align: center; border: none; outline: none; border-radius: 5px; background: rgba(0,0,0,0.5); font-size: 22px; padding: 5px; color: #fff; text-transform: uppercase; font-weight: 400; -webkit-appearance: none; }
.home form input[type=submit]:hover { background: rgba(0,0,0,0.8); }
div.error_message { text-align: center; color: white; background: rgba(255,0,0,0.4); min-height: 0; padding: 0; line-height: 26px; font-size: 16px; margin: 8px 100px; border-radius: 3px; text-transform: uppercase; }
.logo { background-image: url(/nexus-logo-light-color.png); display: inline-block; width: 149px; height: 41px; background-size: 149px 41px; opacity: 1; background-repeat: no-repeat; margin-left: 1px; margin-top: 4px; }

header .left { margin-right: 4px; }

.add-user { height: 30px; margin-top: 10px; }
.control-link { text-transform: uppercase; }
body { height:100%; overflow: scroll; -webkit-overflow-scrolling: touch; }


.modal-bg, .trailer-bg { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; bottom: 0; overflow: scroll; z-index: -1; opacity: 0; background: rgba(0,0,0,0.7); } 
.modal-bg { background: rgba(5, 255, 245, 0.7); }
.trailer-wrap, .modal-wrap { position: absolute; top: -1000px; width: 100%; z-index: 500;  } 
.modal-wrap { width: 80%; background: var(--borderColor); border: solid 1px #999; border-radius: 10px; padding: 20px; }

.modal-dismiss { position: absolute; right: 14px; top: 0px; color: #f22; font-size: 30px; font-weight: 900; cursor: pointer; }
.modal-dismiss:hover { color: #a00; text-decoration: none; }

.trailer-wrap iframe { width: 800px; height: 600px; }

.button, a.button, .button { color: #fff; font-size: 14px; margin: 0 5px; text-transform: uppercase; border: solid 1px transparent; background: transparent; border-radius: 0.3em; border: solid 1px white; display: inline-block; line-height: normal; font-weight: 300; }
.button:hover, a.button:hover, .button:hover { text-decoration: none; background: white; color: #333; }

h2.sub-head { text-align: center; margin: 30px 0 20px; }

.mobile-menu { display: none; }



.edit-link { margin-top: 10px; text-transform: capitalize; }

.profile-screen { width: 114px; height: 114px; }

.modal-inner h3 { text-align: center; color: #333; font-size: 28px; margin-top: 25px; font-weight: 200; margin-top: 0; }
.modal-inner p { text-align: center; color: #333; font-size: 28px; margin-top: 25px; font-weight: 200; margin-bottom: 2px; }

.feature-row__item .app-store-button, .feature-row__item .play-store-button { display:inline-block; }

.modal-inner .app-store-button { margin: 30px auto; }
.trailer-wrap .app-store-button { margin: -10px auto 0; }

.thank-you-message h2 { font-size: 38px; text-transform: uppercase; margin: 0 auto; text-align: center; color: #fff; }
.thank-you-message p { font-size: 22px; text-transform: uppercase; margin: 0 auto; text-align: center; color: #fff; }

.image-wrap img { max-width: 500px; }

label.headline-label { font-size: 12px; font-weight: 400; color: #777; text-transform: uppercase; }
label.headline-label span { font-size: 14px; font-weight: 300; color: #444; text-transform: uppercase; }

.copy-to-clipboard { line-height: 42px; text-transform: uppercase; }

table { border-radius: 7px; overflow: hidden; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
thead tr th { padding: 4px 4px 4px 8px;  color: var(--middleGray); font-weight: 200; text-transform: capitalize; text-align: left; border-bottom: solid 1px var(--fainterBorderColor); }
thead tr th.first { padding-left: 2px; }
thead tr th.numeric { padding: 4px 6px 4px 4px; }
thead tr th.export-table { text-align: right; }
thead tr th.super-header { border-bottom: nont; color: var(--tablefootertotal); font-size: 19px; }
.super-links-mobile { display: none; }

tbody td { margin: 0; padding: 2px 4px 0; font-size: 15px; border-bottom: solid 1px var(--borderColor);  }
tbody td.comments-field { vertical-align: top; }
table tr { line-height: 24px; }
table.compact tr { line-height: 20px; }

table tr.totals td { background: #f4f8fa; }
td.first { padding-left: 8px; }
tr.most-recent td div.main-item, tr.most-recent td div.main { font-weight: 600; }
tr.out-of-date td div { color: #c44; }
table.tip-entry-table { margin-bottom: 50px; }

fieldset { border: solid 1px var(--fainterBorderColor); border-radius: 5px; }
legend { color: #555 }

thead tr th.export-table a svg.icon { margin-right: 0; margin-bottom: 1px; width: 18px; height: 18px; }

.recent-discharges tbody td, .admission-episodes tbody td { padding: 2px; }
.recent-discharges tbody td .meta, .admission-episodes tbody td .meta { padding-top: 5px; }


.copa_pregnancy_comments{ width: 40% !important; height: 96px; }
div.discharge_planner_comments { min-height: 90px; overflow: visible; }
div.discharge_planner_comments textarea { width: 100%; transition: all 200ms;  }
div.discharge_planner_comments textarea:focus { z-index: 99; min-height:200px; max-height: 300px;  }
.dc_planner_remove_btn {margin-top: 45px;}


.footer-wrap { background: var(--footerBg); padding: 0; z-index: 0; position: relative; margin-top: 0px; /* box-shadow: 0 -1px 4px rgba(0,0,0,0.4); */ }
.footer-wrap .inner { width: auto; min-width: 0; margin: 0 auto; float: none; padding: 70px 20px 10px; }
.footer-bottom { margin: 0 auto; width: auto; max-width: 1280px; }
.footer-bottom .inner { border-top: solid 1px rgba(255,255,255,0.2); padding: 25px 0; margin: 0; line-height: 20px; width: auto; padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right); }

.footer-wrap .site-logo-image { margin-bottom: 20px; }

.footer-bottom .copyright { color: #a5a5a5; font-size: 12px; height: 30px; }
.footer-bottom .extra-disclaimers { float: right; color: var(--middleGray); font-size: 12px; }
.footer-bottom .extra-disclaimers a { color: #aaa; }
.footer-bottom .extra-disclaimers a:hover { color: var(--fainterBorderColor); text-decoration: underline;  }

.footer-wrap .left, .footer-wrap .left a { font-size: clamp(13px, 0.51vw + 9.7px, 15px);  text-transform: uppercase; color: #78a3e5; margin-bottom: 7px; line-height: 1.6em; font-weight: 600; transition: color .1s; }
.footer-wrap .left li { margin-bottom: 0px; line-height: 1; }

.footer-wrap ul li { margin-left: 0; }
body .footer-wrap .menu:hover .sub-menu { display: block; height: auto; min-height: none; max-height: none; }

.footer-wrap .menu { margin-bottom: 15px; }
.footer-wrap .sub-menu { margin-left: 10px; display: block; }

.footer-wrap .left ul li a, .footer-wrap .sub-menu a { font-size: clamp(13px, 0.51vw + 9.7px, 15px); text-transform: none; color: #cdcdcd; margin-bottom: 7px; line-height: 1.6em; font-weight: 300; padding-right: clamp(2%, calc(31vw - 100px), 30%); }
.footer-wrap .left .menu input, .footer-wrap .left .menu label { display: none; }

.footer-wrap .menu a svg.icon.icon_link-arrow { margin-left: 3px; transform: rotate(-45deg) }
.footer-wrap .menu a:hover svg.icon.icon_link-arrow { fill: #ff4949; }

.footer-wrap a:hover { text-decoration: none; color: #ff4949; }
.footer-wrap ul li a:hover { text-decoration: none; color: #ff4949; }
.footer-wrap .links-col a { margin-bottom: 0; line-height: 1.4em; }
.footer-wrap .col h4 { font-size: 14px; color: #ccc; text-transform: capitalize; margin-bottom: 10px; font-weight: 400; }
.footer-wrap .links-col .social-icons-wrap { margin-right: 30px; margin-top: 17px; }
.footer-wrap .links-col .social-icons, .social-icons { float: left; margin-right: 7px; margin-bottom: 7px; width: 50px; height: 50px; display: block; }

.footer-wrap .social-link { float: left; margin: 3px; display: inline-block; }
.social-glyphs-wrap { margin-bottom: 20px; }
.social-glyphs-wrap img {  }

a.social-link { transition: transform .23s; }
a.social-link:hover { transform: scale(1.1); }
.footer-wrap a.social-link svg { fill: #5fb3e4; }
.footer-wrap a.social-link:hover svg { filter: drop-shadow(0 0 1px rgba(0,0,0,0.5)); }


.footer-wrap .links-col { width: 175px; min-height: 40px; float: left; margin-right: 15px; }
.footer-wrap .col-2 { width: 175px; min-height: 40px; float: left; margin-right: 15px; }
.footer-wrap .blog-feed { width: 450px; min-height: 40px; float: left; margin-right: 55px; }

.footer-wrap a { display: block; color: #93ADCC; line-height: 1.8em; }
.footer-wrap .footer-base .inner { color: #658fc1; font-size: 14px; padding-bottom: 15px; }

.super-footer-logo { opacity: 0.4; width: 300px; position: absolute; right:0; bottom: 20px; }


/* ========================= RETINA STYLES ========================== */


@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and    (-moz-min-device-pixel-ratio: 2),
       only screen and      (-o-min-device-pixel-ratio: 2),
       only screen and         (min-device-pixel-ratio: 2) {
     
     .dummy {}

    .logo {
      background-image: url(/nexus-logo-light-color@2x.png);
      background-size: 149px 41px;
      margin-left:  10px;
    }

}


/* ========================= RETINA STYLES ========================== */


h1 span.stats { font-size: 15px; float:right; }

/* NL7 Styles */ 

span.code { font-family: "Courier New"; background: var(--extrafaintBorderColor); border: solid 1px var(--robustBorderColor); padding: 1px 3px; }
ul.nl7-listeners { line-height: 32px; padding-left: 0; }
ul.nl7-listeners strong { color: var(--copaIndigo); }

.hl7-message pre { font-size: 12px; background: var(--borderColor); padding: 8px; margin: 0 0 10px 0; color: var(--robustGray); }
.relay-list { margin: 0 0 15px; padding-left: 10px; }
/* END NL7 Styles */




a.ignore-text-button { position: fixed;
  background: rgba(10, 10, 10, 0.9);
  color: var(--fainterBorderColor);
  
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  top: -1px;
  left: 47%;
  text-align: center;
  width: 240px;
  display: block;
  padding: 20px;
  font-size: 20px; 
  transition-property: top;
  transition-duration: 1s;
  text-transform: uppercase;
  font-weight: 900;
}
a.ignore-text-button.disabled { top: -100px; }
a.ignore-text-button:hover { color: #d33; text-decoration: none; border: 3px solid #d22; border-top: none; }


.chart-title { top: 57px; position: relative; z-index: 5; padding-left: 11%; }
.pie-chart-title { top: 15px; text-align: center; padding-left: 0; }
p.footnote { font-size: 12px; }
p.table-footer { font-size: 14px; margin-top: 7px; padding-left: 3px; }

.bar-chart { position: absolute; background-color: #ccd; height: 2px; bottom: -3px; left: 0; }

.data-grid { border-top: solid 1px var(--bgAltColor); }
.data-grid .grid__row { min-height: 34px; border-bottom: solid 1px var(--bgAltColor); padding: 10px 0; }
.data-grid .grid__row.total-row .grid__item { font-weight: 500; text-align: right; text-transform: uppercase; }
.data-grid .grid__item { font-size: 16px; position: relative; }

.data-grid .data-label { font-size: 12px; color: #999; text-transform: uppercase; }

.data-grid .icon { width: 17px; height: 19px; display: inline-block; margin-bottom: 4px; fill: var(--middleGray); }
.browser-icon { border-radius: 22px; padding: 1px 0 1px 4px; display: inline-block; width: 24px; height: 24px; }

.tbody td { border-top: #f0f0f0 solid 1px; vertical-align: top; }
tbody td ul.main-item, tbody td ul.main { margin: 0; padding: 4px 0 0 20px; }
tbody td ul.main-item li, tbody td ul.main li { line-height: 20px; }
tbody td ul.main-item li::before, tbody td ul.main li::before { color: var(--robustGray); content: "\25CB";
  display: inline-block; /* Needed to add space between the bullet and the text */ 
  width: 0.8em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */ 
}


form.button_to .action-link {
  border: none;
  background: transparent;
  color: #00abe3;
  font-size: inherit;
  cursor: pointer;
  padding:0;
}
form.button_to .action-link:hover {
  text-decoration: underline;
}

.action-buttons form.button_to {
  width: auto;
  float: left;
  margin: 12px 0 0 20px;
}

.drag-handle:hover { cursor: move; }
a.drag-mode { float: right; margin-top: 10px; }

input.action-button[type=submit]:hover {
  background: none;
  color: rgba(198,36,146,1);
  text-align: center;
  border: 0;
  margin: auto;
  cursor: pointer;
}




body.terms p { color: #555; font-size: 16px; }
body.terms li { list-style: unset; color: inherit; font-size: inherit; line-height: inherit; margin-bottom: 5px; }

p.sub-section {
  margin: 15px 0 10px 0;
}

#main-hero { opacity: .8; }
.main-hero { height: 715px; }
.h1.mega-title { font-weight: 200; text-shadow: 0 0 20px rgba(0,0,0,0.4); margin-top: 0; }
.rte-setting.mega-subtitle.mega-subtitle--large p { text-shadow: 0 0 8px rgba(0,0,0,0.8); font-size: 18px; }


@media only screen and (min-width: 750px) {
  .rte-setting.mega-subtitle.mega-subtitle--large p { text-shadow: 0 0 8px rgba(0,0,0,0.8); font-size: 21px; font-weight: 500; }
  .main-hero { height: 655px; }
}

body.show-report .content.inner { margin: 0 auto; display: flex; flex-direction: column; z-index: 0; }
body.show-report .footer-wrap { margin-top: 0; }

.report-wont-load { text-align: center; margin-top: 20px; }

#qs_dashboard {  min-height: 800px; display: flex; align-items: stretch; } /* display:flex; flex-direction: column; flex: 1; flex-grow: 1; flex-shrink: 1; flex-basis: auto; } */
#qs_dashboard iframe { position: absolute; } /* flex: 1; */


.feature-highlights h3 { text-align: center;font-weight: 400; text-transform: uppercase; font-size: 1.425em; }
.feature-highlights .icon { width: 39%; height: auto; display:block; margin: 0 auto; }
.feature-highlights p { text-align: center; }

.icon.share { fill: #7649a7; }
.icon.cardio { fill: #df9053; }
.icon.insight { fill: #79AC53; }
.icon.no-access { fill: #ec6a63; }

a.delete:hover { color: #c44; }
a:hover svg.icon_delete { fill: #c44; }

.btn.hero__btn { margin: 0; padding: 14px; background: #479496; color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.5); font-weight: 300; }
.btn.hero__btn:hover { border: solid 2px #fff; padding: 12px; background: #189598; color: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.5); }

body.app .home-wrap .mega-subtitle.contribute p { text-shadow: 0 0 20px #000; }
.contributor-details { position: relative; }
.contributor-name, .contributor-email { padding-left: 45px; }
.contributor-gravatar { width: 40px; position: absolute; }

.recommended-header {
  margin-bottom: 10px;
  font-size:20;
  color: #555;
  padding: 11px;
  border-radius: 28px;
}

p.warning {
  color: var(--copaRed);
}
.warning svg use {  fill: var(--copaRed);  }

p.success {
  color: var(--copaGreen);
}

.success svg use {  fill: var(--copaGreen);  }


.summary .grid { margin-left: 0; }

dl.stat-group {
  text-align: center;
  font-size: 20px;
}
dd {
  font-size: 28px;
  font-weight: 500;
  margin-left: 0;
}

.member_button {
    font-size: 20px;
    margin-bottom: 10px;
}

.detail_button {
    margin-top: 9px;
    font-size: 19px;
}

.edit_button {
    margin-top: 25px;
    font-size: 19px;
}
  
.tool_link > .tool-problem {
    bottom: -30px;
}

div.tool-problem {
    position: absolute;
    z-index: 80;
    right: 15px;
    padding: 5px 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: solid 1px rgba(102, 102, 102, 0.23);
    border-bottom: none;
    font-size: 17px;
    font-weight: 400;
}

.hidden-delete { position: absolute; right: 7px; top: 6px; display:none; }
tr:hover .hidden-delete { display:block  }

summary { cursor: pointer; }

.summary dd {
  color: #444;
}
.summary dt {
  font-size: 16px;
}
.summary dt.small {
  font-size: 13px;
}
.summary dl.stat-group {
  margin-right: 10px;
  border-radius: 20px;
  border: solid 1px #aaa;
  padding: 15px 25px;
}

div.sub-nav { z-index: 10; height: 36px; border-top: 1px solid rgba(255,255,255,0.2); box-shadow: 0 2px 6px var(--boxShadowColor);  }

div.sub-nav a, div.sub-nav a svg { color: #fff; fill: #fff; }
.insurance_logo {
  display: inline-block;
  background-color: black;
}

.sub-nav .menu.empty-favorites { width:0; border-right: none; }

.checkbox-list { max-height: 180px; background: var(--bgAltColor); overflow-y:scroll; }

.header-button { 
  float: right;
  color: var(--copaPurple);
  border-radius: 7px;
  padding: 0 13px;
  font-size: 23px;
  line-height: 41px;
  text-transform: capitalize;
  font-weight: 300;
}
.header-button:hover, .header-button:hover svg {
  background: var(--copaPurple);
  color: #fff;
  text-decoration: none;
  fill: #fff;
}

.header-button.primary {
  border:none;
  color: #fff;
  background: rgba(36,156,226,1);
}
.header-button.primary:hover {
  background: rgba(36,116,206,1);
}


pre {
  white-space: pre-line;
}

#page_title {
  margin-bottom: 15px;
}

.table_tools {
  display: none;
}

.btn-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  text-align: center;
  vertical-align: initial;
  margin-right: 2px;
  font-weight: bold;
}

trix-editor {
  max-height: 800px;
  min-height: 10em !important;
  overflow: hidden;
  overflow-y: auto;
}

.hint {
  color: var(--robustGray);
  font-size: 14px;
}
.hint.warning {
  color:  var(--selectedFilterColor);
  font-size: 16px;
}

.label-style{
  color: orange;
}

.inc-dropdown{
  min-width: 65%;
}

.status-ok { color: var(--copaGreen); }
.status-warning { color: var(--copaOrange); }
.status-danger { color: var(--copaRed); }


.grid__item.medium-up--one-half.modal_form {
    padding-left: 30px;
    padding-right: 0px;
}

select#copa_pregnancy_nicu_days, select#copa_pregnancy_baby_placement, select#copa_pregnancy_member {
    width: 95%;
    border-block-color: #dedede;
    border-radius: 5px;
}

.bhmp_ppd {
  width: 100%;
  height: 42px;
  border-radius: 5px;
  background-color: #ffffff;
}

select#copa_pregnancy_member {
    width: 100%;
}

.pill_add {
  padding: 3px 39px !important;
}

.pill_mark {
  padding: 3px 41px !important;
}

a.back_button {
  margin-left: 30px;
}

span.select2-selection.select2-selection--single {
    height: 42px;
}

input.member_submit {
  &[disabled] {
    cursor: not-allowed;
    opacity: 0.5;
  }
}

.confirmation-btn {
  float: right;
}

#blank_show {
    float: right;
}

#confirm_show {
  margin-right: 15px;
}

.text_show {
  margin-left: 15px;
}

a.active_show {
    float: right;
    margin-right: 18px;
}

.fields {
    width: 100%;
    margin-bottom: 5px;
    margin-top: 15px;
}

.incident-checkbox{
  color:  blue;
}

.incident-section {
  /* border:1px solid var(--fainterBorderColor);
  padding: 15px;
  border-radius: 15px; */
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--fainterBorderColor);
}
.incident-section.editing {
  border-bottom: none;
}
.incident-section table tbody tr:nth-child(even) { background-color: var(--bgColor); }
.incident-section table tbody td { border-bottom: none; }

.disable-div {
  pointer-events: none;
  background: #f2f2f2;
}

.summary-area{
  max-height: 125px;
  overflow: auto;
  word-break: break-word;
}

#counter.warn {
  font-weight: 600;
  color: #c00;
}

.trailing {
  text-align: right;
}

.button_sec {
    display: inline-block;
}

.button_section {
    float: right;
}

.checkbox-wrapper .field_with_errors { display:inline; }

form.new_user_session { max-width: 440px; }
#errorExplanation * { color: #c44; }
#errorExplanation ul { padding-left: 0; }
.error { color: #c44 }
.checkbox-wrapper .field_with_errors { display:inline; }
.button.wide-save { width: 250px; }
.button.full-width { width: 100%; display: block; }



input[type=submit].secondary {
  background-color: #555;
}

table .grid__item { padding:5px; }
table .grid__item.actions { margin: 0 0 0 -5px; }
table .grid__item.actions input[type=submit] { font-size:16px;padding: 3px 17px; }

.extra-info { font-size: 12px; color: var(--middleGray); }
.inbound-messages .grid__item { padding: 0 15px 0 30px; }
.inbound-messages { margin: 20px 0; }
.inbound-messages a { padding: 12px 0 12px 0; }

.report_table .total {
  font-size: 20px;
  font-weight: 600;
  color: #000000;
  background-color: #ffffff;
}

.date_display {
  display: none;
}

.navbar .print-button {
  position: relative;
  top: 10px;
  left: 5px;
}
.navbar .print-button .icon.icon_print {
 width: 50px; height: 50px;
 fill: var(--filterBackgroundColor);
}
.navbar .print-button:hover .icon.icon_print {
  fill: var(--linkColor);
}

.navbar label {
  font-size: 13px;
}
.navbar svg.icon.chevron {
  float: right;
  color: rgba(36,156,226,1);
  border: solid 1px rgba(69, 171, 230, 0.55);
  background: rgba(36, 156, 226, 0.07);
  padding: 0 0 0 5px;
  cursor: pointer;
  border-radius: 5px;
  width: 19px;
  height: 19px;
}

.navbar svg.icon.chevron.rotated, .show-detail svg.icon.chevron.rotated {
  -webkit-transform: rotate(180deg);
}
.navbar svg.chevron.icon:hover {
  color: rgba(36,156,226,1);
  border-color: rgba(36,156,226,0.8);
  background: rgba(36,156,226,0.5);
}
.navbar h4 .icon { top: -1px; }

.analytics-content { margin: 10px 0; }

.navbar .grid__item { padding-left: 10px; }
.navbar .grid__item.first { padding-left: 30px; }

.navbar h4 svg.icon.chevron { background: none; border: none; width: 24px; height: 24px; color: #fff; }
.navbar h4 svg.icon.chevron:hover { background: none; color: #fff; }
.navbar h4 svg.icon use { fill: #fff; }
.navbar .filter-chooser:hover h4 svg.icon.chevron { -webkit-transform: rotate(180deg); }
.navbar .filter-chooser:hover h4 {  }
.navbar h4 svg.icon.thick-filter { color: #fff; }

.filter-chooser { z-index: 80; height: 37px; cursor: pointer; border-radius: 7px; position: relative; min-width: 165px; margin-top: 13px; }
.filter-chooser:hover { box-shadow: 1px 13px 11px var(--boxShadowColor);   }
.filter-chooser:hover h4 { background: var(--selectedFilterColor); border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.filter-chooser:hover .filter-drop-down { visibility: visible; }
.filter-drop-down { z-index: 81; visibility: hidden; position: absolute; width: 100%; background: var(--bgAltColor); margin-top: -4px; padding: 10px; box-shadow: 1px 8px 23px var(--boxShadowColor); border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; max-height: 350px; overflow-y: auto; }
#library_message_filters { margin-bottom: 15px; }

.filter-searcher { height: 37px; border-radius: 7px; position: relative; min-width: 165px; margin-top: 13px; }
.filter-searcher input[type=text] { height: 43px; }
.filter-searcher .icon.icon_search { position: absolute; right: 10px; top: 12px; color: rgba(0,0,0,0.4); }
.filter-searcher .icon.icon_calendar { position: absolute; right: 16px; top: 10px; color: rgba(0,0,0,0.4); }
.filter-searcher .loading { visibility: hidden; position: absolute; right: 10px; top: 7px; }
.empty-result-set {font-size: 34px; padding: 60px; font-weight: 100; color: var(--middleGray);width: 100%; text-align: center; }
.empty-result-set .extra { font-size: 14px; }
.empty-result-set.compact { font-size: 23px; padding: 10px; }
.empty-result-set.extra-compact { font-size: 18px; padding: 15px 0 0 0; }

.sort-radio-container {  position: relative; }
.sort-radio {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  cursor: pointer;
}

.radio-tile {
  padding: 8px;
  transition: transform 300ms ease; 
}

.radio-tile label { text-transform: uppercase;text-align: center; display: block; font-size: 15px; }

.sort-radio:checked + .radio-tile {
  background-color: var(--selectedFilterColor);
  color: white;
  border-radius: 20px;
  transform: scale(1.05, 1.05);
}

.sort-radio + .radio-tile svg.icon {
  display: none;
}
.sort-radio.asc:checked + .radio-tile svg.icon_sort-asc {
  display: inline;
}
.sort-radio.desc:checked + .radio-tile svg.icon_sort-desc {
  display: inline;
}

.sort-radio:checked + .radio-tile svg.icon use {
  fill: currentColor;
}
.sort-radio:checked + .radio-tile .radio-tile-label {
  color: white;
  background-color: var(--selectedFilterColor);
}

.filter-checkbox-list {
  margin-left: 10px;
  display: none;
  width: 92%;
}
.navbar a.btn, input.btn, button.btn { margin: 23px 0 4px 0; width: 100%;  font-weight: 200; border-radius: 7px; padding: 7px 12px 6px 12px;  }

.outcome-filters, .health-plan-filters {
  display:none;
  margin-left: 5px;
  width: 210px
}
.navbar h4 {
  margin: 18px 0 0 0;
  margin: 8px 0 3px 0;
  font-weight: 200;
  background: var(--filterBackgroundColor);
  color: #fff;
  padding: 10px;
  border-radius: 7px;
  text-align: center;
  text-transform: uppercase;
}

input.btn.tiny {
  font-size: 12px;
  padding: 3px 7px 2px;
  bottom: 1px;
  position: relative;
}

#pivotal_stories svg.icon {
  position: relative;
  bottom: 2px;
}

.numeric {
  text-align: right;
}

.delivery-rate {
  font-size: 18px;
}

.section h1 { text-align: center; }
.section .dates { text-align: center; }

.icon.bubble { position: absolute; left: -3px; bottom: -8px;height: 45px; fill: var(--notQuiteExtrafaintBorderColor);  width: 45px; z-index: 1; }
.main-list .main-body, .section .grid__item .main-body { margin: 10px 0 0; }
.section .grid__item p.dates { max-width: 350px; text-align: right; padding-right: 5px; }


.batch-body {width: 60%; margin: 0 auto; margin-top: 20px; padding-bottom: 20px; color: #000000; font-size: 14px; }
.batch-body img {max-width: 80%; display: block; margin: 10px 0; }

.batch-list .batch-body, .section .batch-body {  text-align: left; background: var(--notQuiteExtrafaintBorderColor); width: auto; max-width: 350px; margin: 0 auto; padding: 10px 18px; border-radius: 20px; display: block; }
.batch-list .batch-body.not-set { background: var(--fainterBorderColor); border-radius: 4px; }
.batch-list .batch-body.not-set .icon.bubble { visibility: hidden; }

.icon.bubble { position: absolute; left: -3px; bottom: -8px;height: 45px; fill: var(--notQuiteExtrafaintBorderColor);  width: 45px; z-index: 1; }
.batch-list .batch-body, .section .grid__item .batch-body { margin: 10px 0 0; }
.section .grid__item p.dates { max-width: 350px; text-align: right; padding-right: 5px; }

.batch-item, .case-item { padding: 10px 0 20px; border-bottom: solid 1px #eee; margin-bottom: 20px; }
.batch-item .grid__item {  }
.batch-list { flex-flow: row wrap; display:flex; padding: 10px 0; border-radius: 10px; min-height: 150px; margin-left: 0; }
.batch-list .batch-item, .case-list .case-item { flex: 1 100%; display:flex; flex-flow: row wrap; position: relative; }
.batch-item .breadcrumb { flex: 1 100%; } 
.batch-item .batch-body { z-index: 10; position: relative; width: 300px; }

.case-cell { }
.case-cell-major { font-size: 20px; font-weight: 100; text-align: center; color: #787c85; margin-top: -5px; } 
.case-cell-minor { text-align: center; margin-top: 6 px; font-weight: 200; }

.batch-body-scroll {height: 100%; position: relative; z-index: 20; font-size: 14px; color: var(--defaultTextColor); font-weight: 300;
}
.batch-body-scroll img { max-height: 100px; }

.big-stat-holder { margin: auto; flex: 2; position: relative; }
.big-stat-value { font-size: 80px; font-weight: 100; text-align: center; color: #787c85; margin-top: -5px; }
.big-stat-holder a { color: #676d74; }
.big-stat-holder a:hover {  text-decoration: none; opacity: 0.8; }
.big-stat-holder a:hover div { color: rgba(128, 160, 187, 1); }


p.disclaimer { background: rgba(255,255,0,0.1); color: var(--robustGray)  }
body.dashboard { background: var(--dashboardBG) }
body.dashboard .grid { margin-left: -10px }
body.dashboard .grid__item { padding-left: 10px; }

.dashboard .paragraph-holder, .dashboard .big-stat-holder { box-shadow: -2px 2px 7px var(--boxShadowColor); border: solid 1px var(--borderColor); background: var(--bgColor); border-radius: 25px; margin-bottom: 12px; padding: 13px 0px 11px 19px;  } 
.dashboard .paragraph-holder h2 { font-weight: 500; margin-bottom: 10px; }
.dashboard .paragraph-holder { padding-right: 15px; }
/* .dashboard .big-stat-holder { box-shadow: -2px 2px 7px var(--boxShadowColor); border: solid 1px var(--borderColor); background: var(--bgColor); border-radius: 25px;  margin-bottom: 20px; padding: 13px 0px 11px 19px;  }
*/
.dashboard .big-stat-holder.medium-up--one-sixth { width: 15.5%; }
.dashboard .big-stat-holder .big-stat-value { font-size: 40px; text-align: left; }
.dashboard .big-stat-label { font-size: 15px; text-align:left; width: 60%; }
.dashboard .medium-up--one-quarter .big-stat-label { width: 70%; }
.big-stat-label svg.icon { display: block; right: 0px; top: 0px; position: absolute; width: 86px; height: 80px; opacity: 0.2; }

.dashboard .big-stat-holder svg.icon_money, .dashboard .big-stat-holder svg.icon.icon_money use { fill: var(--copaGreen) }
.dashboard .big-stat-holder svg.icon use { fill: var(--defaultTextColor) }
.big-stat-label svg.icon.opaque { opacity: 1 }

.dashboard .big-stat-holder svg.icon.pink use { fill: var(--pink); }
.dashboard .big-stat-holder svg.icon.teal use { fill: var(--copaTeal); }
.dashboard .big-stat-holder svg.icon.orange use { fill: var(--copaOrange); }

.dashboard .big-stat-detail { text-align: left; }

.dashboard a .big-stat-holder svg.icon, .dashboard a:visited .big-stat-holder svg.icon { fill: var(--defaultTextColor) }

.dashboard a:hover .big-stat-holder { background: var(--justOffBg); cursor: pointer; }
.dashboard a:hover .big-stat-holder svg.icon { fill: var(--buttonColor) }

.dashboard .big-stat-holder svg.icon_info { position: absolute; bottom: 9px; right: 10px; width: 28px; height: 28px; opacity: 0.25; }
.dashboard .big-stat-holder svg.icon_info:hover { opacity: 0.6; }



.dashboard .goal-card.big-stat-holder { padding: 10px; }
.goal-card-title-row { align-items: flex-start; display: flex; padding: 0 10px; }
.goal-card-title { display: flex; flex: 1 1 auto; }
.goal-card-status { display: flex; flex: 0 9 auto; align-items: center; }
.goal-card-title span { color: var(--robustGray); font-family: 'Signika Negative', "Helvetica Neue", Helvetica, arial, sans-serif; font-size: 18px; font-weight: 500; text-transform: uppercase; }

.goal-card .progress-bar { width: auto; margin: 8px 10px 0; border-radius: 5px; height: 8px; background: var(--fainterBorderColor) }
.progress-bar .progress-bar-indicator { height: 8px; background: #777; border-radius: 5px; }

.goal-status-achieved .progress-bar, .goal-status-green .progress-bar { background: var(--diminishedGreen); }
.goal-status-yellow .progress-bar { background: var(--diminishedYellow); }
.goal-status-red .progress-bar { background: var(--diminishedRed); }

.goal-status-achieved .progress-bar .progress-bar-indicator, .goal-status-green .progress-bar .progress-bar-indicator { background: var(--copaGreen); }
.goal-status-yellow .progress-bar .progress-bar-indicator { background: var(--copaYellow); }
.goal-status-red .progress-bar .progress-bar-indicator { background: var(--copaRed); }
.status-divider { color: var(--faintBorderColor); margin: 0 4px; }

.dashboard .goal-card svg.icon.icon_lightning use { fill: var(--copaYellow); color: var(--copaYellow); }
.goal-card-info-row { align-items: center; display: flex; justify-content: space-between; margin-top: 10px; padding: 0 10px; color: var(--fainterBorderColor); }
.goal-card-info-row div { font-size: 14px; color: var(--faintMiddleGray); }
.goal-card-info-right { align-items: center; display: flex; }

.goal-card-goal-owner { margin-left: 12px; }
/*
.big-stat-holder.danger .big-stat-value a { color: var(--copaRed); }
.big-stat-holder.warning .big-stat-value a { color: var(--copaYellow); }
*/
span.bullet { background: var(--defaultTextColor);
border-radius: 50%;
display: inline-block;
width: 14px;
height: 14px;
margin-right: 8px; }

.danger span.bullet { background: var(--copaRed); }
.on-target span.bullet { background: var(--copaGreen); }
.warning span.bullet { background: var(--copaYellow); }
.yellow-bg span.bullet { background: var(--copaYellow); }

.big-stat-label { text-align: center; text-transform: uppercase; font-weight: 800; font-size: 18px; letter-spacing: 3px; }
.big-stat-detail { text-align: center; margin-top: 6 px; font-weight: 200; }

h2.dashboard-section-header { margin: 35px 0 6px 18px; font-size: 28px;
  font-family: 'Signika Negative', "Helvetica Neue", Helvetica, arial, sans-serif;;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  color: var(--robustGray);
  padding: 10px 0 5px 0px; }
h2.dashboard-section-header.first { margin: 0 0 8px 18px; }

p.gauge-description {  }
.main-list .outcomes { flex: 1; }

.action-links { position: absolute; bottom: 5px; right: 0;  }
.action-links a { padding-left: 20px; font-size: 16px; }

.outcomes .stat { font-size: 13px; text-align: right; }
.outcomes .stat label { text-transform: uppercase; }

.breadcrumb h2 { font-size: 1em; margin-bottom:0; }

.link-list { margin-bottom: 40px; }
.link-list a { white-space: nowrap; margin-right: 15px; line-height: 40px; text-decoration: underline; }
.link-list a:hover {  }
.check_box_offset {padding-left: 20px; }

.outcomes .batch-status-complete, .status-delivered, .email-message.status-sent { color: var(--copaGreen); }
.outcomes .batch-status-failed, .status-failed, .status-rejected, .status-undelivered { color: var(--copaRed); font-weight: 800; }

.filter_table table tr td {margin: 0 auto; border-bottom: 1px solid var(--fainterBorderColor); }

table.filter_table tr td {font-size: 11px; }

.section-header {
  font-family: 'Signika Negative', "Helvetica Neue", Helvetica, arial, sans-serif;;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  color: var(--robustGray);
  margin: 0 0 10px;
}

.table-header {
  font-family: 'Signika Negative', "Helvetica Neue", Helvetica, arial, sans-serif;;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  color: var(--robustGray);
  padding: 10px 0 5px 7px;
}

.list-header {
  font-family: 'Signika Negative', "Helvetica Neue", Helvetica, arial, sans-serif;;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  color: var(--robustGray);
  padding: 10px 0 5px 0px;
}

.dashboard .table-header {
  padding-left: 0;
}

.dashboard-link {
  padding: 15px 5px 15px 30px;
  margin-bottom: 10px; 
  position: relative;
}

.dashboard-link .favorite-star {
  position: absolute;
  bottom: 20px;
  right: 15px;
}

a.report-link {
  padding: 15px 10px;
  display: block;
  min-height: 130px;
  position:relative;
  border: solid 1px var(--fainterBorderColor);
  border-radius: 5px;
  box-shadow: 0 0 12px var(--boxShadowColor);
  background: var(----justOffBg);
}

.dashboard-link a.report-link:hover { text-decoration: none; background: var(--bgColor); box-shadow: 0 0 12px var(--boxShadowColor);  }

.dashboard-link .meta { font-size:12px; padding: 5px 0 0 0; position:absolute; bottom: 7px; }
.dashboard-link .meta span { display:block; }



.table-row {
  font-size: 16px;
}

.opt-out-actions span { font-size: 12px; }
.info-panel { background: #f3f3f3; padding: 10px 15px; border-radius: 7px;  }
.info-panel p { font-size: 14px; color: #555; }


.go-back { flex: 1; margin: auto; text-align: left; }
.header { flex: 2; margin: auto; text-align: left; z-index: 990; position: relative; overflow: hidden; }
#claimed_phone_number_form { margin: auto; flex: 1; }
.go-back a { background: #555; margin: 4px auto; width: 95%; }
.go-back a { color: #fff; border-radius: 7px; padding: 7px 13px; font-weight: 100; width: auto; }

.add-step { text-align: center; display: block; }
.message-actions { display: flex; flex-direction: row; margin: 7px 0 5px;  }
.opt-out-actions { flex: 3; }
.other-actions { flex: 2; text-align: right; }

.dismiss-button { flex: 1;  margin: auto;  }

.panel {
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 20px;
}

.panel h3 {
  padding-left: 0px;
  padding-bottom: 0px;
}

.inbound-messages .header td {
  border-bottom: 1px solid #CCCCCC;
  font-size: 20px;
  font-weight: 600;
  line-height: 160%;
}

.inbound-messages .message td {
  border-bottom: 1px solid #CCCCCC;
  font-size: 20px;
  line-height: 160%;
}


.key-footer table tr td {
  line-height: 120%;
  font-size: 12px;
  border-bottom: 1px solid #CCCCCC;
}

[id^=attributes_table_inbound_keyword] table {
  width: 50%;
}

[id^=attributes_table_inbound_keyword] table td {
  padding-left: 15px;
  line-height: 160%;
}

[id^=attributes_table_inbound_keyword] table tbody tr {
  vertical-align: top;
}


[id^=save-notes-] {
  float: right;
}

[id^=update-notes-] {
  white-space: pre-line;

}
.single-pie {
  margin: 0 auto;
}
.chart-holder {
  position: relative;
}

.participant-pie {
  margin: 0 auto;
  position: absolute;
  right: 20px;
  top: 7px;
}


.inbound-messages-dashboard h1 {
  text-align: center;
}

.left-panel {
  float: left;
  text-align: center;
}

.user-name {
  display: flex;
  text-align: left;
  flex-direction: column;
  align-items: center;
}
.last-message {
  position: relative;
  text-align: left;
}

.right-panel {
  float: right;
  text-align: center;
}


.message-body {
  text-align: left;
}
.inbound-message-meta {
  font-size: 13px;
  color: #999;
  text-align: right;
  margin-top: 4px;
  padding-right: 5px;
}

.active-conversations .inactive-message {
  color: #aaaaaa;
}
.unread div.unread-dot {
  font-weight: 300;
}
.unread-dot {
  height: 21px;
  width: 21px;
  background-color: rgba(86,162,236,1);
  border: solid 1px #fff;
  border-radius: 50%;
  display: inline-block;
  padding: 0 0 0 0;
  display:none;
  position: absolute;
  top: 4px;
  left: 4px;
  color: var(--bgAltColor);
  line-height: 20px;
  text-align: center;
  left: 5px;
  top: 1px;
  font-size: 11px;

}
.unread .unread-dot { display:block; }
.user-name { position: relative; text-align: left; }
.message-list.inbound-messages .message-body { position: relative; }
.copy-link-holder input[type=text] { border:none;  }
.copy-link-holder { border: solid 1px rgb(190,210,255); border-radius: 7px; background: #fff; position: relative; margin-top: 7px; margin-bottom: 15px; min-width: 200px; }

a.copy-link {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  line-height: 170%;

  background: #5a80a6;
  color: #fff;
  padding: 3px 7px 4px;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
a.copy-link:hover {
  color:#fff;
  background: #37526e;
  text-decoration: none;
}

body.shared_files td { position: relative; }

.unread div {
  font-weight: 400;
}

.user-checkboxes.message-list.group {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 16px;
  margin-bottom: 15px;
}
.user-checkbox { width: 47%; text-align: left; font-size:16px; }
.copa-logo-link { position: absolute; right: 0; top: 15px; }
.copa-logo { width: 110px; opacity: 1; opacity: 0.75; }

.group::after {
  content: "";
  display: table;
  clear: both;
}

#user-list {
  display: none;
}

.print-only {
  display: none;
}


p.footnote { font-size: 13px; }
p.center { text-align: center; }

input.link-copy { padding: 0px 5px;
  background:  transparent;
  border: solid 1px var(--fainterBorderColor);
  font-size: 15px;
  line-height: 30px;
  border-radius: 6px;
}

.mms_preview { 
  max-width: 300px;
  max-height: 300px;
  margin: 10px 0;
}

.inline-input {
  display: inline;
  width: auto;
}

.flex-container {
  display: flex;
  justify-content: space-between
}

.flex-item {
  margin: auto;
}
h4.survey-grade {
  font-size: 18px;
}
.scored-survey-response {
  
}
.show-survey-acknowledgement h3 {
  margin: 5px 0;
}

select {
  font-size: 18px;
  padding: 7px;
}


input[type=file] {
  position: relative;
  height: 30px;
  font-size: 18px;
  padding: 3px 5px 3px 0px;
  -webkit-appearance: textfield;
  border: solid 1px var(--faintBorderColor);
  background-color: var(--bgColor);
  -webkit-box-sizing: border-box;

}

input[type=file]::-webkit-file-upload-button {
  border: solid 1px var(--bgColor);
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: 0;
}

/* "x::-webkit-file-upload-button" forces the rules to only apply to browsers that support this pseudo-element */
x::-webkit-file-upload-button, input[type=file]::after {
  content: 'Browse...';
  display: inline-block;
  left: 99%;
  margin: 0px -87px;
  padding: 2px 20px 0px;
  position: absolute;
  -webkit-appearance: button;
  border: solid 1px var(--faintBorderColor);
  background-color: var(--extrafaintBorderColor);
  top: -1px;
  height: 28px;
}

.member-head .right-column {
  text-align: right;
  padding-top: 5px;
}

.member-head .right-column .actions span.loading { font-size: 14px; text-align: left; padding-top: 10px; display: block; }

.member-name {
  text-transform: capitalize;
  font-size: 54px;
  line-height: 54px;
  margin-left: -4px;
  font-weight: 100;
  margin-bottom: 5px;
}
.select2-container {
  max-width: 100%;
  min-width: 100%;
}

.select2-selection textarea { height:20px; position: relative; top: 5px; }

.field .select2-container .select2-selection--single {
  font-size: 18px;
  line-height: 18px;
  height: 42px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height:40px;
}
 .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size:24px; line-height: 40px;
 }
.select2-container--default .select2-search--dropdown input[type=search].select2-search__field {
  font-size: 20px;
}


.select2-results__option {
  border-bottom: solid 1px var(--extrafaintBorderColor);
  background: var(--bgColor);
  color: var(--defaultTextColor);
}

.select2-results__option .member-name {
  font-size: 32px;
  line-height: 40px;
  padding-left: 5px;
}
.select2-results__option * {
  color: inherit;
}
.select2-results__option .member-address {
  color: var(--middleGray);
}
.select2-results__option .meta-data .icon.avatar-type {
  width: 30px; height: 30px;
  color: var(--robustGray);
}
.field .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid 1px var(--middleGray);
}
.field .select2-results__option.select2-results__option--highlighted, .select2-results__option.select2-results__option--highlighted .icon.avatar-type, .select2-results__option.select2-results__option--highlighted .member-address {
  color: var(--bgColor);
}
.field .select2-results__option.select2-results__option--highlighted .member-address {
  color: var(--fainterBorderColor);
}

/* Tag fields */
.field .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--extrafaintBorderColor);
  border: solid 1px var(--fainterBorderColor);
}
.field .select2-selection__choice__remove {
  line-height: 1em;
}
.field .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 6px; padding-right:11px;
}

#language {
  margin-top: 9px;
}

.right-column .icon_pencil { width: 18px; height: 18px; }
.right-column #phone-number { color: #676d74; margin-top: 9px; }
.right-column #phone-number:hover {  }


.other-member-info {
  font-weight: 100;
  color: #7A7A7A;
  font-size: 20px
}

.member-status {
  padding: 3px 18px;
  padding-bottom: 4px;
  border-radius: 53px;
  text-transform: uppercase;
  color: #fff;
}

.grid__item.cancel-toggle {
  padding-top: 10px;
  padding-left: 6px;
}

.status-active {
  background-color: #4cb744;
}

.status-completed {
  background-color: #7897b6;
}
.status-opted-out {
  background-color: #dba536;
}
.status-inactive {
  background-color: rgb(166, 61, 65);
}

.member-container {
  display: grid;
  grid-template-columns: 1fr 4fr;
  grid-template-rows: 10% 90%;
}

.member-info-panel {
  
}


.member-information {
  grid-column-start: 1;
}

.js-toggleable { display: none; }

.member-pilot-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.member-pilot-name {
  grid-column-start: 1;
  
}

.member-pilot-data {
  grid-column-start: 2;
}
hr { display: block; height: 1px;
    border: 0; border-top: 1px solid var(--borderColor);
    margin: 1em 0; padding: 0
}


#qs_loading.lds-roller {
  position: absolute;
  top: 28%;
  right: 53%;
  zoom: 0.75;
  opacity: 0.8;
}
#qs_loading.lds-roller div::after {
  background: var(--copaPurple);
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div::after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--defaultTextColor);
  margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1)::after {
  top: 63px;
  left: 63px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2)::after {
  top: 68px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3)::after {
  top: 71px;
  left: 48px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4)::after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5)::after {
  top: 71px;
  left: 32px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6)::after {
  top: 68px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7)::after {
  top: 63px;
  left: 17px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8)::after {
  top: 56px;
  left: 12px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.lds-blocks {
  zoom: 0.33;
  opacity: 0.8;
  display: inline-block;
  position: relative;
  width: 80px;
  top: -13px;
  height: 49px;
}
.lds-blocks div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 16px;
  background: var(--copaIndigo);
  animation: lds-blocks 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-blocks div:nth-child(1) {
  left: 8px;
  animation-delay: -0.24s;
}
.lds-blocks div:nth-child(2) {
  left: 32px;
  animation-delay: -0.12s;
}
.lds-blocks div:nth-child(3) {
  left: 56px;
  animation-delay: 0;
}
@keyframes lds-blocks {
  0% {
    top: 8px;
    height: 64px;
  }
  50%, 100% {
    top: 24px;
    height: 32px;
  }
}


.ui-tooltip.report-info {
  max-width:  650px;
}
.ui-tooltip.general-info {
  border-radius: 20px; padding: 20px;
}
.ui-tooltip.general-info p {
  font-size: 14px;
}
.ui-tooltip.general-info h2 {
  font-weight: 200;
  text-transform: uppercase;
}

.ui-tooltip.pivotal-info {
  max-width: 520px;
}
.ui-tooltip.pivotal-info h4 {
  font-weight: 300;
}
.ui-tooltip.pivotal-info pre {
  font-size: 13px;
  font-family: Montserrat, "Helvetica Neue", Helvetica, "core sans", "Myriad Pro", sans-serif;
  margin:0;
}

.search-description em {
  color: var(--robustGray);
}
.search-results p.description {
  margin-bottom:  4px;
}
.search-results .grid__item {
  margin-bottom: 15px;
}
.search-results h2 a:hover {
  text-decoration: underline;
}
.search-results .report-data-meta {
  font-size:  13px;
}
.search-results h2 a { font-weight: 300; }

.file-delivery-file{
  text-align: center;
  background-color: #7EB6FF;
  color: #000000;
  font-weight: bold;
  width: 500px;
}

.file-delivery-recipient{
  text-align: center;
  background-color: #7EB6FF;
  color: #000000;
  font-weight: bold;
  width: 2000px;
}

.spot-award{
  border: 2px solid black;
}

.spot-award-title{
  text-align: center;
  color: #000000;
  font-weight: bold;
  font-size: 30px;
}

.underline{
  text-decoration: underline;
}

.file-name{
  width: 30%;
}

.select2-container--default .select2-selection--multiple, .recipient textarea {
  background: var(--bgColor);
}
 
.select2-container--default .select2-selection--multiple, 
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid 1px  var(--faintBorderColor);
}

.pace-panel table { overflow: auto; }

.pace-header-fix {
  background: white;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 0px;
  width: auto;
}

.pace-tables-header {
  width: 200px;
}

.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 220px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0);
}

.modal-content {
  color: #00FFFF;
  font-style: #00FFFF;
  margin-right: 60px;
  margin: auto;
  padding: 300px;
  height: 50%;
  font-weight: bold;
}
table {
  border-spacing: 0px;
  border-collapse: separate;
}

table.datatable {
  width: 100%;
  table-layout:fixed;
}

div.dataTables_wrapper {
  position: relative;
  clear: both;
  width: auto;
  min-height : 500px;
}


#example_wrapper, #example2_wrapper, #example3_wrapper, #example4_wrapper, #example5_wrapper {
  overflow: auto;
  height: 50px;
}

#incident-summary {
  overflow: scroll;
}
.instructions {
  margin-top: 25px;
}
.report-request-browse {
  border-style: solid;
  border-width:thin;
  border-color: blue;
  background-color: lightgrey;
  width: 400px;
}

td.residential-left {
  color: #00008B;
}

td.residential-right {
  color: black;
  width: 150px;
}

td.residential-right-shift {
  color: black;
  width: 350px;
}
.residential-field-background {
  background-color: #F5F5F5;
  border: 1px solid #C0C0C0;
}

.residential-search {
  width: 70px;
  height: 40px;
}

.residential-field-white {
  background-color: white;
  border: 1px solid black;
}

.progress_type {
  font-weight: bold;
}

.incident-table-width {
  width: 1280px;
}

p.member-survey-not-individual { margin: 35px 0; }

.overflow{
  overflow: auto;
}

.bold {
  font-weight: bold;
}

.width-auto {
  width: auto !important;
}

.width-40p {
  width: 40% !important;
}

.width-70-7p {
  width: 70.7% !important;
}

.width-85p {
  width: 85% !important;
}

.max-height-500 {
  max-height: 500px;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.min-h-81{
  min-height: 81px;
}

.min-h-130{
  min-height: 130px;
}

.bg-danger {
  background: var(--copaRed) !important;
}

.scrollable_section {
  max-height: 100px;
  overflow: auto;
}

.inline-div {
  display: inline-block !important;
  margin-right: 10px !important; /* Optional: Add some spacing between the divs */
}

.truncate-text {
  max-width: 400px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.checkbox-container {
  display: flex;
  align-items: center;
}

.checkbox-container input[type="checkbox"] {
  margin-right: 10px; /* Adjust spacing between checkbox and label as needed */
}

.auto-save-loading {
  display: inline-block; 
  position: relative; 
  width: 60px; 
  height: 0px;
}
.dots-loader {
  display: block;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 30px;
  width: 60px;
  margin: -25px 0 0 -25px;
}

.dots-loader span {
  position: absolute;
  width: 20px;
  height: 20px;
  opacity: 0.8;
  background: rgba(37, 19, 45, 0.25);
  border-radius: 50%;
  -webkit-animation: dots5 1s infinite ease-in-out;
          animation: dots5 1s infinite ease-in-out;
}

.dots-loader span:nth-child(1) {
  left: 0px;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.dots-loader span:nth-child(2) {
  left: 15px;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

.dots-loader span:nth-child(3) {
  left: 30px;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

.dots-loader span:nth-child(4) {
  left: 45px;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

@keyframes dots5 {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    background: var(--copaRed);
  }
  12% {
    background: var(--copaOrange);
  }
  25% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    background: var(--copaYellow);
  }
  37% {
    background: var(--copaGreen);
  }
  50% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    background: var(--copaTeal);
  }
  63% {
    background: var(--copaIndigo);
  }
  75% {
    background: var(--copaPurple);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    background: var(--copaMagenta);
  }
}












.boxy-links-wrap { width: 100%; max-width: 1280px; margin: 0 auto; float: none; clear: both; display: block; }
.boxy-links-wrap .flex-item { margin: 1%; }
.boxy-link { width: 32%; margin: 1% 1% 0 0; float: left;  }
.link-wrap {  }


.flex-container {
    width: 65%;
    padding: 0;
    margin: 0 auto;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-item {
    position: relative;
    width: 50%;
    padding-top: 50%;
    color: #ffffff;
}


.flex-item>h3 {
    font-family: montserrat;
    color: #c36b31;
    font-weight: 600;
    text-align: center;
    padding: 10px 20px;
    font-size: 21px;
    margin: 0 auto 25px;
    font-size: clamp(11px, 2.3vw, 21px);
    margin: 0 auto 1.5vw;
    margin: 0 auto;
    padding: .5vw clamp(10px, 3.8vw, 49px) 0px;
    padding: 0;
    width: 100%;
}

.flex-item:hover {
  text-decoration: none;
}
  
.flex-item:hover>h3 {
  color: #a8441b;
  text-decoration: none;
}

.flex-item:hover img.glyph { filter: invert(50%) sepia(221%) saturate(8255%) hue-rotate(-322deg) brightness(128%) contrast(60%); }

.flex1 {
    width: 31.33%; padding-top: 3%; padding: 5% 0 4%; margin: 1%; float: left; background-color: #f5e7e1; border-radius: clamp(5px, 1.6vw, 15px); /* width: clamp(calc(100% - 200px), 31.33%, 31.33%) */; 
    padding: clamp(16px, 3.3vw, 35px) clamp(16px, 2.9vw, 54px) clamp(16px, 3.3vw, 34px); color: #2a811c; font-family: montserrat; font-size: clamp(12px, 3.45vw, 34px); height: clamp(150px, 25vw, 262px); border-radius: clamp(7px, 2.3vw, 13px); 
    justify-items: center; align-items: center; display: flex; flex-wrap: wrap;
}

.flex1:hover {
  background-color: #fff; 
}

.flex2 {
    float: left;
}

.flex3 {
    float: left;
}

.flex4 {
    float: left;
}

.inlineBox {
    width: 100%;
    padding-top: 20%;
    background-color: yellow;
}

.item-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}




.menu {
  cursor:pointer;
}

.menu .menu-title {
  color: #ccc;
  font-size: 11px;
  display: inline-block;
  height: 31px;
  /* width: 36px; */
  margin:18px 0 -2px 13px
}

.menu h4 {
  margin: 4px 10px;
  text-align: center;
  font-weight: 300;
  color: #777;
  font-weight:300
}

header nav .menu {
  float: left;
  margin-left: 10px;
  height: 60px;
  /* width: 90px; */
  /* background: rgba(0, 0, 0, 0.3); */
  border-radius: 15px;
  position:relative
}

header nav .menu:hover, header nav .menu .sub-menu {
  /* background:rgba(0, 0, 0, 0.9) */
}

header nav .menu img {
  height: 36px;
  width: 36px;
  border-radius: 18px;
  border: solid 2px #383a3a;
  border: solid 2px rgba(255, 255, 255, 0.7);
  margin:7px 0 0 13px
}

header nav .menu svg.icon {
  position: absolute;
  top: 15px;
  right: 14px;
  fill: rgba(255, 255, 255, 0.8);
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position:-76px -156px
}

header nav .menu .sub-menu {
  visibility: hidden;
  width: 210px;
  top: 58px;
  padding: 18px 0;
  left: -18px;
  border-radius: 0px;
  border-top-right-radius: 0;
  z-index: 95;
  position: relative;
  background: #fcf9f9;
  position: absolute;
  min-width: 250px;
  box-shadow: 0px 1px 15px rgba(0,0,0,0.1);
  border-top: solid 1px #f9f9f9;
}

header nav .menu:nth-last-of-type(2) .sub-menu {
  right: -18px;
  left: auto;
}


header nav .menu .sub-menu a {
  display: block;
  line-height: 1.3em;
  border-radius: 0;
  float: none;
  margin: 0;
  padding: 6px 27px;
  color: var(--copaBlue);
  font-weight: 400;
}

header nav .menu .sub-menu a:hover {
  border-color: transparent;
  /* background: var(--copaBlue); */
  color: var(--lightBlue);
}

header nav .menu:hover {
  border-bottom-right-radius: 0;
  border-bottom-left-radius:0
}

header nav .menu:hover .sub-menu {
  visibility:visible
}


/* adjust max width of site when smaller than the natural max width to always have a small margin */
@media all and (max-width: 1050px) {
  .major-programs { flex-direction: column; gap: 0 }
  .program-link { border-radius:0; width: 100%;font-size: 26px; }
  .program-link span { flex: 20; }
  .program-link svg.icon { width: 35px; height: 35px; }
  html {
    -webkit-text-size-adjust: none; /* Never autoresize text */
}

}



@media all and (max-width: 900px) {

.banner-text h1 {font-size: 1.5rem;}

/* Navigation Bar */
nav {padding: 5rem 0;}
.checkbtn{ display: block; font-size: 5rem; position: absolute; top: 1px; right: 0px; z-index: 1000; font-size: 1.5rem; color: white; cursor: pointer; width: 105px; height: 85px; float: right; }
.nav-mobile { top:10rem; width: 100%; padding: 35px 0 20px; }
.nav-mobile a { font-size: 2rem; padding: 2rem 3rem;}


header nav { padding: 1.5rem 0 15px; background-color: #fff; color: #fff; display: flex; align-items: center; justify-content: flex-end; flex: 8; width: 100%; } 

header #check:checked ~ label.checkbtn { display: block; font-size: 5rem; position: absolute; top: 1px; right: 0px; z-index: 1000; font-size: 1.5rem; color: white; cursor: pointer; width: 100%; height: 85px; float: right; }

  #check { display: none; }
 header .nav-mobile { display: block!important; max-height: 0px; max-width: 500px; overflow: hidden; padding-top: 0; padding-bottom: 0; opacity: 0;
    transition: 
          padding-top 0.7s cubic-bezier(0.77,0.2,0.05,1.0) 0s, 
          max-width 0.7s cubic-bezier(0.77,0.2,0.05,1.0) 0s, 
          max-height 0.7s cubic-bezier(0.77,0.2,0.05,1.0) 0s, 
          opacity 0.7s cubic-bezier(0.77,0.2,0.05,1.0) 0s;
 }

 header #check:checked ~ label ~ .nav-mobile { max-height: 2000px; max-width: 2000px; overflow: show; padding-top: 55px; opacity: 1; 
    transition: 
          padding-top 0.7s cubic-bezier(0.77,0.2,0.05,1.0) 0s,   
          max-width 0.7s cubic-bezier(0.77,0.2,0.05,1.0) 0s,   
          max-height 0.7s cubic-bezier(0.77,0.2,0.05,1.0) 0s,   
          opacity 0.7s cubic-bezier(0.77,0.2,0.05,1.0) 0s; 
  }
 

  .nav-mobile { display: none; position: absolute; left: 0; overflow: show; background: white; z-index: 1; width: 200px; position: relative; top: 0; left: 0; background: white; z-index: 1; width: 100%; }

  header nav .menu { float: left; margin-left: 10px; height: auto; width: 100%; background: transparent; border-radius: 15px; position: relative; width: 100%!important; margin-top: 15px; background: #f4f4f4; border-radius: 0; padding: 15px 20px 15px 20px; padding: 0; margin: 0; margin-bottom: 3px; }

  nav .nav-mobile .menu .parent-nav-link, nav .nav-mobile .super-links-mobile.menu .parent-nav-link { height: 50px; line-height: 50px; padding: 0 0 0 20px; z-index: 100; position: relative; width: clamp(calc(10% + 185px), calc(10% + 448px), 50%); }
  nav .nav-mobile .menu .menu-header.general_link.parent-nav-link { z-index: 1; }

  nav .nav-mobile .menu div.sub-menu { padding: 0; }
  nav .nav-mobile .menu div.sub-menu a { z-index: 10; position: relative; line-height: 1.7em; height: auto; padding: .3em 0 .3em 30px; margin: 1px 0 0; display: block; float: none; clear: both; }
  nav .nav-mobile .menu div.sub-menu a:last-of-type { padding-bottom: 1.1em; }

  header nav .menu .sub-menu { background: none; visibility: visible; width: 100%; top: 0px; border-radius: 0px; position: relative; min-width: auto; box-shadow: none; border-top: 0px; display: block; margin: 0; color: var(--copaBlue); font-weight: 400; width: 100%; left: 0; }

  header nav .menu .sub-menu a { display: block; float: left; border-radius: 0; margin: 0; padding: 6px; color: var(--copaBlue); font-weight: 400; clear: both; width: auto!important; }
  header nav .menu a:hover { text-decoration: underline!important; }

  .nav-mobile a { color: #000; padding: 0; display: block; color: var(--copaBlue); font-size: 15px; display: inline-block; padding: 0em 0em; margin: 0; font-weight: 700; border: none; width: 100%; position: relative; }

  header nav .menu svg.icon.icon_link-arrow { position: relative; clear: none; display: inline-block; width: 13px; margin-top: -31px; fill: var(--copaBlue); margin-left: 18px; transform: rotate(-45deg); width: 11px; }

  hr { background-color: #393e46; padding: 1px; border: none; }

  header nav a, header nav a:link, header nav a:visited, .button, span.menu-header { color: var(--copaBlue); font-size: clamp(13px, 1vw, 15px); line-height: clamp(1em, 1vw, 1.3em); display: block; float: left; padding: 0; margin: 0; font-weight: 700; width: auto; }

  header nav .nav-mobile .menu a, header nav a:link, header nav a:visited, .button, span.menu-header { font-size: clamp(13px, 4vw, 15px); line-height: clamp(1em, 4vw, 1.3em); z-index: 10; position: relative; }

  span.menu-header { display: inline-block; cursor: default; }
  

 .hamburger-wrap { float: right; top: 23px; right: 32px; position: relative; padding: 10px 8px 6px; height: 38px; }

 .hamburger-wrap span { display: block; width: 25px; height: 3px; margin-bottom: 5px; position: relative; background: var(--copaBlue);   border-radius: 3px; z-index: 1; transform-origin: 4px 0px;   
    transition: 
            transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
            background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
            opacity 0.55s ease;
  }
  
  .hamburger-wrap span:first-child { transform-origin: 0% 0%; }
  
  .hamburger-wrap span:nth-last-child(2) { transform-origin: 0% 100%; }
  
  /* 
   * Transform all the slices of hamburger
   * into a crossmark.
   */
   #check:checked ~ label .hamburger-wrap span { opacity: 1; transform: rotate(45deg) translate(0px, 0px); background: #079696; }
  
   body .site-header .site-logo-image { max-width: 500px; opacity: 1; 
        transition: 
                max-width 0.3s cubic-bezier(0.77,0.2,0.05,1.0) 0.5s, 
                opacity 0.3s cubic-bezier(0.77,0.2,0.05,1.0) 0.5s; 
  }

   body .site-header:has(.right #check:checked) .site-logo-image { max-width: 0; opacity: 0; 
        transition: 
                max-width 0.3s cubic-bezier(0.77,0.2,0.05,1.0), 
                opacity 0.3s cubic-bezier(0.77,0.2,0.05,1.0); 
    }

  /*
   * But let's hide the middle one.
   */
  #check:checked ~ label .hamburger-wrap span:nth-of-type(2) { opacity: 0; transform: rotate(0deg) scale(0.2, 0.2); }
  
  /*
   * Ohyeah and the last one should go the other direction
   */
  #check:checked ~ label .hamburger-wrap span:last-child { transform: rotate(-45deg) translate(-1px, -3px); }
  .super-links-mobile { display: block; }
  .super-header a { display: none; }

  body .site-header nav.right .menu { width: 31%; }
  body .site-header nav.right .menu:nth-of-type(5) { clear: left; }

  .locations-page .collection-item, .stories-page .collection-item { width: 48%; margin-left: 0; margin-right: 0; }
  .locations-page .collection-item:nth-of-type(2n), .stories-page .collection-item:nth-of-type(2n) { margin-left: 0; margin-left: 2%; }
  .locations-page .collection-item:nth-of-type(2n + 1), .stories-page .collection-item:nth-of-type(2n + 1) { margin-left: 0; margin-right: 2%; }
  .locations-page .collection-item .collection-image-wrap, .stories-page .collection-item .collection-image-wrap { height: clamp(130px, 35.4vw, 318px); min-height: 0; }
  
  
  .parent-nav-label { width: 30px; height: 30px; display: inline-block; float: right; position: relative; z-index: 100; }
  .parent-nav-checkbox { width: 30px; height: 30px; float: right; display: inline-block; -webkit-appearance: auto; position: relative; z-index: 1000; }

  body .menu:hover .sub-menu, header nav .menu .sub-menu { overflow: hidden; max-height: 0; padding-top: 0; padding-bottom: 0; clear: both;
    transition: 
          max-height, 0.7s cubic-bezier(0.77,0.2,0.05,1.0) 0s, 
          padding-top 1s cubic-bezier(0.77,0.2,0.05,1.0) 0.2s, 
          padding-bottom 1s cubic-bezier(0.77,0.2,0.05,1.0) 0.2s; }

  #member_resources_link:checked ~ .parent-nav-label ~ .sub-menu, 
  #services_link:checked ~ .parent-nav-label ~ .sub-menu, 
  #locations_link:checked ~ .parent-nav-label ~ .sub-menu, 
  #get_involved_link:checked ~ .parent-nav-label ~ .sub-menu, 
  #about_copa_link:checked ~ .parent-nav-label ~ .sub-menu, 
  #general_link:checked ~ .parent-nav-label ~ .sub-menu {
    max-height: 1000px; /* Set this to a value larger than the expected content height */
    transition: 
            max-height, 1s cubic-bezier(0.77,0.2,0.05,1.0) 0s, 
            padding-top 0.3s cubic-bezier(0.77,0.2,0.05,1.0) 0.2s, 
            padding-bottom 0.3s cubic-bezier(0.77,0.2,0.05,1.0) 0.2s;
}
  #member_resources_link, #services_link, #locations_link, #get_involved_link, #about_copa_link, #general_link { display: none; visibility: none; }

  header nav .menu #member_resources_link:checked ~ .sub-menu, 
  header nav .menu #services_link:checked ~ .sub-menu, 
  header nav .menu #locations_link:checked ~ .sub-menu, 
  header nav .menu #get_involved_link:checked ~ .sub-menu, 
  header nav .menu #about_copa_link:checked ~ .sub-menu, 
  header nav .menu #general_link:checked ~ .sub-menu { display: block; visibility: visible; width: clamp(calc(10% + 187px), calc(10% + 450px), 50%); clear: left; }
  

  body .menu { transition: height 1s ease-in; cursor: default; }
  .hamburger-wrap.slider { width: 30px; height: 30px; position: relative; top: 15px; left: auto; padding: 0; right: 13px; }  
  .parent-nav-label { width: 50%; height: 100%; display: inline-block; float: right; position: absolute; z-index: 100; top: 0; right: 0; }

  .hamburger-wrap.slider span { width: 15px; margin-bottom: 0;
    transition: 
            transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
            background-color 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
            opacity 0.55s ease;
  }
  .hamburger-wrap.slider span:first-child { transform-origin: -5px 5px; }
  .hamburger-wrap.slider span:last-child { transform-origin: 19px -4px; }

  .hamburger-wrap.slider span { transform: rotate(45deg) translate(0px, 0px); }

  .hamburger-wrap.slider span:last-child { transform: rotate(-45deg) translate(0px, 0px); }

  body .parent-nav-checkbox ~ label { background: transparent; width: 63px; max-height: 50px; 
    transition: 
            max-height, 1s cubic-bezier(0.77,0.2,0.05,1.0) 0s,
            background-color, 1s cubic-bezier(0.77,0.2,0.05,1.0) 0s
  }

  body .parent-nav-checkbox:checked ~ label { background: #fff; background: #fff; width: 63px; max-height: 1000px; z-index: 1; } 
  body .parent-nav-checkbox:checked ~ label span { background: #ff632f!important; } 

  body .parent-nav-checkbox ~ label .labelcloth { height: 100%; width: calc(100vw - 40px); position: absolute; z-index: 1; top: 0; right: 0; }
  
  label.parent-nav-label:hover .hamburger-wrap.slider span { background-color: #079696; }
  /* label.parent-nav-label:hover .labelcloth { background-color: #edf0fa;  } */

  #member_resources_link:checked ~ label .hamburger-wrap.slider span:first-child, 
  #services_link:checked ~ label .hamburger-wrap.slider span:first-child, 
  #locations_link:checked ~ label .hamburger-wrap.slider span:first-child, 
  #get_involved_link:checked ~ label .hamburger-wrap.slider span:first-child, 
  #about_copa_link:checked ~ label .hamburger-wrap.slider span:first-child, 
  #general_link:checked ~ label .hamburger-wrap.slider span:first-child { background: #079696; opacity: 1; transform: rotate(45deg) translate(3px, -3px); }
  
  #member_resources_link:checked ~ label .hamburger-wrap.slider span:last-child, 
  #services_link:checked ~ label .hamburger-wrap.slider span:last-child, 
  #locations_link:checked ~ label .hamburger-wrap.slider span:last-child, 
  #get_involved_link:checked ~ label .hamburger-wrap.slider span:last-child, 
  #about_copa_link:checked ~ label .hamburger-wrap.slider span:last-child, 
  #general_link:checked ~ label .hamburger-wrap.slider span:last-child
  { background: #079696; opacity: 1; transform: rotate(-45deg) translate(-3px, -2.8px); }

  header nav .menu:nth-last-of-type(2) .sub-menu { right: 0; }







  .super-header input[type=text].search-box { line-height: 1.8em; padding-right: 37px; }
  .super-header input#search-button { top: 7px; right: 18px; width: 42px; height: 42px; }
  .super-header .inner { padding-top: 25px; padding-bottom: 25px;  }
  
  .super-header form { width: auto; }
  


  .super-header .social-glyphs-wrap { position: absolute; left: 15px; top: 8px; }



}


@media all and (max-width: 820px) {
  body .inner, body .footer-bottom { max-width: 100%; }
  body .sub-nav { display: none; }
  body .mobile-menu { display: block; }
  body .main-hero.header-bg { height: 90px; }
  body header nav .profile-menu .menu { width: 340px; right: 250px;border-radius: 0px; border-top-left-radius: 10px; }
  body .menu .sub-menu { top: 0px; padding: 0px; }
  .separator { border-bottom: solid 1px rgba(255,255,255,0.24); }
  body .dashboard-link { padding: 0px 0px 0px 20px; }
  body a.report-link { min-height: 90px; }

  .navbar .filter-chooser:hover { height: auto; box-shadow: none; }
  .filter-chooser:hover .filter-drop-down { visibility: visible; position: relative; display: block; height:auto; width: auto; box-shadow: none; }
  .inner .navbar .grid__item { padding-left: 25px; }

  .page-hero-short .hero-subtext-wrap .hero-subtext { width: 80%; }
  .hero-container.page-hero-short h1 { width: 100%; }
  .hero-container.page-hero-short h1 br { display: none; }
  .hero-container-2 .two-thirds, .hero-container-2 .three-thirds, .hero-container-2 .right, .hero-container-2 .left { width: 100%; display: block; clear: both; float: none; }
  .hero-container.hero-container-2 .links-box { margin: 30px 0 0; width: 80%; }
  .hero-container.hero-container-3 .boxy-links-wrap .four-fifths.videotainer { width: 100%; height: clamp(160px, 50vw, 460px); display: block; float: none; }
  .hero-container-3 .videotainer .play-btn-wrap { margin-top: clamp(53px, 20vw, 187px); width: clamp(53px, 11vw, 120px); height: clamp(38px, 8vw, 85px); }
  .hero-container-3 .videotainer .videotainer-text { font-size: clamp(25px, 8vw, 77px); }
  .hero-container.telehealth p.hero-subtext.three-fifths { width: 100%; }
  
  .boxy-links-wrap .fifth { width: 100%; float: none; margin-top: 0; clear: both; }
  .hero-container.hero-container-3 .boxy-links-wrap { width: 100%; }
  .hero-container.hero-container-3 .links-box { width: calc(50% - (15px / 2)); float: left; margin-top: 15px; margin-bottom: 0; }
  .hero-container.hero-container-3 .links-box:first-of-type { margin-right: 15px; }
  /* .filter-drop-down { z-index: 81; visibility: hidden; position: absolute; width: 100%; background: #fafafa; margin-top: -4px; padding: 10px; box-shadow: 1px 8px 23px rgba(0,0,0,0.2); border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; } */

  .thumbwall-wrap .big-thumb { width: 31%; height: clamp(107px, 30vw, 375px); margin-right: 3.33%; display: inline-block; border-radius: clamp(8px, 2vw, 25px); display: block; float: left; margin-top: 3.33%; top: 0; }
  .thumbwall-wrap .big-thumb:nth-of-type(4n) { margin-right: 3.33%; }
  .thumbwall-wrap .big-thumb:nth-of-type(3n) { margin-right: 0; }
  .thumbwall-wrap .big-thumb:nth-of-type(2n) { top: 0; }
  .thumbwall-wrap .big-thumb:nth-of-type(3n+2) { top: clamp(10px, 3vw, 30px); }

  .location-type-tile .tile-title br { display: none; }
  .location-type-tile .tile-title .alt-text { display: inline; }
  .location-type-tile .tile-title .original-text { display: none; }
  
  .hero-container-18 .path-and-plane svg {
    height: 89%;
    width: 100%;
    min-width: clamp(777px, calc(180vw - 100px), 1307px);
    top: -94px;
    display: block;
    fill: none;
    margin: auto;
    stroke-dashoffset: 4px;
    opacity: .5;
    left: calc(50% + 8em);
    transform: translate(calc(1vw - 58%));
    transform-origin: bottom right;
  }
}

@media only screen and (max-width: 750px) {
  /* shows for viewports smaller than 750px */  
  .navbar .grid__item { display: block; float: none; padding-left: 25px; width: 100%; }
  
  .feature-highlights .icon { width: 33%; }
  .feature-highlights p { max-width: 250px; margin-left: auto; margin-right: auto; }
  .inner.content {  }
  .message.middle { margin-left: 0px; }

  #mr-hero { opacity: .6; }

  body .hero-container .hero-section-1 .two-fifths, body .hero-container .hero-section-1 .three-fifths { width: 100%; float: none; clear: both; display: block; text-align: left; }
  body .hero-container .hero-section-1 .two-fifths.image-wrap, body .hero-container .hero-section-1 .three-fifths.image-wrap { width: 40%; float: right; }

/*   body #content .hero-container .two-fifths *, body #content .hero-container .three-fifths * { text-align: left; float: none; }
 */
  body #content .hero-container .two-fifths *, body #content .hero-container .three-fifths p {  }

  body #content .hero-container .hero-section-1 .billing-insurance p { margin-top: 5px; }


  .hero-container.hero-container-11 .left.half, .hero-container.hero-container-11 .right.half { width: 100%; padding-right: 0; float: none; display: block; clear: both; }
  body .hero-container.hero-container-11 .inner p { margin-bottom: 15px; }
  .four-grid-one-wrap { margin-bottom: 15px; }
  .hero-container.hero-container-11 .four-grid-one-wrap .thumb-wrap { background: #ccc; border-radius: 15px; float: left; height: 125px; height: clamp(70px, 19.95vw, 170px); }
  .hero-container.hero-container-11 .four-grid-one-wrap .thumb-4-wrap { background: #ccc; border-radius: 15px; float: left; height: 125px; height: clamp(calc(140px + 15px), calc(40vw + 15px), calc(340px + 15px)); }

  .hero-container.hero-container-10 .left.third { width: 48%; }
  .hero-container.hero-container-8 .two-fifths, .hero-container.hero-container-9 .two-fifths { padding-left: 0; padding-right: 0; }
  .hero-container.hero-container-8 .two-fifths h3, .hero-container.hero-container-9 .two-fifths h3 { margin-bottom: 5px; }

  .hero-container.hero-container-8 .two-fifths *:not(a), .hero-container.hero-container-9 .two-fifths *:not(a) { float: none; }
  .hero-container.hero-container-8 .two-fifths h3 br, .hero-container.hero-container-9 .two-fifths h3 br { display: none; }
  .hero-container.hero-container-8 .hero-image-wrap, .hero-container.hero-container-9 .hero-image-wrap { float: none; margin: clamp(5px, 2vw, 15px) 0; }

  .three-fifths .section-image-wrap.mobile { display: inline; float: right; width: clamp(50%, 2vw, 55%); }
  body .hero-container .hero-section-1 .two-fifths.image-wrap, body .hero-container .hero-section-1 .three-fifths.image-wrap { display: none; }
  .hero-subtext-wrap .three-fifths { width: 100%; padding: 0; }
  .hero-container-13 .hero-subtext, .hero-container-12 .hero-subtext { padding: 0; }
  .hero-container .links-box { width: 100%; padding: clamp(16px, 4vw, 40px); }
  .hero-container.hero-container-7.faqs .hero-subtext { padding: 0 0 30px; }
  
  .about-leadership .collection-item .collection-image-wrap, .about-board .collection-item .collection-image-wrap { height: clamp(180px, 58vw, 500px); height: clamp(141px, calc(53.3vw - 30px - 2vw), 349px); }
  .about-leadership .collection-item, .about-board .collection-item { width: 48.5%; }
  .about-leadership .collection-item .collection-details h3 { font-size: clamp(11px, 3.4vw, 24px); }
  .about-leadership .collection-item .collection-details h4 { font-size: clamp(10px, 3.1vw, 16px); }
  .inner.content.about-leadership { padding-left: 15px; padding-right: 15px; }

  .about-leadership .collection-group>a.collection-item:nth-of-type(4n+1), .about-board .collection-group>a.collection-item:nth-of-type(4n+1), .about-leadership .collection-group>a.collection-item:nth-of-type(4n), .about-board .collection-group>a.collection-item:nth-of-type(4n), .about-leadership .collection-group>div.collection-item-clearfix:nth-of-type(4n), .about-board .collection-group>div.collection-item-clearfix:nth-of-type(4n), .about-leadership .collection-group>a.collection-item:nth-of-type(3n+1), .about-board .collection-group>a.collection-item:nth-of-type(3n+1), .about-leadership .collection-group>a.collection-item:nth-of-type(3n), .about-board .collection-group>a.collection-item:nth-of-type(3n), .about-leadership .collection-group>a.collection-item:nth-of-type(0), .about-board .collection-group>a.collection-item:nth-of-type(0), .about-leadership .collection-group>div.collection-item-clearfix:nth-of-type(3n), .about-board .collection-group>div.collection-item-clearfix:nth-of-type(3n), .about-leadership .collection-item, .about-board .collection-item { margin: 0; }

  .about-leadership .collection-group>div.collection-item-clearfix:nth-of-type(3n), .about-board .collection-group>div.collection-item-clearfix:nth-of-type(3n), .collection-group>div.collection-item-clearfix { display: none; }

  .collection-group>div.collection-item-clearfix.clearfix:nth-of-type(2n) { display: block; }

  .about-leadership .collection-group>a.collection-item:nth-of-type(2n+1) {
    margin: 15px 1.25% 15px 0;
  }
  .about-leadership .collection-group>a.collection-item:nth-of-type(2n) {
    margin: 15px 0 15px 1.25%;
  }
  .hero-container.hero-container-6 .hero-image-wrap { height: clamp(150px, 58.3vw, 417px); }
  
  .clinical-faculty .collection-group>a.collection-item { width: 47.5%; margin: 15px 2.5%; }
  .clinical-faculty .collection-group>a.collection-item:nth-of-type(2n) { margin-right: 0; }
  .clinical-faculty .collection-group>a.collection-item:nth-of-type(2n + 1) { margin-left: 0; }

  .clinical-faculty .collection-item .collection-image-wrap {
    height: clamp(195px, 64vw, 464px); border-radius: 15px; height: clamp(133px, calc(51.3vw - 1vw - 30px), 337px); border-radius: 300px;
  }
  .services-page .section-image-wrap:not(.bio-wrap) { width: 100%; }

  .content.inner.hw-page .section-image-wrap { width: 100%; margin-left: 0; margin-right: 0; padding: 0; }
  .content.inner.hw-page.hlh-page .section-image-wrap {
    overflow: hidden;
    display: block;
    max-height: calc(100vw - 50px);
  }
  .content.inner.hw-page.hlh-page .section-image-wrap .section-image { margin-top: -15%; }

  body .site-header nav.right .menu { width: 47%; }
  body .site-header nav.right .menu:nth-of-type(3) { clear: left; }

  .hero-container-14 .inner .hero-section-1 .thumb-wrap { height: clamp(207px, 38vw, 285px); padding-top: clamp(49px, 9.1vw, 68px); }
  .hero-container-14 .inner .hero-section-1 .three-fifths.left { margin-bottom: 20px; }
  .hero-container-14 .inner .hero-section-1 .thumb-wrap:nth-of-type(3) { margin-right: 0; }
  .hero-container-14 .inner .hero-section-1 .thumb-wrap .thumb-wrap-round { width: clamp(112px, 20.1vw, 148px); height: clamp(112px, 20.1vw, 148px); }

  .hero-container-14 .inner .hero-section-1 .thumb-wrap h4 { font-size: clamp(12px, 2.7vw, 21px); }




  .hero-container-15 .inner { padding-left: clamp(6px, 1.9vw, 20px); padding-right: 0; }

  .impact-tile {
    height: clamp(119px, 37.4vw, 260px);
  }

  .hero-container-15 .impact-tile {
    width: 47%;
    margin-right: 3.99%;
    border-radius: clamp(7px, 2.7vw, 20px);
    padding: clamp(11px, 3.5vw, 25px) clamp(11px, calc(2.8vw - 1px), 20px) clamp(11px, 1.5vw, 15px);
    margin-bottom: clamp(7px, 2.2vw, 15px);
    margin-bottom: 3.99%;
  }

  .hero-container-15 .impact-tile:nth-of-type(2n) {
    margin-right: 0px;
  }

  .tile-header-wrap {
    width: calc(100% - clamp(3px, 0.5vw, 6px) - clamp(18px, 4vw, 50px));
  }

  .hero-container-15 .impact-tiles-wrap { padding: 0 clamp(8px, 2.5vw, 20px); }
  
  .hero-container-15 .impact-tile h4 {
    margin-top: 0px;
    font-size: clamp(13px, 3.8vw, 42px);
  }

  .impact-tile .icon {
    margin-right: clamp(3px, 0.5vw, 6px);
    top: -2px;
    height: clamp(15px, 4vw, 50px);
    width: clamp(15px, 4vw, 50px);
  }

  .impact-tile p.sub-header {
    font-size: clamp(7.5px, 2.6vw, 28px);
  }

  .impact-tile p.impact-stat-text {
    padding-top: 67px;
    font-size: clamp(9px, 2.9vw, 30px);
  }

  .impact-tile.impact-tile-upward-curve p.impact-stat-text {
    padding-top: clamp(32px, 10.1vw, 77px);
  }

  .impact-tile-downward-curve p.impact-stat-text {
    padding-top: clamp(37px, 11.5vw, 85px);
  }

  .impact-tile-upward-curve p.impact-stat-text { padding-top: clamp(44px, 5.5vw, 55px); }

  .hero-container-15 .impact-tile .impact-svg, .hero-container-15 .impact-tile .impact-svg use, .hero-container-15 .impact-tile .impact-svg use g, .hero-container-15 .impact-tile .impact-svg use g svg { overflow: visible; }


  svg.impact-svg {
      bottom: -2px;
      left: 0;
      width: 101%;
      height: clamp(52px, 16.2vw, 128px);
  }

  svg.outpatient-impact-chart-1 {
      width: 100%;
      height: clamp(48px, 17.0vw, 128px);
  }

  svg.outpatient-impact-chart-3 {
      height: clamp(35px, 11vw, 89px);
  }
  
  svg.outpatient-impact-chart-4 {
      height: clamp(61px, 18.8vw, 141px);
      bottom: clamp(10px, 2.6vw, 20px);
      left: -1px;

  }
  .impact-tile-vertical-graph .svg-holder {
      bottom: clamp(5px, 2.2vw, 20px);
      left: clamp(10px, 3.5vw, 24px);
      width: calc(100% - clamp(20px, 6.2vw, 48px));
      position: absolute;
  }

  .impact-tile-vertical-graph .chart-label-left {
    position: absolute;
    top: clamp(5px, 2.5vw, 24px);
  }

  .impact-tile-vertical-graph .chart-label-right {
    top: clamp(-37px, -5.3vw, -19px);
  }

  .impact-tile-vertical-graph .chart-label-right p, .impact-tile-vertical-graph .chart-label-left p {
    font-size: clamp(10px, 2.3vw, 18px);
  }

  .impact-tile-vertical-graph .chart-label-right h4, .impact-tile-vertical-graph .chart-label-left h4  {
      font-size: clamp(11px, 2.8vw, 21px);
  }

  .impact-tile-vertical-graph-pair .chart-label-left {
      top: calc(clamp(112px, 34.5vw, 241px) - (clamp(61px, 18.8vw, 141px) * .44) - clamp(10px, 2.6vw, 20px) - clamp(16px, 4.1vw, 31px) - clamp(3px, .4vw, 4px));
      left: clamp(4px, 2.1vw, 27px);
      width: 30%;
  }

  .impact-tile-vertical-graph-pair .chart-label-right {
      top: calc(clamp(96px, 29.6vw, 204px) - (clamp(61px, 18.8vw, 141px) * .3) - clamp(10px, 2.6vw, 20px) - clamp(16px, 4.1vw, 31px) - clamp(3px, .4vw, 4px));
      right: clamp(4px, 2.1vw, 27px);
      width: 38%;
      margin-top: 0;

  }
  .impact-tile-vertical-graph-pair .chart-label-right p, .impact-tile-vertical-graph-pair .chart-label-left p {
      font-size: clamp(9px, 2.6vw, 20px);
  }

  .impact-tile-vertical-graph-pair .chart-label-right h4, .impact-tile-vertical-graph-pair .chart-label-left h4  {
      font-size: clamp(16px, 4.1vw, 31px);
      margin-bottom: clamp(3px, .4vw, 4px);
  }

  .story-buttons { display: block; position: relative; top: 0; margin-top: clamp(16px, 3.2vw, 24px); bottom: 0; }
  .hero-container-14 .inner .hero-section-1 .three-fifths a.left-arrow, .hero-container-14 .inner .hero-section-1 .three-fifths a.right-arrow { height: 38px; width: 38px; margin-left: 0; margin-right: 8px; }

  .hero-container-14 .inner .hero-section-1 ol { font-size: clamp(17px, 3.8vw, 28px); line-height: clamp(28px, calc(6.9vw + 8px), 56px); height: clamp(28px, calc(6.9vw + 8px), 56px); }

  .hero-container-14 .inner .hero-section-1 ol li { text-indent: clamp(18px, 7.9vw, 58px); }

  .hero-container-14 ol li:before { font-size: clamp(19px, 4.5vw, 40px); width: clamp(28px, calc(6.8vw + 7px), 55px); line-height: clamp(30px, calc(6.9vw + 8px), 60px); }

  .telehealth div.three-fifths>iframe { height: clamp(162px, 50.5vw, 404px)!important; }
  .hero-container.hero-container-8 .two-fifths h3 { float: none; text-align: left; }

  .gm-style .gm-style-iw-c {
    padding: 0;
    max-width: 383px!important;
    width: 70vw!important;
    height: 160px;
  }

  .map-preview {
    width: 100%;
    min-height: clamp(255px, 62vw, 391px);
  }

  .gm-style-iw-d .location-info-wrap {
    width: calc(100% - 80px);
    height: 160px;
  }

  .gm-style .gm-style-iw-d {
    max-width: 383px!important;
    width: 70vw!important;
    height: 160px;
  }

  .locations-controls {
    width: 100%;
  }

  .location-type-buttons-wrap { width: 100%; float: right; }

  .map-preview { margin-top: 30px; }
  .location-type-tile p.tile-title { margin-top: 10px; margin-bottom: 5px; min-height: clamp(42px, 6.3vw, 60px); font-family: "Roca One"; color: #fff; font-size: clamp(13px, 1.8vw, 17px); line-height: 1.15em; }
  .location-type-tile .tile-title span { font-size: inherit; color: inherit; font-weight: inherit; font-family: inherit; }
  .location-type-tile .tile-title .alt-text { display: none; }
  .location-type-tile .tile-title .original-text {  }

  .location-type-tile p.location-count { margin-top: 5px; font-size: clamp(10px, 1.5vw, 12px); color: #fff; }
  .location-type-tile .tile-glyph { width: clamp(20px, 2.9vw, 30px); height: clamp(20px, 2.9vw, 30px); }
  .location-type-tile .tile-glyph svg { fill: #fff; width: clamp(20px, 2.9vw, 30px); height: clamp(20px, 2.9vw, 30px); }
  .location-type-tile .tile-glyph use { fill: #fff; width: clamp(20px, 2.9vw, 30px); height: clamp(20px, 2.9vw, 30px); }

  .hero-container-19 a.location-type-tile { border-radius: clamp(8px, 2.5vw, 15px); padding: clamp(8px, 2.5vw, 15px); }

  .location-type-tile p.tile-title { min-height: clamp(39px, 10.8vw, 80px); font-size: clamp(11px, 3.2vw, 27px); }
  .location-type-tile p.location-count { font-size: clamp(8px, 1.5vw, 12px); }
  .location-type-tile .tile-glyph { width: clamp(16px, 4.1vw, 30px); height: clamp(16px, 4.1vw, 30px); }
  .location-type-tile .tile-glyph svg { width: clamp(16px, 4.1vw, 30px); height: clamp(16px, 4.1vw, 30px); }

  .hero-container-18 .path-and-plane svg {
    height: 89%;
    width: 100%;
    min-width: clamp(777px, calc(180vw - 100px), 1307px);
    top: -94px;
    display: block;
    fill: none;
    margin: auto;
    stroke-dashoffset: 4px;
    opacity: .5;
    left: calc(50% + 6em);
    transform: translate(calc(1vw - 58%));
    transform-origin: bottom right;
  }

  .content.inner.hw-page .article-header-wrap { width: 100%; float: none; padding-right: 0; }
  .content.inner.hw-page .article-header-wrap p.article-meta { margin-bottom: 0px; }
  .content.inner.hw-page .col-1 { width: 100%; float: none; }
  .content.inner.hw-page .col-2 { width: 100%; padding-left: 0; float: none; margin-top: 55px; }
  
}



@media only screen and (max-width: 600px) {
  .shared-file-expiration {
    display: none;
  }

  /* p, li { font-weight: 400!important; } */
  .shared-file { width: 100%; }
  .shared-file.right-side { padding-left: 0px; }

  .header-wrap div.sub-nav { height: auto; }
  /* header nav .sub-menu:hover { height: auto; width: auto; } */
  /* header nav .sub-menu:hover .menu { position: relative; right: 0; } */

  .sub-nav .inner { display: flex; flex-direction: column; height: auto; }
  .sub-nav .inner .menu  { max-width: none; border-bottom: solid 1px rgba(255,255,255,0.2); }
  .sub-nav .inner .menu.first { border-left: none; }
  .sub-nav .menu .sub-menu { width: auto; border-radius: 0 }
  .sub-nav .menu:hover { height: auto; }
  .sub-nav .menu:hover .sub-menu { position: relative; top: 0; }
  .sub-nav .menu .sub-menu a { padding-left: 40px; }
  
  .page-hero-short .hero-subtext-wrap .hero-subtext { width: 80%; }
  .hero-container.page-hero-short h1 { width: 100%; }
  .hero-container.page-hero-short h1 br { display: none; }
  
  .services-page.hero-container.hero-container-1 .flex-container { width: 100%; place-content: space-between; justify-content: space-between; }

  /* .hero-container.hero-container-7 .left.half { width: 100%; } */
  .hero-container.hero-container-10 .left.third { width: 99%; }

  .footer-wrap .third { width: 99%; margin-left: 0; margin-bottom: 15px; }

  .hero-container.hero-container-1 .flex-container, .hero-container.hero-container-5 .flex-container { width: 100%; }

  .hero-container.hero-container-1 a.flex1, .hero-container.hero-container-5 a.flex1 { width: 48%; padding: clamp(16px, 5vw, 60px) clamp(20px, 6.7vw, 70px) clamp(17px, 6vw, 60px); font-weight: 600; margin-top: 3%; font-family: montserrat; font-size: clamp(12px, 3.45vw, 34px); height: clamp(96px, 40vw, 380px); border-radius: clamp(7px, 2.3vw, 13px); justify-items: center; align-items: center; display: flex; flex-wrap: wrap; }

  .hero-container.hero-container-1 a.flex1:nth-child(2n), .hero-container.hero-container-5 a.flex1:nth-child(2n) { margin-left: 0px; }
  .hero-container.hero-container-1 .flex-container a.flex1:nth-child(2n + 1), .hero-container.hero-container-5 .flex-container a.flex1:nth-child(2n + 1) { margin-right: 0px; }

  .hero-container.hero-container-1 a.flex1.flex-item>h3, .hero-container.hero-container-5 a.flex1.flex-item>h3 { padding: 0; font-size: inherit; margin: 0 auto; width: 100%; }
  .hero-container.hero-container-1 a.flex1 .glyph, .hero-container.hero-container-5 a.flex1 .glyph { width: 54%; margin: 0 auto clamp(3px, 1vw, 15px); height: clamp(51px, 17vw, 120px); }
  


  .content-section-3 div.content-wrap.section-header, .content-section-4 div.content-wrap.section-header { width: 100%; padding-left: 0; margin-bottom: 5px; }
  .content-section-3 div.image-wrap.left.half, .content-section-4 div.image-wrap.left.half, .content-section-3 div.image-wrap.right, .content-section-4 div.image-wrap.right { width: 45%; clear: none; padding-left: clamp(5px, 2vw, 20px); float: right; margin-top: 1%; }
  .content-section-3 div.content-wrap.right, .content-section-4 div.content-wrap.right { padding-left: 0; width: 100%; float: left; }
  .content-section-3 div.content-wrap.right.half, 
  .content-section-3 div.content-wrap.left.half, 
  .content-section-4 div.content-wrap.right.half,
  .content-section-4 div.content-wrap.left.half { padding-left: 0; width: 100%; float: none; }

  .content-section .copy-block.right, .content-section .copy-block { width: 100%; padding-right: 5px; padding-left: 0; float: none; }
  .content-section-3 div.content-wrap.locations-wrap.right.half, 
  .content-section-3 div.content-wrap.locations-wrap.left.half, 
  .content-section-4 div.content-wrap.locations-wrap.right.half,
  .content-section-4 div.content-wrap.locations-wrap.left.half { float: none; width: 56%; }

  .content-section.content-section-2.ce-page .video-wrapper.copy-block, .content-section.content-section-2.ce-page .video-wrapper.copy-block>iframe { height: clamp(160px, 50vw, 355px)!important; width: 100%; margin-bottom: 10px; padding-right: 0; margin-right: 0; }

  .videotainer-text { font-weight: 700!important; }

  .content-section ol.copy-block.right { padding-left: clamp(12px, 1.7vw, 19px); }
  
  
  .hero-container-18 .path-and-plane svg {
    height: 89%;
    width: 100%;
    min-width: clamp(777px, calc(180vw - 100px), 1307px);
    top: -94px;
    display: block;
    fill: none;
    margin: auto;
    stroke-dashoffset: 4px;
    opacity: .5;
    left: calc(50% + 4em);
    transform: translate(calc(1vw - 58%));
    transform-origin: bottom right;
  }     
}


@media all and (max-width: 530px) {
  
  .filter-chooser:hover { height: auto; }
  .filter-chooser:hover .filter-drop-down { position: relative; }
  
  .reveal-modal { width: 100%; left: 0; margin-left: 0; }

  .footer.grid { margin-left: -20px; }
  .logo { margin-left:  10px; }
  .page-hero-short .hero-subtext-wrap .hero-subtext { width: 100%; }
  blockquote span br { display: none; }

  .bio-image-wrap, .locations .bio-image-wrap { width: 100%; max-width: 328px; float: none; margin-top: 5px; position: relative; overflow: hidden; height: clamp(367px, 132vw, 486px); }

  .bio-details { padding-left: 0; width: 100%; margin-bottom: 6px; }

  body .site-header nav.right .menu { width: 100%; }
 
  .stories-page .bio-image-wrap.landscape { height: clamp(150px, 59vw, 218px); overflow: hidden; }

  .hero-container-14 .inner .hero-section-1 { border-radius: 35px; }
  .hero-container-14 .inner .hero-section-1 .thumb-wrap { height: clamp(157px, 54vw, 287px); padding-top: clamp(49px, 14.5vw, 76px);margin-right: 5%; width: 47.5%; transition: margin 0s; }
  .hero-container-14 .inner .hero-section-1 .three-fifths.left { margin-bottom: clamp(14px, 4.4vw, 20px); }
  .hero-container-14 .inner .hero-section-1 .thumb-wrap:nth-of-type(2) { margin-right: 0; }
  .hero-container-14 .inner .hero-section-1 .thumb-wrap:nth-of-type(n + 3) { display: none!important; }
  .hero-container-14 .inner .hero-section-1 .thumb-wrap .thumb-wrap-round { width: clamp(82px, 25.1vw, 155px);
    height: clamp(82px, 25.1vw, 155px); }
  .hero-container-14 .inner h2 br { display: none; }

  .hero-container-14 .inner .hero-section-1 .thumb-wrap h4 { font-size: clamp(12px, 4vw, 21px); }

  
  .content-section-3 div.content-wrap.locations-wrap.right.half, .content-section-3 div.content-wrap.locations-wrap.left.half, .content-section-4 div.content-wrap.locations-wrap.right.half, .content-section-4 div.content-wrap.locations-wrap.left.half {
    float: left;
    clear: both;
    width: 100%;
  }
  .services-tile.tile-60 { width: 70%; }

  .social-icon-slider {
    transform: scale(0.85);
    right: -238px;
    padding: 15px 20px 15px 8px;
    }
  .social-icon-slider:hover {
    right: -160px;
  }
  .social-icon-slider .social-glyphs-wrap {
    margin-left: 47px;
  }
  .hero-container-18 .path-and-plane svg {
    height: 89%;
    width: 100%;
    min-width: clamp(777px, calc(180vw - 100px), 1307px);
    top: -74px;
    display: block;
    fill: none;
    margin: auto;
    stroke-dashoffset: 4px;
    opacity: .5;
    left: calc(51% + 12px);
    transform: translate(calc(1vw - 58%));
    transform-origin: bottom right;
  }    
}


@media all and (max-width: 428px) {
  
  .filter-chooser:hover { height: auto; }
  .filter-chooser:hover .filter-drop-down { position: relative; }
  
  .reveal-modal { width: 100%; left: 0; margin-left: 0; }

  .footer.grid { margin-left: -20px; }
  .logo { margin-left:  10px; }
  .page-hero-short .hero-subtext-wrap .hero-subtext { width: 100%; }
  blockquote span br { display: none; }

  .bio-image-wrap { width: 100%; max-width: 328px; float: none; margin-top: 5px; position: relative; overflow: hidden; height: clamp(367px, 132vw, 486px); }
  .bio-details { padding-left: 0; width: 100%; margin-bottom: 6px; }

  body .site-header nav.right .menu { width: 100%; }

  .locations-page .collection-item, .locations-page .collection-item:nth-of-type(2n), .locations-page .collection-item:nth-of-type(2n + 1), .stories-page .collection-item, .stories-page .collection-item:nth-of-type(2n), .stories-page .collection-item:nth-of-type(2n + 1) { width: 100%; margin-left: 0; margin-right: 0; }
  .locations-page .collection-item .collection-image-wrap, .stories-page .collection-item .collection-image-wrap { height: clamp(180px, 68vw, 298px); }

  .hero-container-18 .col-1-services, .hero-container-18 .col-2-services { width: 50%; }
  .hero-container-18 .inner a.services-tile { width: 100%; }
}

/* Landscape iPhone */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 852px) 
  and (-webkit-min-device-pixel-ratio: 3) 
  and (orientation: landscape) { 
    .inner { padding-left: clamp(45px, 7vw, 65px)!important; padding-right: clamp(45px, 7vw, 65px)!important; }
    .hero-container-15 .feature-slogan { margin-left: clamp(-45px, -7vw, -65px)!important; }
    .social-icon-slider { bottom: 20px; top: auto; }
}

/* Landscape iPhone */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 852px)  
  and (orientation: landscape) { 
    .inner { padding-left: clamp(45px, 7vw, 65px)!important; padding-right: clamp(45px, 7vw, 65px)!important; }
    .hero-container-15 .feature-slogan { margin-left: clamp(-45px, -7vw, -65px)!important; }
    .social-icon-slider { bottom: 20px; top: auto; }
}



/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */