html {
	overflow-y: scroll;
}

body {
	background-color: #000;
	color: #f3eee4;
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	font-weight: 400;
	min-height: 100vh;
	display: flex;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.container, .container-fluid {
	margin-left: auto;
	margin-right: auto;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	max-width: 100%;
	flex: 1;
}

	.container-fluid.no-gutter, .container.no-gutter, .row.no-gutter > [class*=col-] {
		padding-left: 0;
		padding-right: 0;
	}

.modal-backdrop.show {
	opacity: 0.7;
}

.modal-content {
	background-color: #000 !important;
	border: 1px solid #fff;
}

.cookie-consent {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 1rem;
	background-color: #000;
	border-top: 1px solid #ccc;
	z-index: 9999;
}

.navbar-brand img {
	width: 240px;
}

/* Custom styling for the hamburger menu */
.navbar-toggler {
	border: none;
	background: transparent !important;
}

.navbar-toggler-icon {
	background-color: #000;
}

.bg-dark {
	background-color: #000 !important;
}

.navbar-dark .navbar-nav .nav-link {
	color: #A88C4C;
	font-weight: bold;
}

	.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
		color: #A88C4C;
		text-decoration: underline;
	}

.dropdown-menu {
	background-color: #000;
}

.row.no-gutter {
	margin-left: 0;
	margin-right: 0;
}

/* Listings */
.cinema-listing img {
	max-width: 100%;
}

/* Helpers */
.nd {
	overflow: hidden;
	clip: rect(0px, 0px, 0px, 0px);
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0px;
	border: 0px;
	outline: 0px;
	position: absolute !important;
}

.image {
	text-align: center;
	margin-bottom: 0.5rem;
}

/* Movie page */
.movie-information .header {
	margin-bottom: 1.5rem;
}

.movie-information h1 {
	text-align: left;
}

.movie-information .image {
	display: inline-block;
	vertical-align: top;
	position: relative;
}

	.movie-information .image img {
		max-width: 100%;
	}

.movie-information-list {
	border: 1px solid #A88C4C;
	padding: 0.5rem 1rem;
	margin-bottom: 2rem;
}

	.movie-information-list dt {
		/*opacity: 0.5;*/
		font-size: 1rem;
		line-height: 1.5rem;
		/*margin: 0 0 .125rem;*/
	}

	.movie-information-list dd {
		margin: 0 0 1rem 0;
	}

.movie-trailer {
	margin-bottom: 1rem;
}

.showings {
	margin: 2rem 0;
}

	.showings table.listing tr {
		border-bottom: 1px solid #222;
	}

		.showings table.listing tr.even {
			background: #111;
			border-bottom: 1px solid #222;
		}

	.showings td {
		vertical-align: top;
		padding: 2px;
	}

	.showings td.time {
		padding-inline: 10px;
		width: 65px;
	}

	.showings td.ticket {
		text-align: right;
		padding: 10px;
	}


.day {
	margin: 0 0 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #aaa;
}

a, a:hover {
	color: #A88C4C;
	font-weight: 800;
}

strong {
	font-weight: 800;
}


footer {
	background: #0C2A2A;
	padding: 1.25rem;
}

footer a {
	font-weight: 800;
}

header, .subnavigation, .breadcrumb-container, main, .footer {
	max-width: 61.25rem;
	margin: 0 auto;
}

main {
	padding: 3rem 0;
}

.navbar-dark .navbar-nav .nav-link {
	position: relative;
}

.navbar-dark .navbar-nav .nav-link.active {
	color: #A88C4C;
}

@media (min-width: 992px) {
	.navbar-nav .nav-link.active::after {
		position: absolute;
		top: 2rem;
		left: auto;
		right: calc(50% - .3125rem);
		content: "";
		display: inline-block;
		width: .625rem;
		height: .625rem;
		border-right: .15em solid;
		border-top: .15em solid;
		transform: rotate(135deg);
	}
}

.navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus {
	color: #A88C4C;
	text-decoration: underline;
}

@media (max-width: 992px) {
	.navbar-nav {
		margin-block-start: 1rem;
	}
	.navbar-nav .nav-link {
		/*margin-inline-start: 1rem;*/
	}

	header .nav-item .nav-row {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

		header .nav-item .nav-row.active {
			background: #111;
			border-bottom: 0.0625rem solid #222;
		}

		header .nav-item ul.active {
			background: #111;
		}

		header .nav-item ul {
			padding-inline-start: 0;
		}

		header .nav-item ul li {
			list-style-type: none;
		}

		header .nav-item ul li .nav-link {
			margin: 0;
		}
}

.subnavigation ul {
	display: flex;
	margin: 0;
	padding: 0;
	border-block: 1px solid #222;
	margin-block-start: 0.1rem;
}

.subnavigation li {
	display:inline-block;
	list-style-type: none;
}

.subnavigation a {
	padding-block: 0.5rem;
	padding-inline: 1rem;
	display: block;
	border-block-end: 2px solid #000;
	margin-inline-end: 0.2rem;
}

.subnavigation a:hover {
	border-block-end: 2px solid #000;
}

.subnavigation a.active {
	background: #222;
	border-block-end: 2px solid #A88C4C;
}

.breadcrumb {
	background-color: #000;
	font-size: 16px;
}

.breadcrumb-item.active {
	font-weight: 800;
	color: #999;
}
.breadcrumb-item + .breadcrumb-item::before {
	font-weight: 800;
}

/* Fonts */
main h1 {
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	background: #D6B361;
	background: -webkit-linear-gradient(to right, #D6B361 0%, #AB8F4D 30%, #A88C4C 60%, #E6C067 100%);
	background: -moz-linear-gradient(to right, #D6B361 0%, #AB8F4D 30%, #A88C4C 60%, #E6C067 100%);
	background: linear-gradient(to right, #D6B361 0%, #AB8F4D 30%, #A88C4C 60%, #E6C067 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-align: center;
	margin-block-end: 2rem;
	line-height: 1.4;
}

	main h2 {
		font-size: 1.5rem;
		font-weight: 800;
	}

/* Promo */
.promo-list {
	display: flex;
	flex-wrap: wrap;
	margin-block-start: 2rem;
}

.promo-block {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	box-shadow: 0 0.25rem 0.5rem 0 rgba(0,0,0,.12);
	border-radius: .5rem;
	padding: 0;
	flex: 1;
	display: flex;
	flex-direction: column;
	margin-block-end: 2rem;
}

/*.promo-block:not(:first-child) {
	margin-left: 10px;
}*/

	.promo-block .content {
		border: .0625rem solid #2d2d2d;
		border-top: none;
		background: #0C2A2A;
		padding: 0.5rem 1rem 1.5rem 1.5rem;
		border-radius: 0 0 .5rem .5rem;
	}

		.promo-block .content .tag {
			color: #fff;
			display: inline-block;
			border-radius: .125rem;
			font-size: .75rem;
			line-height: 1.5rem;
			height: 1.5rem;
			text-transform: uppercase;
			font-weight: bold;
		}

	.promo-block .content time {
		font-size: .9rem;
		line-height: .875rem;
		margin: .5rem 0 .25rem;
	}

	.promo-block img {
		max-width: 100%;
	}

	.movie-listing {
		margin-bottom: 2rem;
	}

	.news-listing {
		margin-bottom: 2rem;
	}

	.news-listing img {
		margin-block: 1rem;
		max-width: 100%;
	}
	.movie-listing img {
		max-width: 100%;
	}

/* Text with image */
.text-with-image {
	padding: 1rem 0;
}

.text-with-image img {
	max-width: 100%;
}

.container-fluid.no-gutter, .container.no-gutter, .row.no-gutter > [class*=col-] {
	padding-left: 0;
	padding-right: 0;
}

@media (max-width: 992px) {
	.text-with-image img {
		margin-block: 1rem;
	}
	footer .container {
		padding: 0;
	}
}

@media (min-width: 992px) {
	footer .container {
		padding: 1rem 0;
	}
}

@media (max-width: 576px) {
	h1 {
		font-size: 1.8rem;
	}
}

#MainNavigation {
	background: #0e0f0f;
	width: 100%;
	margin: 0 auto;
}

.dow {
	text-transform: uppercase;
	display: block;
}

.date-month {
	display: block;
	font-weight: 800;
}

.day-text {
	display: block;
	font-size: 1rem;
}

.day2 .dow {
	display: inline;
}

.day2 .date-month {
	display: inline;
}

.day2 .day-text {
	color: rgb(146, 147, 147);
	margin: 0 0 10px 0;
}

.listing 
{
	width: 100%;
	margin-bottom: 2rem;
}

.badge {
	font-size: inherit;
	color: #fff;
	font-weight: 400;
	padding: 0.5em;
}

.badge:hover {
	border: 1px solid white;
}

.bg-secondary {
	background-color: #0C2A2A !important;
	border: 1px solid #0C2A2A;
}

/* Youtube modal */
@media (min-width: 576px) {
	.modal-dialog {
		max-width: 75%;
		margin: 1.75rem auto;
	}
}

@media (min-width: 1400px) {
	.modal-dialog {
		max-width: 60%;
	}
}

.modal-body {
	padding: 0;
}

.modal-header {
	background-color: #0C2A2A !important;
	border: 1px solid #0C2A2A;
}

.modal-header .close {
	color: #fff;
}

.standard-page-image {
	margin-block-end: 1rem;
}

.standard-page-image img {
	width: 100%;
}