/* Table of Contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Wrappers
- Image
- Meta
*/

/* Breakpoints
––––––––––––––––––––––––––––––––––––––––––––––––––
0-374		2 columns
375-639		6 columns
640-1023	6 columns
1024-1439	12 columns
1440+		12 columns

*/

@media (min-width: 375px) {}
@media (min-width: 640px) {}
@media (min-width: 800px) {}
@media (min-width: 1024px) {}
@media (min-width: 1440px) {}

@media (max-width: 374px) {}
@media (max-width: 639px) {}
@media (max-width: 799px) {}
@media (max-width: 1023px) {}
@media (max-width: 1439px) {}

/* Wordpress Admin Bar Height-Change Breakpoints
––––––––––––––––––––––––––––––––––––––––––––––––––
0-782		46px tall
783-...		32px tall

*/


/* Wrappers
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container .row .generic-block {
	padding-bottom: 1rem;
	padding-top: 1.5rem;
}
.generic-block:hover {
	box-shadow: 0 0 10px rgba(0,0,0,.3);
}
.generic-block__inner {}

@media (min-width: 375px) {}
@media (min-width: 640px) {}
@media (min-width: 800px) {}
@media (min-width: 1024px) {}
@media (min-width: 1440px) {}

/* Image
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.generic-block__image {
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}
.generic-block__image::before {
	content: '';
	display: block;
	padding-top: 60%;
}
.generic-block__play-video-icon__white,
.generic-block__play-video-icon__teal {
    left: calc(50% - 50px);
    top: calc(50% - 50px);
    position: absolute;
	display: block;
	width: 100px;
    vertical-align: middle;
}
.generic-block__play-video-icon__teal {
	display: none;
}
.generic-block__image:hover .generic-block__play-video-icon__white {
	display: none;
}
.generic-block__image:hover .generic-block__play-video-icon__teal {
	display: block;
}


/* Meta
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.generic-block__meta {
	text-align: center;
	padding: 1rem 0rem;
}
.generic-block__title {
	font-family: "Gotham A", "Gotham B";
	font-style: normal;
	font-weight: 500;
	font-size: 1.666666rem;
	letter-spacing: -.024166666rem;
	line-height: 1.666666rem;
	text-transform: uppercase;
	margin: 16px 0px 0px 0px;
}
.generic-block__byline {
	font-family: "Gotham A", "Gotham B";
	font-style: normal;
	font-weight: 400;
	font-size: 1.333333rem;
	letter-spacing: -.0433333rem;
	line-height: 1.666666rem;
	margin-top: 4px;
	display: block;
	color: #38A0B2;
}