/*  Cycle Slider  */

#slider-container {
	  height: 0;
	  overflow: hidden;
	  padding-bottom: 115%;
	  background-color: bisque;
	  /*height:875px;*/
	border-top:3px dotted blue;
}

#slideshow {
    background: #000;
    width: 98%;
    padding-bottom: 1px;
    padding-top: 0;
    border: 5px solid #660000;
    margin: 0 auto 10px auto;
    /* height:855px;*/
	 text-align:center;
}

#slideshow .slides {
    overflow: hidden;
    float: none;
    color: #fff;
    border: 0px solid #cccccc;
    padding: 1px;
    padding-bottom: 0px;
    padding-top: 0;
}

#slideshow .slides, #slideshow .slides ul, #slideshow .slides li, .js #slideshow .slides li {
    width: 100%;
}

#slideshow .slides ul {
    overflow: hidden;
	height:75%;
    /*min-height: 295px;*/
    border: none;
    width: 99.5%;
	position:relative;
	float:left;
	background: transparent;
	margin: 0;
	padding: 0px;
	list-style-type: none;
}

#slideshow .slides li {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	z-index: 7;
	opacity: 0;
	width: 99%;
	height: 99%;
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
    background: #000;

}

#slideshow .slides li .slide_img {
    width: 100%;
    float: none;
    border: 0px solid orange;
    overflow: hidden;
    padding-bottom: 1px;
	height:0;
	padding-bottom:50%;
}

#slideshow .slides li .slide_img img {
    width: 99%;
    margin: 5px 1px 0 1px;
    padding: 5px;
    border: 0px solid #cccccc;
    height: auto;
    max-width: 580px;
    max-height: 530px;
}

#slideshow .slides li .article {
    width: 99%;
	padding: 8px 20px 1px 5px;
    overflow: hidden;
    border: 0px solid red;
    float: none;
    display: block;
    position: static;
	background: #000;
	margin: 0;
	height: auto;
}


#slideshow .slides li .article h3, #slideshow .slides li .article h3 a, #slideshow .slides li .article h3 a:link, #slideshow .slides li .article h3 a:visited, #slideshow .slides li .article h3 a:hover, #slideshow .slides li .article h3 a:active {
    font-size: 1.05rem;
    line-height: 120%;
    margin: 0;
    color: #fff;
    padding-bottom: 0;
    letter-spacing: 0;
    font-family: Georgia,Times New Roman,Trebuchet MS;
	font-weight:800;
    display: block;
}

#slideshow .slides li .article p.author {
    margin: 0 0 0 5px;
     margin-top: 0px;
    padding: 0;
    font-weight: 800;
    font-size: 0.95rem;
    color: #B9D3EE;
}

#slideshow .slides li .article p.article_summary {
    margin: 0;
	font-weight: 800;
    padding: 5px;
    line-height: 128%;
}

#slideshow .slides li .article p.article_summary a {
	font-size: 0.95rem;
    color: #B9D3EE;
}

/* *** Slider pager *** */

#slider-container #no-template-pager {
	height:45px;
	display:block;
	/*background:#eee;*/
    background:transparent;
	/*text-align:left;*/
    padding-bottom:2px;
    z-index:99;
    /* margin-left:-10px;*/
    margin-left:-0%; 
	position:absolute;
	bottom:2%;
	left:2%;
}

#slider-container #no-template-pager.cycle-pager {
	display:inline-block;
	position:static;
	/*height:100%;*/
} 

#slider-container .external {
    	position: static;
}

#slider-container #no-template-pager.cycle-pager.div-nav {
    float: none;
    padding-bottom: 1px;
    color: #C0D9D9;
	height: 20px;
	width: 260px;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 5px;
	text-align: center;
	overflow: hidden;
	border: 0px solid red;
}



/* pager  anchor */

#slider-container .external > * {
    	margin: 0;
}

#slider-container .cycle-pager > * {
    	cursor: pointer;
}

#slider-container #no-template-pager a {
	margin: 0px 0 0 0;
	margin-right:4%;
	padding: 0;
	list-style-type: none;
	display: inline-block;
	width: 8%;
	vertical-align: top;
	border: 0px solid red;
	height: 60px;
	outline: none;
	background:red;
}

		#slider-container #no-template-pager a.cycle-pager-active {
		/*background:#fff url('/wp-content/themes/supernews-twentysixteen-child/images/blue-arrow-gray-background-2.png') no-repeat left center; */
        	    background:#fff;
        	    /*border:2px solid #23238E;*/
		}


#slider-container #no-template-pager a  span {
	display:none;
}

#slider-container #no-template-pager a.cycle-pager-active span {
        display:none;
}

#slider-container #no-template-pager a.cycle-pager-active:before { 
           /*content:""; 
           position: absolute; 
           right: 100%; top: 14px; 
           width: 0; 
           height: 0; 
           border-top: 9px solid transparent; 
           border-right: 8px solid #5971AD; 
           border-bottom: 9px solid transparent;*/

}
 
.external { position: static }
.cycle-pager { display: block; }

@media print,screen and (min-width:23em){
	#slider-container {
	  padding-bottom: 102%;
			border-top:3px dashed red;
	}
}

@media print,screen and (min-width:25em){
	#slider-container {
	  padding-bottom: 95%;
			border-top:3px solid blue;
	}
}

@media print,screen and (min-width:29em){
	#slider-container {
	  padding-bottom: 88%;
			border-top:3px solid blue;
	}
}

@media print,screen and (min-width:33em){
	#slider-container {
	  padding-bottom: 82%;
			border-top:3px dotted green;
	}
}

@media print,screen and (min-width:35em){
	#slider-container {
	  padding-bottom: 75%;
			border-top:3px dashed orange;
	}
}

@media print,screen and (min-width:42em){

		#slider-container {
 		    padding-bottom: 57%; 
		}
	
	    #slideshow {
		    height:auto;
			width:99%;
	    }
	
		#slideshow .slides {
		float: left;
        padding: 10px;
		/*max-height:75%;*/
	     }
	
	    #slideshow .slides ul {width: 98.5%}
	
	
		#slideshow .slides li .slide_img {
			width: 64%;
			float: left;
            padding-bottom: 35%;
		}
	
		#slideshow .slides li .article {
		width: 34%;
		padding: 10px 15px 10px 0;
		overflow: hidden;
		border: 0px solid red;
		float: right;
		display: inline-block;
		position: absolute;
		top: 0;
		left: 66%;
		}
	
	   #slideshow .slides li .article h3, #slideshow .slides li .article h3 a, #slideshow .slides li .article h3 a:link, #slideshow .slides li .article h3 a:visited, #slideshow .slides li .article h3 a:hover, #slideshow .slides li .article h3 a:active {
            font-size: 1.15rem;
	    }
	
	  #slideshow .slides li .article p.author {
         font-size: 12px;
       }

      #slideshow .slides li .article p.article_summary a {
         font-size: 13px;
      }	

   		#slider-container #no-template-pager.cycle-pager {
	        /*    display:inline-block;
		    	position:static;
		    	width:40%;
                height:100%;*/
		
		} 
	
	    #slider-container #no-template-pager.cycle-pager.div-nav {
				height: 92px;
				padding: 5px 5px 0 0;
			    width: 98%;
			}

		#slider-container #no-template-pager a {
			width:13.5%;
			margin-right:0;
			background:#000!important;
			height:100%;
		}	

		#slider-container #no-template-pager a.cycle-pager-active {
        	    border:0.005em solid #eeeeee;
		}



		#slider-container #no-template-pager a span {
   		    display:block; 
		    /*vertical-align:middle;  */ 
       		    padding-left:5%;
       		    padding-right:5%;
			    padding-top:4px;
			    padding-bottom:4px;
			    color: #C0D9D9;
			    font-size:0.68rem;
			    font-family: helvetica,arial,sans-serif;
			    line-height:1.2;
       		    font-weight:bold;
		}

		#slider-container #no-template-pager a.cycle-pager-active span {
                     background:#000;
			         display:block;
			         color:#fff;
		}
                
		#slider-container .external > * { margin: 0 5px }
}

@media print,screen and (min-width:48em){
	
			#slider-container {
 		    padding-bottom: 50%; 
		     }
}

@media print,screen and (min-width:55em){
	
			#slider-container {
 		    padding-bottom: 48%; 
		     }
	
	    #slideshow .slides li .article h3, #slideshow .slides li .article h3 a, #slideshow .slides li .article h3 a:link, #slideshow .slides li .article h3 a:visited, #slideshow .slides li .article h3 a:hover, #slideshow .slides li .article h3 a:active {
          font-size: 24px;
	    }
	
		#slideshow .slides li .article {
		   padding: 30px 15px 10px 0;
	    }
	
	  #slideshow .slides li .article p.author {
          font-size: 10pt;
        }

      #slideshow .slides li .article p.article_summary a {
          font-size: 14px;
       }
	
			#slider-container #no-template-pager a {
			width:12.9%;
	    }
			#slider-container #no-template-pager a span {
			    font-size:0.75rem;
	    }
}

#slider-container {/* comment out to see borders */
			border-top:0;
	        background:#fff;
}