/* ----------------------------------------- */
/* View slug: headlines-slider - start */
/* ----------------------------------------- */
/* place the prev/next controls on the sides */
.transition-controls .wpv-filter-next-link,
.transition-controls .wpv-filter-previous-link {
border: none;
font-size: 300%;
position: absolute;
top: 40%;
color: white !important;
}
.transition-controls .wpv-filter-previous-link {
left: 5px;
}
.transition-controls .wpv-filter-next-link {
right: 5px;
}
/* center the page selector horizonatlly */
.transition-controls ul.wpv_pagination_dots {
text-align: center;
margin-top: 10px;
}
/* center the page selector horizonatlly */
.transition-controls ul.wpv_pagination_dots li.wpv_pagination_dots_item,
.transition-controls .wpv_pagination_dots li a {
display: inline-block;
float: none;
color: white !important;
}
/* remove the defaulf styles for link offered by the theme */
.transition-controls .wpv_pagination_dots li a {
text-decoration: none;
border-bottom: none;
color: white !important;
}
.slider-container {
/* add some space for transition controls */
padding: 0px !important;
margin: 0px !important;
margin-bottom: 0px !important;
/* make the slider container a reference point for positing elements it cotains (here: transition controls and slides */
position: relative;
}
/* make the slides div a reference for positioning the elements it contains (here: the slide title) */
.slides {
position: relative;
}
.slides h3 {
width: 98%;
padding: 10px;
background: rgba(0,0,0,.45);
/* position the slide title at the bottom of its container */
position: static;
margin-top: 0px;
bottom: 0;
left: 0;
color: #fff;
}
.slides h3 a {
color: #fff;
border: none;
}
.slides h3:hover {
background: rgba(0,0,0,.65);
}
/* ----------------------------------------- */
/* View slug: headlines-slider - end */
/* ----------------------------------------- */