body{
	background-color: #dfe3e3;
}

.elementor-text-editor p{
	line-height: 1.75em;
	margin-bottom: 1.25em;
}

h2, h4{
	font-family: 'Staatliches', cursive;

}

.overlay{
	background-color: #000;
	background-image: url(https://pulplibrary.com/wp-content/themes/pulplibrary_v3/images/doc_bg.jpg);
	background-position: center center;
	background-size: cover;
}

.img-wrap{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.show-content .current button.content-switch{
	transition-delay: 2s;
	transition: 0.5s;
	background-color: rgba(0, 0, 0, 0.6);
}

.overlay .info{
	color: #fff;
}

.overlay .info span{
	background-color: rgba(0, 0, 0, 0.3);
	font-family: 'Lato', sans-serif;
}

.main-copy{
	max-width: calc(1400px - 40px);
	display: block;
	position: relative;
	margin: 0 auto 60px auto;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	padding: 120px 20px 0 20px;
	
}

.main-copy p{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	line-height: 1.75em;
    margin-bottom: 1.25em;
	color:#000;
	margin-top: 0;
}

.serial-page{
	padding-bottom: 60px;
}

.serial-list{
	text-align: left;
	text-transform: uppercase;
	margin: 0 0 40px 0;
}

.big-title{
	color: rgba(255, 255, 255, 0.6);
	max-width: 45vw ;
}

@media screen and (max-width: 800px) {
	.big-title{
		max-width: 100% ;
	}
}


.serial-list h3{
	margin: 0 0 20px 0;
	padding: 0;
	text-align: left;
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: #333;
	text-transform: uppercase;
	font-family: 'Staatliches', cursive;
	font-weight: normal;
	letter-spacing: 0.075em;
	line-height: 1.25em;
	font-size: 28px;
}

.serial-link{
	display: block;
	position: relative;
	width: calc(100%);
	padding: 10px;
	color: #fff;
	background-color: #333;
	border-style: solid;
	border-width: 1px;
	border-color: #999;
	font-weight: 600;
	letter-spacing: 0.1em;
	font-size: 14px;
	margin: 0 0 10px 0;
	transition: all 0.5s;
	cursor: pointer;
}

.serial-link:hover{
	color: #fff;
	background-color: rgba(51, 51, 51, 0.67);
}

.main-copy h4{
	font-weight: normal;
	line-height: 1em;
	margin: 110px 0 20px 0;
	/* font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));*/
	font-size: calc(36px + (36 - 24) * ((100vw - 300px) / (1600 - 300)));
	color:#000;
}


/* Modal Video Stuff*/


.modal-vid{
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100vh;
    z-index:999;
    display:none;
}
.movie-box{
    top:0px;
    left:0px;
    display:table;
    width:100%;
    height:100vh;
    background-color:#232323;
    background-color:rgba(0, 0, 0, 0.80);
    color:#fff;
    text-align:center;
}

.close{
    position:absolute;
    font-weight:300;
    letter-spacing:0.125em;
    text-transform:uppercase;
    font-size:10px;
    right:0px;
    top:-20px;
    color:#fff;
    cursor:pointer;
    font-family: 'Montserrat', sans-serif;
}

.wide-screen{
    display:table-cell;
    text-align: center;
    vertical-align: middle;
}

.vid-holder{
    display:inline-block;
    top:0px;
    left:0px;
    position:relative;
    margin:0 auto;
    -webkit-box-shadow: 0 0 10px 0 #000000;
    box-shadow: 0 0 10px 0 #000000;
    border-style:solid;
    border-width:1px;
    border-color:#333;
}


.standard-img, .widescreen-img, .sixteen-nine, .pal{
    max-height:calc(100vh - 92px);
    max-width:calc(100vw - 62px);
    position:relative;
    margin:0 auto;
    /*transition: all 0.5s;*/
    display:none ;
}



.show{
    display:block;
}

.hide{
    display:none;
}

.vid-holder video, .vid-holder iframe{
    position: absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-color:#000;
    background-image:url(https://s3.amazonaws.com/imglibs/video_bg.png);
    background-position:center center;
    background-repeat:no-repeat;
}

h3{
	font-family: 'Staatliches', cursive;
	font-size: calc(18px + (48 - 18) * ((100vw - 300px) / (1600 - 300)));
	margin: 0;
	padding: 0;
}


/* Close Modal Video Stuff */