﻿@font-face {
	font-family: "Montserrat";
	font-style: normal;
	font-weight: 400;
	src: url(../../../fonts/montserrat/Montserrat-Regular.woff2) format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body {
	min-width: 600px;
	color: #4d4d4f;
	font-family: "Source Sans Pro", "Montserrat", Calibri, Arial, sans-serif;
}

/* Page Header                */
/* ************************** */
header {
	min-height: 270px;
	height: auto;
	margin-bottom: 20px;
}
header > .header-image {
	height: 250px;
	width: 600px;
	margin: 0 calc(50% - 300px);
	background-image: url(../../../Images/SDS-Property-FB_TW-min.jpg);
	background-color: transparent;
	background-position-y: center;
	background-position-x: -110px;
	background-repeat: no-repeat;
	background-size: auto;
}
header > .header-image + .header-content {
	display: inline-block;
	width: 100%;
	line-height: 20px;
}
@media (min-width: 768px) {
	header > .header-image {
		width: 768px;
		margin: 0 calc(50% - 384px);
		background-position-x: -100px;
	}
}
@media (min-width: 992px) {
	header > .header-image {
		width: 992px;
		margin: 0 calc(50% - 496px);
		background-position-x: center;
	}
}
@media (min-width: 1200px) {
	header > .header-image {
		width: 1200px;
		margin: 0 calc(50% - 600px);
	}
}

/* Page Footer                */
/* ************************** */
footer {
	position: relative;
	background-color: rgb(var(--color-primary));
	padding: 15px;
	color: #fff;
	line-height: 20px;
}
footer > .footer-content {
	margin-right: -15px;
	margin-left: -15px;
	text-align: center;
}
footer > .footer-content > ul {
	position: relative;
	margin-bottom: 0;
	min-height: 1px;
	border: none;
	padding-inline-start: 0;
}
footer > .footer-content > ul > li {
	border: none;
	padding: 0 15px;
}
footer > .footer-content > ul,
footer > .footer-content > ul > li {
	display: block;
}
@media (min-width: 768px) {
	footer > .footer-content > ul + ul {
		margin-top: 10px;
	}

	footer > .footer-content > ul > li {
		display: inline-block;
	}

	footer > .footer-content > ul > li + li {
		border-left: 2px solid #fff;
	}
}
@media (min-width: 1200px) {
	footer > .footer-content > ul {
		display: inline-block;
	}

	footer > .footer-content > ul + ul {
		margin-top: 0;
		border-left: 2px solid #fff;
	}
}
footer > .footer-content a {
	color: #fff;
}
footer:before,
footer:after,
footer > .footer-content:before,
footer > .footer-content:after {
	display: table;
	content: " ";
}
.footer:after,
footer > div:after {
	clear: both;
}

/* Sticky Footer              */
/* ************************** */
.page-content {
	min-height: calc(100vh - 170px);
}

footer {
	height: 170px;
}

@media (min-width: 768px) {
	.page-content {
		min-height: calc(100vh - 80px);
	}

	footer {
		height: 80px;
	}
}

@media (min-width: 1200px) {
	.page-content {
		min-height: calc(100vh - 50px);
	}

	footer {
		height: 50px;
	}
}

a {
	color: rgb(var(--color-primary));
}

a:hover,
a:focus {
	color: #08542c;
}

a:focus {
	outline: 5px auto #62a70f;
}

a:active {
	color: #62a70f;
}

.w-100 {
	width: 100%;
}