:root {
--newsticker-bg: #9c0041;
--newsticker-text: white;
--newsticker-icon-arrow-left: url(//celler-parkbetriebe.de/wp-content/plugins/cdh-newsticker/assets/icons/arrow-left-sm-w.svg);
--newsticker-icon-arrow-right: url(//celler-parkbetriebe.de/wp-content/plugins/cdh-newsticker/assets/icons/arrow-right-sm-w.svg);
--newsticker-icon-close: url(//celler-parkbetriebe.de/wp-content/plugins/cdh-newsticker/assets/icons/close-sm-w.svg);
--newsticker-icon-pause: url(//celler-parkbetriebe.de/wp-content/plugins/cdh-newsticker/assets/icons/pause-w.svg);
}
.newsticker {
background-color: #9c0041;
color: white;
font-weight: 600;
padding: 5px 0;
min-height: 50px;
}
.newsticker .newsticker-slider .swiper-wrapper {
min-height: 50px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.newsticker .newsticker-slider .swiper-wrapper .swiper-slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.newsticker .newsticker-slider .swiper-wrapper .swiper-slide p {
font-size: 0.8rem;
line-height: 1.1;
margin-bottom: 0;
word-break: break-word;
-ms-hyphens: auto;
hyphens: auto;
}
@media (min-width: 576px) {
.newsticker .newsticker-slider .swiper-wrapper .swiper-slide p {
-ms-hyphens: none;
hyphens: none;
word-break: normal;
}
}
.newsticker .newsticker-slider .swiper-wrapper .swiper-slide p strong {
font-weight: 700;
}
.newsticker .newsticker-slider .swiper-wrapper .swiper-slide p a {
color: white;
}
.pause {
display: none;
background-image: url(//celler-parkbetriebe.de/wp-content/plugins/cdh-newsticker/assets/icons/pause-w.svg);
opacity: 0.5;
cursor: default;
}
.slider-nav {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
height: 100%;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 1rem;
position: relative;
}
@media (max-width: 576px) {
.slider-nav {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 10px;
}
}
.slider-nav .newsticker-button-prev,
.slider-nav .newsticker-button-next,
.slider-nav .close,
.slider-nav .pause {
background-repeat: no-repeat;
background-color: transparent;
border: none;
background-size: 100% 100%;
cursor: pointer;
height: 25px !important;
left: 0;
margin-top: 0;
position: relative;
right: 0;
top: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
width: 25px !important;
}
.slider-nav .newsticker-button-prev:after,
.slider-nav .newsticker-button-next:after,
.slider-nav .close:after,
.slider-nav .pause:after {
content: "";
font-size: 1;
}
.slider-nav .newsticker-button-prev.nonav,
.slider-nav .newsticker-button-next.nonav,
.slider-nav .close.nonav,
.slider-nav .pause.nonav {
display: none;
visibility: hidden;
}
.slider-nav .newsticker-button-prev {
background-image: url(//celler-parkbetriebe.de/wp-content/plugins/cdh-newsticker/assets/icons/arrow-right-sm-w.svg);
}
.slider-nav .newsticker-button-next {
background-image: url(//celler-parkbetriebe.de/wp-content/plugins/cdh-newsticker/assets/icons/arrow-left-sm-w.svg);
}
.slider-nav .close {
background-image: url(//celler-parkbetriebe.de/wp-content/plugins/cdh-newsticker/assets/icons/close-sm-w.svg);
background-color: transparent;
content: "";
margin: 0;
padding: 0;
text-indent: -99999px;
cursor: pointer;
}
.slider-nav .close:hover {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}