/*
	Stylesheet for The Jones Assembly (Full Site)
*/

@import "fonts.css";

#preferredSeating {
	display: none;
}

body {
	background: #fff3e7;
	color: #294550;
}

body.is-loading * {
	transition: all 0s !important;
}

body.locked {
	overflow: hidden;
	display: block;
}

.overlay {
	z-index: 500;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .7;
	transition: opacity .4s ease-out, transform 0s linear .4s;
	cursor: pointer;
}

.overlay.close {
	opacity: 0;
	transform: translateY(100%);
}

.pop-up {
	position: fixed;
	z-index: 9999;
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: 600px;
	background: #fff3e7;
	transform: translate(-50%, -50%);
	padding: 4rem 4rem;
	text-align: center;
	transition: opacity .4s ease-out, transform .4s ease-out, left 0s ease-out .4s;
}

.pop-up.close {
	transform: translate(-50%, -45%);
	opacity: 0;
	left: -9999px;
}

.pop-up:after {
	display: block;
	content: "";
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	width: calc(100% - 2rem);
	height: calc(100% - 2rem);
	border: 3px solid #ea222b;
	transform: translate(-50%, -50%);
}

.pop-up.blue:after {
	border: 3px solid #294550;
}

.pop-up.red:after {
	border: 3px solid #ea222b;
}

.pop-up .cross {
	position: absolute;
	z-index: 2;
	top: 2.6rem;
	right: 2.6rem;
	width: 20px;
	height: 20px;
	cursor: pointer;
	transition: all .2s ease-out;
}

.pop-up .cross:hover {
	transform: rotate(45deg);
}

.pop-up .blue {
	margin-bottom: 3rem;
}

.pop-up h2 {
	margin-bottom: 1.5rem;
}

.pop-up h4 {
	margin-bottom: 1rem !important;
	line-height: 1em;
	color: #294550;
}

.pop-up p {
	margin-bottom: 3rem;
	color: #294550;
}

.pop-up .button {
	border: 3px solid #294550 !important;
	color: #294550 !important;
	margin-bottom: 5px;
	transition: all .3s ease-out;
	margin-right: .5rem;
	margin-left: .5rem;
}

.pop-up .button:hover {
	background: #294550 !important;
	color: #fff !important;
}

.pop-up .link {
	display: block;
	color: #7b7b7b;
	font: normal 700 1rem/1.8em "Courier", serif;
	text-decoration: underline;
	cursor: pointer;
	transition: all .3s ease-out;
}

.pop-up .link:hover {
	color: #444;
}

.pop-up .content {
	position: relative;
	z-index: 2;
}

@media screen and (max-width: 640px) {

	.pop-up {
		padding: 2rem 3rem;
		top: auto;
		bottom: 0;
		left: 0;
		transform: translate(0%);
	}

	.pop-up.close {
		transform: translateY(5%);
	}

}

input.hasDatepicker {
	width: 100% !important;
}

td input {
	width: 100% !important;
}

table a {
	color: #294550 !important;
}

#events h2 {
	font-size: 3em;
}

.press {
	color: #1a1a1a !important;
	display: block;
	margin-bottom: 40px;
	text-align: center;
}

.press h4 {
	margin-top: 10px;
	font-size: 1em;
}

.more,
.dropdown-parent {
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font: normal 700 0.875em/1.3em "Courier", serif;
	letter-spacing: 0.25em;
	margin: 0px 0px;
	position: relative;
	text-align: center;
	max-width: 142px;
	width: 100%;
	text-transform: uppercase;
}

.more span,
.dropdown-parent span {
	border-bottom: 2px solid transparent;
	display: inline-block;
	padding: 0px 0px 2px 0px;
}

.more:active,
.more:focus,
.more:visited,
.dropdown-parent:active,
.dropdown-parent:focus,
.dropdown-parent:visited {
	color: #fff;
}

.more:hover,
.dropdown-parent:hover {
	color: #ea222b;
}

.more:hover span {
	border-bottom-color: #ea222b;
}

.dropdown,
.dropdown-alt {
	background: #816b41;
	opacity: 0;
	padding: 10px 20px;
	position: absolute;
	top: 60px;
	left: 50%;
	visibility: hidden;

	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);

	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}

.dropdown.active,
.dropdown-alt.active {
	opacity: 1;
	top: 45px;
	visibility: visible;
}

.dropdown:before,
.dropdown-alt:before {
	border: 10px solid transparent;
	border-bottom-color: #816b41;
	content: "";
	display: block;
	position: absolute;
	top: -20px;
	left: 50%;
	width: 0px;
	height: 0px;

	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.dropdown a,
.dropdown-alt a {
	color: #fff;
	font-size: 1em;
	margin: 5px 0px;
}

.event-locations .columns {
	margin-bottom: 50px;
}

.event-locations p {
	font-size: 0.85em;
}

.event-locations span {
	font-weight: 700;
	text-decoration: underline;
}

table tbody {
	background: none;
}

table tbody tr:nth-child(even) {
	background: none;
}

.notice {
	background: #1b2d35;
	color: #fff3e7;
	padding: 20px 30px;
	margin-bottom: 75px;
	margin-top: 50px;
}

.notice p a {
	color: #fff3e7 !important;
	text-decoration: underline;
}

.jones-experience {
	margin-top: 10px !important;
	margin-right: 5px;
}

.email-list {
	margin: 0px auto 20px auto;
	padding: 0px 20px;
	max-width: 500px;
	width: 100%;
}

.email {
	border: none;
	border-top: 1px solid #816b41;
	border-left: 1px solid #816b41;
	border-bottom: 1px solid #816b41;
	box-shadow: none;
	font: normal 700 1em/1em "Courier", serif;
	height: 45px;
}

.fallback {
	display: none;
}

.disclaimer {
	color: #ea222b;
	margin-bottom: 50px;
}

.no-padding-bottom {
	padding-bottom: 0px;
}

.no-padding-top {
	padding-top: 0px;
}

.centered>.columns {
	display: inline-block;
	float: none !important;
	vertical-align: center;
}

section {
	background: #fff3e7;
	padding: 100px 0px;
}


@media only screen and (max-width: 40em) {
	section {
		padding: 50px 0px;
	}
}

.red {
	color: #ea222b;
}

.button {
	background: none !important;
	border: 1px solid #816b41 !important;
	color: #816b41 !important;
	font: normal 1em/1em "Quantico", sans-serif;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}

/* == Typography == */

h2 {
	font: normal 5.000em/1em "Grotesque", sans-serif;
	letter-spacing: 0.025em;
	text-transform: uppercase;
}

h3 {
	font: normal 3.000em/1em "Grotesque", sans-serif;
	letter-spacing: 0.025em;
	text-transform: uppercase;
}

h4 {
	font: normal 1.250em/1.3em "Quantico", sans-serif;
	letter-spacing: 0.10em;
	text-transform: uppercase;
}

h5 {
	font: normal 700 1em/1em "Courier", serif;
	text-transform: uppercase;
}

h6 {
	font: normal 700 1em/1.3em "Quantico", serif;
	letter-spacing: 0.10em;
	text-transform: uppercase;
}

p {
	font: normal 700 0.875em/1.8em "Courier", serif;
	letter-spacing: 0.10em;

	-webkit-font-feature-settings: "liga" 0;
	-moz-font-feature-settings: "liga" 0;
	-ms-font-feature-settings: "liga" 0;
	font-feature-settings: "liga" 0;
}

p a {
	color: #ea222b !important;
}

@media only screen and (max-width: 40em) {
	h2 {
		font-size: 3em;
	}
}

/* == Header == */

header {
	padding: 50px 0px;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 400;

	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-ms-transition: all 250ms ease;
	transition: all 250ms ease;
}

header a {
	color: #fff;
	display: inline-block;
	font: normal 700 0.875em/1.3em "Courier", serif;
	letter-spacing: 0.25em;
	margin: 0px 0px;
	text-align: center;
	max-width: 142px;
	width: 100%;
	text-transform: uppercase;
}

header a span {
	border-bottom: 2px solid transparent;
	display: inline-block;
	padding: 0px 0px 2px 0px;
}

header a:active,
header a:focus,
header a:visited {
	color: #fff;
}

header a:hover {
	color: #ea222b;
}

header a:hover span {
	border-bottom-color: #ea222b;
}

header a:first-child {
	margin-left: 0px;
}

header a:last-child {
	margin-right: 0px;
}

header .hand {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	max-width: 101px;
	width: 100%;
}

header .hand img {
	width: 100%;
	height: auto;
}

header .hand img.blue {
	display: none;
}

header.scrolling {
	background: #fff3e7;
	border-bottom: 1px solid #ecdfd2;
	padding: 10px 0px;

	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-ms-transition: all 250ms ease;
	transition: all 250ms ease;
}

header.scrolling a,
header.scrolling .more,
header.scrolling .dropdown-parent {
	color: #1b2d35 !important;
}

header.scrolling .more a,
header.scrolling .dropdown-parent a {
	color: #fff !important;
}

header.scrolling .hand img.blue {
	display: inline-block;
}

header.scrolling .hand img.white {
	display: none;
}

@media only screen and (max-width: 1051px) {

	header a,
	header .more,
	header .dropdown-parent {
		font-size: 0.75em;
		max-width: 115px;
	}

	header .hand {
		max-width: 80px;
	}
}

@media only screen and (max-width: 700px) {

	header a,
	header .more,
	header .dropdown-parent {
		font-size: 0.70em;
		max-width: none;
		width: auto;
		margin: 0px 9px;
	}

	.dropdown.active,
	.dropdown-alt.active {
		top: 35px;
	}
}

@media only screen and (max-width: 40em) {
	header {
		padding: 20px 0px;
	}
}

.spacer {
	display: none;
}

@media only screen and (max-width: 869px) {

	header .hand {
		display: none;
	}
}

@media only screen and (max-width: 785px) {

	.spacer {
		display: block;
	}
}

@media screen and (orientation: landscape) and (max-width: 1000px) {
	.spacer {
		display: none !important;
	}

	header {
		padding: 15px 0px;
	}

	header a,
	header .more,
	header .dropdown-parent {
		max-width: none !important;
		width: auto !important;
		margin: 0px 15px !important;
	}
}

@media screen and (orientation: landscape) and (max-width: 569px) {
	.spacer {
		display: none !important;
	}

	header a {
		max-width: none !important;
		width: auto !important;
		margin: 0px 7px !important;
	}
}


/* == Hero == */

.hero {
	background: #000;
	box-shadow: 0px 2px 30px rgba(0, 0, 0, .7);
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100svh;
	z-index: 100;

	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-ms-background-size: cover !important;
	background-size: cover !important;
}

.hero>.row,
.hero>.row>.columns {
	position: relative;
	height: 100%;
	z-index: 10;
}

.hero .slides {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.hero .slides ul,
.hero .slides li {
	width: 100% !important;
	height: 100% !important;
}

.background-photo {
	display: block;
	width: 100%;
	height: 100%;

	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-ms-background-size: cover !important;
	background-size: cover !important;
}

.hero .logo {
	position: absolute;
	left: 35px;
	bottom: 35px;
	max-width: 50%;
	width: 100%;
}

.hero .logo img {
	max-width: 250px;
	width: 100%;
	height: auto;
}

.hero .hero-text {
	color: #fff;
	position: absolute;
	right: 35px;
	bottom: 35px;
	max-width: 45%;
	width: 100%;
}

.hero .hero-text h1 {
	font: normal 700 1.15em/1.3em "Courier", serif;
	margin-bottom: 0px;
}

@media only screen and (max-width: 40em) {
	.hero .hero-text h1 {
		font-size: .9em;
		margin-top: 15px !important;
	}
}

.small-banner-content {
	padding: 20px;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.small-banner-content .logo,
.small-banner-content .hero-text {
	position: relative;
	bottom: 0px;
	left: 0px;
}

.small-banner-content .hero-text {
	margin-top: 15px;
	max-width: 100%;
}

.intro-photos {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 1;

	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-ms-background-size: cover !important;
	background-size: cover !important;
}

.intro-photos .intro-slide {
	display: block;
	opacity: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 1;

	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-ms-background-size: cover !important;
	background-size: cover !important;

	-webkit-transition: opacity 400ms ease;
	-moz-transition: opacity 400ms ease;
	-ms-transition: opacity 400ms ease;
	transition: opacity 400ms ease;
}

.intro-photos .intro-slide.active {
	opacity: 1;
}

/* == Sections == */

.section-nav a {
	border-bottom: 2px solid transparent;
	color: #294550;
	font: normal 700 1.125em/1.3em "Quantico", sans-serif;
	letter-spacing: 0.10em;
	margin: 0px 40px;
	padding-bottom: 1px;
	text-transform: uppercase;
}

.section-nav a:hover {
	color: #826b41;
}

.section-nav a.active {
	border-bottom-color: #826b41;
	color: #826b41;
}

.section-nav a:first-child {
	margin-left: 0px;
}

.section-nav a:last-child {
	margin-right: 0px;
}

@media only screen and (max-width: 800px) {
	.section-nav a {
		font-size: 1em;
		margin: 0px 20px;
	}
}

@media only screen and (max-width: 40em) {
	.section-nav a {
		display: inline-block;
		text-align: center;
		margin: 10px 0px;
	}
}

.intro,
.construction-intro {
	position: relative;
	width: 100%;
	height: 800px;
	min-height: 500px;
	z-index: 10;

	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-ms-background-size: cover !important;
	background-size: cover !important;
}

.intro .intro-text,
.small-intro-text {
	background: #fff3e7;
	padding: 50px 50px 0px 50px;
	text-align: center;
	max-width: 670px;
	width: 100%;
	z-index: 90;
	position: absolute;
	bottom: 0;
	right: 50%;

	-webkit-transform: translateX(50%);
	-moz-transform: translateX(50%);
	-ms-transform: translateX(50%);
	transform: translateX(50%);
}

.intro .intro-text p,
.small-intro-text p {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	max-width: 480px;
	width: 100%;
}

@media only screen and (max-width: 40em) {
	.intro {
		height: 500px !important;
	}

	.intro .intro-text {
		padding: 25px 25px 0px 25px;
	}
}

.small-intro-text {
	background: #fff3e7;
	padding: 35px 25px 0px 25px;
	text-align: center;
	max-width: 670px;
	width: 100%;
	overflow: hidden;
	position: relative;
	border: 0px;
	right: 0px;

	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

/* == Menus == */

.download-menu {
	color: #826b41 !important;
	display: inline-block;
	font: italic 700 0.800em/1.3em "Courier", serif;
	letter-spacing: 0.05em;
	margin-top: 25px;
	text-decoration: underline;
}

.food-section {
	margin-bottom: 60px;
	padding: 0px 25px;
}

.menus {
	margin-top: 75px;
}

.menus>div {
	display: none;
}

.menus>div:first-child {
	display: block;
}

.menus .row {
	max-width: 55rem;
}

.menus h3 {
	margin-bottom: 25px;
}

.menu-detail {
	color: #ea222b;
	font: normal 400 0.775em/1.2em "Courier", serif !important;
	letter-spacing: 0.05em;

	-webkit-font-feature-settings: "liga" 0;
	-moz-font-feature-settings: "liga" 0;
	-ms-font-feature-settings: "liga" 0;
	font-feature-settings: "liga" 0;
}

.item,
.ingredients {
	font: normal 700 1em/1em "Courier", serif;
	letter-spacing: 0.05em;
	margin-bottom: 35px;
	position: relative;

	-webkit-font-feature-settings: "liga" 0;
	-moz-font-feature-settings: "liga" 0;
	-ms-font-feature-settings: "liga" 0;
	font-feature-settings: "liga" 0;

}

.item .name {
	border-bottom: 1px solid #294550;
	display: inline-block;
	line-height: 1em;
	margin-bottom: 5px;
	padding-bottom: 1px;
}

.ingredients {
	font-size: 0.775em;
}

.item .price {
	position: absolute;
	top: 0px;
	right: 5px;
}

/* == Music == */

#music.menu-links .row {
	padding: 0px 35px;
}

#music.menu-links a {
	border: 2px solid #294550;
	color: #294550 !important;
	display: inline-block;
	margin-bottom: 5px;
	padding: 5px 12px;
	transition: all .3s ease-out;
}

#music.menu-links a:hover {
	background: #294550;
	color: #fff !important;
	transition: all .3s ease-out;
}

#music h2 {
	font-size: 4em;
}

.date {
	border: 2px solid #816b41;
	display: inline-block;
	position: relative;
	width: 70px;
	height: 70px;
	vertical-align: bottom;

	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-ms-transition: all 250ms ease;
	transition: all 250ms ease;
}

.date:after {
	background: #816b41;
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 3px;

	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	-moz-transform: translate(-50%, -50%) rotate(-45deg);
	-ms-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);

	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-ms-transition: all 250ms ease;
	transition: all 250ms ease;
}

.date .month {
	color: #816b41;
	font: normal 700 1.4em/1em "Quantico", sans-serif;
	position: absolute;
	top: 5px;
	left: 5px;

	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-ms-transition: all 250ms ease;
	transition: all 250ms ease;
}

.date .day {
	color: #816b41;
	font: normal 700 1.4em/1em "Quantico", sans-serif;
	position: absolute;
	bottom: 3px;
	right: 5px;

	-webkit-transition: all 250ms ease;
	-moz-transition: all 250ms ease;
	-ms-transition: all 250ms ease;
	transition: all 250ms ease;
}

@media only screen and (max-width: 1000px) {
	.date {
		width: 50px;
		height: 50px;
	}

	.date .month {
		font-size: 0.9em;
	}

	.date .day {
		font-size: 0.9em;
	}
}

.show {
	background: #1b2d35;
	position: relative;
	width: 100%;
}

.show h2 {
	color: #fff;
}

.show .artist-photo {
	display: block;
	padding-top: 40%;
	position: relative;
	width: 70%;
	vertical-align: middle;

	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-ms-background-size: cover !important;
	background-size: cover !important;
}

@media only screen and (max-width: 700px) {
	.show .artist-photo {
		padding-top: 60%;
	}
}

@media only screen and (max-width: 40em) {
	.show .artist-photo {
		padding-top: 70%;
	}
}

#events h2 {
	position: relative;
	z-index: 9999;
}

.show .artist-photo .overlay,
#events .overlay {
	background: rgba(0, 0, 0, .35);
	background-blend-mode: multiply;
	display: block;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.show .show-info {
	display: block;
	z-index: 3;
	position: absolute;
	right: 15%;
	top: 50%;

	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.show .show-info h2 {
	font-size: 3em !important;
	margin: 35px 0px 25px 0px;
	width: 350px;
}

.show .show-info .button {
	background: none !important;
	border: 1px solid #816b41 !important;
	color: #816b41 !important;
	font-size: 0.800em;
}

@media only screen and (max-width: 750px) {
	.show .show-info h2 {
		font-size: 2em !important;
		width: 100%;
		max-width: 500px;
	}
}

/* == Events, homepage section == */
#events .intro h2 {
	font-size: 4em;
}


/* == FAQ == */

.question {
	margin-bottom: 45px;
}

#faq {
	padding-bottom: 35px;
}


#past {
	padding-bottom: 75px;
}

#past p {
	line-height: 1.2em;
	margin: 12px 0px;
}


/* == Follow == */

#follow-social .intro {
	height: auto !important;
	min-height: 0px !important;
	padding-top: 100px;
}

@media only screen and (max-width: 40em) {}

#follow-social .intro h2 {
	font-size: 4em;
}

#follow-social .image-1 {
	background: #ccc;
	display: block;
	padding-top: 25%;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 25%;

	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-ms-background-size: cover !important;
	background-size: cover !important;
}

#follow-social .image-2 {
	background: #ddd;
	display: block;
	padding-top: 25%;
	position: absolute;
	top: 0px;
	left: 25%;
	width: 25%;

	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-ms-background-size: cover !important;
	background-size: cover !important;
}

#follow-social .image-3 {
	background: #ddd;
	display: block;
	padding-top: 25%;
	position: absolute;
	top: 0px;
	left: 50%;
	width: 25%;

	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-ms-background-size: cover !important;
	background-size: cover !important;
}

#follow-social .image-4 {
	background: #ddd;
	display: block;
	padding-top: 25%;
	position: absolute;
	top: 0px;
	left: 75%;
	width: 25%;

	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-ms-background-size: cover !important;
	background-size: cover !important;
}

#follow-social .image-5 {
	background: #ccc;
	display: block;
	padding-top: 25%;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 25%;

	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-ms-background-size: cover !important;
	background-size: cover !important;
}

#follow-social .image-6 {
	background: #ddd;
	display: block;
	padding-top: 25%;
	position: absolute;
	top: 50%;
	left: 25%;
	width: 25%;

	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-ms-background-size: cover !important;
	background-size: cover !important;
}

#follow-social .image-7 {
	background: #ddd;
	display: block;
	padding-top: 25%;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 25%;

	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-ms-background-size: cover !important;
	background-size: cover !important;
}

#follow-social .image-8 {
	background: #ddd;
	display: block;
	padding-top: 25%;
	position: absolute;
	top: 50%;
	left: 75%;
	width: 25%;

	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-ms-background-size: cover !important;
	background-size: cover !important;
}

.social a {
	background: none !important;
	border: 1px solid #1b2d35;
	color: #1b2d35 !important;
	font-size: 1.25em;
	margin: 0px 15px;
	padding: .5rem;
	text-align: center;
	width: 38px;
}

.social {
	padding-top: 10px;
}

.social-order-concept {
	font: normal 700 1em/1em "Courier", serif;
	margin-bottom: 15px;
}

.so-logo {
	display: inline-block;
	margin: 0px 5px;
	width: 60px;
	vertical-align: middle;
}

/* == T-Room == */

#t-room section,
#t-room .intro-text,
#t-room .small-intro-text {
	background: #294550;
}

#t-room p {
	color: #fff;
}

#t-room p a {
	color: #816b41 !important;
}

#t-room .intro-text h2,
#t-room .small-intro-text h2 {
	color: #816b41 !important;
}

/* == Contact == */

#contact .row {
	max-width: 55rem;
}

#contact section {
	background: #294550;
}

#contact h4 {
	color: #fff;
	margin-bottom: 25px;
}

@media only screen and (max-width: 40em) {
	.mobile-spacer {
		margin-top: 25px;
	}
}

#contact p {
	color: #fff;
	line-height: 1.3em;
	margin: 0px 0px 35px 0px;
}

#contact p a {
	color: #fff !important;
}

#contact .button {
	margin-bottom: 0px;
}

#contact p:last-child {
	margin-bottom: 0px;
}

/* == Footer == */

footer {
	background: #826b41;
	color: #fff;
	font: normal 700 0.875em/1.3em "Courier", sans-serif;
	padding: 15px 0px;
}