:root {
	--green: #4E9F9F;
	--darkGreen: #005956;
	--peach: #FED386;
	--darkPeach: #E3914C;
	
	--siteWidth: 1400px;
}



@font-face {
    font-family: 'Alverata';
    font-weight: 600;
    font-style: normal;
    font-display: swap;
	unicode-range: U+000-5FF;
    src: url('/css/fonts/Alverata/AlverataInformal-Bold.woff2') format('woff2'),
		 url('/css/fonts/Alverata/AlverataInformal-Bold.woff') format('woff');
}

@font-face {
    font-family: 'SFProText';
    font-weight: 200;
    font-style: normal;
    font-display: swap;
	unicode-range: U+000-5FF;
    src: url('/css/fonts/SFProText/SFProText-Light.woff2') format('woff2'),
		 url('/css/fonts/SFProText/SFProText-Light.woff') format('woff');
}

@font-face {
    font-family: 'SFProText';
    font-weight: 300;
    font-style: normal;
    font-display: swap;
	unicode-range: U+000-5FF;
    src: url('/css/fonts/SFProText/SFProText-Regular.woff2') format('woff2'),
		 url('/css/fonts/SFProText/SFProText-Regular.woff') format('woff');
}

@font-face {
    font-family: 'SFProText';
    font-weight: 400;
    font-style: normal;
    font-display: swap;
	unicode-range: U+000-5FF;
    src: url('/css/fonts/SFProText/SFProText-Medium.woff2') format('woff2'),
		 url('/css/fonts/SFProText/SFProText-Medium.woff') format('woff');
}

@font-face {
    font-family: 'SFProText';
    font-weight: 500;
    font-style: normal;
    font-display: swap;
	unicode-range: U+000-5FF;
    src: url('/css/fonts/SFProText/SFProText-Semibold.woff2') format('woff2'),
		 url('/css/fonts/SFProText/SFProText-Semibold.woff') format('woff');
}



		
body {
	margin: 0;
    font-family: 'SFProText';
    font-size: 16px;
    font-weight: 200;
	line-height: 1.3em;
}

h1 {
	font-family: 'Alverata';
	font-weight: 600;
	font-size: 1.6em;
	line-height: 1.2em;
	color: var(--darkGreen);
	margin: 30px 0;
	padding: 0;
}

.columns {
	column-count: 2;
	column-gap: 60px;
}

.columnBreak {
	break-after: column;
}

.columns p, p {
	font-family: 'SFProText';
	font-size: 1em;
	line-height: 1.4em;
	margin: 0 0 20px 0;
	padding: 0;
}

.columns p a, p a {
	color: #000;
	font-weight: 600;
}

.columns p a:hover, p a:hover {
	color: var(--green);
}


[class^="col-"] {
    float: left;
}

[class^="col-"].break {
    clear: both;
}

.col-12-12 {
    width: 100%;
}

.col-6-12 {
    width: 50%;
}

.col-4-12 {
    width: 33.33%;
}

.col-3-12 {
    width: 25%;
}

.right {
	text-align: right;
}

.margin {
    padding: 20px;
}

.row {
    display: flex;
}

.row.break {
    clear: both;
}

.row [class^="col-"] {
    flex: 1;
}

.container {
	width: 100%;
	max-width: var(--siteWidth);
	overflow: hidden;
	margin: auto;
	position: relative;
}

.container.middle {
	display: flex;
	align-items: center;
}

.headerTop {
    height: 110px;
    background: #fff;
	overflow: hidden;
	color: var(--green);
	
	display: flex;
	align-items: center;
}

.headerTop img {
	height: 80px;
	width: auto;
}

.nav {
	background: var(--green);
	width: 100%;
}

.nav ul.main-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	width: 100%;
	max-width: var(--siteWidth);
	margin: auto;
}

.nav ul li.menu-item {
	font-weight: 400;
	display: flex;
	align-items: center;
	position: relative;

}

.nav ul li.menu-item a {
	color: #fff;
	display: block;
	text-decoration: none;
	padding: 14px 18px;
	border-top: 3px solid var(--green);
	border-bottom: 3px solid var(--green);
	transition: 0.2s
}

.nav ul li.menu-item a:hover {
	border-top: 3px solid var(--darkPeach);
	border-bottom: 3px solid var(--darkGreen);
	background: var(--darkGreen);
}

.nav ul.sub-menu {
	list-style: none;
	position: absolute;
	top: 100%;
	left: 0;
	display: none;
	background-color: var(--darkGreen);
	padding: 10px;
}

.nav ul.sub-menu li {
	margin: 20px 10px;
	color: #fff;
}

.nav ul li.menu-item:hover .sub-menu {
    display: block;
}

section.image {
	width: 100%;
	height: 500px;
	overflow: hidden;
	background-color: #f2f2f2;
}

.coverImage {
	width: 100%;
	height: 100%;
	background-image: url('/pics/innergarden_2009-05.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.btnStandard {
	font-family: 'SFProText';
	font-size: 1em;
	font-weight: 400;
	margin: 0;
	padding: 6px 12px;
	
	color: #fff;
	background-color: var(--darkGreen);
	border: 2px solid var(--darkGreen);
	border-radius: 4px;
	transition: 0.2s;
}

.btnStandard:hover {
	color: var(--green);
	border: 2px solid var(--green);
	background-color: #fff;
	cursor: pointer;
}