/*
 * headline-slide.css
 */
.slick-slider .slick-track {
	z-index: 9;
} 
 
#block-views-headline-block-1 {
	margin: 0;
}
#block-views-headline-block-1 .view-content {
	width:100%;font-size:1.5rem;position:relative;/*overflow:hidden;*/
}
#block-views-headline-block-1 .views-row { 
	clear: none; padding: 0; 
}
#block-views-headline-block-1 .views-field-field-headline-image img{
	width:100%;height:auto;margin:0 !important;padding:0 !important;
}
#block-views-headline-block-1 .text-wrapper {
    width: 100%; position:absolute; bottom:0; line-height:100%;
	background:transparent url(images/transparent_50_bg.png) repeat scroll 0 0!important;
}
#block-views-headline-block-1 .text {
	display:table; margin:0 auto; padding: 0 1.5em; position: relative;
}
#block-views-headline-block-1 a{color:#73acd9;text-decoration:none;}
#block-views-headline-block-1 .title{
	display:table-cell; margin:0; padding:.625em 1em .625em 0;
	color:#73acd9;vertical-align:baseline;text-align:right;
	font-size:1em;font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
}
#block-views-headline-block-1 .body{
	display:table-cell;vertical-align:baseline;position:relative;text-align: left;
	color:#ddd;font-family:Verdana,Tahoma,"DejaVu Sans",sans-serif;font-size:0.625em;padding: 0 0.625em 0 0;
}

#block-views-headline-block-1 ul.number-pager {height:15px;right:7px;bottom:74px;position:absolute;z-index:9;text-align: center;}
#block-views-headline-block-1 ul.number-pager {list-style-type:none;margin:0 auto;padding:0!important;}
#block-views-headline-block-1 ul.number-pager li {background:#000;border:1px solid #73acd9;display:inline-block;padding:0!important;margin:8px;height:16px;width:16px;cursor: pointer;}
#block-views-headline-block-1 ul.number-pager li.slick-active{background:#73acd9;}
#block-views-headline-block-1 ul.number-pager li:hover {background:#73acd9;}
#block-views-headline-block-1 ul.number-pager li button {display:none;}

/********************* previous next pager on slide **********************/
#block-views-headline-block-1 .pager{
  position: absolute;
  top: initial;
  bottom: .125em;
  height: 50px;
  width: 50px;
  z-index:10;
  opacity: 0.7;
}
#block-views-headline-block-1 .pager-prev{
  background: url(images/prev_blue.png) no-repeat;
}
#block-views-headline-block-1 .pager-next{
  background: url(images/next_blue.png) no-repeat;
}
#block-views-headline-block-1 .pager-prev:hover,
#block-views-headline-block-1 .pager-next:hover {
  opacity:1;
}
#block-views-headline-block-1 .pager-prev {left:10px;}
#block-views-headline-block-1 .pager-next {left: initial; right: 10px;}


/********************* responsive **********************/
@media (max-width: 999px) {
	#block-views-headline-block-1 .view-content {
		font-size: 1.25rem;
	}
	#block-views-headline-block-1 ul.number-pager {
	    bottom: 62px;
	}
	#block-views-headline-block-1 .pager{
		bottom: -.125em;
	}
	#block-views-headline-block-1 .pager-prev{left: 5px;}
	#block-views-headline-block-1 .pager-next{right: 5px;}	
}

@media (max-width: 776px) {
	#block-views-headline-block-1 .view-content {
		font-size: 1rem;
	}
	#block-views-headline-block-1 ul.number-pager {
	    bottom: 60px;
	}
	#block-views-headline-block-1 ul.number-pager li {
	}
	#block-views-headline-block-1 .pager{
		bottom: -0.4375em;
	}
	#block-views-headline-block-1 .pager-prev{left: 0;}
	#block-views-headline-block-1 .pager-next{right: 0;}	
}

@media (max-width: 554px) {
	#block-views-headline-block-1 .view-content {
    	overflow: initial;
    }
	#block-views-headline-block-1 .text{
		position:relative;
		font-size: 0.875rem;
		height: 3.61rem; /*(1rem + 1rem + .5rem + .625rem+ 1rem)*0.875 => padding-top + font-size(title) + padding-bottom + font-size(body) + padding-bottom*/
	}
	#block-views-headline-block-1 .title {
		padding: 1em 0 .25em;
	}
	#block-views-headline-block-1 .body {
		/*font-size: 0.625em;*/ padding: 0 0 1em;
	}
	#block-views-headline-block-1 .text,
	#block-views-headline-block-1 .title,
	#block-views-headline-block-1 .body {
		display: block;
		text-align: center;
	}
	#block-views-headline-block-1 .text-wrapper {
		position:relative; 
		bottom:auto;
	}
	#block-views-headline-block-1 ul.number-pager {
	    position:relative;
	    bottom: initial;
	    right: initial;
        margin: .5em auto 1.5em;
	}
	#block-views-headline-block-1 .pager {
            display: none !important;;
	}
}