html {
	position: relative;
	min-height: 100%;
}

body {
	background-image: url("../img/005-subtle-light-patterns.jpg");
	background-repeat: repeat;
    font-size: 1.03em !important;
    font-weight: 400 !important;
	/*color: #495061;*/
    color: #2d4053 !important;
    overflow-x: hidden;
	/* Margin bottom by footer height */
	margin-bottom: 140px;
}

h1 {
    font-size: 1.8rem !important;
    font-weight: 600 !important;
    /*color: #395693;*/
    color: #2d4053;
    letter-spacing: 1px;
}
h2 {
    font-size: 1.5rem !important;
    font-weight: 400 !important;
    color: #2d4053;
}
h3 {
    font-size: 1.4rem !important;
    font-weight: 400 !important;
    color: #2d4053;
}
h4 {
    font-size: 1.3rem !important;
    font-weight: 400 !important;
    color: #2d4053;
}
h5 {
    font-size: 1.2rem !important;
    font-weight: 400 !important;
    color: #2d4053;
}
audio, img, video {
    max-width: 100%;
    vertical-align: middle;
}
audio, video {
    display: inline-block;
}
video {
    object-fit: contain;
}

a {
	font-size: 0.92rem;
	color: #2d4053;
	text-decoration: none;
}


/* Color gradients */
.bg-sd-grey {
	/*background-color: #e8e8e8 !important; */
	background-image: linear-gradient(#f8f8f8, #e8e8e8);
}
.bg-sd-water {
	/*background-color: #53a6ffd9 !important;*/
	background-image: linear-gradient(#f8f8f8, #e6f2ff); /*#53a6ffd9*/
}
.bg-sd-navy {
	/*background-color: #53a6ffd9 !important;*/
	background-image: linear-gradient(#f8f8f8, #ccddff);
}
.bg-sd-sky {
	/*background-color: #53a6ffd9 !important;*/
	background-image: linear-gradient(#f8f8f8, #ebf0fa);
}

.center-horisontal {
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	overflow: auto; /* clearfix */
}

.rounded-edges {
	border-radius: 30px;
}


/* Bootstrap navbar */
.navbar {
	/*background-color: #eff2f5;*/
	/*background-color: #ffffff;*/
	background-image: linear-gradient(#e8e8e8, #f8f8f8);
	border-bottom: 1px solid #dee6ed;
	border-radius: 0;
	margin-bottom: 0;
}

.navbar-nav > li > a {
	/*color: #0084ff !important;*/
	color: #101010 !important;
	font-size: 16px;
	transition: color 0.3s ease-out;
	letter-spacing: 0.04rem;
	text-transform: uppercase;
	margin-right: 10px !important;
}

.navbar-nav > li > a.disabled {
	color: #aed2f5 !important;
}

.navbar-nav > li:not(.disabled).active > a{
	color: #cdd9e4 !important;
	/*border-bottom: 3px solid #5FB0E4;*/
}

.navbar-nav > li:not(.disabled).open > a {
	color: #ea00ff !important;
	/*border-bottom: 3px solid #5FB0E4;*/
}

.navbar-nav > li:not(.disabled) > a:hover {
	/*color: #ea00ff !important;*/
	color: #bdccdb !important;
}

.navbar-nav > li:not(.disabled) > a:focus {
	color: #bdccdb !important;
}


/* Bootstrap Footer */
.footer {
	position: fixed;
	/*background-color: #ffffff;*/
	/*background-color: #e0e0e0;*/
	background-image: linear-gradient(#f8f8f8, #e8e8e8);
	border-top: 1px solid #dee6ed;
	border-radius: 0;
	margin-bottom: 0;
	/*color: #000000 !important;*/
	bottom: 0;
	width: 100%;
	font-size: 0.9rem !important;
	font-weight: 400 !important;
	color: #395683;
}

.footer > .container {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}

.footer h1 {
	font-size: 1.2rem !important;
	font-weight: 400 !important;
	/*color: #395683;*/
	letter-spacing: 1px;
}

.footer h2 {
	font-size: 1.0rem !important;
	font-weight: 400 !important;
	color: #395683;
	/*letter-spacing: 1px;*/
}

.footer a {
	color: #395683 !important;
	transition: color 0.3s ease-out;
}

.footer a:hover {
	color: #666666 !important;
	text-decoration: none;
}


.tile {
	float:left;
	cursor:pointer;
}

.tile :hover {
	opacity: 0.9;
	color: #666666 !important;
	transition: color 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

.tile > div :hover {
	opacity: 0.9;
	color: #666666 !important;
	transition: color 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

.tile img {
    max-width: 100%;
    vertical-align: middle;
	border: 1px solid rgba(0,0,0,.125);
	border-radius: 15px;
}

.tile > div img {
    max-width: 100%;
    vertical-align: middle;
	border: 1px solid rgba(0,0,0,.125);
	border-radius: 15px;
}

.tile > .title {
	font-size: 1.3rem;
	font-weight: bold;
    text-align: center;
}

.tile > div .title {
	font-size: 1.3rem;
	font-weight: bold;
    text-align: center;
}

.tile > .description {
	font-size: 0.9rem;
	font-weight: 400;
    text-align: left;
}

.tile > div .description {
	font-size: 0.9rem;
	font-weight: 400;
    text-align: left;
}


.icon-link {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}