html,body {
	background-color:#FFFFFF;
}


.twocol {
	-moz-column-count:2; /*Firefox*/
	-webkit-column-count:2; /*Safari and Chrome*/
	column-count:2;
}

.threecol {
	-moz-column-count:3; /*Firefox*/
	-webkit-column-count:3; /*Safari and Chrome*/
	column-count:3;
}

.byline {
	font-size: 12px;
	 word-break: break-word;
	   margin-bottom: 8px;
}

.credit {
	font-size:8pt;
	font-family:Arial, Helvetica, sans-serif;
}

.caption {
	font-size:9pt;
	font-weight:bold;
}

.thirty {
	width:30%;
}

.fifty {
	width:50%;
}

.seventy {
	width:70%;
}

.hundred {
	width:100%; 
}

.h1 .h2{
	 word-break: break-word;
}

.copy {
	 word-break: break-word;
}

.span-col{
		-webkit-column-break-inside:auto;
	break-inside:avoid-column;
}

.printcontainer {
	    width: calc(100% - 82px);
        margin: 1px auto;
        padding: 20px;
        -moz-box-shadow: 3px 3px 4px #000;
		 border:1px solid black;
		 box-shadow: 3px 3px 4px #000;
	
}
@media only screen and (any-pointer: fine) {
  .printcontainer {
		
		margin: 54px auto;
	}

}
.top {
	vertical-align:top;
}

.middle {
	vertical-align:middle;
}

.left {
	float:left;
}

.right {
	float:right;
}

.textleft{
	text-align:left;
}

.textjustified {
	text-align:justify;
	text-justify:newspaper;
}

.textright {
	text-align:right;
	font-size: 16px !important;
	}
	
.clear {
	clear:both;
}

.table {
	display:table;
}

.cell {
	display:table-cell;
}

.endsquare {
	background-color:#000;
	width:10px;
	height:10px;
	display:inline-block;
	margin-left:5px;
}

/* Article View Styles */

	#storyStyleId p {
		margin-bottom: 6px !important;
}
.agate{
	font-size: 16px !important
}

.subtitleStyles{
	font-family: 'Times New Roman';
    text-align: left;
    font-size: 22px;
    font-style: italic;
}

.swiper {
      width: 100%;
       /* max-width: 600px; */
      /* height: 100%; */
	  background-color: white;
    }

    .swiper-slide {
      text-align: center;
      /* font-size: 18px; */
      background-color: white;
      display: flex;
      justify-content: center;
      align-items: center;
	  flex-direction: column;
    }

	
.swiper-slide-caption-inner {
	overflow: hidden;
}

.swiper-slide-caption-text {
	font-family: RobotoMd, Arial;
	font-size: 10px;

}
.swiper-slide-caption {
	text-align:left; 
	font-family: NotoSerifSemiCondensedBlkBlk, Arial;
}
.swiper-pagination-bullet {
	opacity: 1;
	margin-top: 20px !important;
	background-color: #999;
}
.swiper-pagination {
	height: 30px;
	position: static;
	transition: all 0.3s, bottom 1ms;
	font-weight: bold;
	margin-top: 10px;
	font-size: 14px !important;
}
.swiper-button-prev,.swiper-button-next {
	top: auto; 
	bottom: 0;
	padding: 1px 12px;
	color: #160a0a;
	transition: background-color 0.3s;
}

.swiper-pagination-bullet-active {
	background-color: #0000FF;
}

.swiper-wrapper{
		align-items: center;
	}
	
.swiper-container-horizontal>.swiper-pagination-bullets,
.pgevoke-story-swiper .swiper-pagination-custom,
.pgevoke-story-swiper .swiper-pagination-fraction {
	bottom: 8px;
}

.swiper-button-next:after, .swiper-button-prev:after {
	font-size:25px;
}

/* #videoplayer{  */
	/* width: 90%;  */
    /* height: 281px; */
	
 /* } */
/* Common styles for images */
.swiper-slide img {
  max-height: 100%;
  width: 100%;
  object-fit: contain;
  display: block;
}

.video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 aspect ratio (9/16 = 0.5625) */
  height: 0;
  overflow: hidden;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

 .media-container {
      position: relative;
    }
    .media {
      width: 100%;
      height: 100%;
      overflow: hidden;
    }
    .media img,
    .media iframe {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }