/* =====================================================================
   Skysona SSOT — generated from field-library/colors.json + fonts.json.
   Palette CSS variables and base typography live here so every module
   inherits by default and only overrides deltas.
   ===================================================================== */

:root {
  /* Brand palette — mirrors field-library/colors.json, which mirrors the
     "nary" scale on www.skysona.com. Slug order is the live order; do not
     renumber it, live CSS and live rich text reference these names. */
  --sky-primary:    #ED8B00;  /* orange     */
  --sky-secondary:  #F3D03E;  /* yellow     */
  --sky-tertiary:   #354555;  /* slate      */
  --sky-quaternary: #D8D8D8;  /* light gray */
  --sky-quinary:    #333333;  /* near black */
  --sky-senary:     #868F99;  /* mid gray   */
  --sky-septenary:  #0065A1;  /* blue       */
  --sky-octonary:   #F3F3F3;  /* off white  */
  --sky-nonary:     #4D4D4F;  /* dark gray  */
  --sky-denary:     #FCF3CE;  /* cream      */
  --sky-eleven:     #4C4C4C;  /* body gray — live's 11th scale step, used by
                                 .text-eleven in rich text; not an editor choice */
  --sky-white:      #FFFFFF;
  --sky-black:      #000000;

  /* Support tints used by live button/hover states */
  --sky-primary-tint:  #FBE2BF;  /* orange hover fill  */
  --sky-primary-dark:  #D67D00;  /* orange border, btn-quaternary */
  --sky-pressed-bg:    #D8D8D8;  /* :active fill       */
  --sky-pressed-border:#868F99;  /* :active border     */
  --sky-accordion-fill:#F8CF93;  /* accordion toggle circle  */
  --sky-rule:          #4F4F4F;  /* ISI banner + toggle rule */
  --sky-chevron:       #384554;  /* accordion chevron        */

  /* Semantic aliases */
  --sky-text:        rgba(0, 0, 0, 0.8);
  --sky-heading:     var(--sky-tertiary);
  --sky-link:        var(--sky-septenary);
  --sky-surface:     var(--sky-white);
  --sky-surface-alt: var(--sky-octonary);
  --sky-border:      var(--sky-senary);

  /* Typography SSOT — mirrors field-library/fonts.json.
     Live names one family per weight; those names are declared in fonts.css. */
  --sky-font-body:    'Nunito-Light', 'Nunito', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  --sky-font-regular: 'Nunito-Regular', 'Nunito', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  --sky-font-bold:    'Nunito-Bold', 'Nunito', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  --sky-font-heading: 'JosefinSans-Bold', 'Josefin Sans', system-ui, sans-serif;
  --sky-font-nav:     'BrandonGrotesque-Medium', 'Brandon Grotesque', system-ui, sans-serif;
}

/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* Reset */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  padding: 0;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
  color: inherit;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}

a {
  color: inherit;
  text-decoration: none;
}

/* NB: live has no global list-style reset — authored lists keep their markers.
   Components that need bare lists (nav, footer link rows) declare it themselves. */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

blockquote,
q {
  quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: '';
}
<!-- End Reset -->

.alert {
    border-radius: 0px
}

.alert-icon {
    margin-right: 7px
}

.validation-summary-errors {
    border: 1px solid rgba(0,0,0,0);
    border-radius: .25rem;
    border-color: #f5c6cb;
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem
}

blockquote {
    padding: 10px 20px;
    padding-left: 30px;
    margin: 0 0 20px;border-left: 3px solid var(--sky-primary)
}

blockquote,blockquote p {
    font-style: normal;
    font-size: 24px;
    line-height: 32px;
    font-weight: 100
}

blockquote p {
    margin-bottom: 13px
}

blockquote .small,blockquote footer,blockquote small {
    margin-top: 1em;
    font-size: 14px;
    font-style: normal;
    font-weight: 600
}

blockquote {
    margin: 1.5rem 1rem 1.5rem 2rem;
    padding: 1rem 2rem;
    position: relative;border-left: 4px solid var(--sky-primary)
}

.blockquote-reverse,blockquote.pull-right {
    padding-right: 25px
}

blockquote.custom-blockquote,blockquote.custom-blockquote p {
    font-size: 1.2em;
    line-height: 1.444em;
    font-style: italic
}

blockquote.custom-blockquote {
    margin: 0 0 10px 0;
    padding: 25px 20px 19px 40px;
    position: relative;border-left: 2px solid var(--sky-primary)
}

blockquote.custom-blockquote:before {
    z-index: 9;
    height: 100%;
    width: 38px;
    display: block;
    content: '"';
    position: absolute;
    left: 15px;
    top: 20%;
    font-size: 3em;
    font-style: italic
}

.back-to-top-button {
    position: fixed !important;
    bottom: 30px;
    right: 30px;
    z-index: 12 !important;
    cursor: pointer
}

.hesperiden .tp-bullet {
    border: none;
    width: 10px;
    height: 10px
}

.hesperiden .tp-bullet.selected {
    background: #fff;
    width: 12px;
    height: 12px
}

.vh-5 {
    min-height: 5vh
}

.vh-10 {
    min-height: 10vh
}

.vh-15 {
    min-height: 15vh
}

.vh-20 {
    min-height: 20vh
}

.vh-25 {
    min-height: 25vh
}

.vh-30 {
    min-height: 30vh
}

.vh-35 {
    min-height: 35vh
}

.vh-40 {
    min-height: 40vh
}

.vh-45 {
    min-height: 45vh
}

.vh-50 {
    min-height: 50vh
}

.vh-55 {
    min-height: 55vh
}

.vh-60 {
    min-height: 60vh
}

.vh-65 {
    min-height: 65vh
}

.vh-70 {
    min-height: 70vh
}

.vh-75 {
    min-height: 75vh
}

.vh-80 {
    min-height: 80vh
}

.vh-85 {
    min-height: 85vh
}

.vh-90 {
    min-height: 90vh
}

.vh-95 {
    min-height: 95vh
}

.vh-100 {
    min-height: 100vh
}

.vw-5 {
    width: 5vw !important
}

.vw-10 {
    width: 10vw !important
}

.vw-15 {
    width: 15vw !important
}

.vw-20 {
    width: 20vw !important
}

.vw-25 {
    width: 25vw !important
}

.vw-30 {
    width: 30vw !important
}

.vw-35 {
    width: 35vw !important
}

.vw-40 {
    width: 40vw !important
}

.vw-45 {
    width: 45vw !important
}

.vw-50 {
    width: 50vw !important
}

.vw-55 {
    width: 55vw !important
}

.vw-60 {
    width: 60vw !important
}

.vw-65 {
    width: 65vw !important
}

.vw-70 {
    width: 70vw !important
}

.vw-75 {
    width: 75vw !important
}

.vw-80 {
    width: 80vw !important
}

.vw-85 {
    width: 85vw !important
}

.vw-90 {
    width: 90vw !important
}

.vw-95 {
    width: 95vw !important
}

.vw-100 {
    width: 100vw !important
}

.b-50 {
    position: relative;
    bottom: 4vh
}

.l-50 {
    position: relative;
    left: 4vh
}

.r-50 {
    position: relative;
    right: 4vh
}

.t-50 {
    position: relative;
    top: 4vh
}

.b-100 {
    position: relative;
    bottom: 7vh
}

.l-100 {
    position: relative;
    left: 7vh
}

.r-100 {
    position: relative;
    right: 7vh
}

.t-100 {
    position: relative;
    top: 7vh
}

.b-150 {
    position: relative;
    bottom: 12vh
}

.l-150 {
    position: relative;
    left: 12vh
}

.r-150 {
    position: relative;
    right: 12vh
}

.t-150 {
    position: relative;
    top: 12vh
}

.b-200 {
    position: relative;
    bottom: 18vh
}

.l-200 {
    position: relative;
    left: 18vh
}

.r-200 {
    position: relative;
    right: 18vh
}

.t-200 {
    position: relative;
    top: 18vh
}

@media(min-width: 1200px) {
    .container-wide {
        max-width:1600px
    }
}

.ndpl-preloaded {
    max-width: 1200px
}

.anchor::before {
    display: block;
    content: " ";
    margin-top: -100px;
    height: 100px;
    visibility: hidden;
    pointer-events: none
}

.hero {
    position: relative;
    overflow: hidden;
    height: 100%
}

.hero img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.hero .text {
    position: absolute;
    top: 40%;
    left: 10%;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    width: 80%
}

.hero .text h1 {
    font-size: 50px;
    font-weight: 900;
    line-height: 1;
    margin: 15px 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.hero .text h2 {
    font-size: 18px;
    font-weight: 900;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media only screen and (max-width: 860px) {
    .hero .text {
        top:30%
    }
}

@media only screen and (max-width: 767px) {
    .hero .text h1 {
        font-size:34px
    }

    .hero .text h2 {
        font-size: 16px
    }
}

@media only screen and (max-width: 600px) {
    .hero img {
        object-fit:cover;
        width: auto
    }

    .hero .text {
        top: 15%
    }
}

.bannerImage {
    width: 100%
}

.content-parent {
    display: flex;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%
}

.bannerVideoContainer {
    position: relative;
    overflow: hidden
}

.bannerContent {
    align-self: flex-start
}

.bannerImageContainer {
    height: 100%;
    width: 100%;
    background-size: cover;
    position: relative
}

.bannerParallax {
    background-attachment: fixed
}

/* body {
    font-family: "Open Sans",sans-serif
} */

.h1,.h2,.h3,.h4,.h5,.h6 {
    font-weight: 400;
    padding-top: 2rem;
    line-height: 1.5
}

.hr {
    border-top: 1px solid #333;
    margin: 22px 0 22px 0
}

.label {
    font-weight: normal
}

.icon-list {
    padding-left: 0;
    margin-left: 24px;
    list-style-type: none
}

.icon-list li {
    position: relative
}

.icon-list>li [class*=" fa-"] {
    position: absolute;
    left: -21px;
    text-align: center;
    width: 14px
}

.icon-list.elegant-font {
    margin-left: 0;
    margin-bottom: 0
}

.icon-li {
    margin-right: 10px
}

.glyphs.css-mapping {
    margin: 0;
    padding: 0;
    color: rgba(0,0,0,.5)
}

.glyphs.css-mapping li {
    margin: 0 30px 20px 0;
    padding: 0;
    display: inline-block;
    overflow: hidden
}

.glyphs.css-mapping .icon {
    margin: 0;
    margin-right: 10px;
    padding: 13px;
    height: 50px;
    width: 50px;
    color: #162a36 !important;
    overflow: hidden;
    float: left;
    font-size: 24px
}

.glyphs.css-mapping input {
    margin: 0;
    margin-top: 5px;
    padding: 8px;
    line-height: 16px;
    font-size: 16px;
    display: block;
    width: 150px;
    height: 40px;
    border: 1px solid #d8e0e5;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    float: right
}

.pre {
    border-radius: 0
}

.modal-header h3 {
    text-transform: none
}

.blockquote-border {
    margin: 0px;
    font-style: italic;
    padding-bottom: 1em;
    padding-top: 1em;
    border-left: 8px solid #333;
    position: relative
}

.blockquote-border::before {
    font-family: Arial;
    content: "“";
    font-size: 4em;
    position: absolute;
    left: 10px;
    top: .5em
}

.blockquote-border::after {
    content: ""
}

.blockquote-border span {
    display: block;
    font-style: normal;
    font-weight: bold;
    margin-top: 1em
}

.blockquote-simple {
    margin: 0px;
    padding-bottom: 1em;
    padding-top: 1em;
    border: none;
    position: relative
}

.blockquote-simple::before {
    content: "“";
    font-size: 4em;
    position: absolute;
    left: 10px;
    top: .5em
}

.blockquote-simple::after {
    content: ""
}

.blockquote-simple span {
    display: block;
    font-style: italic;
    font-size: .8em;
    margin-top: .5em
}

.blockquote-rating {
    margin: 0px;
    border: none;
    position: relative
}

.blockquote-rating::after {
    content: ""
}

.blockquote-rating span {
    display: block;
    font-size: .8em;
    margin-top: 1.5em
}

.scWebEditInput span.dialog-placeholder {
    border: 2px solid blue
}

.content-tile-text {
    margin-bottom: 20px
}

.content-tile-text ul li {
    list-style-type: bullet
}

.content-tile-icon {
    position: absolute;
    left: 0px;
    padding-top: .3rem
}

.content-tile-icon-left .content-tile-content {
    padding-left: 58px;
    padding-right: 15px
}

.content-tile-icon-left .content-tile-icon {
    position: absolute;
    left: .5rem
}

.content-tile-icon-center .content-tile-content {
    padding-left: 15px;
    padding-right: 15px
}

.content-tile-icon-center .content-tile-icon {
    position: relative
}

.content-tile-icon-right .content-tile-content {
    padding-left: 15px;
    padding-right: 58px
}

.content-tile-icon-right .content-tile-icon {
    right: 0
}

.content-tile-video {
    width: 100%
}

.content-tile-tight .content-tile-img,.content-tile-tight .content-tile-video {
    display: none
}

.content-tile-tight button {
    display: none
}

.content-tile-no-media .content-tile-img,.content-tile-no-media .content-tile-video {
    display: none
}

.rightBorderContentTile {
    border-right: 1px solid #d3d3d3
}

.leftBorderContentTile {
    border-left: 1px solid #d3d3d3
}

.topBorderContentTile {
    border-top: 1px solid #d3d3d3
}

.bottomBorderContentTile {
    border-bottom: 1px solid #d3d3d3
}

.content-tile-icon {
    position: absolute;
    left: 13px
}

.content-tile-content {
    position: relative
}

.content-tile.align-buttons-bottom {
    display: flex;
    flex-direction: column;
    height: 100%
}

.content-tile.align-buttons-bottom .icon-sm {
    width: 92px;
    height: 92px
}

.content-tile.align-buttons-bottom .content-tile-img {
    flex-shrink: 0
}

.content-tile.align-buttons-bottom .content-tile-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto
}

.content-tile.align-buttons-bottom .content-tile-content .content-tile-text {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto
}

.content-tile-grid {
    display: grid
}

.content-tile-footnote {
    margin-top: 20px
}

.content-tile {
    position: relative;
    transition: background-color .5s;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.content-tile .content-tile-link {
    background-color: inherit
}

.content-tile .hover-text {
    opacity: 0;
    transition: opacity .5s;
    background-color: inherit;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.content-tile:hover .hover-text {
    opacity: 1
}

.img-blur {
    -webkit-filter: blur(4px);
    filter: blur(4px)
}

.img-brightness {
    -webkit-filter: brightness(250%);
    filter: brightness(250%)
}

.img-contrast {
    -webkit-filter: contrast(180%);
    filter: contrast(180%)
}

.img-grayscale {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.img-huerotate {
    -webkit-filter: hue-rotate(180deg);
    filter: hue-rotate(180deg)
}

.img-invert {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.img-opacity {
    -webkit-filter: opacity(50%);
    filter: opacity(50%)
}

.img-saturate {
    -webkit-filter: saturate(7);
    filter: saturate(7)
}

.img-sepia {
    -webkit-filter: sepia(100%);
    filter: sepia(100%)
}

.card-info {
    margin: 0;
    padding: 22px 25px 24px 25px;
    font-size: 14px;
    line-height: 36px;
    min-height: 205px
}

.card a img {
    width: 100%;
    object-fit: cover;
    height: 20vw;
    min-height: 250px
}

.post-prev-img {
    margin-bottom: 25px
}

.post-prev-img img {
    width: 100%
}

.post-prev-title h3 {
    margin: 0;
    font-size: 16px;
    line-height: 1.333em;
    font-weight: 600
}

.post-prev-img a:hover {
    opacity: .6
}

.post-prev-img .lightbox-item a:hover {
    opacity: 1
}

.post-prev-info {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.post-prev-title a {
    outline: none !important;
    text-decoration: none;
    transition: all .3s ease 0s
}

.post-prev-text {
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600
}

.post-prev-count {
    margin-left: 12px
}

.card-tile-sm {
    border-radius: 5px;
    text-align: center
}

.card-tile-sm .card-title {
    color: #000;
    font-weight: bold;
    margin: 0px;
    font-size: 3.5em;
    line-height: initial;
    margin-bottom: 5px
}

.card-tile-sm .card-subtitle {
    color: gray;
    line-height: initial;
    font-size: initial;
    font-weight: bold
}

.card-tile-sm .card-text {
    line-height: initial;
    color: #a9a9a9
}

.card-icon-article {
    text-align: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(214,214,214,.27);
    -moz-box-shadow: 0px 0px 2px 1px rgba(214,214,214,.27);
    box-shadow: 0px 0px 2px 1px rgba(214,214,214,.27)
}

.card-icon-article .card-info {
    position: relative;
    padding-top: 25px
}

.card-icon-article .card-title {
    margin-top: 10px;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0px
}

.card-icon-article .card-subtitle {
    font-weight: bold;
    margin-bottom: 10px
}

.card-icon-article .card-text {
    line-height: 24px;
    font-size: 16px;
    text-align: left
}

.card-icon-article .card-circle-icon {
    border-radius: 50%;
    height: 50px;
    width: 50px;
    position: absolute;
    left: calc(50% - 25px);
    top: -25px;
    background: #ff4500;
    color: #fff
}

.card-icon-article .card-circle-icon i {
    margin-top: 10px;
    vertical-align: middle
}

.card-icon-article .card-article-details {
    font-weight: bold;
    padding: 15px;
    border-top: 1px solid #e1e4e6
}

.card-contact {
    overflow: visible;
    text-align: center;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(214,214,214,.27);
    -moz-box-shadow: 0px 0px 2px 1px rgba(214,214,214,.27);
    box-shadow: 0px 0px 2px 1px rgba(214,214,214,.27);
    margin-top: 80px;
    height: calc(100% - 90px)
}

.card-contact .card-info {
    position: relative;
    padding-top: 70px;
    border-radius: 5px;
    height: 100%
}

.card-contact .card-title {
    margin-top: 20px;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0px
}

.card-contact .card-subtitle {
    font-weight: bold;
    margin-bottom: 10px;
    color: gray
}

.card-contact .card-text {
    line-height: 24px;
    font-size: 16px;
    color: gray
}

.card-contact .card-image {
    z-index: 2;
    border-radius: 50%;
    height: 160px;
    width: 160px;
    position: absolute;
    left: calc(50% - 80px);
    top: -80px;
    -webkit-box-shadow: 0px 6px 42px -2px #adadad;
    -moz-box-shadow: 0px 6px 42px -2px #adadad;
    box-shadow: 0px 6px 42px -2px #adadad
}

.card-contact .follow-icon {
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    color: #fff;
    -webkit-box-shadow: 0px 0px 12px 2px rgba(201,201,201,.63);
    -moz-box-shadow: 0px 0px 12px 2px rgba(201,201,201,.63);
    box-shadow: 0px 0px 12px 2px rgba(201,201,201,.63)
}

.card-contact .follow-icon i {
    margin-top: 14px;
    vertical-align: middle
}

.card-contact .card-article-details {
    font-weight: bold;
    padding: 15px;
    padding-bottom: 20px
}

.card-article-img {
    text-align: center;
    border: none;
    border-radius: 5px;
    color: #fff;
    background-repeat: no-repeat;
    display: block;
    background-size: cover;
    background-position: center;
    height: calc(100% - 10px)
}

.card-article-img .card-info {
    background: none
}

.card-article-img .card-title {
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 0px
}

.card-article-img .card-subtitle {
    font-weight: bold;
    margin-bottom: 10px;
    margin: 0px
}

.card-article-img .card-text {
    margin-top: 20px;
    line-height: 24px;
    font-size: 16px
}

.card-article-img .card-button {
    background: #ff4500;
    border-radius: 100px;
    color: #fff;
    padding: 10px;
    padding-left: 17px;
    padding-right: 17px;
    margin: 20px;
    font-size: .8em
}

.card-article-img .card-button a {
    color: #fff;
    text-decoration: none
}

.card-article-img .card-button i {
    margin-right: 5px
}

.card-simple-icon {
    border: none;
    color: #fff
}

.card-simple-icon .card-info {
    background-color: rgba(0,0,0,0)
}

.card-simple-icon .card-text {
    line-height: initial
}

.card-simple-icon i {
    margin-left: 25px;
    margin-top: 20px
}

.article {
    display: flex;
    flex-direction: column;
    padding: 20px
}

.article-topic-tag {
    display: inline-block;
    padding: 5px;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 2px;
    background-color: #9ba3a9;
    font-size: 12px;
    text-transform: uppercase
}

.article-heading {
    font-size: 2.5em;
    margin-top: 10px
}

.article-subheading {
    font-size: 1.2em;
    margin-bottom: 5px
}

.article-author-details {
    color: gray;
    font-size: .8em;
    text-transform: uppercase;
    margin-bottom: 40px
}

.article-video {
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
    object-fit: cover
}

.article-image {
    width: 100%;
    vertical-align: top;
    object-fit: cover
}

.article-text p {
    padding: 0px
}

.article-text {
    margin-bottom: 20px
}

.article-social {
    position: relative
}

.article-bio-tile {
    background-color: #f7f7f7;
    padding: 30px;
    padding-left: 30px;
    padding-right: 10px;
    border-top: 1px solid #e1e4e6;
    display: flex
}

.article-bio-img {
    border-radius: 50%;
    height: 70px;
    width: 70px;
    display: inline-block;
    border: 4px solid #ccc
}

.article-bio-info {
    display: inline-block;
    padding-left: 20px;
    align-self: center
}

.article-bio-author {
    font-weight: bold;
    color: #555
}

.article-bio-title {
    margin-top: 10px;
    color: gray;
    font-size: 18px
}

.breadcrumb-default ul {
    padding: 0px;
    margin: 0px;
    height: 40px
}

.breadcrumb-default ul li {
    display: inline
}

.breadcrumb-default ul li a {
    display: block;
    float: left;
    height: 40px;
    background: #f7f7f7;
    text-align: center;
    padding-left: 30px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
    margin: 0 10px 0 0;
    line-height: 27px;
    text-decoration: none
}

.breadcrumb-default ul li a:after {
    content: "";
    border-top: 20px solid rgba(0,0,0,0);
    border-bottom: 20px solid rgba(0,0,0,0);
    border-left: 20px solid #f3f5fa;
    position: absolute;
    right: -20px;
    top: 0;
    z-index: 1;
    transition: all .3s ease 0s;
    transition-property: all;
    transition-duration: .3s;
    transition-timing-function: ease;
    transition-delay: 0s
}

.breadcrumb-default ul li a:before {
    content: "";
    border-top: 20px solid rgba(0,0,0,0);
    border-bottom: 20px solid rgba(0,0,0,0);
    border-left: 20px solid #fff;
    position: absolute;
    left: 0;
    top: 0
}

.breadcrumb-default ul li:first-child a:before {
    display: none
}

.breadcrumb-default ul li:last-child a {
    padding-right: 40px
}

.breadcrumb-default ul li:last-child a:after {
    display: none
}

.step {
    display: inline-block;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    position: relative;
    background-color: #d3d3d3;
    line-height: 20px;
    border: 1px solid #d3d3d3;
    font-weight: bold;
    margin-right: 5px
}

.breadcrumb-default ul li a:hover .step {
    border-color: #fff
}

.breadcrumb-simple ul {
    padding: 0px;
    margin: 0px;
    height: 40px
}

.breadcrumb-simple ul li {
    display: inline
}

.breadcrumb-simple ul li a {
    display: block;
    float: left;
    height: 40px;
    text-align: center;
    padding-left: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
    margin: 0px;
    line-height: 27px;
    text-decoration: none;
    color: inherit
}

.breadcrumb-simple ul li a:after {
    content: "/";
    position: absolute;
    right: -20px;
    top: 4px;
    z-index: 1;
    pointer-events: none
}

.breadcrumb-simple ul li:last-child a:after {
    display: none
}

.breadcrumb-simple ul li a:hover {
    text-decoration: underline;
    transition: all .3s ease 0s
}

.breadcrumb-steps {
    padding-top: 60px;
    padding-bottom: 35px
}

.breadcrumb-steps ul {
    padding: 0px;
    margin: 0px
}

.breadcrumb-steps ul li {
    display: inline
}

.breadcrumb-steps ul li a {
    display: block;
    float: left;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
    margin: 0 10px 0 10px;
    text-decoration: none;
    max-width: 120px;
    width: 120px
}

.breadcrumb-steps ul li a:after {
    content: "";
    height: 10px;
    width: 100px;
    position: absolute;
    right: -55px;
    top: -30px;
    z-index: 1
}

.breadcrumb-steps ul li a i {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    position: absolute;
    z-index: 2;
    left: 35px;
    top: -50px;
    line-height: 42px;
    font-size: 30px
}

.breadcrumb-steps ul li:last-child a:after {
    display: none
}

.side-nav {
    padding-left: 0;
    max-width: 392px;
    border: none
}

.side-nav li {
    list-style-type: none
}

.side-nav>li {
    font-weight: 700
}

.side-nav>li>.item-title {
    border-bottom: 4px solid #333;
    line-height: 3;
    padding-left: 24px
}

.side-nav>li>.item-content>.side-nav>li>.item-title {
    border-bottom: 1px solid #333;
    line-height: 3;
    font-weight: 500
}

.side-nav>li>.item-content>.side-nav>li>.item-content>.side-nav>li>.item-title {
    border-bottom: none;
    line-height: 2;
    font-weight: 400;
    padding-left: 32px
}

.rotate-caret {
    transform: rotate(0deg);
    transition: .2s ease-in-out
}

.item-title:not(.collapsed) .rotate-caret {
    transform: rotate(90deg);
    transition: .2s ease-in-out
}

.dark-theme>li>.item-title {
    border-bottom: 4px solid #333
}

.dark-theme>li>.item-content>.side-nav>li>.item-title {
    border-bottom: 1px solid #333
}

.panel-group-open-close-all {
    text-align: right
}

.panel-group-open-close-all .open-close-link {
    cursor: pointer
}

.FAQaccordion .question-link {
    position: relative
}

.FAQaccordion .question-link .open-answer {
    display: none
}

.FAQaccordion .question-link .close-answer {
    display: inline;
    position: absolute;
    top: 18px;
    right: 55px
}

.FAQaccordion .question-link.collapsed .open-answer {
    display: inline;
    position: absolute;
    top: 18px;
    right: 55px
}

.FAQaccordion .question-link.collapsed .close-answer {
    display: none
}

.locator form {
    margin: 10px
}

.locator input,.locator select {
    border-radius: 2px
}

.locator .form-control:focus {
    outline: none;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.locatorPager {
    display: none
}

.locatorDiv {
    width: 100%
}

.locatorDiv #locatorMap {
    width: 100% !important
}

.map {
    background: #222;
    height: 350px;
    color: #fff;
    padding: 20px
}

.card-columns {
    column-count: 1
}

@media(min-width: 768px) {
    .card-columns {
        column-count:2
    }
}

@media(min-width: 992px) {
    .card-columns {
        column-count:3
    }
}

.card-img-top {
    display: none
}

input.address.search {
    width: 415px
}

.map-wrapper {
    position: relative
}

.map-wrapper+#instructions {
    display: none
}

@media(max-width: 767px) {
    .map-wrapper #map {
        display:none
    }
}

@media(max-width: 767px) {
    .map-wrapper #map.shown {
        display:block
    }
}

@media(max-width: 767px) {
    .map-wrapper #map.hidden {
        display:none
    }
}

.map-wrapper #map.mapboxgl-map {
    height: 600px !important;
    width: 100%
}

@media(max-width: 767px) {
    .map-wrapper #map.mapboxgl-map {
        height:600px
    }
}

@media(max-width: 767px) {
    .map-wrapper #map.mapboxgl-map.hidden {
        display:none
    }
}

.map-wrapper #map.mapboxgl-map .mapboxgl-canvas-container .mapboxgl-marker svg g g:nth-child(3) {
    fill: #fff;
    opacity: 1
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content {
    border-radius: 15px 0 15px 15px
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content {
    border-radius: 0 15px 15px 15px
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content {
    border-radius: 15px 15px 0 15px
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content {
    border-radius: 15px 15px 15px 0
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup.mapboxgl-popup-anchor-bottom .mapboxgl-popup-content,.map-wrapper #map.mapboxgl-map .mapboxgl-popup.mapboxgl-popup-anchor-top .mapboxgl-popup-content,.map-wrapper #map.mapboxgl-map .mapboxgl-popup.mapboxgl-popup-anchor-left .mapboxgl-popup-content,.map-wrapper #map.mapboxgl-map .mapboxgl-popup.mapboxgl-popup-anchor-right .mapboxgl-popup-content {
    border-radius: 15px
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content {
    box-shadow: 0 2px 14px rgba(0,0,0,.23);
    padding: 0
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content i {
    margin-right: 5px;
    position: relative;
    top: 4px
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .mapboxgl-popup-close-button {
    right: 5px;
    top: 5px
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card {
    padding: 2rem 2rem 15px
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card .popup-header {
    align-items: center;
    column-gap: .5rem;
    display: flex;
    margin-bottom: 1rem
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card .popup-header .popup-img {
    image-rendering: -webkit-optimize-contrast;
    max-width: 40%
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card .popup-header .popup-img[src=null] {
    display: none
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card .popup-header .title {
    font-size: 20px;
    line-height: 20px
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card .address {
    font-size: 16px;
    margin-bottom: 0
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card .tag-item {
    display: none
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row {
    border-top: 1px solid rgba(0,0,0,.1);
    display: flex;
    flex-wrap: nowrap;
    padding: 0 1rem
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row:last-of-type {
    display: none
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row.view-more {
    padding: 0
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row.view-more a {
    border-radius: 0 0 15px 15px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 15px 7px;
    text-align: center;
    width: 100%
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row.view-more a:hover,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row.view-more a:focus {
    background-color: #fff;color: var(--sky-primary) !important;
    text-decoration: none
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .visit-website,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .phone,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .distance,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .directions {
    font-size: 14px;
    font-weight: 400;
    padding: 10px 15px;
    white-space: nowrap
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .visit-website a:active,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .visit-website a:focus,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .phone a:active,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .phone a:focus,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .distance a:active,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .distance a:focus,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .directions a:active,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .directions a:focus {color: var(--sky-senary)
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .visit-website a.disabled {
    pointer-events: none;
    cursor: default
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row a {
    font-weight: 400;
    outline: none
}

.map-wrapper #mapboxLegend {
    border: 1px solid #000;
    border-radius: 1rem;
    column-gap: 1.5rem;
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    flex-wrap: nowrap
}

.map-wrapper #search-bar {
    border-radius: 1rem;
    padding: 1rem
}

@media(max-width: 767px) {
    .map-wrapper #search-bar {
        margin:0 auto;
        max-width: 80%
    }
}

@media(max-width: 575px) {
    .map-wrapper #search-bar {
        min-width:100%
    }
}

.map-wrapper #search-bar .search-bar-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.map-wrapper #search-bar .search-bar-row .validation-container {
    position: absolute;
    top: -15px;
    left: 15px
}

.map-wrapper #search-bar .search-bar-row .required-field {
    color: red;
    font-weight: bold
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row {
        flex-direction:column;
        flex-wrap: wrap;
        row-gap: .5rem
    }
}

.map-wrapper #search-bar .search-bar-row .select-wrapper {
    color: #fff;
    min-width: 150px;
    position: relative
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row .select-wrapper {
        width:100%
    }
}

.map-wrapper #search-bar .search-bar-row .select-wrapper select {
    display: none;
    visibility: hidden
}

.map-wrapper #search-bar .search-bar-row .select-wrapper:first-of-type .select-styled {
    border-radius: 8px 0 0 8px
}

@media(min-width: 767px) {
    .map-wrapper #search-bar .search-bar-row .select-wrapper:first-of-type .select-styled {
        border-right:none
    }
}

@media(min-width: 767px) {
    .map-wrapper #search-bar .search-bar-row .select-wrapper:last-of-type .select-styled {
        border-left:none
    }
}

@media(min-width: 767px) {
    .map-wrapper #search-bar .search-bar-row .select-wrapper+#geocoder input[type=text] {
        border-radius:0 !important
    }
}

.map-wrapper #search-bar .search-bar-row .select-wrapper .select-styled {
    border: 1px solid hsla(0,0%,100%,.3);
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    padding: 12px 25px 12px 15px;
    transition: all .2s ease-in
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row .select-wrapper .select-styled {
        border-radius:8px !important;
        min-height: 43px;
        padding: 12px 35px 12px 20px;
        position: relative
    }
}

.map-wrapper #search-bar .search-bar-row .select-wrapper .select-styled:after {
    content: "";
    cursor: pointer;
    width: 0;
    height: 0;
    border: 7px solid rgba(0,0,0,0);
    position: absolute;
    top: 16px;
    right: 10px
}

.map-wrapper #search-bar .search-bar-row .select-wrapper .select-options {
    border-radius: 0 0 8px 8px;
    box-shadow: 0 4px 9px rgba(0,0,0,.2);
    display: none;
    font-size: 14px;
    margin: 0;
    padding: 12px 35px 14px 18px;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    width: 100% !important;
    z-index: 999
}

.map-wrapper #search-bar .search-bar-row .select-wrapper .select-options li {
    cursor: pointer;
    list-style: none;
    margin: 0;
    padding: 6px 0;
    position: relative;
    transition: all .15s ease-in
}

.map-wrapper #search-bar .search-bar-row .select-wrapper .select-options li[rel=hide] {
    display: none
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row #radiusDiv {
        order:2
    }
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row #geocoder {
        order:1;
        width: 100%
    }
}

.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder {
    background: rgba(0,0,0,0);
    box-shadow: none;
    height: 100%
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder {
        max-width:unset;
        width: 100%
    }
}

.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder--icon {
    display: none
}

.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder input[type=text] {
    border: 1px solid hsla(0,0%,100%,.3);
    border-radius: 8px 0 0 8px;
    font-size: 15px;
    height: 100%;
    outline: none;
    padding: 12px 24px 12px 18px
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder input[type=text] {
        border-radius:8px;
        width: 100%
    }
}

@media(min-width: 575px) {
    .map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder input[type=text] {
        min-width:325px
    }
}

.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder .input-validation-error,.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder .address-validation-error {
    border: 2px solid #aa2d2a !important;
    background-color: #f6e9e9 !important
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row #tagFilter {
        order:3
    }
}

.map-wrapper #search-bar .search-bar-row .search-location-btn {
    border-radius: 0 8px 8px 0;
    outline: none;
    transition: all .1s ease-in-out
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row .search-location-btn {
        border-radius:8px;
        margin-top: 8px;
        order: 4;
        width: 100%
    }
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .checkboxes {
        display:flex;
        justify-content: space-evenly
    }
}

.map-wrapper #search-bar .checkboxes .checkbox-wrapper {
    margin: 10px auto 0;
    text-align: center
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .checkboxes .checkbox-wrapper {
        margin:10px 0 0;
        text-align: left
    }
}

.map-wrapper #search-bar .checkboxes .checkbox-wrapper input[type=checkbox] {
    background-color: rgba(0,0,0,0);
    border-radius: 3px;
    cursor: pointer;
    width: 1rem;
    height: 1rem;
    vertical-align: bottom;
    margin-right: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative
}

.map-wrapper #search-bar .checkboxes .checkbox-wrapper input[type=checkbox]:checked:before {
    content: "";
    background-color: rgba(0,0,0,0);
    position: absolute;
    left: 5px;
    top: 0;
    width: 5px;
    height: 11px;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.map-wrapper #search-bar .checkboxes .checkbox-wrapper label {
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .checkboxes .checkbox-wrapper label {
        font-size:12px
    }
}

.map-wrapper #search-bar .checkboxes .checkbox-wrapper.hide-map-wrapper {
    display: flex
}

@media(min-width: 768px) {
    .map-wrapper #search-bar .checkboxes .checkbox-wrapper.hide-map-wrapper {
        display:none
    }
}

.map-wrapper #search-bar .checkboxes .checkbox-wrapper.hide-map-wrapper input[type=checkbox] {
    margin-right: 0;
    margin-left: 10px
}

#locationSearchResults #resultsHeader {
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding: 40px 0 15px
}

#locationSearchResults #resultsHeader #tagLegend span:nth-child(2) {
    border-radius: 17px;
    color: #fff !important;
    display: inline-block;
    padding: 3px 12px 6px 12px;
    margin: 4px 0 12px 0;
    font-size: 14px;
    background-color: #01a99d !important
}

#locationSearchResults #resultsHeader #tagLegend span span {
    border-radius: 17px;
    color: #fff !important;
    display: inline-block;
    padding: 3px 12px 6px 12px;
    margin: 4px 0 12px 0;
    font-size: 14px;background-color: var(--sky-primary) !important
}

@media(max-width: 767px) {
    #locationSearchResults {
        padding-top:35px
    }
}

.search-results-wrapper .search-result-name {
    color: #228282
}

.search-results-wrapper .search-result-item {
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding: 20px 0 0
}

@media(max-width: 767px) {
    .search-results-wrapper .search-result-item {
        padding:15px 15px 0
    }
}

.search-results-wrapper .search-result-item .search-result-labels,.search-results-wrapper .search-result-item .search-result-address {
    margin-bottom: 10px
}

.search-results-wrapper .search-result-item .search-result-tags .tag {
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    padding: 5px 10px;
    margin: 0 5px 8px 0
}

.search-results-wrapper .search-result-item .search-result-item-left {
    display: flex;
    justify-content: space-between
}

@media(max-width: 575px) {
    .search-results-wrapper .search-result-item .search-result-item-left {
        flex-wrap:wrap;
        margin-top: 30px;
        row-gap: 15px
    }
}

.search-results-wrapper .search-result-item .search-result-item-left .result-td {
    flex: 1 1 100%;
    width: 100%
}

@media(max-width: 575px) {
    .search-results-wrapper .search-result-item .search-result-item-left .result-td.flex-50 {
        flex:1 1 100%;
        max-width: 100%
    }
}

@media(max-width: 575px) {
    .search-results-wrapper .search-result-item .search-result-item-left .result-td.flex-50:nth-child(2n) {
        text-align:left
    }
}

.search-results-wrapper .search-result-item .search-result-item-left .result-td i {
    margin-right: 5px;
    position: relative;
    top: 4px
}

.search-results-wrapper .search-result-item .search-result-item-left .result-td a {
    text-decoration: none
}

.search-results-wrapper .search-result-item .search-result-item-left .result-td a span {
    text-decoration: underline
}

.search-results-wrapper .search-result-item .search-result-item-left .btn {
    padding: 6px 25px
}

.search-results-wrapper .search-result-item .search-result-item-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media(min-width: 768px) {
    .search-results-wrapper .search-result-item .search-result-item-right {
        justify-content:flex-end
    }
}

.search-results-wrapper .search-result-item .search-result-item-right .search-result-item-img {
    display: none
}

.map-buttons-wrapper .load-more-btn-wrapper .border-bottom {
    width: 100%
}

.map-buttons-wrapper .load-more-btn-wrapper .border-bottom #locationSearchLoadMoreBtn {
    display: block
}

.map-buttons-wrapper .additional-buttons {
    margin-top: 42px
}

.map-buttons-wrapper .additional-buttons .btn {
    min-width: 200px;
    justify-content: center !important
}

@media(max-width: 450px) {
    .map-buttons-wrapper .additional-buttons .btn {
        min-width:160px;
        padding-left: 5px;
        padding-right: 5px
    }
}

@media(max-width: 575px) {
    .map-buttons-wrapper .additional-buttons .btn {
        margin-bottom:1rem
    }
}

@media(min-width: 576px) {
    .map-buttons-wrapper .additional-buttons .btn:first-child {
        margin-right:1.5rem
    }
}

.icon-browser::before {
    content: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/skysona-theme/images/icon-browser.svg");
    display: inline-block;
    height: 20px;
    width: 20px
}

.icon-phone::before {
    content: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/skysona-theme/images/icon-phone.svg");
    display: inline-block;
    height: 20px;
    width: 20px
}

.icon-map-marker-black::before {
    content: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/skysona-theme/images/lg-map-icon-marker-gray.svg")
}

.icon-map::before {
    content: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/skysona-theme/images/icon-map.svg");
    display: inline-block;
    height: 20px;
    width: 20px
}

.input-validation-error {
    border: 2px solid red !important
}

.tile-component {
    width: 250px;
    padding: 0px 16px 16px 16px;
    border-radius: 8px;
    -moz-box-shadow: 0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px 0 rgba(0,0,0,.2);
    box-shadow: 0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px 0 rgba(0,0,0,.2)
}

.content-wrapper {
    max-width: 95%;
    margin: 0 auto;
    display: flex;
    flex-direction: column
}

.item-image {
    max-width: 210px;
    object-fit: cover;
    margin: 0 auto;
    border-radius: 8px;
    -moz-box-shadow: 0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px 0 rgba(0,0,0,.2);
    box-shadow: 0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px 0 rgba(0,0,0,.2)
}

.image-container {
    margin: 0 auto;
    z-index: 2;
    position: relative;
    top: -20px
}

.category {
    margin-top: 0;
    text-align: center;
    font-size: 14px
}

.product-name {
    text-align: center;
    font-size: 24px
}

.product-description {
    text-align: center;
    font-size: 18px;
    line-height: 1.5
}

.product-details {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.product-price {
    font-size: 20px
}

form .spinner-overlay {
    background-color: #fff;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    opacity: .7;
    z-index: 9
}

form .spinner-overlay .spinner-border {
    width: 4rem;
    height: 4rem;
    position: absolute;
    top: 45vh
}

.article-index .article-body {
    overflow: hidden;
    max-height: 400px
}

.article-index .article-body .background {
    position: relative;
    background-size: cover;
    background-position: 50%,50%;
    height: 400px;
    transition: .3s ease-in-out
}

.article-index .article-body .background:hover {
    transform: scale(1.05);
    transition: .3s ease-in-out
}

.article-index .article-body .content {
    position: absolute;
    vertical-align: bottom;
    bottom: 0;
    width: 100%;
    padding: 0 0 20px 30px;
    background-color: rgba(0,0,0,.65);
    margin-left: -15px;
    padding-top: 20px
}

.article-index .article-body a:hover {
    text-decoration: none
}

.article-index .article-body h6,.article-index .article-body h3,.article-index .article-body text {
    color: #fff
}

.article-index .article-body h3 {
    padding-left: 0px
}

.stripParallax {
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.stripVideoContainer {
    position: relative;
    overflow: hidden
}

video.stripWidth {
    left: 50%;
    min-height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

[sc-part-of="placeholder rendering"].collapse:not(.show) {
    display: initial
}

.strip-3d-component .images-section {
    min-height: 850px;
    z-index: 10;
    position: relative;
    overflow: hidden
}

.strip-3d-component .images-section .image-3d {
    background-position: center center;
    background-size: cover;
    width: 100%;
    min-height: 100%;
    position: absolute
}

.strip-3d-component .images-section .image-3d.back-image {
    z-index: 6;
    min-height: 105%
}

.strip-3d-component .images-section .image-3d.front-image {
    z-index: 8
}

.strip-3d-component .strip-3d-ph {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 11;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100%
}

.rich-text ul {
    list-style: none;
    padding-left: 0
}

.rich-text {
    font-size: 15px;
    padding: 20px 0
}

.rich-text a {
    line-height: 1.5
}

.rich-text a:hover {
    text-decoration: underline
}

.show-more-text {
    overflow: hidden
}

/* .content-list and .content-list>li moved to footer-global-module module.css */

.content-list .content-list-item-image {
    display: inline-block
}

.flex-even li {
    flex: 1
}

.modal-dialog {
    z-index: 1200
}

.modal-content .modal-body {
    min-height: 300px
}

.flyout-wrapper {
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: #fff;
    z-index: 5;
    overflow: hidden;
    transition: width .5s ease
}

.flyout-wrapper.hidden {
    display: none
}

.flyout-wrapper.visible {
    display: block
}

.flyout-wrapper .flyout {
    width: 500px
}

.flyout-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    z-index: 4
}

.flyout-overlay.hidden {
    display: none
}

.flyout-overlay.visible {
    display: block
}

.page-navigation {
    background-color: #fff
}

.page-navigation .page-navigation-heading,
.page-navigation .page-navigation-item {
    display: inline-block;
    position: relative;
}

.page-navigation .page-navigation-item .item-text {
    display: inline-block;
}

/* Animated active underline for scrollspy */
.page-navigation .page-navigation-item::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 0;
    height: 4px;
    background: var(--sky-primary);
    transition: width 0.3s ease;
    pointer-events: none;
}

.page-navigation .page-navigation-item.active::after {
    width: 50%;
}

.page-navigation.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.global-search-pagination .active {
    text-decoration: underline
}

@media print {
    .flexibile-accordion-panel {
        display: block !important
    }
}

.avoid-page-break {
    page-break-inside: avoid !important;
    -webkit-column-break-inside: avoid !important;
    break-inside: avoid !important
}

@media print {
    .col-print-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-print-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-print-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-print-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-print-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-print-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-print-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-print-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-print-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-print-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-print-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-print-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-print-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-print-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-print-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-print-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-print-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-print-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-print-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-print-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-print-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-print-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-print-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-print-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-print-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-print-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-print-12 {
        -ms-flex-order: 12;
        order: 12
    }
}

.scEmptyPlaceholder {
    width: 100%
}

.video-wrapper {
    height: 0px;
    padding-top: 56.25%;
    position: relative
}

.video-wrapper>div {
    position: absolute;
    top: 0;
    left: 0;
    height: 100% !important;
    width: 100% !important
}

.fixed-top {
    position: absolute
}

.fixed-top .navbar {
    position: absolute;
    top: 30px;
    width: 100%;
    z-index: 20
}

@media only screen and (max-width: 717px) {
    .fixed-top .navbar {
        top:50px
    }
}

@media only screen and (max-width: 425px) {
    .fixed-top .navbar {
        top:62px
    }
}

/* .navbar base, .branding, .navbar-toggler, .secondary-menu, .primary-menu, .branding-wrapper, .secondary-menu-wrapper styles moved to header-branding-global-module and header-nav-global-module module.css */

.navbar-absolute {
    position: absolute;
    z-index: 200;
    top: 0;
    left: 0;
    right: 0
}

/* .branding positioning, .navbar-toggler/.go-back, .navbar-nav, .menu-wrapper, .primary-menu, .sub-menu, .secondary-menu-wrapper, .tertiary-menu moved to header-branding-global-module and header-nav-global-module module.css */

.navbar .search-and-language {
    padding: 10px 0px
}

.navbar .language-switcher {
    display: inline-block
}

.navbar .global-search {
    display: inline-block
}

/* .wide-nav-items, .primary-menu responsive, .no-primary-menu moved to header-nav-global-module module.css */

.global-header-banner {
    width: 450px;
    height: 75px;
    position: absolute;
    left: 160px;
    top: 13px;
    display: none;
    visibility: hidden
}

@media only screen and (min-width: 997px) {
    .global-header-banner {
        display:block;
        visibility: visible
    }
}

@media only screen and (min-width: 1200px) {
    .global-header-banner {
        left:250px
    }
}

.toggle-linebreak {
    display: none
}

@media only screen and (min-width: 992px)and (max-width: 1200px) {
    .toggle-linebreak {
        display:block
    }

    .nav-item-align-top {
        margin-bottom: auto
    }
}

/* @media max-width 767px navbar responsive block moved to header-branding-global-module and header-nav-global-module module.css */

/* #site-header, .primary-menu-left, .primary-menu-right moved to header-nav-global-module module.css */

.mobile-image-text {
    display: flex
}

.timeline {
    position: relative
}

.timeline::before,.timeline::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 2px;
    background-color: #e00028;
    z-index: 1;
    left: 45px
}

.timeline h2,.timeline .content-list-item-subtitle {color: var(--sky-tertiary)
}

.timeline .content-list-inner {
    padding: 25px 0px
}

.timeline .content-list-inner::after {
    content: "";
    position: absolute;
    width: 2px;
    background-color: #e00028;
    top: 0;
    bottom: 0;
    z-index: 0;
    position: inline-block;
    left: 50px
}

.timeline .content-list>li {
    padding: 0px;
    position: relative;
    background-color: inherit;
    width: 100%;
    margin-top: 20px;
    z-index: 5;
    display: flex
}

.timeline .content-list-item-image {
    padding: 0px;
    background-color: #fff;
    position: relative;
    border-radius: 100px;
    width: 100px;
    min-width: 100px;
    height: 100px;
    display: inline-block;
    text-align: center
}

.timeline .content-list-item-image::before,.timeline .content-list-item-image::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #e00028;
    border-radius: 50%;
    z-index: 1;
    left: 45px
}

.timeline .content-list-item-image::before {
    top: -5px
}

.timeline .content-list-item-image::after {
    bottom: -5px
}

.timeline .content-list-content {
    margin-left: 20px
}

@media only screen and (min-width: 992px) {
    .timeline::before,.timeline::after {
        left:69px
    }

    .timeline .content-list-inner::after {
        left: 74px
    }

    .timeline .content-list-item-image {
        width: 150px;
        min-width: 150px;
        height: 150px
    }

    .timeline .content-list-item-image::before,.timeline .content-list-item-image::after {
        left: 69px
    }

    .timeline .content-list-item-image::before {
        top: -5px
    }

    .timeline .content-list-item-image::after {
        bottom: -5px
    }
}

.article-index {
    height: 100%;
    text-align: left;
    display: flex;
    flex-direction: column
}

.article-index .article-index-title {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto
}

.article-index-tag {
    background-repeat: no-repeat;
    font-style: italic;
    margin-bottom: 4px;
    padding-left: 12px
}

.content-item-index-tile {
    height: 100%;
    text-align: left
}

.content-item-index-tile.align-buttons-bottom {
    display: flex;
    flex-direction: column
}

.content-item-index-tile.align-buttons-bottom .content-item-index-tile-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto
}

.content-item-index-tile.align-buttons-bottom button {
    width: 50%
}

.search-location-btn:disabled {
    background: #fff !important;
    border: 2px solid #ffb549 !important;
    cursor: not-allowed
}

.modal-backdrop.show {
    opacity: .9
}

.modal-dialog {
    z-index: 1200
}

.modal {
    background-color: rgba(0,0,0,.5)
}

body {
    word-wrap: break-word;
    line-height: 1.3;
    font-size: 16px;
    font-family: "Nunito-Regular",sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility
}

#content {
    flex: none
}

/* #content .secondary-menu-wrapper styles moved to header-branding-global-module module.css */

.strip-component {
    padding: 20px 0px;
    position: relative
}

.col,[class^=col] {
    padding-top: 15px;
    padding-bottom: 25px
}

@media(max-width: 1200px) {
    .col,[class^=col] {
        padding-top:15px;
        padding-bottom: 5px
    }
}

ul {
    padding-left: 15px
}

ul.bullet li::before,.content-tile .content-tile-text ul li::before,ul.dashed li::before {
    color: var(--sky-primary);
    display: inline-block;
    width: 1em;
    margin-left: -1em
}

ul.bullet li::before,.content-tile .content-tile-text ul li::before {
    content: "•"
}

ul.dashed li::before {
    content: "‒"
}

ul.bullet-blue li::before {
    content: "•";
    color: #0065a1;
    display: inline-block;
    width: 1em;
    margin-left: -1em
}

/* Live reverses text only on the dark .bg-quinary band. The wider list here was a
   Zynteglo leftover and turned the pale-yellow .bg-denary callouts white-on-yellow. */
.bg-quinary {
    color: #fff
}

.split-background {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, #eeeeef 50%, #eeeeef 100%)
}

picture,picture source,picture img {
    display: block;
    object-fit: contain
}

.picture-inline img {
    display: inline !important
}

@media only screen and (max-width: 992px) {
    .patient-icons picture {
        height:auto;
        display: inline-block;
        width: 250px
    }

    .patient-icons .col {
        flex-basis: auto;
        width: 100%;
        display: block;
        text-align: center
    }
}

@media only screen and (min-width: 993px) {
    .patient-icons picture {
        display:flex;
        height: 150px;
        width: auto
    }

    .patient-icons picture source,.patient-icons picture img {
        align-self: center;
        height: 150px;
        max-width: inherit
    }
}

.position-top {
    top: 0px
}

.position-right {
    right: 0px
}

.position-bottom {
    bottom: 0px
}

.position-left {
    left: 0px
}

.accordion-item .accordion-header {
    border-bottom: 2px solid var(--sky-tertiary)
}

.accordion-item .accordion-header button {
    padding: 1rem 0rem;
    font-family: "Nunito-Bold",sans-serif;
    font-size: 20px;
    line-height: 26px;
    color: #000;
    text-transform: uppercase;
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    text-align: left;
    text-decoration: none;
    transition: color .3s ease-in-out
}

.accordion-item .accordion-header button:before {
    content: "";
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 50%;
    height: 33px;
    width: 33px;
    position: absolute;
    top: 16px;
    right: 0px;
    border: 2px solid var(--sky-primary-tint);
    transition: background .3s ease-in-out
}

.accordion-item .accordion-header button:after {
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1rem;
    position: absolute;
    transform: rotate(180deg);
    transition: transform .5s ease-in-out;
    right: 9px;
    top: 18px;
    color: var(--sky-tertiary)
}

.accordion-item .accordion-header button.collapsed::after {
    transform: rotate(0deg);
    transition: transform 0s ease-in-out;
    top: 21px
}

.accordion-item .accordion-header button:hover {color: var(--sky-primary);
    text-decoration: none;
    transition: color .3s ease-in-out
}

.accordion-item .accordion-header button:hover:before {
    background: var(--sky-primary-tint);
    transition: background .3s ease-in-out
}

.accordion-item .accordion-header button:active {color: var(--sky-primary)
}

.accordion-item .accordion-header button:active:before {
    background: var(--sky-pressed-bg);
    transition: background .3s ease-in-out
}

.accordion-item .accordion-header button:visited {
    color: #000
}

.accordion-item .collapse {
    background: #fff
}

.accordion-item .accordion-body {
    padding: 0px
}

/* Flexible accordion — transcribed from www.skysona.com. Live's markup puts an <h5>
   inside .question-link; the circle is the h5::before and the chevron the h5::after,
   rotated by Bootstrap's .collapsed class. The previous block here was Zynteglo's
   (h2/h6, different geometry and colours). */
.flexible-accordion-component {
    position: relative
}

.flexible-accordion-component .panel .panel-heading .question-link {
    text-decoration: none
}

.flexible-accordion-component .panel .panel-heading .question-link h5 {
    padding: 20px 35px 15px 0;
    margin-bottom: 0
}

.flexible-accordion-component .panel .panel-heading .question-link h5:before {
    content: "";
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--sky-accordion-fill);
    border-radius: 50%;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 18px;
    right: 0px;
    border: 2px solid var(--sky-rule)
}

.flexible-accordion-component .panel .panel-heading .question-link h5:after {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1.1rem;
    position: absolute;
    transform: rotate(180deg);
    transition: transform .5s ease-in-out;
    right: 7px;
    top: 18px;
    color: var(--sky-chevron)
}

.flexible-accordion-component .panel .panel-heading .question-link.collapsed h5:after {
    transform: rotate(0deg);
    transition: transform .5s ease-in-out;
    top: 20px
}

/* Gold variant */
.flexible-accordion-component.accordion-gold .panel-heading .question-link h5 {
    font-size: 20px;
    color: #000;
    text-transform: none;
    position: relative;
    border-top: 2px solid var(--sky-primary-dark)
}

.flexible-accordion-component.bottom-line-gold {
    border-bottom: 2px solid var(--sky-primary-dark)
}

/* Blue variant — the treatment journey accordion */
.flexible-accordion-component.accordion-blue .panel-heading .question-link h5 {
    font-size: 24px;
    color: var(--sky-tertiary);
    position: relative;
    border-top: 2px solid var(--sky-septenary)
}

.flexible-accordion-component.accordion-blue .panel-heading .question-link h5:before {
    content: "";
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--sky-primary);
    border-radius: 50%;
    height: 32px;
    width: 32px;
    position: absolute;
    top: 18px;
    right: 0px;
    border: 2px solid var(--sky-primary)
}

.flexible-accordion-component.accordion-blue .panel-heading .question-link h5:after {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1rem;
    position: absolute;
    transform: rotate(180deg);
    transition: transform .5s ease-in-out;
    right: 9px;
    top: 19px;
    color: var(--sky-rule)
}

@media (max-width: 575px) {
    .flexible-accordion-component.accordion-blue .panel-heading .question-link h5:before,
    .flexible-accordion-component.accordion-blue .panel-heading .question-link h5:after {
        margin-right: 15px
    }
}

.flexible-accordion-component.accordion-blue .panel-heading .question-link.collapsed h5:after {
    transform: rotate(0deg);
    transition: transform .5s ease-in-out;
    top: 20px
}

.flexible-accordion-component.bottom-line-blue .panel-heading .question-link.collapsed h5 {
    border-bottom: 2px solid var(--sky-septenary)
}

.flexible-accordion-component.bottom-line-blue .panel-collapse,
.flexible-accordion-component.bottom-line-blue .panel-collapse .question-body {
    position: relative
}

.flexible-accordion-component.bottom-line-blue .panel-collapse .question-body:after {
    content: "";
    height: 2px;
    width: 100%;
    max-width: 763px;
    background-color: var(--sky-septenary);
    position: absolute;
    bottom: -60px;
    left: calc(50% - 381.5px)
}

@media (max-width: 767px) {
    .flexible-accordion-component.bottom-line-blue .panel-collapse .question-body:after {
        max-width: 540px;
        left: calc(50% - 270px)
    }
}

@media (max-width: 575px) {
    .flexible-accordion-component.bottom-line-blue .panel-collapse .question-body:after {
        max-width: 100%;
        left: 0
    }
}

.accordion-heading {
    font-family: "Nunito-Bold",sans-serif;
    font-size: 20px;
    line-height: 24px;
    color: #000;
    text-transform: uppercase
}

.collapsible,.collapsable {
    position: relative
}

.collapsible a[data-toggle=collapse],.collapsable a[data-toggle=collapse] {
    font-family: BrandonGrotesqueWeb-Bold;
    color: #000;
    font-size: 1.3rem;
    display: block;
    width: 100%;
    padding: 1.3rem 3rem 1rem 1.2rem;
    border-radius: 25px;
    border: 3px solid #000;
    position: relative
}

.collapsible a[data-toggle=collapse] h2,.collapsable a[data-toggle=collapse] h2 {
    font-family: BrandonGrotesqueWeb-Bold;
    font-size: 1.3rem;
    color: #000;
    padding: 0px
}

.collapsible a[data-toggle=collapse]:hover,.collapsible a[data-toggle=collapse]:hover h2,.collapsable a[data-toggle=collapse]:hover,.collapsable a[data-toggle=collapse]:hover h2 {color: var(--sky-primary);
    text-decoration: none
}

.collapsible a[data-toggle=collapse]::after,.collapsable a[data-toggle=collapse]::after {
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1rem;
    padding: 0px 5px 0px 10px;
    margin-top: -0.8em;
    position: absolute;
    top: 40px;
    right: 25px
}

.collapsible a[data-toggle=collapse] div,.collapsable a[data-toggle=collapse] div {
    padding-top: 5px;
    line-height: .8
}

.collapsible a[data-toggle=collapse] .content-tile-content,.collapsable a[data-toggle=collapse] .content-tile-content {
    padding-top: 0px
}

.collapsible a[data-toggle=collapse] .content-tile-text,.collapsable a[data-toggle=collapse] .content-tile-text {
    padding-top: 0px;
    margin-bottom: 0px
}

.collapsible a[data-toggle=collapse].collapsed::after,.collapsable a[data-toggle=collapse].collapsed::after {
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1rem;
    padding: 0px 5px 0px 10px;
    margin-top: -0.8em;
    position: absolute;
    top: 40px;
    right: 25px
}

.collapsible a[aria-expanded=true],.collapsable a[aria-expanded=true] {
    border-color: #000;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px
}

.collapsible .strip-component.show,.collapsable .strip-component.show {
    border: 3px solid #000;
    border-top: none;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px
}

.collapsing {
    -webkit-transition: none;
    transition: none;
    display: none
}

blockquote {
    margin: 0px;
    margin-top: 2.5rem;
    padding: 1rem;color: var(--sky-primary);border-left: 4px solid var(--sky-primary);
    font-size: 22px
}

/* .site-disclaimer — moved to disclaimer-bar module.css */

sub,sup {
    font-size: 65%
}

sup {
    top: -0.5em
}

sub.important-number,sup.important-number {
    font-size: 80%
}

sup.important-number {
    top: -0.2em
}

.page-title {
    position: relative;
    padding: 15px 0px 0px 0px
}

.page-title [class^=col] {
    padding-top: 0px;
    padding-bottom: 0px
}

.page-title::before {
    content: " ";
    height: 4px;
    width: 50%;background: #ffb549;
    display: block;
    position: absolute;
    left: 0px;
    bottom: 8px
}

.page-title h1,.page-title h2,.page-title h3,.page-title h4,.page-title h5,.page-title h6 {
    background: #fff;
    z-index: 10
}

.page-title h1 span,.page-title h2 span,.page-title h3 span,.page-title h4 span,.page-title h5 span,.page-title h6 span {
    display: inline-block
}

.page-title h1 span::after,.page-title h2 span::after,.page-title h3 span::after,.page-title h4 span::after,.page-title h5 span::after,.page-title h6 span::after {
    display: block;
    content: " ";
    height: 4px;
    width: 100%;background: #ffb549
}

@media only screen and (min-width: 992px) {
    .page-title h1,.page-title h2,.page-title h3,.page-title h4,.page-title h5,.page-title h6 {
        width:50%
    }
}

.border-top,.border-right,.border-bottom,.border-left {
    border-width: 4px !important
}

@media only screen and (min-width: 768px) {
    .border-md-top {
        border-top:4px solid
    }

    .border-md-right {
        border-right: 4px solid
    }

    .border-md-bottom {
        border-bottom: 4px solid
    }

    .border-md-left {
        border-left: 4px solid
    }
}

.border-thin {
    border: 1px !important
}

.border-top-thin {
    border-top: 1px solid
}

.border-right-thin {
    border-right: 1px solid
}

.border-bottom-thin {
    border-bottom: 1px solid
}

.border-left-thin {
    border-left: 1px solid
}

.border-thick {
    border: 9px !important
}

.border-top-thick {
    border-top: 9px solid
}

.border-right-thick {
    border-right: 9px solid
}

.border-bottom-thick {
    border-bottom: 9px solid
}

.border-left-thick {
    border-left: 9px solid
}

.chevron-down::before {
    content: "";
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    color: var(--sky-primary);
    font-size: 4rem;
    text-align: center;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .chevron-md-none::before {
        content:"";
        display: none
    }
}

footer {
    font-size: 15px
}

img {
    max-width: 100%;
    height: auto
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    line-height: 1.2
}

h1,.h1 {
    font-family: BrandonGrotesque-Medium;color: var(--sky-tertiary);
    font-size: 48px
}

@media(max-width: 767px) {
    h1,.h1 {
        font-size:26px
    }
}

h1 sub,h1 sup,.h1 sub,.h1 sup {
    font-size: 30%
}

h1 sup,.h1 sup {
    top: -1.25em
}

h2,.h2 {
    font-family: Nunito-Medium;
    color: #000;
    font-size: 22px
}


h3,.h3 {
    font-family: Nunito-Medium;color: var(--sky-tertiary);
    font-size: 24px
}

h4,.h4 {
    font-family: Nunito-Bold;color: var(--sky-tertiary);
    font-size: 18px
}

h5,.h5 {
    font-family: BrandonGrotesque-Medium;color: var(--sky-tertiary);
    font-size: 30px
}

h6,.h6 {
    font-size: 1rem;
    font-weight: 500
}

h6 sub,h6 sup,.h6 sub,.h6 sup {
    font-size: 65%
}

h6 sup,.h6 sup {
    top: -0.5em
}

small,.small {
    font-size: .8rem
}

/* live has no bare p{font-size} — paragraphs inherit from body so .small,
   footer{15px} and component contexts size their own copy correctly */

.font-large {
    font-size: 18px
}

.font-small {
    font-size: 14px
}

.font-xsmall {
    font-size: 12px
}

strong,.strong {
    font-weight: 700
}

a.text-link,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row a,.text-link {color: var(--sky-septenary);
    outline: none;
    text-decoration: underline
}

a.text-link:hover,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row a:hover,a.text-link:focus,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row a:focus,.text-link:hover,.text-link:focus {color: var(--sky-primary);
    text-decoration: underline;
    cursor: pointer
}

a.text-link:active,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row a:active,.text-link:active {color: var(--sky-senary);
    text-decoration: underline
}

a.text-link-dark,.text-link-dark {
    color: #fff;
    outline: none;
    text-decoration: underline
}

a.text-link-dark:hover,a.text-link-dark:focus,.text-link-dark:hover,.text-link-dark:focus {
    color: var(--sky-primary-tint);
    text-decoration: underline;
    cursor: pointer
}

a.text-link-dark:active,.text-link-dark:active {
    color: #ffb549;
    text-decoration: underline
}

.bg-quaternary {
    color: #fff
}

.bg-gray {
    background: #4d4d4f;
    color: #fff
}.navbar .navbar-toggler{
    background: #fff;
    color: #000;
    font-family: "Nunito-Medium",sans-serif;
    font-weight: 500;
    border-radius: 20px;
    font-size: 14px;
    line-height: 16px !important;
    letter-spacing: normal;
    text-align: center;border: 2px solid var(--sky-primary);
    padding-left: 2rem;
    padding-right: 2rem;
    min-height: fit-content !important
}.navbar .navbar-toggler:hover{background-color: var(--sky-primary-tint);
    color: #000;border-color: var(--sky-primary)
}.navbar .navbar-toggler:active,
.navbar .navbar-toggler:focus{
    color: #000 !important;background-color: var(--sky-quaternary) !important;border-color: var(--sky-senary) !important;
    box-shadow: none !important
}.navbar .purple.navbar-toggler{
    border: 2px solid var(--sky-primary-tint)
}.navbar .purple.navbar-toggler:active,
.navbar .purple.navbar-toggler:focus{
    border-color: var(--sky-primary-tint) !important
}
{  background-image: }
#cookiebanner .btn-primary,#cookiebanner .navbar .navbar-toggler,.navbar #cookiebanner .navbar-toggler,#cookiebanner .btn-primary:not([href]):not([tabindex]) {
    min-height: 0
}@media only screen and (max-width: 767px){
}@media only screen and (max-width: 767px){
}@media only screen and (max-width: 767px){
}@media only screen and (max-width: 767px){
}@media only screen and (max-width: 767px){
}@media only screen and (max-width: 767px){
}@media only screen and (max-width: 767px){
}@media only screen and (max-width: 767px){
}@media only screen and (max-width: 767px){
}.show>.btn-quaternary.dropdown-toggle,
.show>.dropdown-toggle.btn-file-download,
.show>.btn-quaternary:not([href]):not([tabindex]).dropdown-toggle{
    background-color: rgba(0,0,0,0);
    color: #000
}.left.btn-file-download,
.left.btn-file-download:not([href]):not([tabindex]){
    padding-left: 50px
}.left.btn-file-download::after,
.left.btn-file-download:not([href]):not([tabindex])::after{
    right: unset;
    left: 0
}.navigate.btn-file-download,
.navigate.btn-file-download:not([href]):not([tabindex]){
    padding-left: 50px
}.navigate.btn-file-download::after,
.navigate.btn-file-download:not([href]):not([tabindex])::after{
    content: "";
    background-image: url('/hubfs/raw_assets/public/themes/skysona-theme/images/down-arrow-gray-sm.svg');
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position: center;
    right: unset;
    left: 0
}@media only screen and (max-width: 767px){
}@media only screen and (max-width: 358px){
}.show>.btn-senary.dropdown-toggle,
.show>.btn-senary:not([href]):not([tabindex]).dropdown-toggle{
    color: #000;
    background-color: #d8d8d8;
    border-color: #868f99;
    box-shadow: none
}@media(max-width: 430px){
}

/* .footer-primary-links — moved to footer module.css */

.modal-content {
    border: none;
    border-radius: 20px
}

.modal-content .modal-header {
    border-bottom: none;
    padding: 0px
}

.modal-content .modal-header .close {
    margin: 0px 0px 0px auto;
    padding: 15px 0px 0px 0px
}

.modal-content .modal-body {
    padding: 0px
}

@media only screen and (max-width: 576px) {
    .modal-gate .modal-dialog {
        margin:0px
    }
}

.modal-gate .modal-header {
    display: none
}

.modal-leaving-site .modal-content {
    padding: 0px 10px !important;
    max-width: 320px
}

.modal-leaving-site .modal-content .modal-header .close {
    background-color: #fff;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    border: 2px solid var(--sky-primary-tint);
    margin-top: 10px;
    opacity: 1;
    position: relative;
    outline: none !important
}

.modal-leaving-site .modal-content .modal-header .close:before,.modal-leaving-site .modal-content .modal-header .close:after {
    content: "";
    background: var(--sky-primary);
    background-repeat: no-repeat;
    position: absolute;
    height: 16px;
    width: 2px;
    top: 6px;
    left: 13px
}

.modal-leaving-site .modal-content .modal-header .close:before {
    transform: rotate(45deg)
}

.modal-leaving-site .modal-content .modal-header .close:after {
    transform: rotate(-45deg)
}

.modal-leaving-site .modal-content .modal-header .close img {
    display: none;
    visibility: hidden
}

.modal-leaving-site .modal-content .modal-header .close:hover {
    background-color: var(--sky-primary-tint);
    border-color: var(--sky-primary-tint)
}

.modal-leaving-site .modal-content .modal-header .close:active {
    background-color: var(--sky-pressed-bg);
    border-color: var(--sky-primary-tint)
}

.modal-leaving-site .modal-dialog-centered {
    justify-content: center
}

#leaving-site,#honesty-box {
    padding-right: 0 !important
}

#leaving-site .modal-dialog {
    max-width: 320px;
    margin: 0 auto
}

#leaving-site .modal-content {
    padding-top: 20px;
    max-width: 320px
}

/* HCP gate — live sizes this one much wider than the leaving-site modal
   (675px desktop / 360px mobile), so it must not share the 320px rules above. */
#honesty-box .modal-dialog {
    max-width: unset !important;
    justify-content: center
}

#honesty-box .modal-dialog .modal-content {
    max-width: unset
}

@media(min-width: 768px) {
    #honesty-box .modal-dialog .modal-content {
        max-width:675px !important;
        padding: 15px 25px 0
    }
}

@media(max-width: 767px) {
    #honesty-box .modal-dialog .modal-content {
        max-width:360px !important;
        padding: 15px
    }
}

#honesty-box .modal-dialog .modal-content .modal-body {
    min-height: unset
}

#honesty-box .modal-dialog .modal-content .modal-body .btn-block {
    margin: 0 auto;
    font-size: 16px;
    padding: 10px 5px
}

.icon-xs img,img.icon-xs {
    width: auto;
    max-height: 50px
}

.icon-sm img,img.icon-sm,.icon-sm source {
    width: auto;
    max-height: 92px
}

.icon-md img,img.icon-md {
    width: auto;
    max-height: 150px
}

.icon-lg img,img.icon-lg {
    width: auto;
    max-height: 200px
}

.container-narrow {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media(min-width: 576px) {
    .container-narrow {
        max-width:540px
    }
}

@media(min-width: 768px) {
    .container-narrow {
        max-width:720px
    }
}

@media(min-width: 992px) {
    .container-narrow {
        max-width:763px
    }
}

@media(min-width: 576px) {
    .container {
        max-width:100%
    }
}

@media(min-width: 768px) {
    .container {
        max-width:100%
    }
}

@media(min-width: 992px) {
    .container {
        max-width:960px
    }
}

@media(min-width: 1200px) {
    .container {
        max-width:1140px
    }
}

.container-wide {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1366px
}

.container-wide .row {
    max-width: 100%
}

.row {
    -ms-flex: 1;
    flex: 1
}

.col {
    flex: 1
}

.pt-7-french-efficacy {
    padding-top: 8rem
}

@media(max-width: 767px) {
    .pt-7-french-efficacy {
        padding-top:0
    }
}

@media(min-width: 992px) {
    .text-center-desktop {
        text-align:center
    }
}

.z-index-2 {
    z-index: 2
}

@media(max-width: 767px) {
    .px-0-mobile {
        padding-left:0 !important;
        padding-right: 0 !important
    }
}

/* NOTE: Cookiebot dialog (#CybotCookiebotDialog / .CybotCookiebotDialogBodyButton)
   overrides were removed to match live skysona.com, which renders the consent banner
   with Cookiebot's own dashboard styling (solid #ED8B00/#f79f21 full-width buttons).
   Re-adding overrides here makes the banner diverge from production. Style the banner
   in the Cookiebot dashboard instead.

   The two rules below are the exception: they are the only Cookiebot declarations that
   DO appear in live's app.min.css, verified against production. */
#CybotCookiebotDialogHeader {
    display: none !important
}

li.CybotCookiebotDialogNavItem::marker {
    color: rgba(0,0,0,0) !important
}

.map-wrapper {
    position: relative
}

.map-wrapper+#instructions {
    display: none
}

.map-wrapper #search-bar {
    padding: 20px 36px 40px
}

@media(max-width: 767px) {
    .map-wrapper #search-bar {
        margin:0 auto;
        max-width: 80%
    }
}

@media(max-width: 575px) {
    .map-wrapper #search-bar {
        max-width:100%
    }
}

.map-wrapper #search-bar .search-bar-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row {
        flex-direction:column;
        flex-wrap: wrap;
        row-gap: .5rem
    }
}

.map-wrapper #search-bar .search-bar-row .select-wrapper {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "Roboto-Medium",sans-serif;
    min-width: 150px;
    position: relative
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row .select-wrapper {
        width:100%
    }
}

.map-wrapper #search-bar .search-bar-row .select-wrapper select {
    display: none;
    visibility: hidden
}

@media(min-width: 767px) {
    .map-wrapper #search-bar .search-bar-row .select-wrapper+#geocoder input[type=text] {
        border-radius:0 !important
    }
}

.map-wrapper #search-bar .search-bar-row .select-wrapper .select-styled {
    border-top: 1px solid #4d4d4f;
    border-bottom: 1px solid #4d4d4f;
    border-left: 1px solid #4d4d4f;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 40px;
    background: #fff;color: var(--sky-senary);
    font-size: 14px;
    text-align: center;
    padding-left: 2rem;
    padding-right: 2rem;
    z-index: 1;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    transition: all .2s ease-in
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row .select-wrapper .select-styled {
        border-top:1px solid #4d4d4f;
        border-bottom: 1px solid #4d4d4f;
        border-left: 1px solid #4d4d4f;
        border-right: 1px solid #4d4d4f;
        border-radius: 20px !important
    }
}

.map-wrapper #search-bar .search-bar-row .select-wrapper .select-styled:after {
    content: "";
    cursor: pointer;
    width: 0;
    height: 0;
    border: 6px solid rgba(0,0,0,0);
    position: absolute;
    top: 16px;
    right: 12px;
    border-color: var(--sky-primary) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
    top: 53%;
    transform: translateY(-25%)
}

.map-wrapper #search-bar .search-bar-row .select-wrapper .select-styled:hover {
    color: rgb(201.3629032258,36.4370967742,46.0258064516)
}

.map-wrapper #search-bar .search-bar-row .select-wrapper .select-styled:active:after,.map-wrapper #search-bar .search-bar-row .select-wrapper .select-styled.active:after {
    top: 9px;
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #fff rgba(0,0,0,0)
}

.map-wrapper #search-bar .search-bar-row .select-wrapper .select-options {
    border-radius: 0 0 8px 8px;
    box-shadow: 0 4px 9px rgba(0,0,0,.2);
    display: none;
    font-size: 14px;
    margin: 0;
    padding: 0 0 1rem 0;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 4;
    background-color: #fff;color: var(--sky-black)
}

.map-wrapper #search-bar .search-bar-row .select-wrapper .select-options li {
    cursor: pointer;
    list-style: none;
    margin: 0;
    padding: .4rem 1.5rem;
    position: relative;
    transition: all .15s ease-in;
    white-space: nowrap
}

.map-wrapper #search-bar .search-bar-row .select-wrapper .select-options li:hover {color: var(--sky-primary)
}

.map-wrapper #search-bar .search-bar-row .select-wrapper .select-options li[rel=hide] {
    display: none
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row #radiusDiv {
        order:0
    }
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row #geocoder {
        order:0;
        width: 100%;
        position: relative;
        z-index: 4
    }
}

.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder {
    background: rgba(0,0,0,0);
    box-shadow: none;
    height: 100%
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder {
        max-width:unset;
        width: 100%
    }
}

.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder--icon {
    display: none
}

.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder input[type=text] {
    border: 1px solid hsla(0,0%,100%,.3);
    border-radius: 20px 0 0 20px;color: var(--sky-black);
    background-color: #fff;
    font-family: "Roboto-Medium",sans-serif;
    font-size: 15px;
    height: 40px;
    line-height: 20px;
    outline: none;
    border-right: none
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder input[type=text] {
        border-top:1px solid var(--sky-primary);
        border-bottom: 1px solid var(--sky-primary);
        border-left: 1px solid var(--sky-primary);
        border-right: 1px solid var(--sky-primary);
        border-radius: 20px !important
    }
}

@media(min-width: 575px) {
    .map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder input[type=text] {
        min-width:200px
    }
}

.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder input[type=text]::placeholder {
    color: #4d4d4f !important
}

.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder input[type=text]::-ms-input-placeholder {
    color: #4d4d4f !important
}

.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder input[type=text]::-ms-input-placeholder {
    color: #4d4d4f !important
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row #tagFilter {
        order:3
    }
}

.map-wrapper #search-bar .search-bar-row .search-location-btn {
    border-radius: 0 10px 8px 0;
    font-size: 15px;
    line-height: 1;
    min-height: unset;
    outline: none;
    transition: all .1s ease-in-out;
    align-items: center;
    font-family: "Nunito-Regular",sans-serif !important
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row .search-location-btn {
        border-radius:8px;
        margin-top: 8px;
        order: 4;
        width: 100%
    }
}

.map-wrapper #search-bar .search-bar-row .search-location-btn:disabled {
    background: #fff !important;
    border: 2px solid #ffb549 !important;
    cursor: not-allowed
}

.map-wrapper #search-bar .search-bar-row .search-location-btn:hover {
    background: var(--sky-primary-tint)
}

.map-wrapper #search-bar .checkboxes {
    display: none
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .checkboxes {
        display:none;
        justify-content: space-evenly
    }
}

.map-wrapper #search-bar .checkboxes .checkbox-wrapper {
    margin: .5rem 0 0 1.5rem;
    display: flex;
    align-items: center
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .checkboxes .checkbox-wrapper {
        margin:10px 0 0;
        text-align: left
    }
}

.map-wrapper #search-bar .checkboxes .checkbox-wrapper input[type=checkbox] {
    background-color: rgba(0,0,0,0);
    border: 1px solid hsla(0,0%,100%,.3);
    border-radius: 3px;
    cursor: pointer;
    width: 1rem;
    height: 1rem;
    vertical-align: bottom;
    margin-right: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative
}

.map-wrapper #search-bar .checkboxes .checkbox-wrapper input[type=checkbox]:checked:before {
    content: "";
    background-color: rgba(0,0,0,0);
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    position: absolute;
    left: 5px;
    top: 0;
    width: 5px;
    height: 11px;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.map-wrapper #search-bar .checkboxes .checkbox-wrapper label {
    cursor: pointer;
    font-family: "Roboto-Bold",sans-serif;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .checkboxes .checkbox-wrapper label {
        font-size:12px
    }
}

.map-wrapper #search-bar .checkboxes .checkbox-wrapper.hide-map-wrapper {
    display: inline-block
}

@media(min-width: 768px) {
    .map-wrapper #search-bar .checkboxes .checkbox-wrapper.hide-map-wrapper {
        display:none
    }
}

.map-wrapper #search-bar .checkboxes .checkbox-wrapper.hide-map-wrapper input[type=checkbox] {
    margin-right: 0;
    margin-left: 10px
}

.map-wrapper #map.mapboxgl-map {
    height: 600px;
    width: 100%
}

@media(max-width: 767px) {
    .map-wrapper #map.mapboxgl-map {
        height:60vh
    }
}

@media(max-width: 767px) {
    .map-wrapper #map.mapboxgl-map.hidden {
        display:none
    }
}

.map-wrapper #map.mapboxgl-map .mapboxgl-canvas-container .mapboxgl-marker svg g g:nth-child(3) {
    fill: #fff;
    opacity: 1
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup {
    max-width: 350px !important;
    z-index: 999
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content {
    border-radius: 15px;
    box-shadow: 0 2px 14px rgba(0,0,0,.23);
    padding: 0
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content i {
    margin-right: 5px;
    position: relative;
    top: 4px
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .mapboxgl-popup-close-button {
    right: 5px;
    top: 5px
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card {
    padding: 2rem 2rem 15px
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card .popup-header {
    column-gap: .5rem;
    display: grid;
    margin-bottom: 1rem
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card .popup-header img {
    image-rendering: -webkit-optimize-contrast
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card .popup-header .title {color: var(--sky-tertiary);
    font-family: "BrandonGrotesque-Bold";
    font-size: 20px;
    line-height: 20px
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card .address {color: #1e1e1e;
    font-family: "Roboto-Regular",sans-serif;
    font-size: 16px;
    margin-bottom: 0
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card .tag-item {
    display: none
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row {
    border-top: 1px solid rgba(0,0,0,.1);
    display: flex;
    flex-wrap: nowrap;
    padding: 0 1rem
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row.view-more {
    padding: 0
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row.view-more a {background-color: var(--sky-tertiary);border: 4px solid var(--sky-tertiary);
    border-radius: 0 0 15px 15px;
    color: #000;
    font-family: "BrandonGrotesqueWeb-Bold";
    font-size: 17px;
    padding: 10px 15px 7px;
    text-align: center;
    width: 100%
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row.view-more a:hover,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row.view-more a:focus {
    background-color: #fff;
    text-decoration: none
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .distance {
    display: none
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .visit-website,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .phone,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .distance,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .directions {
    font-family: "Poppins-Medium",sans-serif;
    font-size: 14px;
    padding: 10px 15px;
    white-space: nowrap
}

.map-wrapper #mapboxLegend {
    border: none;
    border-radius: 1rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    flex-wrap: wrap
}

@media(max-width: 1200px) {
    .map-wrapper #mapboxLegend {
        padding:0
    }
}

.map-wrapper #mapboxLegend span {
    height: 40px;
    display: flex;
    align-items: center
}

#locationSearchResults {
    background: #fff;
    border-radius: 15px;
    margin: 0 auto;
    position: relative;
    width: 100%;
    z-index: 15
}

@media print {
    #locationSearchResults {
        margin: 0 auto
    }
}

@media(max-width: 767px) {
    #locationSearchResults {
        border-radius:2rem;
        box-shadow: 0 0 1px rgba(0,0,0,.2);
        padding: 0;
        margin-top: 2rem
    }
}

@media(min-width: 992px) {
    #locationSearchResults {
        width:960px;
        max-width: 100%
    }
}

#locationSearchResults #resultsHeader {
    border-bottom: 1px solid rgba(0,0,0,.2);
    padding: 2rem 1rem 2rem
}

@media(max-width: 767px) {
    #locationSearchResults #resultsHeader {
        padding:1rem 1rem 2rem
    }
}

#locationSearchResults .search-results-wrapper {
    padding: 0 70px
}

@media(max-width: 767px) {
    #locationSearchResults .search-results-wrapper {
        padding:0 15px
    }
}

#locationSearchResults .search-results-wrapper .search-result-item {
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding: 20px 0 0
}

@media(max-width: 767px) {
    #locationSearchResults .search-results-wrapper .search-result-item {
        padding:15px 15px 0
    }
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-name {
    font-family: "Nunito-Bold";color: var(--sky-tertiary) !important;
    font-size: 18px
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-labels,#locationSearchResults .search-results-wrapper .search-result-item .search-result-address {
    font-family: "Roboto-Regular",sans-serif;
    margin-bottom: 10px
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-tags .tag {
    color: #fff;
    border-radius: 17px;
    display: inline-block;
    font-family: "Roboto-Regular",sans-serif;
    padding: 3px 12px 4px 12px;
    margin: 4px 0 12px 0;
    font-size: 14px
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left {
    display: flex;
    font-family: "Roboto-Regular",sans-serif;
    font-size: 14px;
    justify-content: space-between;
    margin-top: 1rem !important
}

@media(max-width: 575px) {
    #locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left {
        flex-wrap:wrap;
        margin-top: 30px;
        row-gap: 15px
    }
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .result-td {
    flex: 1 1 100% !important;
    max-width: 100% !important
}

@media(max-width: 575px) {
    #locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .result-td.flex-50 {
        flex:1 1 100% !important;
        max-width: 100% !important
    }
}

@media(max-width: 575px) {
    #locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .result-td.flex-50:nth-child(2n) {
        text-align:left
    }
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .result-td.location .location-distance {
    color: #000
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .result-td i {
    margin-right: 5px;
    position: relative;
    top: 4px
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .result-td a {
    color: #000;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    font-family: "Nunito-Regular"
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .result-td a:hover {color: var(--sky-primary)
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .result-td a span {
    text-decoration: none
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .btn {
    font-family: "BrandonGrotesqueWeb-Bold";
    min-height: unset;
    padding: 6px 25px
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media(min-width: 768px) {
    #locationSearchResults .search-results-wrapper .search-result-item .search-result-item-right {
        justify-content:space-around
    }
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-right .search-result-item-img {
    margin: 15px auto;
    max-width: 150px
}

@media(max-width: 767px) {
    #locationSearchResults .search-results-wrapper .search-result-item .search-result-item-right .search-result-item-img {
        display:none
    }
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-right .btn {
    font-family: "BrandonGrotesqueWeb-Bold";
    line-height: 1;
    margin: 0 auto;
    min-height: unset;
    padding: 6px 25px 2px
}

.map-buttons-wrapper {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media(min-width: 992px) {
    .map-buttons-wrapper {
        margin:0 auto;
        max-width: 100%;
        width: 960px
    }
}

@media(max-width: 767px) {
    .map-buttons-wrapper {
        padding:0 15px
    }
}

.map-buttons-wrapper .load-more-btn-wrapper,.map-buttons-wrapper .additional-buttons {
    padding: 0 55px
}

@media(max-width: 767px) {
    .map-buttons-wrapper .load-more-btn-wrapper,.map-buttons-wrapper .additional-buttons {
        padding:0 15px
    }
}

.map-buttons-wrapper .load-more-btn-wrapper .border-bottom {
    border-bottom: 1px solid rgba(0,0,0,.1) !important;
    width: 100%
}

.map-buttons-wrapper .load-more-btn-wrapper .border-bottom #locationSearchLoadMoreBtn {
    display: block;
    font-family: "BrandonGrotesqueWeb-Bold";
    line-height: 1;
    margin: 42px auto 70px;
    min-height: unset;
    padding: 6px 25px 5px
}

.map-buttons-wrapper .additional-buttons {
    margin-top: 42px
}

@media(max-width: 575px) {
    .map-buttons-wrapper .additional-buttons {
        flex-wrap:nowrap;
        justify-content: space-between
    }
}

.map-buttons-wrapper .additional-buttons .btn-quaternary,.map-buttons-wrapper .additional-buttons .btn-file-download {
    min-width: 200px
}

@media(max-width: 450px) {
    .map-buttons-wrapper .additional-buttons .btn-quaternary,.map-buttons-wrapper .additional-buttons .btn-file-download {
        min-width:160px;
        padding-left: 5px;
        padding-right: 5px
    }
}

@media(min-width: 576px) {
    .map-buttons-wrapper .additional-buttons .btn-quaternary:first-child,.map-buttons-wrapper .additional-buttons .btn-file-download:first-child {
        margin-right:1.5rem
    }
}

.icon-browser::before {
    content: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/skysona-theme/images/icon-browser.svg")
}

.icon-phone::before {
    content: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/skysona-theme/images/icon-phone.svg")
}

.icon-map-marker::before {
    content: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/skysona-theme/images/icon-map.svg")
}

.icon-map-marker-black::before {
    content: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/skysona-theme/images/lg-map-icon-marker-gray.svg")
}

.icon-map::before {
    content: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/skysona-theme/images/icon-map.svg")
}

.icon-print {
    display: none
}

@media print {
    .no-print,.no-print * {
        display: none !important
    }
}

.rounded {
    border-radius: 20px !important
}

.rounded-top-left {
    border-top-left-radius: 20px !important
}

.rounded-top-right {
    border-top-right-radius: 20px !important
}

.rounded-bottom-left {
    border-bottom-left-radius: 20px !important
}

.rounded-bottom-right {
    border-bottom-right-radius: 20px !important
}

.purple-outline {
    border: 1px solid var(--sky-primary-dark);
    border-radius: 20px;
    padding: 30px 30px 15px;
    margin: 15px 0
}

.blue-outline {
    border: 1px solid #006ea4;
    border-radius: 20px;
    padding: 30px 30px 15px;
    margin: 15px 0
}

.gray-outline {
    border: 2px solid #707070
}

@media only screen and (max-width: 991px) {
    .column-reverse-mobile .row {
        flex-direction:column-reverse
    }
}

@media(max-width: 767px) {
    .mobile-full-width {
        width:100% !important;
        text-align: center !important
    }

    /* .btn-tertiary and friends are inline-flex with justify-content:left, so once
       .mobile-full-width stretches the button to the full column the label stays packed
       against the left edge — text-align only centres the lines against each other, not
       the block. Centre the flex content as well. Scoped to .btn because
       .mobile-full-width is also on a form-group that must keep its own alignment. */
    .btn.mobile-full-width {
        justify-content: center !important
    }
}

.background-image-cover {
    background-size: cover !important
}

.background-image-top,.background-image-center,.background-image-bottom {
    background-repeat: no-repeat
}

.background-image-top {
    background-position-y: top
}

.background-image-center {
    background-position-y: center
}

.background-image-bottom {
    background-position-y: bottom
}

.background-image-left {
    background-position-x: left
}

.background-image-middle {
    background-position-x: center
}

.background-image-right {
    background-position-x: right
}

.background-image-10 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 10%
}

.background-image-20 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 20%
}

.background-image-30 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 30%
}

.background-image-40 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 40%
}

.background-image-50 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 50%
}

.background-image-60 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 60%
}

.background-image-70 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 70%
}

.background-image-80 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 80%
}

.background-image-90 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 90%
}

.background-image-100 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 100%
}

.top-offset-50 {
    top: 50px;
    position: absolute
}

.top-offset-100 {
    top: 100px;
    position: absolute
}

.top-offset-150 {
    top: 150px;
    position: absolute
}

.top-offset-200 {
    top: 200px;
    position: absolute
}

.top-offset-250 {
    top: 250px;
    position: absolute
}

.top-offset-300 {
    top: 300px;
    position: absolute
}

.top-offset-350 {
    top: 350px;
    position: absolute
}

.top-offset-400 {
    top: 400px;
    position: absolute
}

.top-offset-450 {
    top: 450px;
    position: absolute
}

.top-offset-500 {
    top: 500px;
    position: absolute
}

@media only screen and (max-width: 992px) {
    .top-offset-mobile-50 {
        top:50px;
        position: absolute
    }
}

@media only screen and (max-width: 992px) {
    .top-offset-mobile-100 {
        top:100px;
        position: absolute
    }
}

@media only screen and (max-width: 992px) {
    .top-offset-mobile-150 {
        top:150px;
        position: absolute
    }
}

@media only screen and (max-width: 992px) {
    .top-offset-mobile-200 {
        top:200px;
        position: absolute
    }
}

@media only screen and (max-width: 992px) {
    .top-offset-mobile-250 {
        top:250px;
        position: absolute
    }
}

@media only screen and (max-width: 992px) {
    .top-offset-mobile-300 {
        top:300px;
        position: absolute
    }
}

@media only screen and (max-width: 992px) {
    .top-offset-mobile-350 {
        top:350px;
        position: absolute
    }
}

@media only screen and (max-width: 992px) {
    .top-offset-mobile-400 {
        top:400px;
        position: absolute
    }
}

@media only screen and (max-width: 992px) {
    .top-offset-mobile-450 {
        top:450px;
        position: absolute
    }
}

@media only screen and (max-width: 992px) {
    .top-offset-mobile-500 {
        top:500px;
        position: absolute
    }
}

@media only screen and (max-width: 992px) {
    .bg-hidden-mobile {
        background-image:none !important
    }
}


.gray-lines {
    position: relative
}

.gray-lines:before,.gray-lines:after {
    position: absolute;
    content: "";
    background: var(--sky-quaternary);
    width: 2px;
    height: 90px;
    top: 25px
}

@media(max-width: 991px) {
    .gray-lines:before,.gray-lines:after {
        top:15px
    }
}

.gray-lines:before {
    left: 0
}

.gray-lines:after {
    right: 0
}


.content-list.beta-thal-list {
    display: grid;
    grid-template-columns: repeat(4, 25%)
}

.content-list.beta-thal-list li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    position: relative
}

.content-list.beta-thal-list li:first-child:before {
    display: none
}

.content-list.beta-thal-list li .content-list-item-image {
    display: flex;
    align-items: center;
    height: 165px
}

.content-list.beta-thal-list li .content-list-item-image img {
    margin-bottom: 40px;
    max-height: 125px;
    max-width: 125px
}

@media(max-width: 767px) {
    .content-list.beta-thal-list {
        grid-template-columns:100%;
        grid-template-rows: auto
    }

    .content-list.beta-thal-list li {
        margin-bottom: 60px;
        margin-left: auto;
        margin-right: auto;
        max-width: 350px
    }

    .content-list.beta-thal-list li:before {
        left: calc(50% - 20px);
        top: -70px;
        transform: rotate(90deg)
    }
}

.content-list-wrapper.treatment-journey-list {
    position: relative
}

.content-list-wrapper.treatment-journey-list .content-list-title {
    color: var(--sky-primary-dark);
    font-family: "Nunito-Bold",sans-serif;
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 0;
    padding-bottom: 10px;
    text-transform: uppercase;
    border-bottom-color: var(--sky-primary);
    border-bottom-width: 2px;
    white-space: nowrap;
    padding-top: 0
}

@media(max-width: 767px) {
    .content-list-wrapper.treatment-journey-list .content-list-title {
        border:none;
        margin: 0 auto;
        white-space: normal
    }
}

@media(min-width: 768px) {
    .content-list-wrapper.treatment-journey-list .content-list-inner .content-list {
        display:flex;
        justify-content: space-between
    }
}

@media(min-width: 768px)and (max-width: 1199px) {
    .content-list-wrapper.treatment-journey-list .content-list-inner .content-list {
        justify-content:center
    }
}

@media(max-width: 767px) {
    .content-list-wrapper.treatment-journey-list .content-list-inner .content-list {
        align-items:center;
        flex-direction: column
    }
}

.content-list-wrapper.treatment-journey-list .content-list-inner .content-list li {
    display: flex;
    justify-content: center;
    padding: 40px 0 48px;
    position: relative;
    transition: padding .4s ease-in-out
}

@media(max-width: 767px) {
    .content-list-wrapper.treatment-journey-list .content-list-inner .content-list li:last-child {
        padding-bottom:80px;
        border-top-color: var(--sky-primary);
        border-top-width: 2px
    }
}

@media(max-width: 767px) {
    .content-list-wrapper.treatment-journey-list .content-list-inner .content-list li {
        border-top-color:var(--sky-primary);
        border-top-width: 2px;
        min-width: 100%
    }
}

.content-list-wrapper.treatment-journey-list .content-list-inner .content-list li::before {
    content: "";
    height: 25px;
    border-left-color: var(--sky-primary);
    border-left-width: 2px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%)
}

.content-list-wrapper.treatment-journey-list .content-list-inner .content-list li::after {
    content: "";
    background-color: var(--sky-primary);
    border-radius: 50%;
    height: 8px;
    width: 8px;
    position: absolute;
    top: 25px;
    left: 50%;
    transform: translateX(-50%)
}

@media(min-width: 768px)and (max-width: 991px) {
    .content-list-wrapper.treatment-journey-list .content-list-inner .content-list li.custom-3 {
        flex:0 0 22%;
        max-width: 22%
    }
}

.content-list-wrapper.treatment-journey-list .content-list-inner .content-list li.short-dots::before {
    border-left-style: dotted
}

@media(max-width: 767px) {
    .content-list-wrapper.treatment-journey-list .content-list-inner .content-list li.short-dots::before {
        border-left-style:solid
    }
}

.content-list-wrapper.treatment-journey-list .content-list-inner .content-list li.short-solid::before {
    border-left-style: solid
}

@media(min-width: 1201px) {
    .content-list-wrapper.treatment-journey-list .content-list-inner .content-list li.long-solid {
        padding-top:100px
    }
}

@media(min-width: 768px)and (max-width: 1200px) {
    .content-list-wrapper.treatment-journey-list .content-list-inner .content-list li.long-solid {
        padding-top:300px
    }
}

@media(max-width: 767px) {
    .content-list-wrapper.treatment-journey-list .content-list-inner .content-list li.long-solid {
        padding-top:40px
    }
}

.content-list-wrapper.treatment-journey-list .content-list-inner .content-list li.long-solid::before {
    border-left-style: solid
}

@media(min-width: 768px) {
    .content-list-wrapper.treatment-journey-list .content-list-inner .content-list li.long-solid::before {
        height:85px
    }
}

@media(max-width: 767px) {
    .content-list-wrapper.treatment-journey-list .content-list-inner .content-list li.long-solid::before {
        height:25px
    }
}

@media(min-width: 768px) {
    .content-list-wrapper.treatment-journey-list .content-list-inner .content-list li.long-solid::after {
        top:85px
    }
}

@media(max-width: 767px) {
    .content-list-wrapper.treatment-journey-list .content-list-inner .content-list li.long-solid::after {
        top:25px
    }
}

@media(min-width: 1201px) {
    .content-list-wrapper.treatment-journey-list .content-list-inner .content-list li.long-solid .content-list-content {
        top:200px
    }
}

@media(min-width: 768px)and (max-width: 1200px) {
    .content-list-wrapper.treatment-journey-list .content-list-inner .content-list li.long-solid .content-list-content {
        top:410px
    }
}

@media(max-width: 767px) {
    .content-list-wrapper.treatment-journey-list .content-list-inner .content-list li.long-solid .content-list-content {
        top:145px
    }
}

.content-list-wrapper.treatment-journey-list .content-list-inner .content-list li .content-list-item-image img {
    height: 249px;
    min-height: 249px;
    min-width: 249px;
    width: 249px
}

.content-list-wrapper.treatment-journey-list .content-list-inner .content-list li .content-list-content {
    left: 50%;
    position: absolute;
    top: 145px;
    text-align: center;
    transform: translateX(-50%);
    transition: top .4s ease-in-out
}

.content-list-wrapper.treatment-journey-list .content-list-inner .content-list li .content-list-content .content-list-item-title-wrapper .content-list-item-title {
    font-size: 18px;
    line-height: 22px
}

.content-list-wrapper.treatment-journey-list .content-list-inner .content-list li .content-list-content .content-list-item-body-wrapper {
    color: rgba(0,0,0,.8);
    font-size: 14px;
    line-height: 18px
}

@media(min-width: 768px) {
    .content-list-wrapper.treatment-journey-list.dashed-line .content-list-title {
        border-bottom-style:dashed
    }
}

.content-list-wrapper.treatment-journey-list.dashed-line .content-list-inner .content-list li {
    border-top-style: dashed
}

@media(min-width: 768px) {
    .content-list-wrapper.treatment-journey-list.dashed-line .content-list-inner .content-list li {
        border-top-style:none
    }
}

@media(min-width: 768px) {
    .content-list-wrapper.treatment-journey-list.dotted-line .content-list-title {
        border-bottom-style:dotted
    }
}

.content-list-wrapper.treatment-journey-list.dotted-line .content-list-inner .content-list li {
    border-top-style: dotted
}

@media(min-width: 768px) {
    .content-list-wrapper.treatment-journey-list.dotted-line .content-list-inner .content-list li {
        border-top-style:none
    }
}

.content-list-wrapper.moa-list .content-list {
    display: flex;
    column-gap: 2.5rem;
    padding-left: 0;
}

@media(min-width: 768px)and (max-width: 991px) {
    .content-list-wrapper.moa-list .content-list {
        column-gap:1.5rem
    }
}

@media(max-width: 767px) {
    .content-list-wrapper.moa-list .content-list {
        flex-direction:column;
        align-items: center;
        row-gap: 0;
        padding-left: 0;
    }
}

.content-list-wrapper.moa-list .content-list li {
    position: relative;
    padding: 15px;
    padding-bottom: 25px;
}

@media(max-width: 767px) {
    .content-list-wrapper.moa-list .content-list li {
        max-width:450px;
        display: flex;
        padding-left: 0;
        padding-right: 0;
        align-items: center;
        margin-bottom: 1.5rem;
    }
}

@media(max-width: 1022px) {
    .content-list-wrapper.moa-list .content-list li:not(:last-child)::after {
        bottom:156px;
    }
}

@media(max-width: 991px) {
    .content-list-wrapper.moa-list .content-list li:not(:last-child)::after {
        right:-15px;
        bottom: 136px;
    }
}

@media(max-width: 974px) {
    .content-list-wrapper.moa-list .content-list li:not(:last-child)::after {
        bottom:156px;
    }
}

@media(max-width: 891px) {
    .content-list-wrapper.moa-list .content-list li:not(:last-child)::after {
        bottom:176px;
    }
}

@media(max-width: 821px) {
    .content-list-wrapper.moa-list .content-list li:not(:last-child)::after {
        bottom:196px;
    }
}

@media(max-width: 767px) {
    .content-list-wrapper.moa-list .content-list li:not(:last-child)::after {
        background-size:5px 44px;
        transform: translateX(-50%);
        left: 105px;
        top: unset;
        bottom: -10px;
    }
}

.content-list-wrapper.moa-list .content-list li .content-list-item-image {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px
}

@media(max-width: 767px) {
    .content-list-wrapper.moa-list .content-list li .content-list-item-image {
        height:unset
    }
}

@media(max-width: 767px) {
    .content-list-wrapper.moa-list .content-list li .content-list-item-image img {
        min-width:100px;
        padding-right: 1rem
    }
}

.content-list-wrapper.moa-list .content-list li .content-list-content {
    color: rgba(0,0,0,.8);
    line-height: 20px
}

.map-wrapper .qtc-find {
    background-color: rgba(199, 200, 202, 0.35);
    margin: 1rem 0 2rem 0;
    border-radius: 1.5rem
}

.map-wrapper #search-bar {
    background-color: #f3f3f3;
    border-radius: 1.5rem;
    padding: 1rem 0 0 1rem;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    display: flex
}

@media(max-width: 1200px) {
    .map-wrapper #search-bar {
        width:100%
    }
}

.map-wrapper #search-bar .search-bar-row {
    display: flex;
    flex-direction: row
}

.map-wrapper #search-bar .search-bar-row .select-wrapper {
    color: #fff;
    font-family: "Roboto-Medium",sans-serif;
    min-width: unset;
    position: relative
}

.map-wrapper #search-bar .search-bar-row .select-wrapper:first-of-type .select-styled {
    border-left: 1px solid #4d4d4f
}

@media(min-width: 767px) {
    .map-wrapper #search-bar .search-bar-row .select-wrapper:last-of-type .select-styled {
        border-left:1px solid #4d4d4f
    }
}

.map-wrapper #search-bar .search-bar-row .select-wrapper .select-styled::after {
    border-color: #4d4d4f rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)
}

.map-wrapper #search-bar .search-bar-row .select-wrapper .select-styled:active:after,.map-wrapper #search-bar .search-bar-row .select-wrapper .select-styled.active:after {
    top: 14px;
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #4d4d4f rgba(0,0,0,0)
}

.map-wrapper #search-bar .search-bar-row .select-wrapper .select-styled:hover {
    color: rgb(133.625,67.7669642857,146.0330357143)
}

.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder input[type=text] {
    color: #000;
    font-family: "Nunito-Regular",sans-serif;
    font-size: 16px;
    background: #fff;
    border-radius: 20px 0 0 20px;
    line-height: 20px;
    height: 40px;
    border: 1px solid #4c4c4c;
    border-right: none
}

.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder input[type=text]::placeholder {
    color: hsla(0,0%,100%,.35)
}

.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder input[type=text]::-ms-input-placeholder {
    color: hsla(0,0%,100%,.35)
}

.map-wrapper #search-bar .search-bar-row #geocoder .mapboxgl-ctrl-geocoder input[type=text]::-ms-input-placeholder {
    color: hsla(0,0%,100%,.35)
}

.map-wrapper #search-bar .search-bar-row .search-location-btn {
    background: #fff;
    color: #000;
    font-family: "Nunito-Medium",sans-serif;
    font-weight: 500;
    border-radius: 0 20px 20px 0;
    font-size: 14px;
    line-height: 16px !important;
    letter-spacing: normal;
    text-align: center;border: 2px solid var(--sky-primary);
    padding-left: 2rem;
    padding-right: 2rem;
    min-height: fit-content !important;
    position: relative;
    text-align: center;
    height: 40px;
    display: flex;
    justify-content: center
}

@media(max-width: 767px) {
    .map-wrapper #search-bar .search-bar-row .search-location-btn {
        border-top:2px solid var(--sky-primary);
        border-bottom: 2px solid var(--sky-primary);
        border-left: 2px solid var(--sky-primary);
        border-right: 2px solid var(--sky-primary);
        border-radius: 20px !important
    }
}

.map-wrapper #search-bar .search-bar-row .search-location-btn:disabled {
    background: #fff !important;
    border: 2px solid #ffb549 !important;
    cursor: not-allowed
}

.map-wrapper #search-bar .search-bar-row .search-location-btn:hover {background-color: var(--sky-primary-tint);
    color: #000;border-color: var(--sky-primary)
}

.map-wrapper #search-bar .search-bar-row .search-location-btn:active,.map-wrapper #search-bar .search-bar-row .search-location-btn:focus {
    color: #000 !important;background-color: var(--sky-quaternary) !important;border-color: var(--sky-senary) !important;
    box-shadow: none !important
}

.map-wrapper #search-bar .checkboxes .checkbox-wrapper input[type=checkbox] {
    border: 1px solid #000
}

.map-wrapper #search-bar .checkboxes .checkbox-wrapper input[type=checkbox]:checked:before {
    border-bottom: 2px solid #000;
    border-right: 2px solid #000
}

.map-wrapper #search-bar .checkboxes .checkbox-wrapper label {
    color: #000;
    font-family: "Nunito-Medium",sans-serif
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content a i::before {
    background-color: #3a004a
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content a:hover i::before {background-color: var(--sky-primary)
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content i.location-icon {
    margin-right: 5px;
    position: relative;
    top: 2px
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card .popup-header .title {color: var(--sky-tertiary);
    font-family: "BrandonGrotesque-Bold";
    font-size: 20px;
    line-height: 20px
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card .address {
    color: #4d4d4f;
    font-family: "Roboto-Regular",sans-serif;
    font-size: 16px
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .popup-card .tag-item {
    display: none
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row.view-more a {background-color: var(--sky-tertiary);border: 4px solid var(--sky-tertiary);
    color: #000;
    font-family: "BrandonGrotesqueWeb-Bold";
    font-size: 17px
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row.view-more a:hover,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row.view-more a:focus {
    background-color: #fff
}

.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .visit-website,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .phone,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .distance,.map-wrapper #map.mapboxgl-map .mapboxgl-popup .mapboxgl-popup-content .custom-row .directions {
    font-family: "Poppins-Medium",sans-serif;
    font-size: 14px
}

#locationSearchResults #search_result_1 {
    padding-top: 0;
    margin-top: -5px
}

#locationSearchResults #resultsHeader #tagLegend span:nth-child(2) {
    border-radius: 17px;
    color: #fff !important;
    display: inline-block;
    padding: 3px 12px 4px 12px;
    margin: 4px 0 0 0;
    font-size: 14px;
    background-color: #f99a9a !important
}

#locationSearchResults #resultsHeader #tagLegend span span {
    border-radius: 17px;
    color: #fff !important;
    display: inline-block;
    padding: 3px 12px 4px 12px;
    margin: 4px 0 0 0;
    font-size: 14px;background-color: var(--sky-primary) !important
}

#locationSearchResults .search-results-wrapper {
    padding: 0 15px
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-labels,#locationSearchResults .search-results-wrapper .search-result-item .search-result-address {
    font-family: "Open Sans",sans-serif
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left {
    font-family: "Roboto-Regular",sans-serif;
    font-size: 14px;
    margin-top: 2rem
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .result-td.location .location-distance {
    color: #000
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .result-td a i {
    margin-right: 5px;
    position: relative
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .result-td a i::before {content: "";
    background-color: #e08f33;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .result-td a i.icon-browser::before {-webkit-mask-image: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/skysona-theme/images/icon-browser.svg");
    mask-image: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/skysona-theme/images/icon-browser.svg")
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .result-td a i.icon-phone::before {-webkit-mask-image: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/skysona-theme/images/icon-phone.svg");
    mask-image: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/skysona-theme/images/icon-phone.svg")
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .result-td a i.icon-map::before {-webkit-mask-image: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/skysona-theme/images/icon-map.svg");
    mask-image: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/skysona-theme/images/icon-map.svg")
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .result-td a:hover i::before {background-color: var(--sky-primary)
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .btn {
    font-family: "BrandonGrotesqueWeb-Bold";
    min-height: unset
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-right .search-result-item-img {
    display: block;
    margin: 15px auto;
    max-width: 150px
}

@media(max-width: 767px) {
    #locationSearchResults .search-results-wrapper .search-result-item .search-result-item-right .search-result-item-img {
        display:none
    }
}

#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-right .btn {
    font-family: "BrandonGrotesqueWeb-Bold";
    margin: 0 auto;
    min-height: unset;
    padding: 6px 25px 2px
}

.map-buttons-wrapper {
    height: auto
}

.map-buttons-wrapper .load-more-btn-wrapper .border-bottom {
    border-bottom: 1px solid rgba(0,0,0,.1) !important
}

.map-buttons-wrapper .load-more-btn-wrapper .border-bottom #locationSearchLoadMoreBtn {
    display: block;
    font-family: "BrandonGrotesqueWeb-Bold";
    line-height: 1;
    margin: 42px auto 70px;
    min-height: unset;
    padding: 6px 25px 5px
}

.map-buttons-wrapper .additional-buttons .btn {
    background: #fff;
    color: #000;
    font-family: "Nunito-Medium",sans-serif;
    font-weight: 500;
    border-radius: 20px;
    font-size: 14px;
    line-height: 16px !important;
    letter-spacing: normal;
    text-align: center;
    padding-left: 2rem;
    padding-right: 2rem;
    min-height: fit-content !important;border: 2px solid var(--sky-primary) !important
}

.map-buttons-wrapper .additional-buttons .btn:hover {background-color: var(--sky-primary-tint);
    color: #000;border-color: var(--sky-primary)
}

.map-buttons-wrapper .additional-buttons .btn:active,.map-buttons-wrapper .additional-buttons .btn:focus {
    color: #000 !important;background-color: var(--sky-quaternary) !important;border-color: var(--sky-senary) !important;
    box-shadow: none !important
}

@media(max-width: 575px) {
    .map-buttons-wrapper .additional-buttons .btn {
        width:100%
    }
}

.icon-browser::before {
    content: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/skysona-theme/images/icon-browser.svg");
    -webkit-mask: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/skysona-theme/images/icon-browser.svg") no-repeat center;
    mask: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/skysona-theme/images/icon-browser.svg") no-repeat center;
    width: 23px
}

.icon-phone::before {
    content: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/skysona-theme/images/icon-phone.svg");
    -webkit-mask: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/skysona-theme/images/icon-phone.svg") no-repeat center;
    mask: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/skysona-theme/images/icon-phone.svg") no-repeat center
}

.icon-map-marker::before {
    content: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/skysona-theme/images/icon-map.svg")
}

.icon-map-marker-black::before {
    content: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/skysona-theme/images/lg-map-icon-marker-gray.svg")
}

.icon-map::before {
    content: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/skysona-theme/images/icon-map.svg");
    -webkit-mask: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/skysona-theme/images/icon-map.svg") no-repeat center;
    mask: url("https://50895703.fs1.hubspotusercontent-na1.net/hubfs/50895703/raw_assets/public/themes/skysona-theme/images/icon-map.svg") no-repeat center
}

@media print {
    .no-print,.no-print * {
        display: none !important
    }
}

@media(min-width: 768px) {
    .float-right-desktop {
        float: right !important
    }
}

@media(max-width: 767px) {
    .w-100-mobile {
        width: 100% !important
    }
}

.purple-arrow {
    position: relative
}

@media(max-width: 900px) {
    .purple-arrow:after {
        left:85%
    }
}

@media(max-width: 767px) {
    .purple-arrow:after {
        left:80%
    }
}

@media(max-width: 425px) {
    .purple-arrow:after {
        left:unset;
        right: 0
    }
}

.table-left {
    padding-left: 30px;
    padding-right: 10px;
    padding-top: 10px
}

@media(max-width: 850px) {
    .table-left {
        padding-left:25px
    }
}

@media(max-width: 767px) {
    .table-left {
        padding-left:15px
    }
}

@media(max-width: 425px) {
    .table-left {
        padding-right:30px
    }
}

.table-right {
    padding-left: 50px;
    padding-right: 15px;
    padding-top: 10px;
    width: 40%
}

@media(max-width: 1199px) {
    .table-right {
        padding-left:15px
    }
}

@media(max-width: 991px) {
    .table-right {
        font-size:40px !important;
        padding-left: 25px
    }
}

@media(max-width: 850px) {
    .table-right {
        padding-left:15px
    }
}

@media(max-width: 767px) {
    .table-right {
        padding-left:35px
    }
}

@media(max-width: 500px) {
    .table-right {
        padding-left:15px
    }
}

@media(max-width: 400px) {
    .table-right {
        padding-left:15px;
        font-size: 35px !important
    }
}

.genotype-row {
    height: 208.5px
}

@media(max-width: 990px) {
    .genotype-row {
        height:182.5px
    }
}

@media(max-width: 767px) {
    .genotype-row {
        height:auto
    }
}

@media(max-width: 767px) {
    .rounded-top-right-mobile {
        border-top-right-radius:20px !important
    }

    .rounded-bottom-right-mobile {
        border-bottom-right-radius: 20px !important
    }

    .rounded-top-left-mobile {
        border-top-left-radius: 20px !important
    }

    .rounded-bottom-left-mobile {
        border-bottom-left-radius: 20px !important
    }
}

@media(max-width: 767px) {
    .explore-next {
        max-width:325px;
        margin-top: 2px
    }
}

.explore-next.qtc {
    position: relative;
    padding-left: 60px
}

.explore-next.qtc:before {
    position: absolute;
    left: 20px;
    top: 10px
}

form label {
    cursor: pointer;
    display: flex
}

form label div {
    padding-top: 0 !important
}

form .checkbox-container label {
    display: block;
    grid-template-columns: 32px auto
}

form input[type=radio],form input[type=checkbox] {
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #4d4d4f;
    cursor: pointer;
    display: inline-grid;
    height: 20px;
    padding: 0;
    place-content: center;
    width: 20px;
    position: relative
}

form input[type=radio] {
    border-radius: 50%;
    margin-right: 10px
}

form input[type=radio]::before {
    box-shadow: inset 1em 1em var(--sky-primary);
    content: "";
    height: 16px;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    width: 16px;
    border-radius: 50%
}

form input[type=radio]:checked:before {
    transform: scale(1)
}

form input[type=checkbox] {
    border-radius: 2px;
    margin-right: 10px;
    position: relative;
    height: 20px;
    width: 20px;
    padding-right: 19px
}

form input[type=checkbox]:checked:before {
    content: "";
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    -webkit-mask: none !important;
    mask: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    border-right: 2px solid var(--sky-primary);
    border-bottom: 2px solid var(--sky-primary);
    border-top: 0;
    border-left: 0;
    border-radius: 0;
    position: absolute;
    left: 5px;
    top: 1px;
    width: 7px;
    height: 12px;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

form input[type=checkbox]:checked:after {
    content: none !important;
    background: none !important;
    background-image: none !important;
    -webkit-mask: none !important;
    mask: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    border: 0 !important;
}

form input:not([type="submit"]):not([type="button"]):hover {
    border-color: var(--sky-quaternary) !important
}

form input:not([type="submit"]):not([type="button"]):active {
    border-color: var(--sky-pressed-bg) !important
}

form input:not([type="submit"]):not([type="button"]):focus-visible {
    border-color: #4c4c4c !important;
    outline: 1px dashed #4d4d4f
}

form input[type=text], .hgspt-form form input[type=text] {
    height: 40px;
    padding: 10px 15px;
    border: 1px solid #4c4c4c;
    outline: none !important
}

form input[type=text]::placeholder, .hgspt-form form input[type=text]::placeholder {
    padding-left: .5rem !important
}

form input[type=text]:hover, .hgspt-form form input[type=text]:hover {
    border: 2px solid var(--sky-quaternary) !important
}

form input[type=text]:active, .hgspt-form form input[type=text]:active {
    border: 2px solid var(--sky-pressed-bg) !important
}

form input[type=text]:focus-visible, .hgspt-form form input[type=text]:focus-visible {
    outline: 1px dashed #4d4d4f
}

form input[type=text].input-validation-error, .hgspt-form form input[type=text].input-validation-error {
    border: 2px solid var(--sky-tertiary) !important
}

.input-validation-error, .hgspt-form .input-validation-error {
    border: 2px solid var(--sky-tertiary) !important
}

.field-validation-error, .hgspt-form .field-validation-error {
    color: var(--sky-tertiary);
    font-size: 14px;
    letter-spacing: .4px;
    line-height: 16px;
    display: block;
    margin-left: 18px
}

.validation-summary-errors.global-form-error, .hgspt-form .validation-summary-errors.global-form-error {
    color: var(--sky-tertiary);
    border: 2px solid var(--sky-tertiary);
    background-color: rgba(185,27,33,.1);
    border-radius: 2px;
    display: flex;
    align-items: center;
    max-width: 850px;
    border-radius: 30px;
    font-family: "Nunito-Bold";
    height: 50px
}

@media only screen and (max-width: 767px) {
    .validation-summary-errors.global-form-error, .hgspt-form .validation-summary-errors.global-form-error {
        padding-left:65px;
        height: unset
    }
}

.validation-summary-errors.global-form-error:before, .hgspt-form .validation-summary-errors.global-form-error:before {
    content: "";
    background-image: url(./images/skysona_icon_warning.svg);
    height: 36px;
    width: 36px;
    background-size: 36px 36px;
    margin-right: 15px
}

@media only screen and (max-width: 767px) {
    .validation-summary-errors.global-form-error:before {
        position:absolute;
        left: 15px
    }
}

.required-radio-error-div input[type=radio] {
    border: 1px solid var(--sky-tertiary)
}

input[type=checkbox].input-validation-error {
    border: 1px solid var(--sky-tertiary);
    background-color: rgba(170,45,42,.1)
}

.patient-story {
    position: relative;
    background-size: cover
}

.patient-story .caption {
    margin-left: 20px;
    position: absolute;
    bottom: -10px;
    left: 50px
}

@media only screen and (min-width: 1200px) {
    .patient-story {
        background-size:contain
    }

    .patient-story .content {
        margin-top: 40px
    }

    .patient-story .caption {
        margin-top: 10px
    }
}

@media only screen and (max-width: 1199px) {
    .patient-story .caption {
        margin-top:-20px
    }
}

@media only screen and (max-width: 991px) {
    .patient-story {
        background-size:cover
    }

    .patient-story .caption {
        margin-top: -80px
    }
}

@media only screen and (max-width: 767px) {
    .patient-story {
        background-size:cover;
        background-position: 50% 100%;
        min-height: 600px
    }

    .patient-story .content {
        margin-top: 100px
    }

    .patient-story .caption {
        position: absolute;
        bottom: 0;
        margin-left: 10px;
        left: 0
    }
}

@media only screen and (max-width: 576px) {
    .patient-story .content {
        max-width:50vw;
        float: right;
        margin-top: 50px
    }
}

@media only screen and (max-width: 490px) {
    .patient-story .content {
        margin-top:35px
    }
}

@media only screen and (max-width: 450px) {
    .patient-story {
        min-height:650px
    }

    .patient-story .content {
        max-width: 55vw;
        margin-top: 0
    }
}

@media only screen and (max-width: 767px) {
    .mobile-20 {
        max-width:20%;
        min-width: 20%
    }

    .mobile-40 {
        max-width: 40%;
        width: 40%
    }
}

@media only screen and (max-width: 450px) {
    .mobile-40 {
        min-width:40%
    }
}

/* Actor portrayal — white caption sitting over the top-right of the hero image.
   Transcribed from www.skysona.com; the per-page modifiers step the offset down as
   the heading above wraps to more lines. */
.actor-portrayal {
    position: absolute;
    right: 25px;
    top: 40px;
    color: var(--sky-white);
    font-family: "Nunito-Bold", sans-serif;
    font-size: 8px;
    line-height: 11px;
}

@media (max-width: 767px) {
    .actor-portrayal.home { top: 135px; right: 15px }
    .actor-portrayal.results { top: 25px; right: 15px }
    .actor-portrayal.treatment { top: 130px; right: 15px }
    .actor-portrayal.support { top: 175px; right: 15px }
    .actor-portrayal.resources { top: 130px; right: 15px }
    .actor-portrayal.qtc { top: 130px; right: 15px }
}

@media (max-width: 516px) {
    .actor-portrayal.resources { top: 175px }
}

@media (max-width: 477px) {
    .actor-portrayal.home { top: 175px }
}

@media (max-width: 421px) {
    .actor-portrayal.treatment { top: 175px }
}

@media (max-width: 412px) {
    .actor-portrayal.resources { top: 215px }
}

@media (max-width: 395px) {
    .actor-portrayal.qtc { top: 175px }
}

@media (max-width: 357px) {
    .actor-portrayal.qtc { top: 215px }
}

@media (max-width: 351px) {
    .actor-portrayal.home { top: 215px }
}

@media only screen and (max-width: 767px) {
    .text-center-mobile {
        text-align:center
    }
}

.content-tile .content-tile-text ul li {
    list-style-type: unset
}

.purple-gradient {
    background-image: linear-gradient(50deg, #E3DDED 0%, #F3F5F7 50%, #E6EEEF 100%)
}

.green-gradient {
    background-image: linear-gradient(50deg, #E6EEEF 0%, #F3F5F7 50%, #E3DDED 100%)
}

.purple-gradient-green-mobile {
    background-image: linear-gradient(50deg, #E3DDED 0%, #F3F5F7 50%, #E6EEEF 100%)
}

@media only screen and (max-width: 767px) {
    .purple-gradient-green-mobile {
        background-image:linear-gradient(50deg, #E6EEEF 0%, #F3F5F7 50%, #E3DDED 100%)
    }
}

@media only screen and (min-width: 768px) {
    _::-webkit-full-page-media,_:future,:root .safari_desktop {
        margin-top:-30px
    }
}

.sup-text {
    position: relative
}

.sup-text sup {
    position: absolute;
    left: -4px;
    top: 6px
}

.table-divider::before {
    content: "";
    width: 1px;
    height: 80%;
    background: #4d4d4f;
    position: absolute;
    top: 10%;
    right: 0
}

@media(max-width: 991px) {
    .table-divider::before {
        content:none
    }
}

.z-index-1 {
    z-index: 1
}

.content-tile-round {
    display: flex;
    padding: 20px;
    border-radius: 20px;
    color: var(--sky-primary-dark);
    overflow: auto;
    background-image: linear-gradient(50deg, #e32a2a 0%, #e3dded 0%, #f3f5f7 48%, #e6eeef 100%)
}

.content-tile-round .content-tile-img {
    position: absolute
}

.content-tile-round .content-tile-content .content-tile-title {
    font-family: "Nunito-Medium";
    font-size: 24px;
    color: inherit;
    margin-left: auto;
    padding-top: 1rem;
    padding-left: 125px
}

.content-tile-round .content-tile-content .content-tile-text {
    font-family: "Nunito-Medium";
    margin: 3rem 1rem 1rem 1rem
}

.content-tile-round .content-tile-content a {
    padding-left: 1rem !important
}

.content-tile-img-left {
    display: flex;
    gap: 1.5rem
}

.content-tile-img-left .content-tile-img {
    align-self: flex-start
}

.content-tile-img-left .content-tile-content .content-tile-title {
    font-family: "Nunito-Medium";
    font-size: 24px;
    color: var(--sky-primary-dark);
    padding-top: 1rem
}

.content-tile-img-left .content-tile-content .content-tile-text {
    padding-top: 10px;
    margin-bottom: 30px
}

.content-tile-img-left .content-tile-content a {
    padding-left: 0px !important
}

@media only screen and (max-width: 767px) {
    .content-tile-img-left .content-tile-img {
        position:absolute
    }

    .content-tile-img-left .content-tile-content .content-tile-title {
        display: flex;
        padding-left: 120px;
        height: 108px;
        align-items: center
    }

    .content-tile-img-left .content-tile-content .content-tile-text {
        margin-bottom: .5rem
    }

    .content-tile-img-left .content-tile-content a {
        padding-left: 0px !important
    }
}

@media only screen and (min-width: 768px) {
    .desktop-table {
        display:table
    }
}

@media only screen and (max-width: 767px) {
    .desktop-table {
        display:none
    }
}

@media only screen and (min-width: 768px) {
    .mobile-table {
        display:none
    }
}

@media only screen and (max-width: 767px) {
    .mobile-table {
        display:table
    }
}

.clinical-results {
    background-color: #e6e6e7;
    border-radius: 30px
}

.clinical-results .number {
    font-family: BrandonGrotesque-Bold;
    font-size: 50px;
    color: var(--sky-primary);
    padding: 10px 10px 10px 30px;
    line-height: 35px
}

@media only screen and (max-width: 400px) {
    .clinical-results .number {
        padding-left:20px;
        padding-right: 5px
    }
}

.clinical-results .number-label {
    font-family: Nunito-Medium;
    font-size: 14px
}

.table-heading {
    color: var(--sky-primary-dark);
    font-family: Nunito-Medium;
    font-size: 22px;
    font-weight: 500;
    line-height: 26px;
    text-align: left;
    text-transform: uppercase;
    padding: 20px
}

.table-subheading {
    color: var(--sky-primary-dark);
    font-family: Nunito-Bold;
    font-size: 20px;
    font-weight: 700;
    line-height: 16px;
    text-align: left;
    text-transform: uppercase;
    padding: 5px 20px 10px
}

@media only screen and (max-width: 400px) {
    .table-subheading {
        padding-left:15px;
        padding-right: 15px
    }
}

.table-subheading-description {
    padding: 0 20px 10px;
    font-size: 15px;
    line-height: 18px
}

@media only screen and (max-width: 400px) {
    .table-subheading-description {
        padding-left:15px;
        padding-right: 15px
    }
}

.table-label {
    color: #4d4d4f;
    font-family: Nunito-Bold;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    text-align: left;
    padding: 20px 20px 10px;
    text-transform: uppercase
}

@media only screen and (max-width: 400px) {
    .table-label {
        padding-left:15px;
        padding-right: 15px
    }
}

.rounded-top-left {
    border-top-left-radius: 20px
}

.rounded-top-right {
    border-top-right-radius: 20px
}

.table-text {
    font-family: Nunito-Medium;
    color: #4d4d4f;
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
    padding: 0px 15px 20px 30px
}

@media only screen and (max-width: 400px) {
    .table-text {
        padding-left:20px;
        padding-right: 20px
    }
}

.table-text-purple {
    font-family: Nunito-Medium;
    font-size: 18px;
    line-height: 20px;
    color: var(--sky-septenary);
    padding: 0px 15px 20px 30px;
    display: inline-block
}

@media only screen and (max-width: 400px) {
    .table-text-purple {
        padding-left:20px;
        padding-right: 20px
    }
}

.table-answer {
    font-family: Nunito-Bold;
    font-size: 22px;
    line-height: 18px;
    color: var(--sky-primary);
    padding: 10px 30px 25px;
    text-align: center
}

@media(min-width: 768px)and (max-width: 991px) {
    .w-95 {
        width:95% !important
    }
}

@media(max-width: 767px) {
    .w-100-m {
        width:100% !important
    }
}

@media (max-width: 575.98px) {
    .w-mobile-33 {
        width: 33.3333% !important;
    }
}

.iron-chelation {
    background-color: #f3f3f3
}

.iron-chelation .number {
    font-family: BrandonGrotesque-Bold;
    font-size: 50px;
    color: var(--sky-primary);
    padding: 10px 10px 0px 30px;
    line-height: 35px;
    padding-bottom: 0px !important
}

@media only screen and (max-width: 400px) {
    .iron-chelation .number {
        padding-left:20px;
        padding-right: 5px
    }
}

.iron-chelation .number-label {
    font-family: Nunito-Medium;
    font-size: 14px
}

.gray-drop {
    text-shadow: 0 2px 4px rgba(0,0,0,.5)
}

.icon-space div:nth-child(1) {
    flex: 0 0 120px;
    max-width: 120px
}

.icon-space div:nth-child(2) {
    max-width: fit-content
}

.icon-space div:nth-child(2) .h3 {
    padding-top: 1rem
}

@media(max-width: 401px)and (max-height: 619px) {
    .footer {
        padding-bottom:130px
    }
}

.border-black {
    border: 1px solid #000 !important
}

@media(min-width: 768px) {
    .home-doctors :nth-child(1) .content-list-item-title {
        padding-top:20px;
        margin-bottom: 4px
    }
}

.content-tile.purple-border-tile {
    display: flex;
    border-top: 17px solid var(--sky-primary);
    padding: 0 15px 10px 15px;
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
    background: #fff;
    align-items: flex-start;
}

@media only screen and (min-width: 768px) {
    .content-tile.purple-border-tile {
        min-height:375px;
        margin-top: -75px
    }
}

@media only screen and (min-width: 833px) {
    .content-tile.purple-border-tile {
        min-height:351px
    }
}

@media only screen and (min-width: 924px) {
    .content-tile.purple-border-tile {
        min-height:310px
    }
}

@media only screen and (min-width: 1200px) {
    .content-tile.purple-border-tile {
        min-height:260px;
        display: flex;
        align-items: flex-start;
    }
}

.content-tile.purple-border-tile .content-tile-img {
    width: 50px;
    height: 50px;
    margin-top: 25px;
    margin-right: 15px
}

@media only screen and (min-width: 768px) {
    .content-tile.purple-border-tile .content-tile-content {
        display:flex;
        flex-direction: column;
        justify-content: space-between
    }
}

@media only screen and (max-width: 767px) {
    .content-tile.purple-border-tile .content-tile-content .content-tile-title {
        font-size:20px;
        line-height: 24px
    }
}

.content-tile.purple-border-tile .content-tile-content .content-tile-text {
    margin-right: 25px
}

@media only screen and (max-width: 832px) {
    .content-tile.purple-border-tile .content-tile-content .content-tile-text {
        margin-right:0;
        min-height: unset
    }
}

@media only screen and (min-width: 833px) {
    .content-tile.purple-border-tile .content-tile-content .content-tile-text {
        min-height:145px
    }
}

@media only screen and (min-width: 924px) {
    .content-tile.purple-border-tile .content-tile-content .content-tile-text {
        min-height:125px
    }
}

@media only screen and (min-width: 1200px) {
    .content-tile.purple-border-tile .content-tile-content .content-tile-text {
        min-height:107px
    }
}

.content-tile.purple-border-tile .content-tile-content .btn-quaternary,.content-tile.purple-border-tile .content-tile-content .btn-file-download {
    margin-right: 30px
}

@media only screen and (max-width: 767px) {
    .content-tile.purple-bottom-border-m {
        border-bottom:17px solid var(--sky-primary)
    }
}

.sup-text {
    position: relative
}

.sup-text sup {
    position: absolute;
    left: -6px;
    top: 6px
}

.sup-text .symbol {
    position: absolute;
    left: -6px
}.navbar .contact.navbar-toggler{
    border-color: #fff;
    color: #006ea4;
    font-family: "Helvetica",sans-serif;
    padding: 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    position: relative;
    overflow: hidden
}.navbar .contact.navbar-toggler:hover{
    border-color: var(--sky-primary) !important;
    background-color: var(--sky-primary) !important;
    color: #fff !important
}.navbar .contact.navbar-toggler:active,
.navbar .contact.navbar-toggler:focus{
    border-color: #69c3e8 !important;
    background-color: #69c3e8 !important;
    color: #006ea4 !important;
    box-shadow: none !important
}.navbar .contact.email.navbar-toggler:before{
    content: "";
    background-image: url(./images/skysona_icon_connect_email.svg);
    position: absolute;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    left: 10px;
    top: 7px
}.navbar .contact.phone.navbar-toggler:before{
    content: "";
    background-image: url(./images/skysona_icon_connect_call.svg);
    position: absolute;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    left: 15px;
    top: 6px
}

@media only screen and (min-width: 1200px) {.navbar .contact.email.navbar-toggler{
        padding:10px 10px 10px 30px
    }
}

@media only screen and (max-width: 1199px) {.navbar .contact.navbar-toggler{
        font-size:15px
    }.navbar .contact.email.navbar-toggler{
        text-align: right;
        padding-right: 5px
    }.navbar .contact.email.navbar-toggler:before{
        left: 5px
    }
}

@media only screen and (max-width: 991px) {.navbar .contact.navbar-toggler{
        font-size:16px
    }.navbar .contact.email.navbar-toggler{
        text-align: center;
        padding-right: 10px
    }.navbar .contact.email.navbar-toggler:before{
        left: 10px
    }
}

@media only screen and (max-width: 400px) {.navbar .contact.navbar-toggler{
        font-size:15px
    }.navbar .contact.email.navbar-toggler{
        padding-left: 10px;
        padding-right: 5px
    }.navbar .contact.email.navbar-toggler:before{
        left: 5px
    }
}

@media only screen and (max-width: 365px) {.navbar .contact.email.navbar-toggler{
        padding-left:10px;
        padding-right: 5px
    }.navbar .contact.email.navbar-toggler:before{
        left: 5px
    }
}

@media only screen and (max-width: 340px) {.navbar .contact.email.navbar-toggler{
        text-align:right;
        padding-right: 10px
    }
}

@media only screen and (max-width: 330px) {.navbar .contact.email.navbar-toggler{
        padding-right:5px
    }
}.navbar .contact.black.navbar-toggler{
    color: #000 !important;
    border: 2px solid var(--sky-primary) !important
}

@media only screen and (max-width: 1199px) {.navbar .contact.black.navbar-toggler{
        font-size:14.5px
    }
}

@media only screen and (max-width: 991px) {.navbar .contact.black.navbar-toggler{
        font-size:15px
    }
}

@media only screen and (max-width: 380px) {.navbar .contact.black.navbar-toggler{
        font-size:14px
    }
}

@media only screen and (max-width: 355px) {.navbar .contact.black.navbar-toggler{
        font-size:13px
    }
}

@media only screen and (max-width: 340px) {.navbar .contact.black.navbar-toggler{
        font-size:12px
    }
}.navbar .contact.black.navbar-toggler:hover{
    color: #000 !important;
    border: 2px solid var(--sky-primary) !important;
    background-color: var(--sky-quaternary) !important
}.navbar .contact.black.navbar-toggler:active,
.navbar .contact.black.navbar-toggler:focus{
    color: #000 !important;
    border: 2px solid var(--sky-primary) !important;
    background-color: var(--sky-pressed-bg) !important
}.navbar .contact.black.email.navbar-toggler:before{
    background-image: url(./images/skysona_icon_connect_email.svg);
    top: 12px
}.navbar .contact.black.phone.navbar-toggler:before{
    background-image: url(./images/skysona_icon_connect_call.svg)
}

@media only screen and (max-width: 368px) {.navbar .contact.black.email.navbar-toggler{
        text-align:center;
        padding-right: 10px;
        padding-left: 25px
    }
}

.bg-nonary {
    background-color: #ede3ef !important
}.navbar .next.navbar-toggler,
.navbar .download.navbar-toggler{
    position: relative;
    border: 2px solid var(--sky-primary)
}.navbar .next.navbar-toggler:hover,
.navbar .download.navbar-toggler:hover{
    background-color: var(--sky-quaternary);
    border: 2px solid var(--sky-primary)
}.navbar .next.navbar-toggler:active,
.navbar .next.navbar-toggler:focus,
.navbar .download.navbar-toggler:active,
.navbar .download.navbar-toggler:focus{
    border: 2px solid var(--sky-primary) !important
}

.top {
    border-top: 2px solid var(--sky-tertiary)
}

@media only screen and (min-width: 768px) {
    .top-d {
        border-top:2px solid var(--sky-tertiary)
    }
}

@media only screen and (min-width: 768px) {
    .purple-divider-top {
        border-top:2px solid var(--sky-primary);
        position: relative;
        margin-top: 25px;
        padding-top: 60px
    }

    .purple-divider-top:before {
        content: "";
        background-color: var(--sky-primary);
        width: 2px;
        height: 27px;
        position: absolute;
        left: 50%;
        top: 0
    }

    .purple-divider-top:after {
        content: "";
        background-color: var(--sky-primary);
        width: 7px;
        height: 7px;
        position: absolute;
        left: calc(50% - 2.75px);
        top: 27px;
        border-radius: 50%
    }
}

@media only screen and (max-width: 767px) {
    .purple-divider-top {
        padding-top:25px
    }
}

@media only screen and (min-width: 768px) {
    .purple-divider-side img {
        min-height:96px;
        max-height: 96px
    }
}

@media only screen and (max-width: 767px) {
    .purple-divider-side {
        border-left:2px solid var(--sky-primary);
        margin-left: 1rem !important;
        padding-bottom: 0 !important;
        padding-top: 0 !important;
        padding-left: 40px !important;
        border-radius: 0 !important;
    }

    .purple-divider-side ul {
        margin-bottom: 0
    }

    .purple-divider-side h4 {
        position: relative
    }

    .purple-divider-side h4:before {
        content: "";
        background-color: var(--sky-primary);
        width: 2px;
        height: 27px;
        position: absolute;
        left: -45px;
        top: -4.75px;
        transform: rotate(90deg)
    }

    .purple-divider-side h4:after {
        content: "";
        background-color: var(--sky-primary);
        width: 7px;
        height: 7px;
        position: absolute;
        left: -32px;
        top: 5px;
        border-radius: 50%
    }
}@media only screen and (max-width: 370px){
}@media only screen and (max-width: 370px){
}

.map-wrapper .search-bar-row .validation-container {
    position: absolute;
    top: 5px !important;
    left: 4rem !important
}

@media(max-width: 767px) {
    .map-wrapper .search-bar-row .validation-container {
        left:0 !important;
        width: 100%;
        text-align: center
    }
}

.top-curved {
    border-left: 2px dotted #4d4d4f;
    border-top: 2px dotted #4d4d4f;
    border-top-left-radius: 17px;
    min-height: 100%;
    min-width: 100%
}

.bottom-curved {
    border-left: 2px dotted #4d4d4f;
    border-bottom: 2px dotted #4d4d4f;
    border-bottom-left-radius: 17px;
    min-height: 100%;
    min-width: 100%
}

.dotted-left {
    border-left: 2px dotted #4d4d4f
}

.dotted-right {
    border-right: 2px dotted #4d4d4f
}

.dotted-top {
    border-top: 2px dotted #4d4d4f
}

.top-curved-full {
    border-left: 2px dotted #4d4d4f;
    border-top: 2px dotted #4d4d4f;
    border-right: 2px dotted #4d4d4f;
    border-top-left-radius: 17px;
    border-top-right-radius: 17px;
    min-height: 15px;
    min-width: 100%
}

.bottom-curved-full {
    border-left: 2px dotted #4d4d4f;
    border-bottom: 2px dotted #4d4d4f;
    border-right: 2px dotted #4d4d4f;
    border-bottom-left-radius: 17px;
    border-bottom-right-radius: 17px;
    min-height: 15px;
    min-width: 100%
}

hr.dotted {
    border-top: 2px dotted #4d4d4f;
    width: 200px
}

.mapboxgl-popup-content .custom-row .col-6 {
    padding: 10px 15px
}

.mapboxgl-popup-content .custom-row .col-6 .visit-website {
    padding-top: 0 !important;
    padding-left: 0 !important
}

.mapboxgl-popup-content .custom-row .phone a {
    display: flex;
    align-items: center
}

.search-results-wrapper .search-result-item-left .result-td :nth-child(1) {
    margin-bottom: 0
}

/* ============================================= */
/* HUBSPOT DND AREA OVERRIDES                    */
/* ============================================= */

/* HubSpot DnD grid system — required for multi-column sections */
.row-fluid {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.row-fluid-wrapper {
    width: 100%;
}

.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.row-fluid [class*="span"] {
    box-sizing: border-box;
    min-height: 1px;
}

.row-fluid .span1 { flex: 0 0 8.333%; max-width: 8.333%; }
.row-fluid .span2 { flex: 0 0 16.666%; max-width: 16.666%; }
.row-fluid .span3 { flex: 0 0 25%; max-width: 25%; }
.row-fluid .span4 { flex: 0 0 33.333%; max-width: 33.333%; }
.row-fluid .span5 { flex: 0 0 41.666%; max-width: 41.666%; }
.row-fluid .span6 { flex: 0 0 50%; max-width: 50%; }
.row-fluid .span7 { flex: 0 0 58.333%; max-width: 58.333%; }
.row-fluid .span8 { flex: 0 0 66.666%; max-width: 66.666%; }
.row-fluid .span9 { flex: 0 0 75%; max-width: 75%; }
.row-fluid .span10 { flex: 0 0 83.333%; max-width: 83.333%; }
.row-fluid .span11 { flex: 0 0 91.666%; max-width: 91.666%; }
.row-fluid .span12 { flex: 0 0 100%; max-width: 100%; }

@media (max-width: 767px) {
    .row-fluid [class*="span"] {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.container-fluid.dnd-section {
    padding-left: 0;
    padding-right: 0;
}

/* Global: strip all padding/margin from ALL dnd wrappers (header, content, ISI, footer) */
.dnd-section {
    padding: 0;
    margin: 0;
    max-width: 100%;
}

.dnd-section > .row-fluid {
    max-width: 100%;
    padding: 0;
    margin: 0;
}

.dnd-section .dnd-column {
    padding: 0;
    margin: 0;
}

.dnd-section .dnd-row {
    padding: 0;
    margin: 0;
}

.dnd-section .dnd-module {
    padding: 0;
    margin: 0;
}

/* Reset html/body */
html, body {
    margin: 0;
    padding: 0;
}

/* Reset HubSpot wrapper divs */
.body-container--global,
.body-wrapper,
#hs_cos_wrapper_widget_block {
    margin: 0;
    padding: 0;
}

/* Bootstrap .text-primary overridden by the palette SSOT (see base layer) */
.text-primary {
    color: var(--sky-primary) !important;
}

/* ============================================================
   HubSpot forms — the single source for every embedded form on
   the site (Stay Connected, Unsubscribe, Request Medical Info).
   Transcribed from www.skysona.com, where #sign-up, #unsubscribe
   and the medical-info form all share one block and the submit
   is .btn-primary.px-5. Modules must not restyle these.
   ============================================================ */

/* Body copy inside the two form blocks. Live steps these up from the page default
   (body is Nunito-Light) to Nunito-Regular; without it the intro paragraph on
   /unsubscribe renders visibly thinner than live. Keyed on the ids live uses, so the
   block it wraps must carry id="unsubscribe" or id="sign-up". */
#sign-up p,
#sign-up ul,
#unsubscribe p,
#unsubscribe ul {
    font-family: "Nunito-Regular";
    font-size: 16px;
}

/* Field column — live puts the text fields in .col-md-9 (75% of the
   763px row, less its 15px gutters) with .w-75 on the input itself. */
/* Live's field rhythm is 49px top-to-top clean (33px input + 16px) and 74px once a
   validation message appears (35px input + 23px message + 16px). */
.hs-form .hs-form-field {
    max-width: 74%;
    margin-bottom: 16px;
}

.hs-form .hs-form-field > label,
.hs-form .hs-form-field label.hs-label {
    display: flex;
    padding-top: 0;
    margin-bottom: 0;
    font-family: 'Nunito-Regular', sans-serif;
    font-size: 16px;
    line-height: 23px;
    color: rgba(0, 0, 0, .8);
}

.hs-form .hs-input:not([type="checkbox"]):not([type="radio"]) {
    width: 75% !important;
    /* Live sets no height — 33px comes from 23px line-height + 4px padding + 1px border.
       auto overrides the theme's generic `form input[type=text] { height: 40px }`, which
       was making the name fields taller than the email field. */
    height: auto;
    border: 1px solid #4c4c4c;
    border-radius: 20px;
    padding: 4px 2px 4px 8px;
    text-indent: 10px;
    font-family: 'Nunito-Regular', sans-serif;
    font-size: 16px;
    line-height: 23px;
    color: #000;
    background-color: #fff;
    box-sizing: border-box;
    margin-bottom: 0;
    transition: border-color 0.25s ease;
}

.hs-form textarea.hs-input {
    height: auto;
    min-height: 100px;
    border-radius: 15px;
}

.hs-form select.hs-input {
    appearance: auto;
}

.hs-form .hs-input:not([type="checkbox"]):not([type="radio"]):hover {
    border: 2px solid var(--sky-primary);
}

.hs-form .hs-input:not([type="checkbox"]):not([type="radio"]):focus {
    border: 2px solid var(--sky-tertiary);
    outline: none;
}

.hs-form .hs-input.error,
.hs-form .hs-input.invalid {
    border: 2px solid #b91b21 !important;
}

@media (max-width: 767px) {
    .hs-form .hs-form-field {
        max-width: none;
    }

    .hs-form .hs-input:not([type="checkbox"]):not([type="radio"]) {
        width: 100% !important;
    }
}

/* Radio + checkbox — live draws both from scratch with appearance: none. */
.hs-form .hs-form-radio label,
.hs-form .hs-form-checkbox label,
.hs-form .hs-form-booleancheckbox label {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    font-family: 'Nunito-Regular', sans-serif;
    font-size: 16px;
    line-height: 23px;
    font-weight: normal;
    color: rgba(0, 0, 0, .8);
    cursor: pointer;
}

.hs-form .hs-form-radio input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    min-width: 20px;
    margin: 0 10px 0 0;
    border: 1px solid;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
}

.hs-form .hs-form-radio input[type="radio"]::before {
    content: "";
    display: block;
    width: 60%;
    height: 60%;
    margin: 20% auto;
    border-radius: 50%;
}

.hs-form .hs-form-radio input[type="radio"]:checked::before {
    background: #000;
}

/* hs-form-radio-fix — the two rules above reproduce production's radio dot
   (60% black circle), but the generic "form input[type=radio]" block makes the
   input a centred grid, so the 60% resolves to 0, and its scale(0) is never
   reset on :checked. Both make the dot invisible even though the input IS
   checked. Production renders the input as a plain block, so mirror that. */
.hs-form .hs-form-radio input[type="radio"] {
    display: block;
    place-content: normal;
}

.hs-form .hs-form-radio input[type="radio"]::before {
    transform: none;
    box-shadow: none;
}

.hs-form .hs-form-checkbox input[type="checkbox"],
.hs-form .hs-form-booleancheckbox input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    width: 20px;
    height: 20px;
    min-width: 20px;
    margin: 0 30px 0 0;
    border: 0;
    cursor: pointer;
}

.hs-form .hs-form-checkbox input[type="checkbox"]::before,
.hs-form .hs-form-booleancheckbox input[type="checkbox"]::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #4c4c4c;
    border-radius: 2px;
    background-color: #fff;
    /* HubSpot injects a masked tick on the control itself — strip it so only
       live's hand-drawn ::after check shows. */
    background-image: none !important;
    -webkit-mask: none !important;
    mask: none !important;
}

.hs-form .hs-form-checkbox input[type="checkbox"]:checked::after,
.hs-form .hs-form-booleancheckbox input[type="checkbox"]:checked::after {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 7px;
    width: 6px;
    height: 13px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    border-radius: 0;
    transform: rotate(45deg);
    background: none !important;
    background-image: none !important;
    -webkit-mask: none !important;
    mask: none !important;
}

.hs-form .hs-form-checkbox input[type="checkbox"].error::before,
.hs-form .hs-form-booleancheckbox input[type="checkbox"].error::before {
    border: 1px solid #b91b21;
    background-color: #f8e9e9;
}

/* Option lists carry a default disc bullet — live's radios have none. */
.hs-form ul.inputs-list,
.hs-form ul.inputs-list li {
    list-style: none;
}

.hs-form ul.inputs-list:not(.hs-error-msgs) {
    padding-left: 0;
    margin: 0;
}

/* Live indents the radio group by 48px (.radio-wrapper.pl-md-5) on desktop only. */
@media (min-width: 768px) {
    .hs-form .hs-fieldtype-radio ul.inputs-list {
        padding-left: 48px;
    }
}

/* Body copy — consent blurb, bullets, confirmation. Live keeps this inside the
   same 75% column as the fields, with the default 40px list indent. */
.hs-form p,
.hs-form li,
.hs-form .legal-consent-container,
.hs-form .legal-consent-container p,
.hs-form .hs-richtext,
.hs-form .submitted-message {
    font-family: 'Nunito-Regular', sans-serif;
    font-size: 16px;
    line-height: 23px;
    color: rgba(0, 0, 0, .8);
}

.hs-form .legal-consent-container,
.hs-form .hs-richtext {
    max-width: 74%;
}

.hs-form .legal-consent-container ul,
.hs-form .hs-richtext ul {
    padding-left: 40px;
    margin: 0;
}

.hs-form .legal-consent-container ul ul,
.hs-form .hs-richtext ul ul {
    list-style-type: circle;
    padding-left: 16px;
}

/* Live tags the consent links .text-link.dark. */
.hs-form .legal-consent-container a,
.hs-form .hs-richtext a {
    font-family: 'Nunito-Bold', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #3c3c3c;
    text-decoration: underline;
}

.hs-form .legal-consent-container a:hover,
.hs-form .hs-richtext a:hover {
    color: var(--sky-primary);
}

.hs-form .legal-consent-container a:active,
.hs-form .hs-richtext a:active {
    color: var(--sky-senary);
}

@media (max-width: 767px) {
    .hs-form .legal-consent-container,
    .hs-form .hs-richtext {
        max-width: none;
    }
}

/* Field-level validation. */
.hs-form ul.hs-error-msgs,
.hs-form .hs-error-msgs {
    list-style: none;
    padding: 0;
    margin: 5px 0 0;
}

.hs-form .hs-error-msgs li label,
.hs-form .hs-error-msg {
    display: flex;
    padding-left: 20px;
    font-family: 'Nunito-Regular', sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #b91b21;
}

/* Live shows field errors only — its form-level summary stays hidden. */
.hs-form .hs_error_rollup {
    display: none;
}

/* Submit — live's .btn-primary.px-5. */
.hs-form .hs-submit .actions {
    margin: 8px 0 16px;
}

.hs-form .hs-submit .hs-button,
.hs-form .hs-submit input[type="submit"] {
    background: #fff;
    color: #000;
    font-family: 'Nunito-Medium', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: normal;
    text-align: center;
    border: 2px solid var(--sky-primary);
    border-radius: 20px;
    padding: 10px 48px;
    cursor: pointer;
    transition: background-color 0.25s ease, border-color 0.25s ease;
}

.hs-form .hs-submit .hs-button:hover,
.hs-form .hs-submit input[type="submit"]:hover {
    background-color: var(--sky-primary-tint);
    color: #000;
    border-color: var(--sky-primary);
}

/* Pressed only. Live's rule is :active/:focus, but live re-renders the button on
   submit so it never keeps the grey; :focus-visible reproduces that — a mouse click
   returns to white on release, keyboard focus still shows the state. */
.hs-form .hs-submit .hs-button:active,
.hs-form .hs-submit .hs-button:focus-visible,
.hs-form .hs-submit input[type="submit"]:active,
.hs-form .hs-submit input[type="submit"]:focus-visible {
    color: #000;
    background-color: var(--sky-quaternary);
    border-color: var(--sky-senary);
    box-shadow: none;
    outline: none;
}

/* ============================================================
   HubSpot new form renderer (hsfc) — Unsubscribe / Request Medical Info.
   Same source of truth as the .hs-form block above: www.skysona.com's
   #sign-up / #unsubscribe rules plus .btn-primary for the submit.

   The form module's Style tab writes a full --hsf-* set inline at
   [id="hs_form_target_…"][data-hsfc-id="Renderer"][id][class] — specificity (0,2,0) and
   loaded after the theme — so the variable block below needs (0,3,0) to win.
   ============================================================ */
[data-hsfc-id="Renderer"][id][class] {
    /* Label — live renders it as .h2: Nunito-Regular 22px/26px. */
    --hsf-default-field-label__font-family: 'Nunito-Regular', sans-serif;
    --hsf-default-field-label__font-size: 22px;
    --hsf-default-field-label__color: rgba(0, 0, 0, .8);

    /* Input — live's .form-control + #unsubscribe input[type=text]. */
    --hsf-default-field-input__font-family: 'Nunito-Regular', sans-serif;
    --hsf-default-field-input__font-size: 16px;
    --hsf-default-field-input__color: #495057;
    --hsf-default-field-input__background-color: #fff;
    --hsf-default-field-input__border-color: #4c4c4c;
    --hsf-default-field-input__border-style: solid;
    --hsf-default-field-input__border-width: 1px;
    --hsf-default-field-input__border-radius: 20px;
    --hsf-default-field-input__padding: 6px 12px;
    --hsf-default-field-input__placeholder-color: #6c757d;

    --hsf-default-field-checkbox__background-color: #fff;
    --hsf-default-field-checkbox__border-color: #4c4c4c;
    --hsf-default-field-checkbox__color: #000;
    --hsf-default-field-radio__background-color: #fff;
    --hsf-default-field-radio__border-color: #4c4c4c;
    --hsf-default-field-radio__color: #000;

    --hsf-default-field-description__font-family: 'Nunito-Regular', sans-serif;
    --hsf-default-field-description__color: rgba(0, 0, 0, .8);

    /* Submit — live's .btn-primary.px-6. */
    --hsf-default-button__font-family: 'Nunito-Medium', sans-serif;
    --hsf-default-button__font-size: 14px;
    --hsf-default-button__font-weight: 400;
    --hsf-default-button__color: #000;
    --hsf-default-button__background-color: #fff;
    --hsf-default-button__border-color: var(--sky-primary);
    --hsf-default-button__border-style: solid;
    --hsf-default-button__border-width: 2px;
    --hsf-default-button__border-radius: 20px;
    --hsf-default-button__padding: 10px 96px;
    --hsf-default-button--hover__background-color: var(--sky-primary-tint);
    --hsf-default-button--hover__color: #000;

    --hsf-default-erroralert__font-family: 'Nunito-Regular', sans-serif;
    --hsf-default-erroralert__color: #b91b21;

    --hsf-default-richtext__font-family: 'Nunito-Regular', sans-serif;
    --hsf-default-richtext__font-size: 16px;
    --hsf-default-richtext__color: rgba(0, 0, 0, .8);

    --hsf-default-heading__font-family: 'JosefinSans-Bold', sans-serif;
    --hsf-default-heading__color: var(--sky-tertiary);

    --hsf-default-background__padding: 0;
    --hsf-default-background__border-style: none;

    /* Live stacks the field columns flush — the spacing comes from each column's own
       padding (the checkbox group carries 24px top and bottom). */
    --hsf-default-row__vertical-spacing: 0px;
}

/* Live's form sits in a .container, so it carries the same 15px gutters as the copy
   above it; the page's form module column has none. Restoring them aligns the form
   with the headings and makes the 50% / 66.67% columns resolve to live's widths. */
[data-hsfc-id="Renderer"][id][class] {
    padding-left: 15px;
    padding-right: 15px;
}

/* Live has no chrome around the form itself. */
[data-hsfc-id="Renderer"][id][class] .hsfc-Step,
[data-hsfc-id="Renderer"][id][class] .hsfc-Step .hsfc-Step__Content {
    background-color: transparent;
    border: none;
    padding: 0;
}

/* Live has no asterisk on the label. */
[data-hsfc-id="Renderer"][id][class] .hsfc-FieldLabel__RequiredIndicator {
    display: none;
}

[data-hsfc-id="Renderer"][id][class] .hsfc-FieldLabel {
    display: flex;
    margin: 0 0 8px;
    padding: 0;
    line-height: 26px;
}

/* Email column — live's .form-group.col-sm-6.pl-0.pt-3 (50%, 16px above). */
[data-hsfc-id="Renderer"][id][class] .hsfc-EmailField,
[data-hsfc-id="Renderer"][id][class] .hsfc-TextField {
    max-width: 50%;
    padding: 16px 15px 0 0;
}

/* Live's validation span here is inline and 0-height, so the field column is exactly
   as tall as its contents (16px top padding + 26px label + 8px + 38px input = 88px)
   and a message simply pushes what follows down. No reserved slot. */
[data-hsfc-id="Renderer"][id][class] .hsfc-TextInput {
    width: 100%;
    height: 38px;
    line-height: 24px;
    text-indent: 10px;
    margin-bottom: 0;
    box-sizing: border-box;
    box-shadow: none;
    transition: border-color 0.25s ease;
}

[data-hsfc-id="Renderer"][id][class] .hsfc-TextInput:hover {
    border-color: var(--sky-primary);
}

[data-hsfc-id="Renderer"][id][class] .hsfc-TextInput:focus,
[data-hsfc-id="Renderer"][id][class] .hsfc-TextInput:focus-visible {
    border-color: var(--sky-tertiary);
    outline: none;
    box-shadow: none;
}

[data-hsfc-id="Renderer"][id][class] .hsfc-TextInput[aria-invalid="true"] {
    border: 2px solid #b91b21;
}

/* Checkbox group — live's .py-4.form-group.col-xl-8.pl-0 (66.67%, 24px above/below). */
[data-hsfc-id="Renderer"][id][class] .hsfc-CheckboxFieldGroup,
[data-hsfc-id="Renderer"][id][class] .hsfc-CheckboxField {
    max-width: 66.6667%;
    padding: 24px 15px 24px 0;
    margin-bottom: 16px;
}

[data-hsfc-id="Renderer"][id][class] .hsfc-CheckboxFieldGroup > .hsfc-FieldLabel:empty {
    display: none;
}

[data-hsfc-id="Renderer"][id][class] .hsfc-CheckboxFieldGroup__Options .hsfc-FieldLabel,
[data-hsfc-id="Renderer"][id][class] .hsfc-CheckboxField .hsfc-CheckboxInput + span {
    display: flex;
    align-items: flex-start;
    margin: 0 0 8px;
    font-family: 'Nunito-Regular', sans-serif;
    font-size: 16px;
    line-height: 23px;
    font-weight: 400;
    color: rgba(0, 0, 0, .8);
    cursor: pointer;
}

/* Control — live draws a 20px square with a hand-made tick, indented .ml-3. */
[data-hsfc-id="Renderer"][id][class] .hsfc-CheckboxInput {
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    min-width: 20px;
    margin: 0 10px 0 16px;
    padding: 0;
    border: 1px solid #4c4c4c;
    border-radius: 2px;
    background-color: #fff;
    background-image: none;
    cursor: pointer;
}

[data-hsfc-id="Renderer"][id][class] .hsfc-CheckboxInput:checked::after {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 7px;
    width: 6px;
    height: 13px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

[data-hsfc-id="Renderer"][id][class] .hsfc-CheckboxInput:focus-visible {
    outline: 1px dashed #4d4d4f;
}

/* Live flags the whole group red when nothing is selected. The renderer marks only
   the group (via its error message), not the individual controls. */
[data-hsfc-id="Renderer"][id][class] .hsfc-CheckboxFieldGroup:has(.hsfc-ErrorAlert) .hsfc-CheckboxInput,
[data-hsfc-id="Renderer"][id][class] .hsfc-CheckboxField:has(.hsfc-ErrorAlert) .hsfc-CheckboxInput {
    border-color: #b91b21;
    background-color: #f8e9e9;
}

/* Field-level validation — live's .field-validation-error. */
[data-hsfc-id="Renderer"][id][class] .hsfc-ErrorAlert {
    display: flex;
    margin-top: 5px;
    padding-left: 20px;
    font-family: 'Nunito-Regular', sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #b91b21;
    background: none;
    border: none;
}

/* Live shows field errors only — the form-level summary stays hidden. */
[data-hsfc-id="Renderer"][id][class] .hsfc-NavigationRow__Alerts {
    display: none;
}

[data-hsfc-id="Renderer"][id][class] .hsfc-NavigationRow,
[data-hsfc-id="Renderer"][id][class] .hsfc-NavigationRow__Buttons {
    padding: 0;
    margin: 0;
    justify-content: flex-start;
}

[data-hsfc-id="Renderer"][id][class] .hsfc-Button {
    width: auto;
    line-height: 16px;
    letter-spacing: normal;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.25s ease, border-color 0.25s ease;
}

[data-hsfc-id="Renderer"][id][class] .hsfc-Button:not([disabled]):hover {
    background-color: var(--sky-primary-tint);
    color: #000;
    border-color: var(--sky-primary);
}

[data-hsfc-id="Renderer"][id][class] .hsfc-Button:not([disabled]):active {
    color: #000;
    background-color: var(--sky-quaternary);
    border-color: var(--sky-senary);
    box-shadow: none;
}

/* Live stacks and goes full width below 768px (.mobile-full-width). */
@media (max-width: 767px) {
    [data-hsfc-id="Renderer"][id][class] .hsfc-EmailField,
    [data-hsfc-id="Renderer"][id][class] .hsfc-TextField,
    [data-hsfc-id="Renderer"][id][class] .hsfc-CheckboxFieldGroup,
    [data-hsfc-id="Renderer"][id][class] .hsfc-CheckboxField {
        max-width: none;
        padding-right: 0;
    }

    [data-hsfc-id="Renderer"][id][class] .hsfc-Button {
        width: 100%;
    }
}

/* =====================================================================
   Skysona style-guide base — transcribed from www.skysona.com app.min.css.
   Hex values replaced by palette vars (SSOT); everything else is live's.
   Modules must declare DELTAS only against this layer.
   ===================================================================== */

/* --- Base elements --------------------------------------------- */

body {
  font-family:"Open Sans",sans-serif;
}
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight:400;
  padding-top:2rem;
  line-height:1.5;
}
body {
  font-family:"Nunito-Light";
  font-size:16px;
  color:rgba(0,0,0,.8);
  word-wrap:break-word;
  line-height:23px;
}
sub, sup {
  font-size:65%;
}
sup {
  top:-0.5em;
}
footer {
  font-size:15px;
}
img {
  max-width:100%;
  height:auto;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  padding:15px 0px 0px 0px;
  line-height:1.2;
}
h1, .h1 {
  font-family:"JosefinSans-Bold";
  color:var(--sky-tertiary);
  font-size:34px;
  font-weight:700;
  line-height:42px;
  text-transform:uppercase;
}
h2, .h2 {
  color:var(--sky-quinary);
  font-family:"Nunito-Regular";
  font-size:22px;
  font-weight:400;
  line-height:26px;
}
@media(max-width: 767px) {
  h2, .h2 {
    font-size:20px;
  }
}
h3, .h3 {
  color:var(--sky-tertiary);
  font-family:"Nunito-ExtraBold";
  font-size:24px;
  font-weight:700;
  line-height:28px;
}
h4, .h4 {
  color:var(--sky-tertiary);
  font-family:"Nunito-Bold";
  font-size:18px;
  font-weight:700;
  line-height:20px;
}
h5, .h5 {
  color:var(--sky-tertiary);
  font-family:"JosefinSans-Bold";
  font-size:22px;
  font-weight:700;
  line-height:28px;
  text-transform:uppercase;
}
small, .small {
  font-size:.8rem;
}
a {
  font-family:"Nunito-Bold";
  font-weight:700;
  cursor:pointer;
  color:var(--sky-septenary);
  text-decoration:underline;
}

/* Live fades every link on hover. Components that need a different hover (the anchor
   links, nav, buttons) override colour/underline but keep this fade — .btn:hover from
   Bootstrap outranks the underline, so buttons stay clean, exactly as on live. */
a:hover {
  opacity:.75;
  text-decoration:underline;
}

/* --- Semantic colour utilities --------------------------------- */

.text-primary {
  color:var(--sky-primary) !important;
}
.text-secondary {
  color:var(--sky-secondary) !important;
}
.text-tertiary {
  color:var(--sky-tertiary) !important;
}
.text-quaternary {
  color:var(--sky-quaternary) !important;
}
.text-quinary {
  color:var(--sky-quinary) !important;
}
.text-senary {
  color:var(--sky-senary) !important;
}
.text-septenary {
  color:var(--sky-septenary) !important;
}
.text-octonary {
  color:var(--sky-octonary) !important;
}
.text-black {
  color:var(--sky-black) !important;
}
.text-white {
  color:var(--sky-white) !important;
}
.text-nonary {
  color:var(--sky-nonary) !important;
}
.text-denary {
  color:var(--sky-denary) !important;
}
/* Live's vendor build has no "eleven" theme colour, so .text-eleven is only ever
   the body gray — in every state. Ours inherits an eleven swatch from the
   zynteglo baseline, which generates a near-transparent utility plus a hover
   variant, so both have to be overridden here. */
.text-eleven {
  color:var(--sky-eleven) !important;
}
a.text-eleven:hover,
a.text-eleven:focus {
  color:var(--sky-eleven) !important;
}

/* --- Semantic background utilities ----------------------------- */

.bg-primary, .bg-secondary, .bg-quaternary, .bg-quinary {
  color:var(--sky-white);
}
.bg-primary {
  background-color:var(--sky-primary);
}
.bg-secondary {
  background-color:var(--sky-secondary);
}
.bg-tertiary {
  background-color:var(--sky-tertiary);
}
.bg-quaternary {
  background-color:var(--sky-quaternary);
}
.bg-quinary {
  background-color:var(--sky-quinary);
}
.bg-senary {
  background-color:var(--sky-senary);
}
.bg-septenary {
  background-color:var(--sky-septenary);
}
.bg-octonary {
  background-color:var(--sky-octonary);
}
.bg-nonary {
  background-color:var(--sky-nonary);
}
.bg-denary {
  background-color:var(--sky-denary);
}
.bg-black {
  background-color:var(--sky-black);
}

/* --- Link classes ---------------------------------------------- */

a.text-link {
  font-family:"Nunito-Bold";
  font-size:16px;
  color:var(--sky-septenary) !important;
  text-decoration:underline;
}
a.text-link.light {
  font-family:"Nunito-Regular";
  font-weight:400;
}
a.text-link.dark {
  font-family:"Nunito-Bold";
  color:#3c3c3c !important;
}

/* --- Font utility classes ------------------------------------- */
/* Live exposes one class per face and uses them directly in rich text.
   Only the faces this theme actually ships are declared. */

.Nunito-Light {
  font-family: 'Nunito-Light';
  font-weight: 300;
  font-style: normal;
}
.Nunito-Regular {
  font-family: 'Nunito-Regular';
  font-weight: 400;
  font-style: normal;
}
.Nunito-Medium {
  font-family: 'Nunito-Medium';
  font-weight: 500;
  font-style: normal;
}
.Nunito-SemiBold {
  font-family: 'Nunito-SemiBold';
  font-weight: 600;
  font-style: normal;
}
.Nunito-Bold {
  font-family: 'Nunito-Bold';
  font-weight: 700;
  font-style: normal;
}
.Nunito-ExtraBold {
  font-family: 'Nunito-ExtraBold';
  font-weight: 800;
  font-style: normal;
}
.Nunito-Black {
  font-family: 'Nunito-Black';
  font-weight: 900;
  font-style: normal;
}
.JosefinSans-Light {
  font-family: 'JosefinSans-Light';
  font-weight: 300;
  font-style: normal;
}
.JosefinSans-Regular {
  font-family: 'JosefinSans-Regular';
  font-weight: 400;
  font-style: normal;
}
.JosefinSans-SemiBold {
  font-family: 'JosefinSans-SemiBold';
  font-weight: 600;
  font-style: normal;
}
.JosefinSans-Bold {
  font-family: 'JosefinSans-Bold';
  font-weight: 700;
  font-style: normal;
}
.BrandonGrotesque-Light {
  font-family: 'BrandonGrotesque-Light';
  font-weight: 300;
  font-style: normal;
}
.BrandonGrotesque-Regular {
  font-family: 'BrandonGrotesque-Regular';
  font-weight: 400;
  font-style: normal;
}
.BrandonGrotesque-Medium {
  font-family: 'BrandonGrotesque-Medium';
  font-weight: 500;
  font-style: normal;
}
.BrandonGrotesque-Bold {
  font-family: 'BrandonGrotesque-Bold';
  font-weight: 700;
  font-style: normal;
}

/* --- List / bullet classes ------------------------------------- */

ul.bullet-open {
  list-style:circle;
}
ul.bullet-black {
  list-style-type:disc;
}

/* Live tints every list marker orange; the bullet-* classes opt back out. */
ul li::marker {
  color:var(--sky-primary);
}
ul.bullet-tertiary li::marker {
  color:var(--sky-tertiary);
}
ul.bullet-open li::marker {
  color:rgba(0, 0, 0, .8);
}
ul.bullet-black li::marker {
  color:var(--sky-black);
}

/* --- Buttons --------------------------------------------------- */

.btn {
  padding:10px 10px 5px 10px;
}
.btn {
  max-width:500px;
  padding:10px;
  text-decoration:none;
}
.btn-primary, .btn-primary:not([href]):not([tabindex]) {
  background:var(--sky-white);
  color:var(--sky-black);
  font-family:"Nunito-Medium",sans-serif;
  font-weight:400;
  border-radius:20px;
  font-size:14px;
  line-height:16px !important;
  letter-spacing:normal;
  text-align:center;
  border:2px solid var(--sky-primary);
  padding-left:2rem;
  padding-right:2rem;
  min-height:fit-content !important;
}
.btn-primary:hover, .btn-primary:not([href]):not([tabindex]):hover {
  background-color:var(--sky-primary-tint);
  color:var(--sky-black);
  border-color:var(--sky-primary);
}
.btn-primary:active, .btn-primary:focus, .btn-primary:not([href]):not([tabindex]):active, .btn-primary:not([href]):not([tabindex]):focus {
  color:var(--sky-black) !important;
  background-color:var(--sky-quaternary) !important;
  border-color:var(--sky-senary) !important;
  box-shadow:none !important;
}
.btn-secondary, .btn-secondary:not([href]):not([tabindex]) {
  background:var(--sky-white);
  color:var(--sky-black);
  font-family:"JosefinSans-Regular",sans-serif;
  font-weight:400;
  border-radius:20px;
  font-size:16px;
  line-height:18px;
  letter-spacing:normal;
  text-align:left;
  border:2px solid var(--sky-primary);
  min-height:fit-content !important;
  padding:9px 25px 9px 14px;
}
.btn-secondary:hover, .btn-secondary:not([href]):not([tabindex]):hover {
  background-color:var(--sky-primary-tint);
  color:var(--sky-black);
  border-color:var(--sky-primary);
}
.btn-secondary:active, .btn-secondary:focus, .btn-secondary:not([href]):not([tabindex]):active, .btn-secondary:not([href]):not([tabindex]):focus {
  color:var(--sky-black) !important;
  background-color:var(--sky-quaternary) !important;
  border-color:var(--sky-senary) !important;
  box-shadow:none !important;
}
.btn-secondary:before, .btn-secondary:not([href]):not([tabindex]):before {
  content:"";
  background-image:url('/hubfs/raw_assets/public/themes/skysona-theme/images/sm-map-marker-icon-gray.svg');
  background-size:100%;
  min-width:14px;
  min-height:19px;
  background-repeat:no-repeat;
  margin-right:15px;
}
.btn-tertiary, .btn-tertiary:not([href]):not([tabindex]) {
  background:var(--sky-white);
  color:var(--sky-black);
  font-family:"JosefinSans-Bold",sans-serif;
  font-weight:400;
  font-size:16px;
  line-height:17px;
  letter-spacing:normal;
  text-align:left;
  border:1px solid #707070;
  border-radius:0px;
  min-height:fit-content !important;
  padding:15px 25px 15px 14px;
}
.btn-tertiary:hover, .btn-tertiary:not([href]):not([tabindex]):hover {
  background-color:var(--sky-primary-tint);
  color:var(--sky-black);
  border-color:var(--sky-primary);
}
.btn-tertiary:active, .btn-tertiary:focus, .btn-tertiary:not([href]):not([tabindex]):active, .btn-tertiary:not([href]):not([tabindex]):focus {
  color:var(--sky-black) !important;
  background-color:var(--sky-quaternary) !important;
  border-color:var(--sky-senary) !important;
  box-shadow:none !important;
}
.btn-tertiary:after, .btn-tertiary:not([href]):not([tabindex]):after {
  display:flex;
  justify-content:center;
  align-items:center;
  height:100%;
  right:0px !important;
  padding:0px 2px;
  background-color:var(--sky-primary);
}
.btn-secondary, .btn-tertiary, .btn-quinary, .btn-arrow {
  display:inline-flex;
  position:relative;
  padding-right:25px;
  align-items:center;
  justify-content:left;
}
.btn-quaternary, .btn-quaternary:not([href]):not([tabindex]) {
  background-color:rgba(0,0,0,0);
  height:54px;
  color:var(--sky-black);
  font-family:"JosefinSans-Bold",sans-serif;
  font-size:20px;
  line-height:25px;
  text-align:left;
  border-radius:0px;
  border:2px solid var(--sky-primary-dark);
  border-radius:20px;
  min-width:597px;
  display:flex;
  align-items:end;
}
.btn-quaternary:hover, .btn-quaternary:not([href]):not([tabindex]):hover {
  background-color:var(--sky-primary-tint);
  color:var(--sky-black);
  border-color:var(--sky-primary);
}
.btn-quaternary:active, .btn-quaternary:focus, .btn-quaternary:not([href]):not([tabindex]):active, .btn-quaternary:not([href]):not([tabindex]):focus {
  color:var(--sky-black) !important;
  background-color:var(--sky-quaternary) !important;
  border-color:var(--sky-senary) !important;
  box-shadow:none !important;
}
@media only screen and (max-width: 767px) {
.btn-quaternary, .btn-quaternary:not([href]):not([tabindex]) {
    min-width:unset;
    height:auto;
  }
}
.btn-quinary, .btn-quinary:not([href]):not([tabindex]) {
  background-color:var(--sky-white);
  color:rgba(0,0,0,.8);
  border-radius:20px;
  font-family:"Nunito-Bold",sans-serif;
  font-size:16px;
  font-weight:400;
  line-height:20px;
  text-align:left;
  border:1px solid #4c4c4c;
  padding-left:25px;
  min-width:100%;
}
.btn-quinary:hover, .btn-quinary:not([href]):not([tabindex]):hover {
  background:var(--sky-primary-tint);
  border-color:var(--sky-primary);
  color:var(--sky-black);
}
.btn-quinary:active, .btn-quinary:focus, .btn-quinary:not([href]):not([tabindex]):active, .btn-quinary:not([href]):not([tabindex]):focus {
  background-color:var(--sky-quaternary) !important;
  border-color:var(--sky-senary) !important;
  box-shadow:none !important;
}
.btn-senary, .btn-senary:not([href]):not([tabindex]) {
  background-color:var(--sky-white);
  border:2px solid var(--sky-primary);
  border-radius:50%;
  color:var(--sky-black);
  display:flex;
  flex-direction:column;
  justify-content:center;
  font-family:"Nunito-Bold",sans-serif;
  font-size:12px;
  font-weight:700;
  line-height:12px;
  padding:0 2px 2px;
  text-decoration:none;
  text-transform:uppercase;
  height:54px;
  width:54px;
  z-index:100 !important;
}
.btn-senary:before, .btn-senary:not([href]):not([tabindex]):before {
  content:"";
  background-image:url('/hubfs/raw_assets/public/themes/skysona-theme/images/up-caret-gray.svg');
  background-size:cover;
  display:block;
  margin:0 auto;
  position:relative;
  top:-3px;
  width:23px;
  height:10px;
  background-repeat:no-repeat;
}
.btn-senary:hover, .btn-senary:not([href]):not([tabindex]):hover {
  color:var(--sky-black);
  border-color:var(--sky-primary);
  background-color:var(--sky-primary-tint);
}
.btn-senary:focus, .btn-senary:active, .btn-senary:not(:disabled):not(.disabled):active, .btn-senary:not(:disabled):not(.disabled).active, .btn-senary:not([href]):not([tabindex]):focus, .btn-senary:not([href]):not([tabindex]):active, .btn-senary:not([href]):not([tabindex]):not(:disabled):not(.disabled):active, .btn-senary:not([href]):not([tabindex]):not(:disabled):not(.disabled).active {
  color:var(--sky-black);
  background-color:var(--sky-quaternary);
  border-color:var(--sky-senary);
  box-shadow:none !important;
}
.btn-septenary, .btn-septenary:not([href]):not([tabindex]) {
  background-color:#f79f21;
  color:#0d0d0d;
  border-radius:20px;
  font-family:"JosefinSans-Bold",sans-serif;
  font-size:16px;
  font-weight:500;
  line-height:16px;
  padding-left:2rem;
  padding-right:2rem;
  border:2px solid #f79f21;
}
.btn-septenary:hover, .btn-septenary:not([href]):not([tabindex]):hover {
  background-color:var(--sky-primary-tint);
  color:var(--sky-black);
  border-color:var(--sky-primary);
}
.btn-septenary:active, .btn-septenary:focus, .btn-septenary:not([href]):not([tabindex]):active, .btn-septenary:not([href]):not([tabindex]):focus {
  color:var(--sky-black) !important;
  background-color:var(--sky-quaternary) !important;
  border-color:var(--sky-senary) !important;
  box-shadow:none !important;
}
.btn-octonary {
  color:var(--sky-black);
  font-family:"Nunito-Bold";
  font-size:16px;
  font-weight:700;
  line-height:18px;
  background:none;
  border:none;
  position:relative;
  outline:none !important;
  display:inline-flex;
  align-items:center;
  gap:15px;
}
.btn-octonary:hover, .btn-octonary:active, .btn-octonary:focus {
  background:none !important;
  border:none !important;
  outline:none !important;
  box-shadow:none !important;
}
.btn-octonary:hover {
  color:var(--sky-primary);
}
.btn-octonary:active {
  color:var(--sky-senary) !important;
}

/* --- Button system — transcribed from live www.skysona.com (complete) ----- */

.btn {
  padding:10px 10px 5px 10px;
}

.btn::hover {
  text-decoration:none;
  cursor:pointer;
}

.btn-sm {
  font-size:11px;
  line-height:16px;
  padding:6px 15px 6px 15px;
}

.btn-md {
  font-size:14px;
  line-height:inherit;
  padding:10px 10px 5px 10px;
}

.btn-lg {
  font-size:16px;
  line-height:20px;
  padding:20px 40px;
}

.btn-icon i {
  padding-left:7px;
}

.btn-number {
  padding-right:1em;
}

.btn-number .badge {
  font-size:90%;
  left:10px;
}

.btn {
  max-width:500px;
  padding:10px;
  text-decoration:none;
}

.btn-primary,
.btn-primary:not([href]):not([tabindex]) {
  background:var(--sky-white);
  color:var(--sky-black);
  font-family:"Nunito-Medium",sans-serif;
  font-weight:400;
  border-radius:20px;
  font-size:14px;
  line-height:16px !important;
  letter-spacing:normal;
  text-align:center;
  border:2px solid var(--sky-primary);
  padding-left:2rem;
  padding-right:2rem;
  min-height:fit-content !important;
}

.btn-primary:hover,
.btn-primary:not([href]):not([tabindex]):hover {
  background-color:var(--sky-primary-tint);
  color:var(--sky-black);
  border-color:var(--sky-primary);
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:not([href]):not([tabindex]):active,
.btn-primary:not([href]):not([tabindex]):focus {
  color:var(--sky-black) !important;
  background-color:var(--sky-quaternary) !important;
  border-color:var(--sky-senary) !important;
  box-shadow:none !important;
}

.btn-secondary,
.btn-secondary:not([href]):not([tabindex]) {
  background:var(--sky-white);
  color:var(--sky-black);
  font-family:"JosefinSans-Regular",sans-serif;
  font-weight:400;
  border-radius:20px;
  font-size:16px;
  line-height:18px;
  letter-spacing:normal;
  text-align:left;
  border:2px solid var(--sky-primary);
  min-height:fit-content !important;
  padding:9px 25px 9px 14px;
}

.btn-secondary:hover,
.btn-secondary:not([href]):not([tabindex]):hover {
  background-color:var(--sky-primary-tint);
  color:var(--sky-black);
  border-color:var(--sky-primary);
}

.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:not([href]):not([tabindex]):active,
.btn-secondary:not([href]):not([tabindex]):focus {
  color:var(--sky-black) !important;
  background-color:var(--sky-quaternary) !important;
  border-color:var(--sky-senary) !important;
  box-shadow:none !important;
}

.btn-secondary:before,
.btn-secondary:not([href]):not([tabindex]):before {
  content:"";
  background-image:url('/hubfs/raw_assets/public/themes/skysona-theme/images/sm-map-marker-icon-gray.svg');
  background-size:100%;
  min-width:14px;
  min-height:19px;
  background-repeat:no-repeat;
  margin-right:15px;
}

.btn-tertiary,
.btn-tertiary:not([href]):not([tabindex]) {
  background:var(--sky-white);
  color:var(--sky-black);
  font-family:"JosefinSans-Bold",sans-serif;
  font-weight:400;
  font-size:16px;
  line-height:17px;
  letter-spacing:normal;
  text-align:left;
  border:1px solid #707070;
  border-radius:0px;
  min-height:fit-content !important;
  padding:15px 25px 15px 14px;
}

.btn-tertiary:hover,
.btn-tertiary:not([href]):not([tabindex]):hover {
  background-color:var(--sky-primary-tint);
  color:var(--sky-black);
  border-color:var(--sky-primary);
}

.btn-tertiary:active,
.btn-tertiary:focus,
.btn-tertiary:not([href]):not([tabindex]):active,
.btn-tertiary:not([href]):not([tabindex]):focus {
  color:var(--sky-black) !important;
  background-color:var(--sky-quaternary) !important;
  border-color:var(--sky-senary) !important;
  box-shadow:none !important;
}

.btn-tertiary:after,
.btn-tertiary:not([href]):not([tabindex]):after {
  display:flex;
  justify-content:center;
  align-items:center;
  height:100%;
  right:0px !important;
  padding:0px 2px;
  background-color:var(--sky-primary);
}

.btn-secondary,
.btn-tertiary,
.btn-quinary,
.btn-arrow {
  display:inline-flex;
  position:relative;
  padding-right:25px;
  align-items:center;
  justify-content:left;
}

.btn-secondary::after,
.btn-tertiary::after,
.btn-quinary::after,
.btn-arrow::after {
  content:"";
  font-family:"Font Awesome 5 Free";
  font-weight:900;
  font-size:1rem;
  position:absolute;
  right:10px;
  color:var(--sky-tertiary);
}

.btn-quaternary,
.btn-quaternary:not([href]):not([tabindex]) {
  background-color:rgba(0,0,0,0);
  height:54px;
  color:var(--sky-black);
  font-family:"JosefinSans-Bold",sans-serif;
  font-size:20px;
  line-height:25px;
  text-align:left;
  border-radius:0px;
  border:2px solid var(--sky-primary-dark);
  border-radius:20px;
  min-width:597px;
  display:flex;
  align-items:end;
}

.btn-quaternary:hover,
.btn-quaternary:not([href]):not([tabindex]):hover {
  background-color:var(--sky-primary-tint);
  color:var(--sky-black);
  border-color:var(--sky-primary);
}

.btn-quaternary:active,
.btn-quaternary:focus,
.btn-quaternary:not([href]):not([tabindex]):active,
.btn-quaternary:not([href]):not([tabindex]):focus {
  color:var(--sky-black) !important;
  background-color:var(--sky-quaternary) !important;
  border-color:var(--sky-senary) !important;
  box-shadow:none !important;
}

.btn-quaternary::after,
.btn-quaternary:not([href]):not([tabindex])::after {
  content:url('/hubfs/raw_assets/public/themes/skysona-theme/images/down-arrow-no-line-orange-sm.svg');
  display:inline-flex;
  transform:rotate(-90deg);
  margin-left:20px;
  align-self:center;
}

@media only screen and (max-width: 767px) {
.btn-quaternary,
.btn-quaternary:not([href]):not([tabindex]) {
  min-width:unset;
  height:auto;
}
}

.btn-quinary,
.btn-quinary:not([href]):not([tabindex]) {
  background-color:var(--sky-white);
  color:rgba(0,0,0,.8);
  border-radius:20px;
  font-family:"Nunito-Bold",sans-serif;
  font-size:16px;
  font-weight:400;
  line-height:20px;
  text-align:left;
  border:1px solid #4c4c4c;
  padding-left:25px;
  min-width:100%;
}

.btn-quinary:hover,
.btn-quinary:not([href]):not([tabindex]):hover {
  background:var(--sky-primary-tint);
  border-color:var(--sky-primary);
  color:var(--sky-black);
}

.btn-quinary:active,
.btn-quinary:focus,
.btn-quinary:not([href]):not([tabindex]):active,
.btn-quinary:not([href]):not([tabindex]):focus {
  background-color:var(--sky-quaternary) !important;
  border-color:var(--sky-senary) !important;
  box-shadow:none !important;
}

.btn-quinary::after,
.btn-quinary:not([href]):not([tabindex])::after {
  color:var(--sky-primary);
}

.btn-senary,
.btn-senary:not([href]):not([tabindex]) {
  background-color:var(--sky-white);
  border:2px solid var(--sky-primary);
  border-radius:50%;
  color:var(--sky-black);
  display:flex;
  flex-direction:column;
  justify-content:center;
  font-family:"sans-serif",sans-serif;
  font-size:12px;
  font-weight:700;
  line-height:12px;
  padding:0 2px 2px;
  text-decoration:none;
  text-transform:uppercase;
  height:54px;
  width:54px;
  z-index:100 !important;
}

.btn-senary.back-to-top-button,
.btn-senary:not([href]):not([tabindex]).back-to-top-button {
  display:none;
  bottom:20px;
}

/* Live flips this to display:flex with an inline style from its own scroll script;
   js/back-to-top.js toggles a .visible class instead, so the shown state needs a
   rule of its own — without it the button never appears at any width. */
.btn-senary.back-to-top-button.visible,
.btn-senary:not([href]):not([tabindex]).back-to-top-button.visible {
  display:flex;
}

@media only screen and (max-width: 767px) {
.btn-senary.back-to-top-button,
.btn-senary:not([href]):not([tabindex]).back-to-top-button {
  right:20px;
}
}

@media only screen and (max-width: 358px) {
.btn-senary.back-to-top-button,
.btn-senary:not([href]):not([tabindex]).back-to-top-button {
  bottom:175px;
}
}

.btn-senary:before,
.btn-senary:not([href]):not([tabindex]):before {
  content:"";
  background-image:url('/hubfs/raw_assets/public/themes/skysona-theme/images/up-caret-gray.svg');
  background-size:cover;
  display:block;
  margin:0 auto;
  position:relative;
  top:-3px;
  width:23px;
  height:10px;
  background-repeat:no-repeat;
}

.btn-senary:hover,
.btn-senary:not([href]):not([tabindex]):hover {
  color:var(--sky-black);
  border-color:var(--sky-primary);
  background-color:var(--sky-primary-tint);
}

.btn-senary:focus,
.btn-senary:active,
.btn-senary:not(:disabled):not(.disabled):active,
.btn-senary:not(:disabled):not(.disabled).active,
.btn-senary:not([href]):not([tabindex]):focus,
.btn-senary:not([href]):not([tabindex]):active,
.btn-senary:not([href]):not([tabindex]):not(:disabled):not(.disabled):active,
.btn-senary:not([href]):not([tabindex]):not(:disabled):not(.disabled).active {
  color:var(--sky-black);
  background-color:var(--sky-quaternary);
  border-color:var(--sky-senary);
  box-shadow:none !important;
}

.btn-septenary,
.btn-septenary:not([href]):not([tabindex]) {
  background-color:#f79f21;
  color:#0d0d0d;
  border-radius:20px;
  font-family:"JosefinSans-Bold",sans-serif;
  font-size:16px;
  font-weight:500;
  line-height:16px;
  padding-left:2rem;
  padding-right:2rem;
  border:2px solid #f79f21;
}

.btn-septenary:hover,
.btn-septenary:not([href]):not([tabindex]):hover {
  background-color:var(--sky-primary-tint);
  color:var(--sky-black);
  border-color:var(--sky-primary);
}

.btn-septenary:active,
.btn-septenary:focus,
.btn-septenary:not([href]):not([tabindex]):active,
.btn-septenary:not([href]):not([tabindex]):focus {
  color:var(--sky-black) !important;
  background-color:var(--sky-quaternary) !important;
  border-color:var(--sky-senary) !important;
  box-shadow:none !important;
}

.btn-septenary.light,
.btn-septenary:not([href]):not([tabindex]).light {
  background-color:var(--sky-white);
  max-width:320px;
  min-width:320px;
  padding:9px 5px 6px;
}

@media only screen and (max-width: 358px) {
.btn-septenary.light,
.btn-septenary:not([href]):not([tabindex]).light {
  min-width:100%;
}
}

.btn-septenary.light:hover,
.btn-septenary:not([href]):not([tabindex]).light:hover {
  background-color:var(--sky-primary-tint);
}

.btn-file-download,
.btn-file-download:not([href]):not([tabindex]) {
  color:var(--sky-tertiary);
  height:54px;
  font-family:"JosefinSans-Bold",sans-serif;
  font-size:20px;
  font-weight:500;
  line-height:25px;
  border:none;
  text-align:left;
  text-transform:uppercase;
  display:flex;
  align-items:end;
}

@media (max-width: 767px) {
.btn-file-download,
.btn-file-download:not([href]):not([tabindex]) {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  text-align:left;
  height:auto;
}
}

@media (max-width: 767px) {
.btn-file-download:before,
.btn-file-download:not([href]):not([tabindex]):before {
  position:relative;
  top:-5px;
}
}

.btn-file-download::before,
.btn-file-download:not([href]):not([tabindex])::before {
  content:url('/hubfs/raw_assets/public/themes/skysona-theme/images/down-arrow-gray-sm.svg');
  background:#f79f21;
  display:inline-flex;
  justify-content:center;
  align-self:center;
  padding:0px 15px;
  border-radius:50%;
  min-height:50px;
  min-width:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding-top:5px;
  margin-right:10px;
}

.btn-file-download.large,
.btn-file-download:not([href]):not([tabindex]).large {
  color:var(--sky-black);
  min-width:597px;
  border:2px solid var(--sky-primary-dark);
  border-radius:20px;
}

.btn-file-download.large::before,
.btn-file-download:not([href]):not([tabindex]).large::before {
  content:url('/hubfs/raw_assets/public/themes/skysona-theme/images/down-arrow-orange-sm.svg');
  background:rgba(0,0,0,0);
  margin-right:inherit;
}

@media (max-width: 767px) {
.btn-file-download.large,
.btn-file-download:not([href]):not([tabindex]).large {
  min-width:unset;
}
}

.btn-octonary {
  color:var(--sky-black);
  font-family:"Nunito-Bold";
  font-size:16px;
  font-weight:700;
  line-height:18px;
  background:none;
  border:none;
  position:relative;
  outline:none !important;
  display:inline-flex;
  align-items:center;
  gap:15px;
}

.btn-octonary.call::before {
  content:url('/hubfs/raw_assets/public/themes/skysona-theme/images/skysona_icon_connect_call.svg');
  background:rgba(0,0,0,0);
}

.btn-octonary.email::before {
  content:url('/hubfs/raw_assets/public/themes/skysona-theme/images/skysona_icon_connect_email.svg');
  background:rgba(0,0,0,0);
}

.btn-octonary:hover,
.btn-octonary:active,
.btn-octonary:focus {
  background:none !important;
  border:none !important;
  outline:none !important;
  box-shadow:none !important;
}

.btn-octonary:hover {
  color:var(--sky-primary);
}

.btn-octonary:active {
  color:var(--sky-senary) !important;
}


/* --- Font utility classes for those faces (live naming) ---------------- */

.Nunito-Italic {
  font-family: 'Nunito-Italic';
  font-weight: normal;
  font-style: italic;
}

.Nunito-LightItalic {
  font-family: 'Nunito-LightItalic';
  font-weight: 300;
  font-style: italic;
}

.JosefinSans-Medium {
  font-family: 'JosefinSans-Medium';
  font-weight: 500;
  font-style: normal;
}

.Smooch {
  font-family: 'Smooch';
  font-weight: normal;
  font-style: normal;
}
/* --- Utility / helper classes from live that the base pass missed -------- */

a.anchor-text-link,
.anchor-text-link {
  color:var(--sky-quinary);
  font-family:"JosefinSans-Bold",sans-serif;
  font-size:16px;
  line-height:1.1;
  position:relative;
  text-decoration:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  max-width:235px;
}

a.anchor-text-link::after,
.anchor-text-link::after {
  content:"";
  background-image:url('/hubfs/raw_assets/public/themes/skysona-theme/images/skysona_icon_anchor_link.svg');
  position:relative;
  background-repeat:no-repeat;
  background-position:center;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:50%;
  height:33px;
  width:33px;
  min-width:33px;
}

a.anchor-text-link:hover,
.anchor-text-link:hover {
  color:var(--sky-quinary);
  text-decoration:none;
}

a.anchor-text-link:active,
a.anchor-text-link:focus,
.anchor-text-link:active,
.anchor-text-link:focus {
  color:var(--sky-tertiary) !important;
  text-decoration:none;
}

a.anchor-text-link.resources:before,
a.anchor-text-link.support:before,
a.anchor-text-link.faqs:before,
a.anchor-text-link.about:before,
a.anchor-text-link.efficacy:before,
a.anchor-text-link.safety:before,
.anchor-text-link.resources:before,
.anchor-text-link.support:before,
.anchor-text-link.faqs:before,
.anchor-text-link.about:before,
.anchor-text-link.efficacy:before,
.anchor-text-link.safety:before {
  background-repeat:no-repeat;
  background-position:left;
  position:absolute;
  left:0;
}

@media (max-width: 767px) {
a.anchor-text-link.resources,
a.anchor-text-link.support,
a.anchor-text-link.faqs,
a.anchor-text-link.about,
a.anchor-text-link.efficacy,
a.anchor-text-link.safety,
.anchor-text-link.resources,
.anchor-text-link.support,
.anchor-text-link.faqs,
.anchor-text-link.about,
.anchor-text-link.efficacy,
.anchor-text-link.safety {
  margin:0 auto;
}
}

a.anchor-text-link.resources,
.anchor-text-link.resources {
  padding-left:60px;
}

a.anchor-text-link.resources:before,
.anchor-text-link.resources:before {
  content:"";
  background-image:url('/hubfs/raw_assets/public/themes/skysona-theme/images/skysona_icon_pdf_donwload.svg');
  height:50px;
  width:60px;
  min-width:60px;
}

a.anchor-text-link.support,
.anchor-text-link.support {
  padding-left:60px;
}

a.anchor-text-link.support:before,
.anchor-text-link.support:before {
  content:"";
  background-image:url('/hubfs/raw_assets/public/themes/skysona-theme/images/skysona_icon_connect.svg');
  height:50px;
  width:60px;
  min-width:60px;
}

a.anchor-text-link.faqs,
.anchor-text-link.faqs {
  padding-left:60px;
}

a.anchor-text-link.faqs:before,
.anchor-text-link.faqs:before {
  content:"";
  background-image:url('/hubfs/raw_assets/public/themes/skysona-theme/images/skysona_icon_clipboard.svg');
  height:50px;
  width:50px;
  min-width:50px;
}

a.anchor-text-link.about,
.anchor-text-link.about {
  padding-left:60px;
}

a.anchor-text-link.about:before,
.anchor-text-link.about:before {
  content:"";
  background-image:url('/hubfs/raw_assets/public/themes/skysona-theme/images/skysona_icon_files.svg');
  height:52px;
  width:53px;
  min-width:53px;
}

a.anchor-text-link.efficacy,
.anchor-text-link.efficacy {
  padding-left:60px;
}

a.anchor-text-link.efficacy:before,
.anchor-text-link.efficacy:before {
  content:"";
  background-image:url('/hubfs/raw_assets/public/themes/skysona-theme/images/skysona_icon_graph.svg');
  height:52px;
  width:52px;
  min-width:52px;
}

a.anchor-text-link.safety,
.anchor-text-link.safety {
  padding-left:60px;
}

a.anchor-text-link.safety:before,
.anchor-text-link.safety:before {
  content:"";
  background-image:url('/hubfs/raw_assets/public/themes/skysona-theme/images/skysona_icon_warning.svg');
  height:52px;
  width:52px;
  min-width:52px;
}

.gold-outline {
  border:2px solid var(--sky-primary);
  border-radius:20px;
}

/* Boxed WARNING frame — used by the HCP ISI. */
body p.black-box {
  border:2px solid #4c4c4c;
  padding:5px;
}

.yellow-wave-top {
  position:relative;
  margin-top:50px;
}

.yellow-wave-top:before {
  content:"";
  background-image:url('/hubfs/raw_assets/public/themes/skysona-theme/images/skysona_background_wave_top.png');
  width:100%;
  max-width:100vw;
  height:30px;
  position:absolute;
  top:-30px;
  background-repeat:no-repeat;
  z-index:10;
  background-size:cover;
}

.yellow-wave-bottom {
  position:relative;
  margin-bottom:50px;
}

.yellow-wave-bottom:after {
  content:"";
  background-image:url('/hubfs/raw_assets/public/themes/skysona-theme/images/skysona_background_wave_bottom.png');
  width:100%;
  max-width:100vw;
  height:30px;
  position:absolute;
  bottom:-30px;
  background-repeat:no-repeat;
  z-index:10;
  background-size:cover;
}


/* ============================================================
   QTC list — align with live skysona.com (bug fixes).
   The #locationSearchResults transcription above carries generic bbbsites
   values (Roboto/18px name, pink in-progress pill, a legend divider) that don't
   match the live SKYSONA QTC list. These overrides win by cascade order:
     - in-progress legend pill = yellow (#F3D03E) with dark text
     - legend text on the Activated pill = dark (matches live)
     - no divider under the results header (live has none)
     - list fonts -> Nunito to match live (name Nunito-Medium 24px)
   Card tags get their colour from the module field (in_progress_color), now
   also #F3D03E, so card + legend stay consistent.
   ============================================================ */
#locationSearchResults #resultsHeader { border-bottom: none !important; }
#locationSearchResults #resultsHeader #tagLegend span span { color: #000 !important; }
#locationSearchResults #resultsHeader #tagLegend span:nth-child(2) { background-color: #F3D03E !important; color: #000 !important; margin-left: 10px !important; }
#locationSearchResults .search-results-wrapper .search-result-item .search-result-name { font-family: "Nunito-Medium", sans-serif !important; font-size: 24px !important; }
#locationSearchResults .search-results-wrapper .search-result-item .search-result-address,
#locationSearchResults .search-results-wrapper .search-result-item .search-result-labels { font-family: "Nunito-Regular", sans-serif !important; }
#locationSearchResults .search-results-wrapper .search-result-item .search-result-tags .tag { font-family: "Nunito-Light", sans-serif !important; color: #000 !important; }
#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left { font-family: "Nunito-Regular", sans-serif !important; }

/* Requested tweaks to match production:
   - "Qualified Treatment Center Locations" heading larger (24px Nunito-Medium)
   - more space between the centre name and its address
   - tag text solid black (set above)
   - Visit Website / phone / map links underlined, sitting closer together */
#locationSearchResults #resultsHeader h4 { font-family: "Nunito-Medium", sans-serif !important; font-size: 24px !important; font-weight: 400 !important; line-height: 28px !important; }
#locationSearchResults .search-results-wrapper .search-result-item .search-result-name { margin-bottom: 10px !important; }
#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .result-td a span { text-decoration: underline !important; }
#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left { justify-content: flex-start !important; gap: 48px; }
#locationSearchResults .search-results-wrapper .search-result-item .search-result-item-left .result-td { flex: 0 0 auto !important; width: auto !important; max-width: none !important; }

/* ============================================================
   Search bar — remove the grey borders on the ZIP input and the
   Distance / Activation Status custom selects. Production (skysona.com)
   renders these borders white/translucent (rgba(255,255,255,.3)) so they're
   invisible on the light bar; our transcription left them dark grey
   (#4c4c4c / #4D4D4F). Match production.
   ============================================================ */
#search-bar .mapboxgl-ctrl-geocoder--input { border-color: rgba(255, 255, 255, 0.3) !important; }
#search-bar .select-styled { border-color: rgba(255, 255, 255, 0.3) !important; }
/* Per-side dividers to match production: the ZIP↔Distance divider is a faint grey
   that blends into the bar (not a visible white line), and Activation Status has
   no left border. */
#search-bar .search-bar-row .select-wrapper:not(:last-of-type) .select-styled { border-left-color: rgba(199, 200, 202, 0.5) !important; }
#search-bar .search-bar-row .select-wrapper:last-of-type .select-styled { border-left-width: 0 !important; }
/* Keep the "Activation Status" label clear of the dropdown arrow (production
   spacing: more right padding, arrow nearer the edge). */
#search-bar .search-bar-row .select-wrapper .select-styled { padding: 12px 40px 12px 32px !important; }
#search-bar .search-bar-row .select-wrapper .select-styled::after { right: 8px !important; }

/* ============================================================
   Search-bar dropdowns (Distance / Activation Status) — match production.
   The transcription left three issues vs skysona.com:
     - list options forced `white-space: nowrap`, so "Activation in progress*"
       stayed on one line; production wraps it to two (150px-wide control).
     - control :hover text turned brand red/purple; production = white bg, black text.
     - a stray generic `li:hover { opacity:.7 }`; production option hover is orange.
   ============================================================ */
@media (min-width: 768px) {
  .map-wrapper #search-bar .search-bar-row .select-wrapper { width: 150px !important; }
}
.map-wrapper #search-bar .search-bar-row .select-wrapper .select-options li { white-space: normal !important; }
.map-wrapper #search-bar .search-bar-row .select-wrapper .select-options li:hover { color: var(--sky-primary) !important; opacity: 1 !important; }
.map-wrapper #search-bar .search-bar-row .select-wrapper .select-styled:hover { background-color: #fff !important; color: #000 !important; }