/* content with or without sidebar */


/*  CONTENT */
.lightbox {
	display: block;
	position: relative;
}
.lightbox.noposter{
	display: inline;
}
.lightbox img {
	max-width: unset;
	width: 100%;
}
.sliderWrap .lightbox img{
	max-width: 100%;
	width: unset;
}


.cornerIcon{
	position: absolute;
	top:5%;
	right: 5%;
	z-index:2;
}

.centerIcon{
	position:absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
}

.playButton {
	box-sizing: border-box;
	display:block;
	width:40px;			   /* governs size of circle */
	height:40px;		  /* governs size of circle */
	padding-top: 9px;    /* governs posn of triangle in circle */
	padding-left: 5px;	/* governs posn of triangle in circle */
	line-height: 0;
	border: 3px solid #fff;  /* color of circle's border */
	border-radius: 50%;
	color:#f5f5f5;           
	text-align:center;
	text-decoration:none;
	background-color: var(--brand-a);    /* color of circle's background */
	font-size:0;
	font-weight:500;
	transition: background-color 0.4s ease, border-color .4s ease;
	cursor: pointer;
}
.lightbox:hover .playButton {
	background-color: var(--brand-a-hover);  /*  circle's background and border turn to same color on hover */
	border-color: var(--brand-a-hover);	
}
.playButton::after{
	content: '';
	display: inline-block;
	position: relative;
	border-style: solid;
	border-width: 8px 0 8px 15px;    /* arrow size */
	border-color: transparent transparent transparent white; /* last color is arrow color */
}

/* sidebar */




/**************************** CUSTOM ************************************/
/*** homepage ***/