@import url("/templates/global.css");
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

body {
	background-color: #dad9d9;
}

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

a {
	color: #000;
}

.container {
	max-width: 1350px;
	width: 100%;
	margin: 0 auto;

}

.header-wrapper {
	--stripe-height: 3px;
	--stripe-color: #CE0000;
	background:
		linear-gradient(var(--stripe-color), var(--stripe-color)) top / 100% var(--stripe-height) no-repeat,
		linear-gradient(var(--stripe-color), var(--stripe-color)) bottom / 100% var(--stripe-height) no-repeat;
	background-color: #fff;
}

header::before,
header::after {
	content: none !important;
}

.header {
	padding: 15px 0 29px 0;
	width: 100%;
	display: grid;
	grid-template-columns: 220px 1fr 320px;
	/* logo | nav | contact */
	align-items: center;
	gap: 20px;
}

.header__logo img {
	margin-left: 15px;
}

.header__nav {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px;
}

.header__nav a {
	display: inline-block;
	font-family: "oswald", sans-serif;
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
	padding: 0px 10px;
	--split: 50%;
	--top: #ffffff;
	--bottom: #ececec;
	background: linear-gradient(to bottom,
			var(--top) 0,
			var(--top) var(--split),
			var(--bottom) var(--split),
			var(--bottom) 100%);

	color: #c1393c;
	/* red text */
	border-radius: 10px;
	/* soften corners */
	text-decoration: none;
	border: 1px solid #d9d9d9;
	box-shadow:
		0 2px 4px rgba(0, 0, 0, .15);
	transition: .2s ease, color .2s ease, box-shadow .2s ease;
}

.header__nav a:hover,
.header__nav a:focus {
	--top: rgb(199, 199, 199);
	--bottom: rgb(166, 166, 166);
	color: rgb(66, 0, 0);
	box-shadow:
		0 2px 4px rgba(0, 0, 0, .15);
}

.header__nav a[href="/"] {
	--top: rgb(199, 199, 199);
	--bottom: rgb(166, 166, 166);
	color: rgb(66, 0, 0);
	box-shadow:
		0 2px 4px rgba(0, 0, 0, .15);
}

.contact__info__outer {
	text-align: center;
	display: grid;
	gap: 4px;
	line-height: 1.25;
	font-family: "oswald", sans-serif;
	color: #C1393C;
	line-height: normal;
	font-weight: 500;


}

.contact__phone {
	font-size: 20px;
}

.contact__info {
	font-size: 18px;
}