/**
 * 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: 0 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 > .ws-caption{ background: rgba(0, 0, 0, 0.7);display: none;height: auto;margin-left: 2%;position: absolute;width: 96%;}
/*for rtl*/
div[dir="rtl"] .panel > .ws-caption{margin-left: 0; margin-right: 2%;}

.panel > .ws-caption h4{color: #fff!important;font-size: 14px; margin: 0!important; 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;}

.slick-next, .slick-next:hover, .slick-next:focus, .slick-next:active, .slick-next:visited,
.slick-prev, .slick-prev:hover, .slick-prev:focus, .slick-prev:active, .slick-prev:visited{box-shadow: none;}