@CHARSET "ISO-8859-1";

.home-hero-box
{
	width: 100%;
	background: rgba(0,0,0,0.0);
	margin: 1rem auto;
}

.home-hero-box.hidden
{
	display: none;
}

.landing .home-hero-box
{
	width: 100%;
	background: rgba(0,0,0,0.0);
	margin: 0rem auto;
}

.bene-hero .hero-body
{
	position: relative;
	width: 100%;
	height: 0%;
	padding-top: 38%;
	max-width: 1400px;
	box-shadow: 0.0rem -0.25rem 0.25rem rgba(0,0,0,0.25), 0.0rem 0.25rem 0.25rem rgba(0,0,0,0.25);
	margin: auto;
	background-color: #ccc;
}

.landing .bene-hero .hero-body
{
	padding-top: 40%;
	max-width: 1400px;
	box-shadow: 0.0rem 0.25rem 0.25rem rgba(0,0,0,0.25);
	border-radius: 0.5rem 0.5rem 0rem 0rem;
}

.bene-hero .hero-controls
{
	position: absolute;
	width: 6rem;
	height: 2.5rem;
	bottom: 0.75rem;
	right: 0.75rem;
	background: rgba(0,0,0,0.4);
	border-radius:0.5rem;
	z-index: 55;
	opacity: 0.0;
	transition: opacity 1.5s;
}

.landing .bene-hero .hero-controls
{
	right: 0.5rem;
	bottom: 0.5rem;
}

.bene-hero:hover .hero-controls {opacity: 1.0;}
.bene-hero .hero-controls.over {opacity: 1.0;}

.bene-hero .hero-body.single .hero-controls {display: none;}

.bene-hero #hero-controls .nav-box
{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	vertical-align: top;
	width: 1.5rem;
	height: 2.5rem;
	position: absolute;
}

.bene-hero #hero-controls .nav-box:first-child {left: 0;}
.bene-hero #hero-controls .nav-box:last-child {right: 0;}

.bene-hero #hero-controls .pause-box
{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	vertical-align: top;
	width: 3rem;
	height: 2.5rem;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
}

.bene-hero #hero-controls .hero-nav-button
{
	display: block;
	width: 1.125rem;
	height: 1.125rem;
	cursor: pointer;
	margin: auto;
}

.bene-hero #hero-controls .hero-pause-button
{
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	cursor: pointer;
	margin: auto;
}

@media (max-width: 1024px)
{
	.home-hero-box
	{
		margin-bottom: 12rem;
	}
	
	.bene-hero #hero-controls
	{
		height: 3rem;
    	width: 10.5rem;
    	border-radius: 1.5rem;
    	z-index: 60;
	}

	.bene-hero #hero-controls .nav-box {height: 3rem; width: 3rem;}
	
	.bene-hero #hero-controls .pause-box {height: 3rem; width: calc(100% - 6rem);}
	
	.bene-hero #hero-controls .hero-nav-button
	{
		width: 1.625rem;
		height: 1.625rem;
	}
	
	.bene-hero #hero-controls .hero-pause-button
	{
		width: 2.25rem;
		height: 2.25rem;
	}
}

@media (max-width: 640px)
{
	.bene-hero #hero-controls
	{
    	top: calc(100% + 0.5rem);
    	margin: 0 auto;
    	left: 0;
    	right: 0;
    	opacity: 1.0;
    	background: rgba(0,0,0,0.25);
	}
	
	.hero-body.all-images #hero-controls
	{
		top: auto;
		bottom: 0.5rem;
	}
	
	.home-hero-box
	{
		margin-bottom: 14rem;
	}
	
	#benedictine-body .bene-hero .hero-body
	{
		padding-top: 60%;
	}
	
	#benedictine-body.home .bene-hero .hero-body
	{
		padding-top: 57%;
	}
}

@media (max-width: 480px)
{	
	#benedictine-body .bene-hero .hero-body
	{
		padding-top: 80%;
	}
	
	#benedictine-body.home .bene-hero .hero-body
	{
		padding-top: 76%;
	}
}