@import url("/templates/global.css");
@font-face {
	src: url('AvenirNext.woff2');
	font-family: "Avenir Next";
}

@font-face {
	src: url('AvenirNextLight.woff2');
	font-family: "Avenir Next Light";
}

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

a {
	color: #047940;
}

body {
	background-color: #ccc;
}

.header {
	width: 100%;
}

.header::after {
	display: block;
	content: "";
	height: 20px;
	background-color: #003718;
	box-shadow: inset 0 4px 5px 1px rgb(0 0 0 / 20%);
}

.header__main,
.header__nav__inner {
	max-width: 1000px;
	margin: auto;
}

.header__main {
	background-color: #fff;
	padding: 20px 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.nav__right {
	font-size: 0;
}

.nav__right a { 
	border-right: 1px solid #047940;
    padding: 1px 5px;
    color: #000;
	font-family: "Avenir Next Light", sans-serif;
	font-size: 13.5px;
}

.nav__right a:last-child {
	border-right: none;
}

.header__nav {
	box-shadow: 2px 9px 17px 4px rgb(0 0 0 / 38%);
	background-color: #047940;
	font-family: "Avenir Next", sans-serif;
}

.header__nav__inner {
	background: linear-gradient(to bottom, #047940 0%, #046F3B 59%, #03552D 96%);
	font-size: 0;
	height: 52.5px;
	width: 100%;
	display: flex;
	justify-content: space-around;
}

.header__nav__inner a {
	color: #fff;
	padding: 10px 15px;
    border-right: 2px solid #03763e;
	font-size: 21px;
    text-transform: uppercase;
	flex-grow: 1;
	text-align: center;
}

.header__nav__inner a:last-child {
	border-right: none;
}

.header__nav__inner a:hover {
	text-decoration: none;
	background: linear-gradient(to top, #047a40 0%, #04733d 59%, #8bbfa5 96%);
}

.main {
	box-shadow: 0 2px 3px 0px rgb(31 31 31 / 25%);
	width: 1000px;
	padding: 30px;
}

.sidebar {
	margin-right: 30px;
}