/*
 | ------------------------------------------
 | Glide styles
 | ------------------------------------------
 | Here are slider styles
 | 
*/
.slide-cat { text-transform: uppercase; }
.slide-cat a { text-decoration: none; }

.slider {
background: rgb(36,54,93);
background: linear-gradient(45deg, rgba(36,54,93,1) 0%, rgba(103,186,175,1) 100%);
/*rest of parameters in main style.css*/
}
.slides {
list-style: none;
/*
* Here is CSS transitions 
* responsible for slider animation in modern broswers
*/
-webkit-transition: all 1500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-moz-transition: all 1500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-ms-transition: all 1500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-transition: all 1500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
transition: all 1500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.slide {
display: block;
float: left;
clear: none;
}
.slider-arrows {
}
.slider-arrow {
position: absolute;
display: block;
margin-bottom: -20px;
padding: 0;
}
.slider-arrow { color: rgba(255,255,255,.25); text-decoration: none; font-size: 50px; }
.slider-arrow:hover { color: rgba(255,255,255,1); text-decoration: none; }
.slider-arrow--right {
bottom: 50%;
right: 30px;
}
.slider-arrow--left {
bottom: 50%;
left: 30px;
}
.slider-nav {
position: absolute;
bottom: 30px;
}
.slider-nav__item {
width: 12px;
height: 12px;
float: left;
clear: none;
display: block;
margin: 0 5px;
background: #333;
border-radius: 6px;
}
.slider-nav__item:hover {
background: #eee;
}
.slider-nav__item--current {
background: #eee;
}