/* Extra styling for the videos in the testimonials section */

.card-body iframe {
	max-width: 100%;
}

 /* Specific styles for the wall of fame section */

#walloffame-section {
	padding: 50px 0;
}

/* List items */

.walloffame-namelist {
	list-style: none;
	margin: 0;
	padding: 0;
}

.walloffame-name {
	width: 100%;
	position: relative;
}

.walloffame-name:not(.selected){
	background-color: #fff;
	border-color: rgba(0,0,0,0.1);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	color: #3C4858;
}

.walloffame-name span {
	text-align: left;
	display: inline-block;
	float: left;
}

.walloffame-name .icons {
	margin-left: 10px;
	text-align: right;
	display: inline-block;
	float: right;
}

.walloffame-name .icons .material-icons:not(.present) {
	opacity: 0.3;
}

/* Fix grid defaults */
@media (min-width: 768px) {
	.container {
		max-width: none;
	}
}
@media (min-width: 576px) {
	.container {
		max-width: none;
	}
}


/* Content container */

.walloffame-contentlist {
	list-style: none;
	margin: 0;
	padding: 0;
}

.walloffame-contentlist .walloffame-content {
	margin: 0.3125rem 0;
	padding: 0;
	display: none;
}

.walloffame-contentlist .walloffame-content.selected {
	display: block;
	margin: 0.3125rem 0;
	padding: 0;
}

.walloffame-contentlist .walloffame-content header h2 {
	text-align: center;
	color: #f44336;
	margin-top: 0;
	padding-top: 1rem;
}

/* Video section */
.walloffame-contentlist .walloffame-content .video-section.present {
	width: 100%;
	background-color: #555555;
	box-shadow: inset 0px 0px 20px 10px rgba(0,0,0,0.3);
	padding: 2rem 0;
}

.walloffame-contentlist .walloffame-content .video-section .video-wrap {
	position: relative;
}
.walloffame-contentlist .walloffame-content .video-section iframe,
.walloffame-contentlist .walloffame-content .video-section video {
	border: 0px none;
	display: block;
	padding: 0;
	margin: 0 auto;
	max-width: 100%;
}
.walloffame-contentlist .walloffame-content .video-section.aspect-ratio-16x9 iframe,
.walloffame-contentlist .walloffame-content .video-section.aspect-ratio-16x9 video {
	height: 300px;
	width: 535px;
}
.walloffame-contentlist .walloffame-content .video-section.aspect-ratio-4x3 iframe,
.walloffame-contentlist .walloffame-content .video-section.aspect-ratio-4x3 video {
	height: 401px;
	width: 535px;
}
.walloffame-contentlist .walloffame-content .video-section.aspect-ratio-9x16 iframe,
.walloffame-contentlist .walloffame-content .video-section.aspect-ratio-9x16 video {
	width: 300px;
	height: 535px;
}
@media screen and (max-width: 570px) {
	.walloffame-contentlist .walloffame-content .video-section.present.aspect-ratio-16x9,
	.walloffame-contentlist .walloffame-content .video-section.present.aspect-ratio-4x3 {
		padding: 6.097% 0;
	}
	.walloffame-contentlist .walloffame-content .video-section.present.aspect-ratio-16x9 .video-wrap {
		height: 0;
		overflow: hidden;
		padding-bottom: 56.2%;
	}
	.walloffame-contentlist .walloffame-content .video-section.present.aspect-ratio-4x3 .video-wrap {
		height: 0;
		overflow: hidden;
		padding-bottom: 75%;
	}
	.walloffame-contentlist .walloffame-content .video-section.aspect-ratio-16x9 iframe,
	.walloffame-contentlist .walloffame-content .video-section.aspect-ratio-16x9 video,
	.walloffame-contentlist .walloffame-content .video-section.aspect-ratio-4x3 iframe,
	.walloffame-contentlist .walloffame-content .video-section.aspect-ratio-4x3 video {
		bottom: 0;
		height: 100%;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		width: 100%;
	}
}
@media screen and (max-width: 350px) {
	.walloffame-contentlist .walloffame-content .video-section.present.aspect-ratio-9x16 {
		padding: 6.097% 0;
	}
	.walloffame-contentlist .walloffame-content .video-section.present.aspect-ratio-9x16 .video-wrap {
		height: 0;
		overflow: hidden;
		padding-bottom: 177%;
	}
	.walloffame-contentlist .walloffame-content .video-section.aspect-ratio-9x16 iframe,
	.walloffame-contentlist .walloffame-content .video-section.aspect-ratio-9x16 video {
		bottom: 0;
		height: 100%;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		width: 100%;
	}
}

/* Images section */

.walloffame-contentlist .walloffame-content .image-section {
	display: inline-flex;
	justify-content: center;
	padding: 2rem;
	width: 100%;
}

.walloffame-contentlist .walloffame-content .image-section .image-container {
	padding: 0 1rem;
}

.walloffame-contentlist .walloffame-content .image-section .image-container img {
	max-width: 100%;
}

/* Text section */ 

.walloffame-contentlist .walloffame-content .text-section {
	padding: 2rem 4rem;
}

.walloffame-contentlist .walloffame-content .text-section p:first-child {
	font-size: 1.3em;
	line-height: 1.5rem;
}

.walloffame-contentlist .walloffame-content footer .back-button {
	float: left;
}

.walloffame-contentlist .walloffame-content footer .next-button {
	float: right;
}

.walloffame-contentlist .walloffame-content footer .next-button.disabled,
.walloffame-contentlist .walloffame-content footer .back-button.disabled {
	cursor: not-allowed;
}