#qpn-news-banner-public-news-container,
#qpn-news-banner-public-news-container * {
box-sizing: border-box;
}
#qpn-news-banner-public-news-container.qpn-news-banner-public-news-container {
position: relative;
z-index: 9990;
display: block;
width: 100%;
clear: both;
margin: 0;
padding: 0;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.14);
font-family: inherit;
font-size: 16px;
line-height: 1.45;
transition: opacity 180ms ease, transform 180ms ease;
}
#qpn-news-banner-public-news-container.is-closing {
opacity: 0;
transform: translateY(-6px);
}
#qpn-news-banner-public-news-container .qpn-news-banner-public-news-inner {
display: flex;
align-items: center;
justify-content: center;
gap: 0.65rem;
width: min(100%, 1440px);
min-height: 48px;
margin: 0 auto;
padding: 0.7rem 3.5rem 0.7rem 1rem;
text-align: center;
}
#qpn-news-banner-public-news-container .qpn-news-banner-public-news-label {
flex: 0 0 auto;
font-weight: 800;
letter-spacing: 0.045em;
text-transform: uppercase;
}
#qpn-news-banner-public-news-container .qpn-news-banner-public-message {
display: inline;
margin: 0;
padding: 0;
font: inherit;
font-weight: 800 !important;
}
#qpn-news-banner-public-news-container .qpn-news-banner-public-url {
display: inline;
margin: 0;
padding: 0;
border: 0;
background: transparent;
font: inherit;
font-weight: 800 !important;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
}
#qpn-news-banner-public-news-container .qpn-news-banner-public-url:hover,
#qpn-news-banner-public-news-container .qpn-news-banner-public-url:focus {
opacity: 0.86;
text-decoration-thickness: 2px;
}
#qpn-news-banner-public-news-container .qpn-news-banner-public-close {
position: absolute;
top: 50%;
right: 0.35rem;
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
margin: 0;
padding: 0;
transform: translateY(-50%);
border: 0;
border-radius: 50%;
background: transparent;
color: inherit;
cursor: pointer;
font: inherit;
font-size: 30px;
font-weight: 300;
line-height: 1;
}
#qpn-news-banner-public-news-container .qpn-news-banner-public-close:hover {
background: rgba(0, 0, 0, 0.12);
}
#qpn-news-banner-public-news-container .qpn-news-banner-public-close:focus-visible,
#qpn-news-banner-public-news-container .qpn-news-banner-public-url:focus-visible {
outline: 2px solid currentColor;
outline-offset: 2px;
}
@media (max-width: 700px) {
#qpn-news-banner-public-news-container.qpn-news-banner-public-news-container {
font-size: 14px;
}
#qpn-news-banner-public-news-container .qpn-news-banner-public-news-inner {
align-items: flex-start;
flex-direction: column;
gap: 0.15rem;
min-height: 54px;
padding: 0.65rem 3.25rem 0.65rem 0.85rem;
text-align: left;
}
#qpn-news-banner-public-news-container .qpn-news-banner-public-message,
#qpn-news-banner-public-news-container .qpn-news-banner-public-url {
display: block;
width: 100%;
min-width: 0;
max-width: 100%;
white-space: normal;
overflow-wrap: anywhere;
font-weight: 800 !important;
}
}
@media (prefers-reduced-motion: reduce) {
#qpn-news-banner-public-news-container.qpn-news-banner-public-news-container {
transition: none;
}
}