@charset "utf-8";
#alertButton{display:block;position:fixed;left:0;top:63px;border:1px solid transparent;z-index:9999}
#alertButton:focus{border:1px solid #fff}
#alertButton.yellowBg:focus{border:1px solid #222}
.toggleAlertBtn{width:63px;height:65px;display:block;padding:6px 12px;margin-left:40px;text-decoration:none;border-bottom-right-radius:10px;border-top-left-radius:10px}
.toggleAlertBtn:before{color:#fff;font-family:"Font Awesome 5 Free";font-weight:900;font-size:1.25rem;padding:0 9px}
.toggleAlertBtn.yellowBg:before{padding:11px 18px;color:#222}
.alertIcon{width:63px;height:65px;display:block;padding:0 12px;text-decoration:none}
.alertIcon:before{color:#fff;font-family:"Font Awesome 5 Free";font-weight:900;font-size:1.25rem;padding:0 24px}
.yellowBg .alertIcon:before{color:#222}
.alert.yellowBg .alertIcon:before{padding:15px 31px}
.toggleAlertBtn.redBg:before,.alert.redBg .alertIcon:before{content:"\f071"}
.toggleAlertBtn.yellowBg:before,.alert.yellowBg .alertIcon:before{content:"\f129"}
.toggleAlertBtn.greenBg:before,.alert.greenBg .alertIcon:before{content:"\f00c"}
.toggleAlertBtn span{position:absolute;display:block;text-transform:uppercase;font-size:.75em;font-weight:600;line-height:1.5}
.toggleAlertBtn.greenBg span{color:#fff}
.alertIcon{float:left;width:13%;padding-left:0;padding-right:0;text-align:left}
.alertIcon span{display:block;text-transform:uppercase;font-size:.75em;font-weight:600;line-height:1.5;text-align:center}
.alert{position:relative;color:#fff;z-index:99999;width:100%;max-width:595px;margin:auto;border:1px solid transparent;border-bottom-right-radius:10px;border-top-left-radius:10px}
.alert .mfp-close{line-height:1.5;right:27px;top:-50px!important;font-size:1rem;padding:15px 0 0 24px;cursor:pointer;background:url(../../images/popup-close.svg) no-repeat left center}
.alert .mfp-close:before,.alert .mfp-close:after{float:left;font-size:.9rem;margin:0;text-indent:0}
.alertCloseBtn{position:absolute;right:16px;font-size:.9rem}
.alert .wrapper{max-width:1570px;width:100%;padding-left:12px;padding-right:12px}
.alert .summary{float:left;width:84%;line-height:1.5}
.alert .title{font-family:"Raleway",sans-serif;font-size:1.1rem;font-weight:600;margin-bottom:10px}
.alert .summary > a{color:#fff;font-variant:normal}
.alert a.callout{font-size:.95rem;margin-top:25px;text-decoration:none;text-transform:uppercase;font-weight:700}
.alert a.callout:after{content:""}
.alert a.callout:hover,.alert a.callout:focus{text-decoration:underline}
.alert .container:after{content:"";clear:both;display:block}
.alert .wrapper:after{content:"";clear:both;display:block}
.alertMessage{position:relative;width:100%;color:#fff;z-index:9999;padding:28px 0}
.alertMessage a{color:#fff}
.yellowBg .alertMessage{color:#222}
.yellowBg .alertMessage a{color:#222}
.toggleAlertBtn.redBg,.alert.redBg{background-color:#aa1010;color:#fff}
.toggleAlertBtn.yellowBg,.alert.yellowBg{background-color:#f8de66;color:#222}
.toggleAlertBtn.greenBg,.alert.greenBg{background-color:#418141}
@media screen and (max-width: 960px) {
#offcanvasMenu ~ .bodyWrapper #alertButton{top:85px;margin-left:20px}
.marketingPage #offcanvasMenu ~ .bodyWrapper #alertButton{top:125px;margin-left:20px}
.toggleAlertBtn{width:60px;height:60px;padding:6px 10px}
.toggleAlertBtn:after{font-size:1.15rem;padding:8px;border:4px solid #fff}
.toggleAlertBtn.yellowBg:after{padding:7px 14px}
.alertIcon{float:none;width:75px;height:75px;padding:12px;margin:0 auto}
.alertIcon:after{font-size:1.75rem;padding:15px}
.alertIcon{float:none;width:100%;padding-left:0;padding-right:0;text-align:center}
.alert .summary{width:100%;text-align:center}
}
@media screen and (max-width: 767px) {
.home #offcanvasMenu ~ .bodyWrapper .alertWrapper .toggleAlertBtn#alertButton{top:auto;bottom:10px}
}