/* Image Slider */

/* Container */
.cisb-slider{ position:relative; text-align:center; margin:0 auto;}
.cisb-container{ position:relative;}

/* Slide */
.cisb-slide{ display:none;}
.cisb-slide img{ vertical-align:bottom;}
.cisb-showing{ display:block;}

/* Next & previous buttons */
.cisb-prev, .cisb-next{ display:none; height:100%; font-size:3rem; position:absolute; top:0; z-index:4; border-color:#eee; transition:background .1s ease, border .1s ease; padding:0 3rem;}
.cisb-prev{ left:0;}
.cisb-next{ right:0;}
.cisb-slider:hover .cisb-prev, .cisb-slider:hover .cisb-next{ display:flex; align-items:center; height:100%; background:none; border:0;}
.cisb-slider:hover .cisb-prev:hover, .cisb-slider:hover .cisb-next:hover{ background-color: rgba(255,255,255,0.8); border:1px solid #eee; text-decoration:none;}
.hentry .entry-content a:not(.button):not(.components-button){ text-decoration:none;}

/* Title, caption and button */
.cisb-text{ overflow:hidden;}
.cisb-text-bg{ position:relative; z-index:1; padding:1rem;}
.cisb-text-bg:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1; overflow:hidden;}
.below{ width:100%;}
/* display text if play button and position middle bottom */
.bottom-centre-play{ position:absolute; bottom:110px; left:50%; transform:translate(-50%, 0);}
.cisb-below{ display:none;}
.cisb-below-on{ display:block;}
.cisb-title{ margin:0; padding:0 1rem;}
.cisb-caption{ margin:0;}
.cisb-link{ margin:0; padding:1rem 1rem;}
.cisb-link a{ background-color:#ff8900; color:#FFFFFF; border-radius:.5rem; transition:all .5s; padding:0.5rem; text-decoration:none; border:1px solid #ffcc00; margin:0;}
.cisb-link a:hover{ color:#333; background-color:#fff; text-shadow:none;}
.cisb-link a:active{ transform:translateY(4px);}

/* Play/Pause Controls */
.controls{ width:260px; opacity:0.9; position:absolute; bottom:1rem; left:50%; transform:translate(-50%, 0);}
.control{ display:inline-block; width:70px; padding:20px 0px; margin:0 5px 0 5px; cursor:pointer; border-radius:50%; border-style:solid; border-width:3px;}
.control:hover, .control:focus{ background:#bbb; color:#333;}

/* Indexes - dots, thumbnails, pagination */
.markers{ list-style-type:none; text-align:center; padding:0; margin:10px 0; width:100%; display:table;}
.markers li{ display:inline-block;}
/* Dots */
.cisb-dots{}
.cisb-dots .cisb i{ height:15px; width:15px; margin:0 2px; color:#bbb; border-radius:50%; display:inline-block; transition:background-color 0.6s ease;}
.cisb-dots .cisb-active i{ color:#717171;}
.cisb-dots .cisb i:hover{ color:#ff8900;}
/* Pagination */
.cisb-pages{}
.cisb-pages i{ padding:8px 0;}
.cisb-pages .cisb{ color:black; padding:8px 16px; text-decoration:none; transition:background-color .6s ease;}
.cisb-pages .cisb-active{ background-color:#717171; color:#ffffff;}
.cisb-pages .cisb:hover:not(.cisb-active){background-color:#ff8900;}
/* Thumbnails */
.cisb-thumbs{}
.cisb-thumbs img{ vertical-align:bottom;}
.cisb-thumbs .cisb{ width:120px; cursor:pointer; opacity:0.6;}
.cisb-thumbs .cisb-active, .cisb-thumbs .cisb:hover{ opacity:1;}
/* Markers - display none */
.cisb-none, .cisb-none .cisb, .cisb-none .cisb-active, .cisb-none .cisb:hover, .cisb-none .cisb:hover:not(.cisb-active){ display:none;}

/* Fade animation */
@-webkit-keyframes fade		{ from{opacity:0.4} to{opacity:1}}
@keyframes fade				{ from{opacity:0.4} to{opacity:1}}
.fade{ animation:fade 2s ease; -webkit-animation:fade 2s ease;}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width:1200px) {
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width:992px) {
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width:768px) {
} 
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width:600px) {
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width:600px) {
}
/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px){
}