.centers{background-color: white; padding: 116px 0px 130px;}
.centersTitle{padding: 0px 0px 0px; text-align: center;}
.centersTitle h3{font-size: 48px; line-height: 48px; padding-bottom: 13px;}
.centersTitle p{font-size: 24px; line-height: 32px;}
.centersTitle strong{display: block; font-size: 24px; line-height: 32px;}
.centersTitle_button{padding: 20px 0px 0px;}
.centersTitle_button a{padding: 0px 0px 0px; margin: 0 auto; background-color: #1e2b51; color: #fbb903; text-decoration: none; width: 280px; height: 63px; display: block; font-weight: 700; font-size: 24px; line-height: 63px;}
.centersTitle_button a:hover{color: #1e2b51; background-color: #fbb903;}
.centersDetails_toggle{padding: 40px 0px 0px;}
.centersDetails_toggle a{position: relative; padding: 0px 0px 0px; display: inline-block; text-decoration: none; font-weight: 700; font-size: 24px;}
.centersDetails_toggle a:after{content: '\e900'; font-family: 'icomoon' !important; font-size: 20px; transform: rotate(90deg); position: absolute; right: 100%; top: 3px; margin-right: 6px;}
.centersDetails_toggle a[aria-expanded="true"]:after{transform: rotate(-90deg);}

.centersDetails_pop{padding: 0px;}
.centersDetails_sort{padding: 36px 0px 6px;}
.centersDetails_sort ul{border-bottom: 1px solid #f1f1f1; display: flex; justify-content: center;}
.centersDetails_sort li{width: 200px;}
.centersDetails_sort a{position: relative; display: block; text-decoration: none; font-weight: 300; font-size: 24px; text-align: center; padding-bottom: 11px;}
.centersDetails_sort a:before{display: none; content: ''; position: absolute; left: 0; right: 0; bottom: -2px; height: 3px; background-color: #fbb903;}
.centersDetails_sort a:after{display: none; content: ''; position: absolute; top: 100%; left: 50%; margin-top: 2px; margin-left: -5px; width: 0; height: 0; border: 5px solid transparent; border-top-color: #fbb903;}
.centersDetails_sort a[aria-current="true"]{font-weight: 700;}
.centersDetails_sort a[aria-current="true"]:before{display: block;}
.centersDetails_sort a[aria-current="true"]:after{display: block;}

.centersDetails_list{padding-top: 18px; margin: 0px -7px;}
.centersDetails_list > ul{display: flex; flex-wrap: wrap;}
.centersDetails_list > ul > li{margin: 14px 7px 0px; width: calc(50% - 14px);}

.centersDetails_itemTitle{background-color: #fbb903; height: 62px; padding: 0px 27px 0px; display: flex; justify-content: space-between; align-items: center;}
.centersDetails_itemTitle h4{font-size: 24px;}
.centersDetails_itemShare{display: flex; align-items: center; width: 240px;}
.centersDetails_itemShare strong{font-weight: 500; font-size: 18px;}
.centersDetails_itemShare ul{display: flex; align-items: center;}
.centersDetails_itemShare li{padding-right: 20px;}
.centersDetails_itemShare li a{display: block; font-weight: 500; font-size: 20px; height: 20px;}
.centersDetails_itemShareBottom{display: none;}

.centersDetails_itemBody{border: 1px solid #f1f1f1; background-color: white; border-top: 0; border-bottom: 0; display: flex; flex-direction: column; height: calc(100% - 62px);}
.centersDetails_itemFlex{display: flex; justify-content: space-between; height: 100%; min-height: 128px; padding: 23px 26px 25px; border-bottom: 1px solid #f1f1f1; font-size: 18px; line-height: 24px;}
.centersDetails_itemLocation{width: calc(100% - 240px); max-width: 400px; padding: 0px 22px; position: relative;}
.centersDetails_itemLocation:before{content: '\e932'; font-family: 'icomoon' !important; position: absolute; right: 0; top: 0; font-size: 17px;}
.centersDetails_itemLocation p{padding: 0px 0px 6px;}
.centersDetails_itemLocation a{font-weight: 700; font-size: 16px; position: relative; display: inline-block; padding-left: 14px;}
.centersDetails_itemLocation a:after{content: '\e900'; display: block; font-family: 'icomoon' !important; font-size: 7px; line-height: 22px; width: 14px; text-align: center; position: absolute; left: 0; top: 2px; transform: rotate(180deg);}
.centersDetails_itemHours{padding: 0px 22px; position: relative; width: 240px;}
.centersDetails_itemHours:before{content: '\e938'; font-family: 'icomoon' !important; position: absolute; right: 0; top: 0; font-size: 15px;}
.centersDetails_itemAlert{padding: 0px 48px 10px 22px; margin: 8px 0px 0px 0px; position: relative; font-size: 14px; line-height: 20px; border-bottom: 1px solid #f1f1f1;}
.centersDetails_itemAlert:before{content: '\e939'; font-family: 'icomoon' !important; position: absolute; right: 26px; top: 0; font-size: 15px;}

.centersDetails_list > ul > li.centersDetails_banner a{display: flex; flex-direction: column; justify-content: center; background-color: white; height: 100%; padding: 20px 26px; border: 1px solid #f1f1f1; }
.centersDetails_list > ul > li.centersDetails_banner a strong{font-weight: 700; font-size: 24px; line-height: 30px;}
.centersDetails_list > ul > li.centersDetails_banner a B{font-weight: 400; font-size: 24px; line-height: 30px;}
.centersDetails_list > ul > li.centersDetails_banner a span{display: flex; align-items: center; justify-content: center; text-align: center; margin-top: 12px; width: 200px; height: 36px; background-color: #1e2b51; color: #fbb903; font-weight: 700; font-size: 18px;}
.centersDetails_list > ul > li.centersDetails_banner a span:after{content: '\e900'; font-family: 'icomoon' !important; font-size: 7px; width: 14px; text-align: center; transform: rotate(180deg); margin-top: 2px;}
.centersDetails_list > ul > li.centersDetails_banner a:hover span{color: #1e2b51; background-color: #fbb903;}
.centersDetails_list > ul > li.centersDetails_banner a:focus span{color: #1e2b51; background-color: #fbb903;}

.callCentersBanner{margin-top: 50px; position: relative;}
.callCentersBanner_image{overflow: hidden; position: relative; height: 184px;}
.callCentersBanner_image img{display: block; width: 100%; height: 100%; object-fit: cover;}
.callCentersBanner_image:after{content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0;
    background: -moz-linear-gradient(left,  rgba(30,43,81,0) 0%, rgba(30,43,81,1) 77%, rgba(30,43,81,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(30,43,81,0) 0%,rgba(30,43,81,1) 77%,rgba(30,43,81,1) 100%);
    background: linear-gradient(to right,  rgba(30,43,81,0) 0%,rgba(30,43,81,1) 77%,rgba(30,43,81,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e2b51', endColorstr='#1e2b51',GradientType=1 );
}
.callCentersBanner_content{position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; justify-content: space-between;}
.callCentersBanner_text{padding: 33px 28px 0px 0px; color: white; height: 100%; align-self: center;}
.callCentersBanner_text *:focus{outline-color: #ffffff;}
.callCentersBanner_text *:active:focus{outline-color: #ffffff;}

.callCentersBanner_text strong{display: block; font-size: 36px; line-height: 36px; color: #fbb903; padding-bottom: 23px;}
.callCentersBanner_text strong a{color: #fbb903; text-decoration: none;}
.callCentersBanner_text p{padding: 0px 26px 16px 0px; position: relative; font-weight: 300; font-size: 24px; line-height: 1em;}
.callCentersBanner_text p:before{content: '\e938'; font-family: 'icomoon' !important; position: absolute; right: 0; top: 0; font-size: 19px;}
.callCentersBanner_text p span:nth-child(2){padding-right: 25px;}
.callCentersBanner_text label{display: block; position: relative; padding-right: 8px;}
.callCentersBanner_text label:before{content: '*'; position: absolute; right: 0; top: 0;}
.callCentersBanner_orange{width: 30%; max-width: 440px; background-color: #fbb903; position: relative; padding: 30px 4.2% 0px 12px; font-size: 24px; line-height: 28px;}
.callCentersBanner_orange:before{content: ''; position: absolute; left: 100%; top: 0; bottom: 0; width: 22px; background: url(imgs/callcenter_orange.png) left top / 100% auto no-repeat;}
.callCentersBanner_orange strong{display: block; padding-bottom: 3px;}
.callCentersBanner_text .callCentersBanner_starLink:before{content: '*'; position: relative; top: 6px; margin-right: 2px; text-decoration: none;}
.callCentersBanner_orange .callCentersBanner_starLink:before{content: '*'; position: relative; top: 6px; margin-right: 2px; text-decoration: none;}

.covidNotice{padding: 60px 0px 0px; max-width: 1120px; margin: 0 auto;}
.covidNotice strong{display: block; text-align: center; font-size: 24px; line-height: 24px;}
.covidNotice B{display: block; text-align: center; font-size: 18px; line-height: 24px;}
.covidNotice P{display: block; text-align: center; font-size: 18px; line-height: 24px; padding-bottom: 20px;}

.centersGrey{background-color: #f1f1f1;}
.centersGrey .centersDetails_sort ul{border-color: #cdcdcd;}

@media screen and (max-width: 1400px) {
    .centers{padding: 96px 0px 100px;}
    .centersTitle h3{font-size: 40px;}
    .centersDetails_itemShare{width: 180px; padding-left: 0; padding-right: 22px;}
    .centersDetails_itemShare strong{font-size: 16px; line-height: 20px; width: 80px;}
    .centersDetails_itemHours{width: 180px; padding-left: 0;}
    
    .callCentersBanner_text strong{font-size: 32px; line-height: 32px;}

    .callCentersBanner_orange{padding: 30px 3% 0px 12px; font-size: 21px; line-height: 28px;}
}

@media screen and (max-width: 1280px) {
    .centersDetails_itemFlex{display: block; padding: 18px 26px 14px; font-size: 16px; line-height: 22px;}
    .centersDetails_itemLocation{max-width: none; width: auto; padding-left: 0; padding-bottom: 12px;}
    .centersDetails_itemHours{max-width: none; width: auto; padding-left: 0;}
}

@media screen and (max-width: 1024px) {
    .centers{padding: 48px 0px 64px;}
    .centersTitle h3{font-size: 32px;}
    .centersTitle p, .centersTitle strong{font-size: 21px; line-height: 28px;}
    .centersTitle_button a{width: 220px; height: 54px; font-size: 21px; line-height: 48px;}
    .centersDetails_toggle{padding: 28px 0px 0px;}
    .centersDetails_toggle a{font-size: 21px;}
    .centersDetails_toggle a:after{font-size: 16px; top: 2px;}
    
    .centersDetails_sort{padding-top: 42px;}
    .centersDetails_sort li{width: 160px;}
    .centersDetails_sort a{font-size: 21px;}
    
    .centersDetails_itemTitle{padding: 0px 20px 0px;}
    .centersDetails_itemTitle h4{font-size: 21px;}
    
    .centersDetails_itemShare{width: auto; padding-left: 0; padding-right: 12px;}
    .centersDetails_itemShare strong{font-size: 14px; line-height: 18px; width: 70px;}
    .centersDetails_itemFlex{padding: 16px 20px 14px;}
    
    .centersDetails_itemAlert{padding: 0px 42px 10px 22px;}
    .centersDetails_itemAlert:before{right: 20px;}
    
    .centersDetails_list > ul > li.centersDetails_banner a{padding: 14px 20px;}
    .centersDetails_list > ul > li.centersDetails_banner a strong{font-size: 21px; line-height: 26px;}
    .centersDetails_list > ul > li.centersDetails_banner a B{font-size: 21px; line-height: 26px;}
    .centersDetails_list > ul > li.centersDetails_banner a span{margin-top: 12px; width: 200px; height: 36px; font-size: 18px;}

    .callCentersBanner_text{width: calc(100% - 294px); padding: 33px 28px 20px 40px;}
    .callCentersBanner_text strong{font-size: 30px; line-height: 30px; padding-bottom: 18px;}
    .callCentersBanner_text p{padding: 0px 26px 16px 0px; font-size: 21px;}
    .callCentersBanner_text p:before{top: 0; font-size: 19px;}
    .callCentersBanner_orange{padding: 20px 14px 0px 12px; width: 294px; font-size: 19px; line-height: 25px;}

    .covidNotice{padding-top: 36px;}
    .covidNotice strong{font-size: 21px;}
    .covidNotice B, .covidNotice P{font-weight: 500; font-size: 16px;}
}

@media screen and (max-width: 800px) {
    .centersTitle h3{font-size: 30px; line-height: 34px;}
    .centersTitle p{font-size: 18px; line-height: 24px; font-weight: 500; margin: 0 auto; max-width: 480px;}
    .centersTitle strong{font-size: 18px; line-height: 24px; margin: 0 auto; max-width: 320px;}
    .centersTitle_button{padding: 24px 0px 0px;}
    .centersDetails_toggle{padding: 24px 0px 0px;}
    .centersDetails_toggle a{font-size: 18px;}
    .centersDetails_toggle a:after{font-size: 14px; top: 2px;}
    
    .centersDetails_sort li{width: 100px;}
    .centersDetails_sort a{font-size: 18px;}
    
    .centersDetails_list{padding-top: 18px; margin: 0px 0px;}
    .centersDetails_list > ul{display: block; flex-wrap: wrap;}
    .centersDetails_list > ul > li{margin: 14px 0px 0px; width: auto;}
    
    .callCentersBanner_text{width: calc(100% - 240px); padding: 26px 20px 10px 30px;}
    .callCentersBanner_text strong{font-size: 28px; line-height: 30px; padding-bottom: 14px; max-width: 360px;}
    .callCentersBanner_text p{padding: 0px 26px 16px 0px; font-size: 18px; line-height: 22px;}
    .callCentersBanner_text p span{display: block;}
    .callCentersBanner_text p span:nth-child(2){padding: 0;}
    .callCentersBanner_text label{font-size: 14px;}
    .callCentersBanner_orange{padding: 20px 14px 0px 12px; width: 240px; font-size: 18px; line-height: 24px;}
}

@media screen and (max-width: 600px) {
    .callCentersBanner_image{height: 385px; background-color: #1e2b51;}
    .callCentersBanner_image img{opacity: 0.6;}
    .callCentersBanner_image:after{
        background: -moz-linear-gradient(top,  rgba(30,43,81,0) 0%, rgba(30,43,81,1) 66%, rgba(30,43,81,1) 100%);
        background: -webkit-linear-gradient(top,  rgba(30,43,81,0) 0%,rgba(30,43,81,1) 66%,rgba(30,43,81,1) 100%);
        background: linear-gradient(to bottom,  rgba(30,43,81,0) 0%,rgba(30,43,81,1) 66%,rgba(30,43,81,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e2b51', endColorstr='#1e2b51',GradientType=0 );
    }
    
    .callCentersBanner_content{display: flex; flex-direction: column; overflow: hidden;}
    .callCentersBanner_text{width: 100%; height: auto; padding: 30px 28px 40px;}
    .callCentersBanner_text strong{text-align: center; margin: 0 auto; max-width: 250px;}
    .callCentersBanner_text P{font-size: 18px; line-height: 20px; padding-right: 42px; margin: 0 auto; max-width: 200px;}
    .callCentersBanner_text P:before{font-size: 30px; top: 10px;}
    .callCentersBanner_text label{margin: 0 auto; max-width: 220px;}
    
    .callCentersBanner_orange{width: auto; max-width: none; height: 118px; text-align: center; padding: 0px 28px 40px;}
    .callCentersBanner_orange:before{left: 0; right: 0; bottom: 100%; top: auto; width: auto; height: 28px; background: url(imgs/callcenter_orange_top.png) center top / 180% auto no-repeat;}
    .callCentersBanner_orange P{margin: 0 auto; max-width: 280px;}
}

@media screen and (max-width: 480px) {
    .centers{padding: 48px 0px 42px;}
    .centersTitle p{max-width: 380px;}
    .centersTitle_button a{width: 220px; height: 40px; font-size: 18px; line-height: 40px;}

    .centersDetails_toggle a{font-size: 16px;}
    .centersDetails_toggle a:after{font-size: 14px; top: 1px;}

    .centersDetails_sort{padding-top: 20px;}
    .centersDetails_sort li{width: 25%;}
    .centersDetails_sort a{font-size: 16px;}

    .centersDetails_list{padding-top: 6px;}
    .centersDetails_list > ul > li{margin: 10px 0px 0px;}
    .centersDetails_itemTitle{height: 48px; padding-right: 18px;}
    .centersDetails_itemTitle .centersDetails_itemShare{display: none;}
    .centersDetails_itemTitle h4{font-size: 18px;}
    .centersDetails_itemFlex{padding: 16px 14px 14px; font-size: 14px; line-height: 18px;}
    
    .centersDetails_itemLocation{padding: 0px 20px 12px;}
    .centersDetails_itemHours{padding: 0px 20px;}
    .centersDetails_itemAlert{padding: 0px 34px 10px 20px; font-size: 14px; line-height: 18px;}
    .centersDetails_itemAlert:before{right: 16px;}
    
    .centersDetails_itemShareBottom{background-color: #f1f1f1; height: 42px; padding: 0px 14px 0px; display: flex; align-items: center; justify-content: space-between;}
    .centersDetails_itemShare.centersDetails_itemShareBottom strong{width: auto;}

    .centersDetails_list > ul > li.centersDetails_banner a{align-items: center; text-align: center; height: 160px;}
    .centersDetails_list > ul > li.centersDetails_banner a strong{padding-bottom: 4px;}
    .centersDetails_list > ul > li.centersDetails_banner a strong,
    .centersDetails_list > ul > li.centersDetails_banner a b{font-size: 18px; line-height: 20px;}
    .centersDetails_list > ul > li.centersDetails_banner a span{margin-top: 14px; width: 116px; height: 30px; font-size: 14px;}

    .covidNotice{padding-top: 36px; max-width: 300px;}
    .covidNotice strong{font-size: 18px;}
    .covidNotice B, .covidNotice P{font-weight: 500; font-size: 14px; line-height: 18px;}
    .covidNotice B{font-weight: 700; padding-bottom: 6px;}
    
}