﻿:root {
	--color-primary: 83 162 78;
	--color-accent: 141 198 63;
	/*--color-secondary: rgb(141, 198, 63);*/
}

/*#region Fonts*/

@font-face {
	font-family: FrutigerLTStd;
	src: url('../fonts/FrutigerLTStd-Roman.otf');
}

@font-face {
	font-family: inter;
	src: url('../fonts/inter/Inter-bold.otf');
	font-weight: bold;
}

@font-face {
	font-family: inter;
	src: url('../fonts/inter/Inter-italic.otf');
	font-style: italic;
	font-weight: normal;
}

@font-face {
	font-family: inter;
	src: url('../fonts/inter/Inter-medium.otf');
	font-weight: normal;
}

@font-face {
	font-family: inter;
	src: url('../fonts/inter/Inter-bold.otf');
	font-weight: bold;
}


@font-face {
	font-family: FrutigerLTStd;
	src: url('../../fonts/FrutigerLTStd-Bold.otf');
	font-weight: bolder;
}

@font-face {
	font-family: FrutigerLTStdblack;
	src: url('../../fonts/FrutigerLTStd-Black.otf');
}

/*#endregion Fonts*/

html, body {
	font-family: inter, Open Sans, sans-serif !important;
}

/* Sticky Footer                                              */
/* ========================================================== */
.content-wrapper {
	min-height: calc(100vh - 40px - 20px);
	margin-bottom: 20px;
}
footer, .footer {
	min-height: 40px;
	background-color: #fff;
	padding: 10px;
	text-align: center;
}
footer > span,
.footer > span {
	vertical-align: middle;
}

/* Sticky Footer                                              */
/* ========================================================== */
header, .header {
	/*background-color: #7f7f7f;
	background-position: right;
	background-repeat: no-repeat;
	background-size: cover;
	height: auto;*/
	margin-bottom: 20px;
	/*padding-top: 15px;*/
	/*padding-bottom: 15px;*/
}
header > .container,
.header > .container,
header > .container-fluid,
.header > .container-fluid {
	height: 100%;
}
.site-header {
	clear: both;
	background-image: none;
	color: #fff;
	text-shadow: 0px 3px 6px #000;
	line-height: 1;
}
.site-header-logo, .site-header-title, .site-header-tagline {
	color: inherit;
	line-height: inherit;
}
.site-header-logo {
	float: right;
	width: 180px;
	padding-top: 5px;
}
.site-header-title {
	/*font-size: 40px;*/
}
.site-header-tagline {
	font-size: 20px;
}

/* Colored background and border for testing sizes and layout. */
/* ========================================================== */
.test-color, .test-color-borderless {
	background-color: rgba(191, 191, 191, 0.6) !important;
}
.test-color {
	border: 1px dashed rgba(191, 191, 191, 1.0) !important;
}
@media (min-width: 768px) {
	.test-color, .test-color-borderless {
		background-color: rgba(127, 191, 255, 0.6) !important;
	}
	.test-color {
		border: 1px dashed rgba(127, 191, 255, 1.0) !important;
	}
}
@media (min-width: 992px) {
	.test-color, .test-color-borderless {
		background-color: rgba(0, 191, 0, 0.6) !important;
	}
	.test-color {
		border: 1px dashed rgba(143, 239, 143, 1.0) !important;
	}
}
@media (min-width: 1200px) {
	.test-color, .test-color-borderless {
		background-color: rgba(255, 127, 127, 0.6) !important;
	}
	.test-color {
		border: 1px dashed rgba(255, 127, 127, 1.0) !important;
	}
}
/*@media (min-width: 1200px) {
	.test-color, .test-color-borderless {
		background-color: rgba(255, 255, 127, 0.6) !important;
	}
	.test-color {
		border: 1px dashed rgba(255, 255, 127, 1.0) !important;
	}
}
@media (min-width: 1470px) {
	.test-color, .test-color-borderless {
		background-color: rgba(255, 127, 127, 0.6) !important;
	}
	.test-color {
		border: 1px dashed rgba(255, 127, 127, 1.0) !important;
	}
}*/

/* Additional utility classes                                 */
/* ========================================================== */
.margin-bottom-general {
	margin-bottom: 20px;
}

.message-container {
	float: left;
	width: auto;
	max-width: 100%;
	text-align: left;
}

.width-auto {
	display: inline-block;
	width: auto;
}
