 /**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.slick-prev:before, .slick-next:before{
	color: red;
	opacity:0.5;
}
.slick-prev,
.slick-next{
	height: 30px;
	text-align: center;
	opacity: 1;
	width: 30px;
}

.slick-prev,
.slick-prev:hover,
.slick-prev:focus,
.slick-prev:active,
.slick-prev:visited{
	background: url(../images/arrows.png) left center;
/*background: #000  url(../images/arw-left.png) no-repeat;
*/}
.slick-next,
.slick-next:hover,
.slick-next:focus,
.slick-next:active,
.slick-next:visited{
	background: url(../images/arrows.png) right center;
}
.slick-prev:hover, .slick-next:hover {
    opacity: 0.6;
    padding: 0 !important;
}


.slick-prev:before,
.slick-next:before
{
content: none;	
}

 .slick-slide a img,
 .slick-slide img
 {
    padding: 2%;
    position: relative;
    text-align: center;
  	width: 100%;
 } 
#dashboard button:active,
#dashboard button:focus,
#dashboard button:hover{
	border-top: none;
}
.slick-active{
	color: #000;
	font-weight: bolder;

}

.entry-content h2{text-transform: capitalize;}
 /*for Caption*/  
.panel{position: relative;}
/*.panel > span{background-color:rgba(255, 255, 255, 0.5); display: none; font-size: 11px;  left: 0px; line-height: 1.2em; padding: 5px;  position: absolute;}*/
.panel > span{bottom: 0;color: #fff; display: none;  position: absolute; }
.panel > span h4{background-color:rgba(0, 0, 0, 0.7) ;  box-sizing: border-box;  font-size: 14px;line-height: 1.6; padding: 5%; text-align: left;}

ul.slick-dots li span.wls-pagination-number{background: #666; border-radius: 50px; color: #ccc; display: inline-block; font-size: 11px; height: 20px; line-height: 1; padding: 4px;  width: 20px;}
ul.slick-dots li.slick-active span.wls-pagination-number{background: #000; color: #fff; }

ul.slick-dots li span.wls-pagination-image{opacity: 0.4;}
ul.slick-dots li.slick-active span.wls-pagination-image{ opacity: 1;}
ul.slick-dots li.slick-active span.wls-pagination-image img {border-bottom: 2px solid #111;}
ul.slick-dots li span.wls-pagination-image img{height: 20px;}