div#news-update-popup {
padding: 18px 0 30px 0;
border: 1px solid #ddd;
width: 354px !important;
height: 190px;
/* margin-left: -354px !important;*/
color: #333;
background: #fff;
text-align: center;
background-image: url(https://tmssl.akamaized.net/images/bg_reload.png);
background-repeat: no-repeat;
overflow-x: hidden;
}
div#news-update-popup .close-reveal {
width: 23px;
height: 23px;
position: absolute;
top: 5px;
right: 5px;
background: url(https://tmssl.akamaized.net/images/close_button.png) center center no-repeat;
background-size: cover;
cursor: pointer;
}
div#news-update-popup .news-update-logo-link {
width: 110px;
height: 44px;
background: url(https://tmssl.akamaized.net/images/logo.png) center center no-repeat;
background-size: cover;
display: inline-block;
margin-bottom: 7px;
}
div#news-update-popup .news-update_headline {
font-family: OSL;
font-size: 24px;
line-height: 36px;
text-transform: uppercase;
text-indent: 0.1px;
}
div#news-update-popup .news-update_headline a {
color: #00aded;
}
div#news-update-popup a.button.large {
text-transform: uppercase;
padding: 10px;
}
div#news-update-popup fieldset {
position: absolute;
bottom: 0px;
left: 5px;
width: 240px;
text-align: left;
padding: 0;
}
div#news-update-popup fieldset input {
width: 20px;
height: 20px;
vertical-align: middle;
}
div#news-update-popup fieldset label {
line-height: 20px;
display: inline-block;
}
@media only screen and (max-width: 767px) {
div#news-update-popup {
width: 274px !important;
margin-top: 70px !important;;
}
div#news-update-popup .news-update_headline {
font-size: 20px;
}
div#news-update-popup a.button.large {
display: inline-block;
}
}
/**************************\
Basic Modal Styles
\**************************/
.modal__overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.6);
display: flex;
justify-content: center;
align-items: center;
z-index: 1000000;
width: auto !important;
}
.modal__container {
background-color: #fff;
padding: 5px;
width: 420px;
border-radius: 4px;
overflow-y: auto;
box-sizing: border-box;
background-image: url(https://tmssl.akamaized.net/images/bg_reload.png);
background-repeat: no-repeat;
}
.modal__title {
margin-top: 0;
margin-bottom: 0;
font-weight: 600;
font-size: 1.25rem;
line-height: 1.25;
color: #00449e;
box-sizing: border-box;
}
.modal__close {
background: transparent;
border: 0;
cursor: pointer;
}
.modal__content {
line-height: 1.5;
color: rgba(0,0,0,.8);
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.modal__btn {
font-size: .875rem;
padding-left: 1rem;
padding-right: 1rem;
padding-top: .5rem;
padding-bottom: .5rem;
background-color: #e6e6e6;
color: rgba(0,0,0,.8);
border-radius: .25rem;
border-style: none;
border-width: 0;
cursor: pointer;
-webkit-appearance: button;
text-transform: none;
overflow: visible;
line-height: 1.15;
margin: 0;
will-change: transform;
-moz-osx-font-smoothing: grayscale;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
transition: -webkit-transform .25s ease-out;
transition: transform .25s ease-out;
transition: transform .25s ease-out,-webkit-transform .25s ease-out;
}
.modal__btn:focus, .modal__btn:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
/**************************\
Demo Animation Style
\**************************/
@keyframes mmfadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes mmfadeOut {
from { opacity: 1; }
to { opacity: 0; }
}
@keyframes mmslideIn {
from { transform: translateY(15%); }
to { transform: translateY(0); }
}
@keyframes mmslideOut {
from { transform: translateY(0); }
to { transform: translateY(-10%); }
}
.micromodal-slide {
display: none;
}
.micromodal-slide.is-open {
display: block;
}
.micromodal-slide[aria-hidden="false"] .modal__overlay {
animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.micromodal-slide[aria-hidden="false"] .modal__container {
animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}
.micromodal-slide[aria-hidden="true"] .modal__overlay {
animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.micromodal-slide[aria-hidden="true"] .modal__container {
animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}
.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
will-change: transform;
}
.modal-content-link {
display: inline;
}
#modal-news-update-popup {
padding: 18px 0 0 0;
width: 354px;
color: #333;
background: #fff;
text-align: center;
overflow-x: hidden;
margin: 0 auto;
border-radius: 3px;
}
.news-update-close-modal {
border: none;
width: 23px;
height: 23px;
position: absolute;
top: 5px;
right: 5px;
background: url(https://tmssl.akamaized.net/images/close_button.png) center center no-repeat;
background-size: cover;
cursor: pointer;
}
.news-update-logo-link {
width: 110px;
height: 44px;
background: url(https://tmssl.akamaized.net/images/logo.png) center center no-repeat;
background-size: cover;
display: inline-block;
margin-bottom: 7px;
}
.modal-news-update-content {
text-transform: uppercase;
padding-top: 20px;
}
.modal-news-update-popup-title {
font-family: OSL, sans-serif;
font-weight: 200 !important;
font-size: 24px;
margin: 0 0 5px !important;
}
.modal-news-update-popup {
padding: 0;
}
.modal-news-fieldset {
display: flex;
}
