.title, .reveal h3.title  {
	font-weight: bold;
	margin-top: 0;
	color: #ffffff;
	text-shadow: 1px 1px 2px #000000;
	text-transform: none;
}


#custom-nav {
	background-color: #0000003f;
        padding: 4px;
}

#custom-nav a[disabled] {
	opacity: 0.5;
}

.reveal table thead th,
.reveal table thead td,
.reveal table tbody th,
.reveal table tbody td {
	text-align: center !important;
	vertical-align: top !important;
}

.reveal .slides section section {
	font-size: 90%;
}

.reveal .slides p {
	margin-top: 0.25em;
	text-align: justify;
}

.reveal .slides p.title {
	margin-bottom: 0.1em;
}

.reveal .slides p.small a {
	text-decoration: underline;
}

.reveal .slides .title,
.modal .title {
	text-align: center;
	font-weight: bold;
}

.reveal .slides .small,
.modal .small {
	font-size: 80%;
}

.reveal .slides ul {
	max-width: 85%
}

.slide-number {
	border-radius: 0.5em;
}

.float-left {
	float: left;
	margin-right: 1em !important;
}

.float-right {
	float: right;
	margin-left: 1em !important;
}

.centered {
	display: block;
	margin: 0.5em auto !important;
}

.w-50 {
	width: 50%;
}

.w-66 {
	width: 66%;
}

.w-33 {
	width: 33%;
}

.w-25 {
	width: 25%;
}
.scrollable {
	overflow-y: auto  !important;
	overflow-x: hidden !important;
	height: 50vh;
	background-color: #ffffff3f;
	border-radius: 1rem;
	padding: 1rem;
}
.prompt {
	width:97%;
	font-size: 1.5rem;
	border-radius: 1rem;
	margin: 0.5rem 0;
	padding: 0.2rem 0.5rem;
}

.iframe-16x9 {
    width: 48vh;
    height: 27vh;
    margin: 0.5rem auto;
}

.iframe-4x3 {
    width: 36vh;
    height: 27vh;
    margin: 0.5rem auto;
}

.iframe-container-16x9,
.iframe-container-4x3 {
    clear: both;
    position: relative;
    width: 50%;
    height: 0;
    margin: 0 auto !important;
 }

.iframe-container-16x9 {
     padding-bottom: 56.25%;
 }

.iframe-container-4x3 {
     padding-bottom: 75%;
}

.iframe-container-16x9 iframe,
.iframe-container-4x3 iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }