.covid-wrapper {
position: fixed;
width: auto;
height: auto;
z-index: +99999999999;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.covid-wrapper.opencov {
right: 0px;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.covid-button {
position: absolute;
top: 82px;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
height: 50px;
width: 220px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #df2a00;
}
.covid-button:hover {
background: #b92400;
cursor: pointer;
}
.covid-button a {
color: #fff !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 20px;
font-family: inherit;
font-size: 16px;
text-decoration: none !important;
}
.covid-container {
position: relative;
height: 300px;
width: 576px;
background: white;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
svg#covid-virus-icon {
height: 20px;
width: 20px;
margin-right: 10px;
}
.covid-content {
float: left;
display: block;
width: 100%;
height: 100%;
padding: 3% 3%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow-y: scroll;
}
.covid-content p {
font-family: inherit;
font-size: 16px;
}
.covid-content a.covid-auth {
background: #df2b00;
padding: 10px 20px;
border-radius: 5px;
color: #fff;
text-decoration: none;
margin-bottom: 20px;
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
font-family: inherit;
font-size: 16px;
float: left;
margin-top: 1.5rem;
}
.covid-content a.covid-auth:hover {
background: #b92400;
} .covid-wrapper.left .covid-button {
right: -137px;
border-radius: 0px 0px 10px 10px;
}
.covid-wrapper.left.opencov {
left: 0px;
}
.covid-wrapper.left {
left: -579px;
top: 19%;
}
.covid-wrapper.left .covid-container {
border-left: none;
border-right: 3px solid #df2b00;
border-top: 3px solid #df2b00;
border-bottom: 3px solid #df2b00;
border-radius: 0px 0px 10px 0px;
} .covid-wrapper.right .covid-button {
left: -135px;
border-radius: 10px 10px 0px 0px;
}
.covid-wrapper.right.opencov {
right: 0px;
}
.covid-wrapper.right {
right: -579px;
top: 19%;
}
.covid-wrapper.right .covid-container {
border-left: none;
border-left: 3px solid #df2b00;
border-top: 3px solid #df2b00;
border-bottom: 3px solid #df2b00;
border-bottom-left-radius: 0;
border-bottom-left-radius: 10px;
}
@media (max-width: 992px) {
.covid-button {
width: 60px;
height: 60px;
top: -3px;
}
.covid-button span {
display: none;
}
svg#covid-virus-icon {
margin-right: 0px;
}
.covid-container {
width: 300px;
} .covid-wrapper.right {
right: -303px;
}
.covid-wrapper.left {
left: -303px;
}
.covid-wrapper.left .covid-button {
right: -60px;
}
.covid-wrapper.right .covid-button {
left: -60px;
} .covid-wrapper.mobile-text .covid-button span {
display: inline-block;
}
.covid-wrapper.mobile-text svg#covid-virus-icon {
margin-right: 10px;
} .covid-wrapper.mobile-text.right .covid-button {
height: 50px;
width: 220px;
left: -135px;
top: 82px;
} .covid-wrapper.mobile-text.left .covid-button {
height: 50px;
width: 220px;
right: -137px;
top: 82px;
} .covid-wrapper.mobile-text.top .covid-button {
height: 60px;
width: 220px;
} .covid-wrapper.mobile-text.bottom .covid-button {
height: 60px;
width: 220px;
}
}
.covid-wrapper.top {
top: -303px;
left: 0 !important;
right: 0 !important;
margin: auto;
}
.covid-wrapper.top .covid-container {
margin: 0 auto;
border-radius: 0px 0px 11px 10px;
border-right: 3px solid #df2b00;
border-left: 3px solid #df2b00;
border-bottom: 3px solid #df2b00;
border-top: none;
}
.covid-wrapper.top .covid-button {
bottom: -50px;
transform: none;
top: 299px;
left: 0px;
right: 0px;
margin: auto;
border-radius: 0px 0px 10px 10px;
}
.covid-wrapper.top.opencov {
right: 0px;
top: 0;
}
@media (max-width: 999px) {
.covid-wrapper.top .covid-button {
bottom: -60px;
}
}
.covid-wrapper.bottom {
bottom: -303px;
left: 0 !important;
right: 0 !important;
margin: auto;
}
.covid-wrapper.bottom .covid-container {
margin: 0 auto;
border-radius: 10px 10px 0px 0px;
border-right: 3px solid #df2b00;
border-top: 3px solid #df2b00;
border-left: 3px solid #df2b00;
border-bottom: unset;
}
.covid-wrapper.bottom .covid-button {
top: -50px;
transform: rotate(0deg);
left: 0px;
right: 0px;
margin: auto;
border-radius: 10px 10px 0px 0px;
}
.covid-wrapper.bottom.opencov {
right: unset;
bottom: 0px;
}
@media (max-width: 999px) {
.covid-wrapper.bottom .covid-button {
top: -60px;
}
}
@media (min-width: 993px) {
svg#covid-virus-icon.hide-desktop {
display: none;
}
}
.backlink {
position: relative;
font-size: 70%;
left: 0;
text-align: left;
width: 100%;
float: left;
display: block;
}