.prize_selector{
    text-decoration-style:none;
    color: #fff;
    font-family: montBold, Arial, sans-serif;
    font-size: 35px;
    margin-top: 15px;
    text-transform: uppercase;
}
.snow{
  background-color:white;
}
.underline{
  font-weight:bold;
  text-decoration: underline;
}
.img-size-effect{
  position: relative;
  text-align: center;
  color: #7C4BA4;
  margin-top:10px;
  margin-bottom:10px;
  font-weight: bolder;

}
.img-size-effect:hover .image{
  opacity: 0.3;
}
.img-size-effect:hover .size{
  opacity: 1;
}
.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}
.size {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  font-weight:bold;
  font-size: 25px;
  background-color:white;
  padding-left: 5px;
  padding-right: 5px;
}

.win-cat{
    font-size:40px;
    margin-top:15px;
    font-family:montBold, Arial, sans-serif;
    color:#7c4ba4;;
}
.win-cat-sub{
    margin-top:20px;
    font-size:20px;
    color:black;
    font-weight:bold;
}
.win-text{
    font-size:18px;
    color:black;
    margin-top:20px;
    padding-bottom:20px;
}

.win-table-bold-heading{
    font-size:25px;
    font-family:montBold, Arial, sans-serif;
}

.list-group-item-custom{
  background-color:#7C4BA4;
  color:white;
}
.white-link{
  color:white;
  font-weight:bold;
  text-decoration: underline;
}
a.sr-only{color:white;}
a.sr-only:hover{color:white;}

.equity-list{
  font-family:montSemiBold, Arial, sans-serif;
  color:black;

}
.equity-list:hover{ background-color:#cccccc;}

.ev-hist{min-hight:273px;}

.you-tab{
      font-family:montSemiBold, Arial, sans-serif;
      font-size:16px;
      color:black !important;
      text-transform:uppercase;
      border:1px solid #DFDFDF;
      background-color: #DFDFDF;
    }
.you-tab:hover{
  background-color:#DFDFDF;
}
body.modal-open {
    overflow: visible;
}
.percent{font-size:50px; font-family: montBold}
.italic{font-style:italic; text-align:center;}
/*.tableauPlaceholder{margin: 0 auto; max-width: 100%;}*/
/*.tableauPlaceholder{*/
    /*width: 300px!important;*/
    /*!*border: 1px solid red;*!*/
    /*margin-left: auto;*/
    /*margin-right: auto;*/
/*}*/
.mr-ml-auto{margin-right:auto;margin-left:auto;}
html{ max-width:100%; overflow-x: hidden;}
.alert-custom-info{background-color: #7C4BA4;}
.profession{
  font-size:16px;
  font-weight: bold;
}
.count{
  font-size:2.5em;
  font-family: montBold;
}
.statistics{
  background-color:white;
  border: 2px solid #D70F5F;
}
.statistics-supply{
  background-color:white;
  border: 2px solid #D70F5F;
}
.purple-haze{
  color: #7C4BA4;
  font-size:2.5em;
  font-family: montBold;
}

.data-div{
  background: #7C4BA4 url('/img/data-background.jpg') no-repeat;
  -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}
.translate-link{color:#1a0dab;}
.fog{
  filter: blur(8px);
  -webkit-filter: blur(8px);
  }
.vhr{background-color:darkred;}
.hr{background-color:red;}
.mr{background-color:orangered;}
.lr{background-color:green;}
.q-heading{font-weight: bold;}
.centered{text-align: center; margin-left: auto; margin-right:auto;}
.white-text{color:#fff;}
.bg-purple{background-color:#7c4ba4;}
.bg-pink{background-color:#D70F5F;}
.bg-blue{background-color:#412CE4;}
.tool > div.card-header > h2 { max-height:60px; min-height: 60px;}
.btn-lightgray{
  background-color: #DFDFDF;
  color: black !important;
}
.btn-gray {
    background-color: #DFDFDF;
    color: black;
    margin-top: 32px;
    margin-bottom: 8px;
    margin-right: 8px;
    margin-left: 8px;
}
.btn-gray :focus{
  border: 2px solid blue;
}
.figure-caption{
  color:#5C646B;
}
figure{
  background-color:#F9FAF5;
  border: 1px solid #DFDFDF;
  border-radius: 8px;
  }
.carousel{margin-right:auto;margin-left:auto;}
.width-auto {
    width: auto;
}

.text-lg {
    font-size: 2rem;
}
.fa-quote-left{color:#D70F5F;}
.fa-quote-right{color:#D70F5F;}
.lead{color:black};
.carousel-indicators{position:unset;}
.carousel-indicators li{background-color:#D70F5F;}
.carousel-indicators .active{background-color:#D70F5F;opacity: .5;}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23D70F5F' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23D70F5F' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

@font-face {
    font-family: montBold;
    src: url("/css/fonts/Montserrat-ExtraBold.otf");
}
@font-face {
    font-family: montSemiBold;
    src: url("/css/fonts/Montserrat-SemiBold.otf");
}
@font-face {
    font-family: montLight;
    src: url("/css/fonts/Montserrat-Light.otf");
}

html {
scroll-padding-top: 80px; /* height of sticky header */
}

html,
body {
    height: 100%;
}

body{
    font-family:montLight, Arial, sans-serif;
    color:#fff;
    top:0 !important;
}

a{
    color:#0053AE;
    font-weight:bold;
}
a:hover{
    color:#003D80;
}

/**[id]:before {*/
    /*display: block;*/
    /*content: " ";*/
    /*margin-top: -80px;*/
    /*height: 80px;*/
    /*visibility: hidden;*/
/*}*/

.card{
    display:block !important; /* have to do this for ie so images in cards don't cause card body to be original size of image*/
}
.card-title{
  text-align:center;
  font-family: montSemiBold;
}

.igol li{
    padding:5px;
}

.smallBold1{
    font-family:montBold, Arial, sans-serif;
    font-size:20px;
}

#backToTopButton{
    display:none;
    position:fixed;
    bottom:20px;
    right:20px;
    z-index:10000;
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
}

.flexContainerWrapper {
    display: flex;
    flex-direction: column;
}

.flexContainer {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.flexItem {
    box-sizing: border-box;
    max-width: 100%;
}


.dark{
    color:#2E2E2E;
}

.fact-heading{
    color:#402EF6;
    font-family:montSemiBold, Arial, sans-serif;
}

.h-w-pipes{
    list-style-type:none;
    margin:0;
    padding:0;
    overflow:hidden;
}
.h-w-pipes li{
    display:inline-block;
    border-right:2px solid #D70F5F;
    font-family:montSemiBold, Arial, sans-serif;
    margin-top:10px;
}
.h-w-pipes li:last-child{
    border-right:none;
}
.h-w-pipes li a{
    display: block;
    color: #D70F5F;
    text-align: center;
    padding-left:16px;
    padding-right:16px;
    text-decoration: none;
}
.h-w-pipes li a:hover{
    text-decoration:underline;
}

#subpageTitleContainer{
    text-align:center;
    margin-top:50px;
    margin-bottom:50px;
}

#subpageTitleType{
    color:#2E2E2E;
    max-width:550px;
    font-size:18px;
}

.subpageTitleType{
    color:#2E2E2E;
    font-size:18px;
}

footer{
    background-color:#2E2E2E;
    height:110px;
    margin-top:75px;
    display:table;
    width:100%;
}
#socialMediaContainer{
    display:table-cell;
    vertical-align:middle;
}
#socialMediaContainer .container{
  margin-top:14px;
}

#socialMediaContainer .container a{
    margin-right:25px;
}

#pageHeader{

}
#topBackground{
    min-height:150px;
    color:#fff;
    background-position:center top;
    background-size:cover;
    background-image: url("/img/background.jpg");
    background-attachment: scroll;
    background-repeat: no-repeat;
    padding-top:0;
    padding-bottom:0;
    display:flex;
}


#heroTopBackground{
    width:100%;
    min-height:450px;
    color:#fff;
    background-position:center top;
    background-size:cover;
    background-attachment: scroll;
    background-repeat: no-repeat;
    padding-top:0;
    padding-bottom:0;
    display:flex;
}
#heroStatementContainer{
    text-align:center;
    max-width:700px;
}
#heroStatementContainer a{
    color:#fff;
    text-decoration:underline;
}
#heroStatementContainer a:hover{
    color:#DFDFDF;
    text-decoration:underline;
}


.landingHero{
    background-image: url("/img/background_landing3.jpg");
}
.vipHero{
    background-image: url("/img/vip_hero.jpg");
}
.tshirtHero{
    background-image: url("/img/tshirt_hero.jpg");
}
.findHero{
  background-image: url("/img/get_a_vacc_hero.jpg")
}
.toolkitHero{
  background-image: url("/img/toolkit_hero.jpg")
}
.rideHero{
  background-image: url("/img/ride_hero.jpg")
}
.citizensHero{
    background-image: url("/img/citizens_hero.jpg");
}
.factsHero{
    background-image: url("/img/facts_hero.jpg");
}
.vaccinatorsHero{
    background-image: url("/img/vaccinators_hero.jpg");
}
.priorityHero{
    background-image: url("/img/priority_hero.jpg");
}
.elderlyHero{
    background-image: url("/img/elderly_hero.jpg");
}
.familyHero{
    background-image: url("/img/family_hero.jpg");
}
.kidsHero{
    background-image: url("/img/kids_hero.jpg");
}
.longhaulHero{
    background-image: url("/img/longhaul_hero.jpg");
}
.momHero{
    background-image: url("/img/mom_hero.jpg");
}
.travelHero{
    background-image: url("/img/travel_hero.jpg");
}
#landingUnderTopBackground{
    min-height:450px;
    background-color:#fff;
    display:inline-block;
    width:100%;
}
#landingOptionsContainer{
    margin-top:15px;
    position:relative;
    display: inline-block;
    width: 100%;
}
.landingOptionTitle{
    color:black;
    font-family:montBold, Arial, sans-serif;
    font-size:25px;
    margin-top:15px;
    margin-bottom:15px;
}
.landingOptionText{
    color:black;
    font-size:14px;
    margin-bottom:15px;
}

.subHeadingBlue{
    background-color:#412CE4;
    color:#fff;
    text-align:center;
    min-height:300px;
    display:table;
    width:100%;
}
.subHeadingBlueContentWrapper{
    display:table-cell;
    vertical-align:middle;
}
.subHeadingBlueTextContainer{
    max-width:660px;
}
.subHeadingBlueTextContainer-supply{
    max-width:100%;
}




h1{
    color:#fff;
    font-family:montBold, Arial, sans-serif;
    font-size:30px;
    margin-top:15px;
    text-transform:uppercase;
}

h2{
    color:#fff;
    font-family:montBold, Arial, sans-serif;
    font-size:20px;
    margin-bottom:10px;
}

.navbar-transparent{
    background-color:transparent;
    transition: all 0.1s ease;
}

.navbar-background{
    background-color:#D70F5F;
    transition: all 0.1s ease;
}

.navbar-background-static{
    background-color:#D70F5F;
}

.navbar-brand{
    font-family:montBold, Arial, sans-serif;
    font-size:18px;
    color:white;
    text-transform:uppercase;
}
.navbar-brand:hover{
    color:white;
}

.nav-link, .nav-item{
    font-family:montSemiBold, Arial, sans-serif;
    font-size:16px;
    color:white;
    text-transform:uppercase;
}
.nav-link:hover{
    color:#fff;
    animation-name: navlinks;
    animation-duration:2s;
    animation-fill-mode: forwards;

}


.dropdown-item:hover{
  animation-name: navlinks-drop;
  animation-duration:2s;
  animation-fill-mode: forwards;
}
@keyframes navlinks-drop{
  0%   {border-bottom:1px solid gray; background-color:#DFDFDF;}
  25%  {border-bottom:1px solid #DFDFDF; background-color:#DFDFDF;}
  50%  {border-bottom:1px solid white; background-color:#DFDFDF;}
  75%  {border-bottom:1px solid #F97CAE; background-color:#DFDFDF;}
  100% {border-bottom:1px solid #D70F5F; background-color:#DFDFDF;}

}

@keyframes navlinks {
    0%   {border-bottom:1px solid gray}
    25%  {border-bottom:1px solid #DFDFDF}
    50%  {border-bottom:1px solid white}
    75%  {border-bottom:1px solid #F97CAE}
    100% {border-bottom:1px solid #D70F5F}
}

.btn-custom-full {
    color: #ffffff !important;
    background-color: #9370DB;
    border-color: #9370DB;
    border-radius:0;
    font-family:montSemiBold, Arial, sans-serif;
}
.btn-custom-primary {
    color: #ffffff !important;
    background-color: #D70F5F;
    border-color: #D70F5F;
    border-radius:0;
    font-family:montSemiBold, Arial, sans-serif;
}

.btn-custom-primary:hover,
.btn-custom-primary:focus,
.btn-custom-primary:active,
.btn-custom-primary.active,
.open .dropdown-toggle.btn-custom-primary {
    color: #ffffff;
    background-color: #B70D51;
    border-color: #D70F5F;
}

.btn-custom-primary:active,
.btn-custom-primary.active,
.open .dropdown-toggle.btn-custom-primary {
    background-image: none;
}

.btn-custom-primary.disabled,
.btn-custom-primary[disabled],
fieldset[disabled] .btn-custom-primary,
.btn-custom-primary.disabled:hover,
.btn-custom-primary[disabled]:hover,
fieldset[disabled] .btn-custom-primary:hover,
.btn-custom-primary.disabled:focus,
.btn-custom-primary[disabled]:focus,
fieldset[disabled] .btn-custom-primary:focus,
.btn-custom-primary.disabled:active,
.btn-custom-primary[disabled]:active,
fieldset[disabled] .btn-custom-primary:active,
.btn-custom-primary.disabled.active,
.btn-custom-primary[disabled].active,
fieldset[disabled] .btn-custom-primary.active {
    background-color: #D70F5F;
    border-color: #D70F5F;
}

.btn-custom-primary .badge {
    color: #D70F5F;
    background-color: #ffffff;
}


.btn-custom-primary-outline {
    color: #ffffff;
    border-radius:0;
    border:2px solid #fff;
    font-family:montSemiBold, Arial, sans-serif;
    background-color: rgba(0,0,0,0.3);
    text-decoration:none !important;
}

.btn-custom-primary-outline:hover,
.btn-custom-primary-outline:focus,
.btn-custom-primary-outline:active,
.btn-custom-primary-outline.active,
.open .dropdown-toggle.btn-custom-primary-outline {
    color: #ffffff;
    background-color: rgba(0,0,0,0.6);
    border-color: #fff;
}

.btn-custom-primary-outline:active,
.btn-custom-primary-outline.active,
.open .dropdown-toggle.btn-custom-primary-outline {
    background-image: none;
}

.btn-custom-primary-inverted {
    color: #D70F5F;
    border-radius:0;
    border:2px solid #D70F5F;
    font-family:montSemiBold, Arial, sans-serif;
    background-color:white;
}

.btn-custom-primary-inverted:hover,
.btn-custom-primary-inverted:focus,
.btn-custom-primary-inverted:active,
.btn-custom-primary-inverted.active,
.open .dropdown-toggle.btn-custom-primary-inverted {
    color: #D70F5F;
    background-color: #F2F2F2;
    border-color: #D70F5F;
}

.btn-custom-primary-inverted:active,
.btn-custom-primary-inverted.active,
.open .dropdown-toggle.btn-custom-primary-inverted {
    background-image: none;
}

.font-black{
    color:black;
}

.accordion {
    border-radius:0;
}

.accordion .card {
    border-radius:0;
    margin-bottom:5px;
    border:2px solid #D70F5F !important;
}

.accordion .card .card-header {
    background-color: #fff;
    cursor: pointer;
    border:0;
    padding: 10px 15px;
    color:black;
    font-family:montBold, Arial, sans-serif;
}

.accordion .card .card-header h4 {
    color: black;
    font-size: 20px;
    font-weight: 400;
    font-family:montBold, Arial, sans-serif;
    margin-top: 0;
    margin-bottom: 0;
}

.accordion .card .card-body {
    background-color:#fff;
}

.infoBox{
    color:black;
}
.infoBox h4{
    color: black;
    font-size: 25px;
    font-weight: 400;
    font-family:montBold, Arial, sans-serif;
    /*margin-top: 0;*/
    /*margin-bottom: 0;*/
}

.hide{
    display:none;
}

#translateSelect{
    font-family:montLight, Arial, sans-serif;
    font-size:18px;

}

/* .pdf-label,
.doc-label,
.xls-label,
.ppt-label,
.xml-label,
.zip-label {
    background: transparent url("/img/mainsprite.png") no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: text-top;
    margin-left: 5px;
} */
.pdf-label {
    background-position: -112px -25px;
}
.doc-label {
    background-position: -95px -25px;
}
.xls-label {
    background-position: -61px -25px;
}
.ppt-label {
    background-position: -78px -25px;
}
.zip-label {
    background-position: -146px -25px;
}
.no-icon {
    background: 0;
    padding-right: 0;
}
.no-icon .pdf-label,
.no-icon .doc-label,
.no-icon .xls-label,
.no-icon .ppt-label,
.no-icon .xml-label,
.no-icon .zip-label {
    background: 0;
    width: 0;
    height: 0;
    display: none;
    margin-left: 0;
}


.really-big-button{
    white-space: normal;
    line-height:2;
    font-size:30px;
}

/* Extra Small devices (This should be the default css since bootstrap is mobile first) */
@media (max-width: 575px) {
    .prize_selector{
      font-size:15px;
    }
    .tableauPlaceholder-stat{
      margin-left:4% !important;
    }

    .statistics{
        max-width:92%;
    }

    .really-big-button{
        white-space: normal;
        line-height:2;
        font-size:20px;
        width:100%;
    }

    .win-table-bold-heading{
        font-size:16px;
    }

    .w-100-xs{
        width:100%;
    }

}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .tableauPlaceholder-stat{
    margin-left:0% !important;
  }


}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
  .tableauPlaceholder-stat{
    margin-left:0% !important;
  }

    h1{
        font-size:40px;
        margin-top:15px;
    }
    h2{
        font-size:25px;
        margin-bottom:10px;
    }

    #landingOptionsContainer{
        margin-top:-50px;
    }


}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

  .tableauPlaceholder-stat{
    margin-left:10% !important;
  }
    .purple-haze{
        font-size:4.5em;
    }

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .statistics{
    margin-left:201px;
    margin-right:-123px;
  }
  .tableauPlaceholder-stat{
    margin-left:18% !important;
  }

}
@media (min-width: 2000px) {

  .tableauPlaceholder-stat{
    margin-left:250px !important;
  }
  .statistics{
    margin-left:225px;
    margin-right:182px;
  }

}