/* zero out TP update for splash page type */
html.cdc-page-type-splash.cdc-2020  .splash-col.col-md-12 {
  padding: 0px 15px 0px;
}
html.cdc-page-type-splash.cdc-2020 .splash-col:not(.col-md-12) {
  padding-top: 0px;
  padding-bottom: 0px;
}
html.cdc-page-type-splash.cdc-2020  .splash-col:not(.col-md-12):first-child {
  padding-left: 15px;
}
html.cdc-page-type-splash.cdc-2020  .splash-col:not(.col-md-12):last-child {
  padding-right: 15px;
}
html.cdc-page-type-splash.cdc-2020  .column-3 .splash-col. {
    padding: 0px 15px;
}

html.cdc-page-type-splash.cdc-2020 h1, html.cdc-page-type-splash.cdc-2020 h2, html.cdc-page-type-splash.cdc-2020 h3, html.cdc-page-type-splash.cdc-2020 h4, html.cdc-page-type-splash.cdc-2020 h5, html.cdc-page-type-splash.cdc-2020 h6, html.cdc-page-type-splash.cdc-2020 .h3, html.cdc-page-type-splash.cdc-2020 .h4 {
    font-family: "Open Sans", apple-system, blinkmacsystemfont, "Segoe UI", "Helvetica Neue", arial, sans-serif;
}
html.cdc-page-type-splash.cdc-2020 ul.caret-list {
    margin-left: -6px !important;
}
html.cdc-page-type-splash.cdc-2020 ul.caret-list li {
    padding-left: 6px;
    display: table;
}
html.cdc-page-type-splash.cdc-2020 ul.caret-list li::before {
    margin-left: 0;
}
html.cdc-page-type-splash.cdc-2020 ul.caret-list li a {
    display: table-cell;
}
html.cdc-page-type-splash.cdc-2020 ul.caret-list a:hover {
    text-decoration: underline !important;
}
html.cdc-page-type-splash.cdc-2020 .cdc-step::after {
    border-color: #C0C0C0 !important;
}
html.cdc-page-type-splash.cdc-2020 .cdc-step .step-number {
    margin-left: -8px;
    margin-right: 7px;
}
@media only screen and (min-width: 768px) and (max-width: 1500px) {
    html.cdc-page-type-splash.cdc-2020 .cdc-step .card-body {
        padding-left: .25rem;
        padding-right: .25rem;
    }
}
html.cdc-page-type-splash.cdc-2020 .covid-vaccination-updated {
    font-weight: 300;
    font-size: 0.75rem;
    font-kerning: normal;
    font-feature-settings: "kern";
    text-rendering: optimizelegibility;
    font-style: italic;
}
html.cdc-page-type-splash.cdc-2020 .hollow.btn-white:active {
    border-color: transparent !important;
    color: #fff !important;
    background: #006778 !important;
}
html.cdc-page-type-splash.cdc-2020 .hollow.btn-primary:active {
    background: #037D92 !important;
    color: #fff !important;
    border-color: #fff !important;
}
html.cdc-page-type-splash.cdc-2020 .top-sticker {
    padding-right: 36%;
    margin-left: -4%;
}
html.cdc-page-type-splash.cdc-2020 .got-vaccine .hollow.btn-white {
    margin-right: 15px;
}
html.cdc-page-type-splash.cdc-2020 .how-get {
    position: relative;
}
html.cdc-page-type-splash.cdc-2020 .how-get .splash-card {
    padding: 15px 30px 25px;
}
html.cdc-page-type-splash.cdc-2020 .how-get #vial {
    position: absolute;
    top: -60px;
    right: -60px;
    width: 120px;
    height: 120px;
    z-index: 10;
}
html.cdc-page-type-splash.cdc-2020 .getting-ready.background-graphics {
    background: url('/coronavirus/2019-ncov/images/vaccines/home/background_vial_bandaid_virus.png');
    background-size: 330px 209px;
}
html.cdc-page-type-splash.cdc-2020 .got-vaccine {
    margin-top: 20px;
    padding: 0px 100px 30px;
}
html.cdc-page-type-splash.cdc-2020 .got-vaccine h1 {
    margin-top: 20px !important;
    margin-bottom: 4px !important;
}
html.cdc-page-type-splash.cdc-2020 .got-vaccine h3 {
    margin-top: 0px;
    font-weight: 600;
}
html.cdc-page-type-splash.cdc-2020 .getting-ready {
    padding-top: 0px !important;
}
html.cdc-page-type-splash.cdc-2020 .getting-ready > .bg-cyan-p {
    padding: 30px 100px 35px 100px;
}
html.cdc-page-type-splash.cdc-2020 .getting-ready .add-caret {
    margin-top: 20px;
    font-size: 18px;
    position: relative;
}
html.cdc-page-type-splash.cdc-2020 .getting-ready .add-caret p {
    margin-bottom: 0px;
}
html.cdc-page-type-splash.cdc-2020 .getting-ready .add-caret a {
    text-decoration: none;
}
html.cdc-page-type-splash.cdc-2020 .getting-ready .add-caret a .underline {
    text-decoration: underline !important;
}
html.cdc-page-type-splash.cdc-2020 .getting-ready .add-caret a:hover .underline {
    text-decoration: none !important;
}
html.cdc-page-type-splash.cdc-2020 .getting-ready .add-caret a::after {
    content: "\203A";
    color: #fff;
    position: absolute;
    margin-left: 8px;
    margin-top: -8px;
    font-size: 26px;
}
html.cdc-page-type-splash.cdc-2020 .getting-vaccine {
    padding: 30px 100px 15px;
}
html.cdc-page-type-splash.cdc-2020 .getting-vaccine .cdc-steps > .h4 {
    margin-top: 0px;
    font-size: 1.625rem;
}
html.cdc-page-type-splash.cdc-2020 .getting-ready .cdc-nav-dropdown {
    padding: 6px 0px;
}
html.cdc-page-type-splash.cdc-2020 .getting-ready .cdc-nav-dropdown .dropdown-toggle {
    color: #006778 !important;
    background-color: white !important;
    border-color: #006778 !important;
}
html.cdc-page-type-splash.cdc-2020 .getting-ready .cdc-nav-dropdown .dropdown-toggle:hover {
    color: white !important;
    background-color: #006778 !important;
}
html.cdc-page-type-splash.cdc-2020 .column-3 {
    padding-left: 0px;
    padding-right: 10px;
}
  html.cdc-page-type-splash.cdc-2020 .column-3 .col-md-4 .card-title {
    text-align: center;
  }
  html.cdc-page-type-splash.cdc-2020 .column-3 .col-md-4 .card {
    text-align: center;
  }
  html.cdc-page-type-splash.cdc-2020 .column-3 .col-md-4 .card-title {
    text-align: center !important;
  }
  html.cdc-page-type-splash.cdc-2020 .column-3 .outer-container {
    display: inline-block;
  }
  html.cdc-page-type-splash.cdc-2020 .column-3 .outer-container ul {
    text-align: left;
  }
  html.cdc-page-type-splash.cdc-2020 .column-3 .caret-list {
    margin-top: 8px !important;
    margin-left: -2px !important;
  }
html.cdc-page-type-splash.cdc-2020 .healthcare-workers {
    padding: 20px 85px;
}
html.cdc-page-type-splash.cdc-2020 .healthcare-workers h3 {
    font-size:  1.625rem;
    margin-bottom: 12px !important;
}
html.cdc-page-type-splash.cdc-2020 .healthcare-workers .card-body > .row > .col {
    margin-right: 30px;
}
html.cdc-page-type-splash.cdc-2020 .healthcare-workers .btn.hollow {
    min-width: 170px;
}
html.cdc-page-type-splash.cdc-2020 .professional-resources {
    padding: 20px 100px;
}
html.cdc-page-type-splash.cdc-2020 .professional-resources h4 {
    font-size: 1.625rem;
    margin-top: 1rem;
}
html.cdc-page-type-splash.cdc-2020 .professional-resources a {
    color: #006778;
    text-decoration: none;
}
html.cdc-page-type-splash.cdc-2020 .professional-resources a:hover {
    text-decoration: underline;
}
@media only screen and (max-width: 1200px) {

    html.cdc-page-type-splash.cdc-2020 #vial {
        display: none;
    }
    html.cdc-page-type-splash.cdc-2020 .got-vaccine {
        padding-left: 35px;
        padding-right: 35px;
    }
    html.cdc-page-type-splash.cdc-2020 .getting-ready > .bg-cyan-p {
        padding-left: 35px;
        padding-right: 35px;
    }
    html.cdc-page-type-splash.cdc-2020 .getting-vaccine {
        padding-left: 35px;
        padding-right: 35px;
    }
    html.cdc-page-type-splash.cdc-2020 .column-3 {
        padding-left: 35px;
        padding-right: 35px;
    }
    html.cdc-page-type-splash.cdc-2020 .healthcare-workers {
        padding-left: 15px;
        padding-right: 15px;
    }
    html.cdc-page-type-splash.cdc-2020 .professional-resources {
        padding-left: 35px;
        padding-right: 35px;
    }
}
@media only screen and (min-width: 1081px) {
    html.cdc-page-type-splash.cdc-2020 .got-vaccine .text .col-md-4 {
        position: absolute;
        float: left;
        right: -15px;
    }
    html.cdc-page-type-splash.cdc-2020 .got-vaccine .buttons {
        margin-top: 15px;
    }
    html.cdc-page-type-splash.cdc-2020 .add-dash {
        position: absolute;
        top: 6px;
        left: 47%;
        width: 1px;
        height: 65px;
        border-right: 1px dashed #999;
    }
}
@media only screen and (max-width: 1081px) {
    html.cdc-page-type-splash.cdc-2020 .got-vaccine .text .col-md-4 {
        position: relative;
        clear: left;
    }
    html.cdc-page-type-splash.cdc-2020 .got-vaccine .buttons {
        margin-top: 5px;
    }
}
@media only screen and (max-width: 895px) {
    html.cdc-page-type-splash.cdc-2020 .how-get .splash-card {
        padding: 15px 0px 25px;
    }
}
@media only screen and (max-width: 767px) {
    html.cdc-page-type-splash.cdc-2020 .text .h1 {
        margin-top: 0px;
    }
    html.cdc-page-type-splash.cdc-2020 .how-get .splash-card {
        padding: 15px 30px 25px;
    }
    html.cdc-page-type-splash.cdc-2020 .got-vaccine {
        padding-left: 0px;
        padding-right: 0px;
    }
    html.cdc-page-type-splash.cdc-2020 .getting-ready > .bg-cyan-p {
        padding-left: 15px;
        padding-right: 15px;
    }
    html.cdc-page-type-splash.cdc-2020 .getting-ready .btn.hollow {
        width: 100% !important;
    }
    html.cdc-page-type-splash.cdc-2020 .getting-ready .add-caret p {
        margin-top: 25px;
        margin-bottom: 50px;
    }
    html.cdc-page-type-splash.cdc-2020 .getting-vaccine {
        padding-left: 0px;
        padding-right: 0px;
    }
    html.cdc-page-type-splash.cdc-2020 .getting-vaccine .cdc-step {
        padding-left: 10%;
    }
    html.cdc-page-type-splash.cdc-2020 .getting-vaccine .cdc-step:not(:first-child) {
        padding-top: 5px;
    }
    html.cdc-page-type-splash.cdc-2020 .column-3 {
        padding-left: 0px;
        padding-right: 0px;
    }
    html.cdc-page-type-splash.cdc-2020 .total-doses p {
        margin-top: 7px !important;
        margin-bottom: 0px !important;
    }
    html.cdc-page-type-splash.cdc-2020 .covid-vaccination-updated {
        text-align: right !important;
        padding-right: 15px;
        margin-top: 15px;
        margin-bottom: 5px;
    }
    html.cdc-page-type-splash.cdc-2020 .healthcare-workers {
        padding-top: 0px !important;
        padding-left: 0px;
        padding-right: 0px;
    }
    html.cdc-page-type-splash.cdc-2020 .healthcare-workers .card-body {
        padding-top: 0px;
    }
    html.cdc-page-type-splash.cdc-2020 .healthcare-workers .card .card-body {
        padding-right: 0;
        padding-left: 0;
    }
    html.cdc-page-type-splash.cdc-2020 .healthcare-workers .col {
        margin-right: 0px;
    }
    html.cdc-page-type-splash.cdc-2020 .healthcare-workers .d-md-none {
        padding: 0px;
        margin: -4px 0px 5px;
    }
    html.cdc-page-type-splash.cdc-2020 .healthcare-workers .card-body > .row > .col {
        margin-top: 5px;
    }
    html.cdc-page-type-splash.cdc-2020 .professional-resources {
        padding-left: 0px;
        padding-right: 0px;
    }
    html.cdc-page-type-splash.cdc-2020 .professional-resources h4 {
        margin-top: .5rem;
    }
}
@media only screen and (max-width: 565px) {
   html.cdc-page-type-splash.cdc-2020  .got-vaccine .btn.hollow {
        width: 85%;
    }
    html.cdc-page-type-splash.cdc-2020 .got-vaccine .btn.hollow:first-child {
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 420px) {
    html.cdc-page-type-splash.cdc-2020 .covid-vaccination-updated {
        padding-right: 0px;
    }
}
@media only screen and (max-width: 376px) {
    html.cdc-page-type-splash.cdc-2020 .got-vaccine .btn.hollow {
        width: 100%;
    }
}

html.cdc-page-type-splash.cdc-2020 .other-languages {
    margin-top: 15px;
    padding: 2em;
    background: #ebf5f6;
  }
html.cdc-page-type-splash.cdc-2020 .other-languages h3 {
    text-transform: uppercase;
    color: #00778A;
    font-size: 1.2em;
    margin: 0 0 1em 0;
    padding: 0;
    font-weight: bold;
    text-align: center;
  }
html.cdc-page-type-splash.cdc-2020 .other-languages ul {
    max-width: 500px;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
  }
  @media only screen and (min-width: 576px) {
    html.cdc-page-type-splash.cdc-2020 .other-languages ul {
      columns: 2;
    }
  }
  html.cdc-page-type-splash.cdc-2020 .other-languages ul li {
    padding: 0 1em;
    text-align: center;
  }
  html.cdc-page-type-splash.cdc-2020 .other-languages ul li::before {
    content: none;
  }
  html.cdc-page-type-splash.cdc-2020 .other-languages a {
    color: #00778A;
  }