@import url("/templates/global.css");

@font-face {
	src: url(orpheus.woff2);
	font-family: "Orpheus";
}

body {
	background: white;
}

.t-primary-bgcolor {
	background-color: #5f2929f5;
}

a {
	color: #5f2929f5;
}

.container {
	width: 1170px;
}

.header-wrapper {
	height: 240px;
	background-image: url(header-bg.jpg);
	background-size: cover;
	background-position: center 26%;
}

.header {
	width: 100%;
	background: linear-gradient(to bottom, rgb(255, 255, 255, 75%), rgba(255, 255, 255, 0));
}

.header__inner {
	width: 1800px;
	margin: auto;
	max-width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 120px;
	font-family: "Orpheus", serif;
}

.header__logo img {
	max-height: 28px;
}

.header__nav {
	font-size: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.bottom-nav {
	display: flex;
	justify-content: center;
}

.top-nav,
.bottom-nav {
	display: flex;
	justify-content: space-around;
	column-gap: 80px;
}

.bottom-nav a {
	margin-right: -10px;
}

.header__nav a {
	line-height: 30px;
	font-size: 19.2px;
	color: #4e2727;
	font-weight: 400;
	border-bottom: 1px solid transparent;
}

.header__nav a:hover {
	text-decoration: none;
	border-bottom: 1px solid #4e2727;
}

.planroom-button {
	color: #fff;
	font-size: 14.4px;
	padding: 10px 23px;
	background-color: #855252;
	transition: .1s all;
	letter-spacing: 0.576px;
}

.planroom-button:hover {
	text-decoration: none;
	opacity: 0.8;
	color: #fff;
}

.main {
	padding-top: 3rem;
}

.sidebar {
	margin-right: 3rem;
}