.region-announcements {
margin-bottom: -18px;
}
.announcement-container {
display: block;
position: relative;
z-index: 99;
min-width: 100%;
text-align: center;
padding-top: 6px;
background: linear-gradient(90deg, rgba(97,50,167,1) 0%, rgba(133,80,243,1) 100%);
}
.announcement-content {
font-family: ‘IBM Plex Sans’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
font-size: 0.6em;
letter-spacing: 1px;
color: #ffffff;
max-width: 90%;
margin: 0 auto;
}
.announcement-content p {
padding-bottom: 8px;
}
@media (min-width: 1151px) {
.top-bar.expanded + main .content-wrapper .layout-content .region-announcements {
padding-top: 29px;
}
}
@media (max-width: 800px) {
.announcement-content p {
padding-top: 4px;
}
}
.announcement-content a, .announcement-content a:link, .announcement-content a:visited, .theme-dark .announcement-content a, .theme-dark .announcement-content a:link, .theme-dark .announcement-content a:visited {
color: #ffffff!important;
text-decoration: underline!important;
}
.announcement-content a:hover, .theme-dark .announcement-content a:hover {
text-decoration: none!important;
}
.dot {
height: 10px;
width: 10px;
background-color: #FF0000;
border-radius: 50%;
display: inline-block;
vertical-align: middle;
margin-right: 1rem;
margin-bottom: 3px;
}
.icon {
background: url(/themes/gi5/includes/images/social/dark/header_twitch_dark.svg)no-repeat 100% 100%;
filter: brightness(0) invert(1);
height: 2rem;
width: 2rem;
display: inline-block;
margin: 0 0.5rem;
text-indent: -9999px;
background-size: 2rem;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
speak: none;
}