@media (max-width: 48rem) {
	.mobile--overlay::before {
		content: ' ';
		display: block;
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 2;
		background-color: rgba(0, 0, 0, 0.35);
		background-position: center, center;
		background-size: auto;
		background-repeat: repeat;
		/**box-shadow: inset 0 0 200px rgba(0, 0, 0, 0.85);**/
		pointer-events: none;
	}
}

.has-background--hero {
    background-image: url('/LandingPage/homepage/img/background--hero.jpg')!important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.has-background--video {
    background-image: url('/LandingPage/homepage/img/image--video-thumbnail.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 300px;
}

.has-background--enos {
    background-image: url('/LandingPage/homepage/img/background--enos.jpg')!important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.image-container {
	margin-bottom: -1px;
}

.has-background--pattern-dblue {
    background-image: url('/LandingPage/homepage/img/background--pattern-dblue.jpg')!important;
    background-size: 50%;
    background-repeat: repeat;
}

.has-background--pattern-coral {
    background-image: url('/LandingPage/homepage/img/background--pattern-coral.jpg')!important;
    background-size: 50%;
    background-repeat: repeat;
}

.has-pattern--top {
	background-image: url('/LandingPage/homepage/img/pattern--strip-coral-gold.svg');
	background-size: contain;
	background-position: top center;
	background-repeat: repeat-x;
	height: 25px;
}

.has-pattern--bottom {
	background-image: url('/LandingPage/homepage/img/pattern--strip-coral-gold.svg');
	background-size: contain;
	background-position: bottom center;
	background-repeat: repeat-x;
	height: 25px;
	bottom: 0;
}

.btn--play {
	width: 6em;
	height: 6em;
	z-index: 1;
	border: none !important;
	background: transparent url(/LandingPage/homepage/img/button--play.svg) no-repeat center top !important;
	background-size: cover;
	filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.5))
}

.btn--play:hover {
	transform: scale(1.25);
	filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.7));
}

.btn--play-small {
	width: 6em;
	height: 6em;
	z-index: 1;
	border: none !important;
	background: transparent url(/LandingPage/homepage/img/button--play-small.svg) no-repeat center top !important;
	background-size: cover;
	filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.5))
}

.btn--play-small:hover {
    opacity: 0.7;
}

.btn--play.label--bottom {
	background-size: 60%!important;
	padding-top: 6.5em;
	width: 9em;
	padding-bottom: 2em;
}

.btn--play-small.label--side {
	padding-left: 2.5em!important;
	width: auto;
	height: 1.5em;
	background-size: contain!important;
	background-position-x: left!important
}

.btn--play-small::before {
    background-image: url('/LandingPage/homepage/img/button--play-small.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
}

.blurbs img {
    max-height: 90px;
}

h2.text--heading {
    font-size: 2rem;
}

span.text--wycspirit {
	font-size: 2.65em;
}

.text--gray {
    color: #9B9B9B;
}

.text--heading.flex {
    align-items: center;
    justify-content: center;
}

.flex.flex--wrap img.cell--100 {
	height: 100%;
}

.jagged--bottom {
    margin-bottom: -1px;
}

.jagged--top {
    margin-top: -1px;
}

.pattern--top::before {
	background-image: url('/LandingPage/homepage/img/pattern--strip-coral-gold.svg');
	display: block;
    content: '';
    position: absolute;
    top: -11px;
    left: 0;
    height: 23px;
    width: 100%;
    z-index: 3;
    background-size: auto;
    background-repeat: repeat-x;
}
.pattern--bottom::after {
	background-image: url('/LandingPage/homepage/img/pattern--strip-coral-gold.svg');
	display: block;
    content: '';
    position: absolute;
    bottom: -11px;
    left: 0;
    height: 23px;
    width: 100%;
    z-index: 3;
    background-size: auto;
    background-repeat: repeat-x;
}

.ornament-strip {
	max-width: 130px;
}

/**Text SVGs**/
.text--svg {
    height: 90px;
    font-size: 2em;
}

/**Get Involved Cards**/
.overflow--visible {
	overflow: visible;
}

a:hover {
    cursor: pointer;
}
.tile-caption {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.tile {
	border-radius: 5px;
}
.tile::before {
	content: "";
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center 60%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	overflow: hidden;
}
/* .card:hover::before {
	transform: scale(1.15) !important;
} */

.tile:hover, .card:hover {
    transform: scale(1.04);
    -webkit-filter: drop-shadow(rgba(0, 0, 0, 0.5) 0px 0px 5px);
    filter: drop-shadow(rgba(0, 0, 0, 0.5) 0px 0px 5px);
}

.tile-icon {
    max-width: 80px;
	min-widht: 50px;
}

.pray::before {
	background-image: url("/LandingPage/homepage/img/background--pray.jpg");
	background-position: center center;
}
.partner::before {
	background-image: url("/LandingPage/homepage/img/background--partner.jpg");
	background-position: center center;
}
.serve::before {
	background-image: url("/LandingPage/homepage/img/background--serve.jpg");
	background-position: center center;
}
.donate::before {
	background-image: url("/LandingPage/homepage/img/background--donate.jpg");
	background-position: center center;
}

.card {
    border: none;
    border-radius: 5px;
}