/* Additional styling and BS overwrites */

body {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	position: relative;
	padding-top: 64px;
}
.bg-gradient-comp {
	background: url('../img/IMG_6325.webp'), linear-gradient(-45deg, rgba(249,154,28,.8), #d53636);
	background-size: cover;
	background-position: center;
	background-blend-mode: soft-light;
}
.bg-gradient-comp2 {
	background: linear-gradient(-45deg, #c1e1ee, rgba(255, 255, 255, 0.466)),transparent url('../img/IMG_6325.webp');
	background-size: cover;
}
.bg-comp-bw {
	background: url('../img/bg_landscape01.webp'), linear-gradient(-45deg, rgba(0,0,0, .5), rgba(255, 255, 255, 0.5));
	background-size: cover;
	background-position: center;
}
.bg-landscape {
	background: linear-gradient(180deg, rgba(0,0,0, .2), rgba(255, 255, 255, 1)), url('../img/bg_landscape01.webp');
	background-size: cover;
	background-position: center;
}
.bg-flat-ci{ background-color: #d53636; }
.fx-bw { filter: saturate(0); }
.fx-blur { filter: blur(1); }
a:link, .nav-link { color: rgb(10 102 185); }
a:hover, a:focus, .nav-link:hover, .nav-link:focus { color: rgb(5 35 105); }
.ci-red {color: rgb(186 11 22);}
.embed-iframe { min-height: 100%; }
hr { border-color: rgb(186 11 22); }
.hero-text-small { font-size: 1.850rem; }
.hero-text {
	padding-bottom: 1.5rem;
	border-bottom: 10px solid rgb(186 11 22);
	letter-spacing: -1px;
	font-size: calc(1rem + 3.9vw);
}
.hero-text-row2 {
	font-weight: 200;
	letter-spacing: -1px;
}
.hero-text-small > .hero-text-row2 { color: rgb(186 11 22); }
.section-box-title {
	font-size: 1.250rem;
	font-weight: 500;
}
.section-text > p { font-size: 1.0em; }

/* Navbar classes */
.navbar-brand > img { height: 30px; }
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	background-color: rgb(140 145 150);
}
.nav-tabs .nav-link:hover {color: rgb(186 11 22);}
.footer { 
	background-color: #343a40;
	border-color: transparent;
}
.navbar-site {background-color: white;}
.navbar-site .navbar-nav > .nav-item > .nav-link {
	font-weight: 300;
	text-transform: uppercase;
	color: #7a7d80;
}
.navbar,
.navbar-site .navbar-nav > .nav-item > a:hover,
.navbar-site .navbar-nav > .nav-item > a:focus,
.navbar-site .navbar-nav > .active  > .nav-link,
.navbar-site .navbar-nav > .active  > .nav-link:hover,
.navbar-dark .navbar-nav .nav-link,
.navbar-site .navbar-nav > .active  > .nav-link {
	color: rgb(140,145,150);
}
.navbar-site .navbar-nav > .nav-item > .nav-link:hover {
	color: black;
	transition: none;
}
.navbar-site:hover .navbar-nav .nav-link .fa {
	color: rgb(75, 93, 103);
	transition: color ease-in-out .9s;
}
.navbar-site .navbar-nav .nav-link:hover .fa {
	color: rgb(186 11 22);
	transition: none;
}
navbar-site .navbar-nav > .nav-item > .nav-link {
	transition: none;
}
.navbar-site .navbar-toggler {
	color: rgb(122,123,122);
	border: 1px solid rgb(122,123,122);
}
.navbar-site .navbar-toggler-icon {
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(186, 11, 22, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.nav-link { padding: 1rem; }

/* Sections */
.section {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.gradient-dark {
	background: linear-gradient(to top, rgba(0,0,0,.80) 0%, rgba(0,0,0,.05) 100%)/*, url('../img/section2_bg.jpg') center center no-repeat*/;
	background-size: cover,cover;
}
.btn .btn-sens { border: 0 none; }
.btn-sens {
	border-radius: 0;
	border: 1px solid black;
	font-weight: 700;
	transition: none;
}
.btn-sens:hover, .btn-sens:focus { border-color: rgb(186 11 22); }
.btn-sens:hover .fa {
	color: rgb(186 11 22);
}
.btn-light {
	background-color: rgb(122,123,122);
}
.img-sens {
	border-radius: 100%;
}

/* Tablet & Desktop styles */
@media (min-width: 767.98px) {
	.nav-link { padding: .5rem 1rem; }
	.hero-text {
		letter-spacing: -1px;
		font-size: calc(1.575rem + 3.9vw);
	}
	.section-box-title {
		margin-bottom: 15px;
		padding: 1.25rem .5rem;
		border-bottom: 8px solid rgb(52, 58, 64);
	}
	.section-text {
		font-size: 16px;
		font-weight: 700;
		text-align: justify;
	}
	.fb-link:hover .fa,
	.fb-link:active .fa { -webkit-transform: rotate(-15deg); transform: rotate(-15deg); color: #09f; }
}

@media (min-width: 991.98px) {
	.navbar-site .navbar-nav > .nav-item > .nav-link {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		font-size: .875rem;
	}
	.hero-text {
		letter-spacing: -2px;
	}
	.section-box-title { font-size: 1.850rem; }
	.footer-link, .footer-text {
		font-size: 1.2rem;
		line-height: 2.2em;
	}
}

@media (min-width: 1199.98px) {
	body {
		padding-top: 72px;
	}
	.navbar-site {
		height: 73px;
		border-bottom: 1px solid rgb(186 11 22);
	}
	.navbar-site .navbar-nav > .nav-item > .nav-link {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		height: 72px;
		font-weight: 500;
		text-align: center;
		transition: .35s ease-in all;
	}
	.navbar-site .navbar-brand {
		display: flex;
		flex: 1 130px;
		padding: 0 .3125rem;
		align-items: center;
		margin: 0 1rem;
	}
	.navbar-site .navbar-nav > .active > a {
		justify-content: space-evenly;
	}
	.navbar-site .navbar-brand > img {
		width: auto;
		height: 3rem;
	}
	.navbar-site .nav-item, .navbar-site .navbar-nav { flex: 1; }
	.section { padding: 5rem 4rem; }
	.section-box-title {
		font-size: 2.250rem;
		font-weight: 300;
	}
	.teaser-text-body {
		font-size: 1.1250em;
	}
	.hero-text {
		letter-spacing: -2px;
		margin-bottom: 2rem;
	}
	.gradient-box { background-image: radial-gradient(circle farthest-side at left top, rgba(0,0,0,.18) 0%, rgba(0,0,0,0) 100%); }
	.footer-link, .footer-text {
		font-size: 14px;
		line-height: 2.8em;
	}
}
@media (min-width: 1399.98px) {
	body {
		padding-top: 130px;
	}
	.navbar-site {
		height: 131px;
		border-bottom: 1px solid rgb(186 11 22);
	}
	.navbar-site .navbar-nav > .nav-item > .nav-link {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		height: 130px;
		font-weight: 500;
		text-align: center;
		transition: .35s ease-in all;
	}
	.navbar-site .navbar-brand {
		display: flex;
		flex: 0 388px;
		padding: 0 4rem;
		align-items: center;
		align-self: stretch;
		margin-right: 2rem;
	}
	.navbar-site .navbar-brand > img {
		width: 260px;
		height: auto;
	}
	.navbar-site .navbar-nav > .nav-item > .nav-link {
		font-weight: 700;
		justify-content: space-evenly;
	}
	.navbar-site .nav-link .fa { font-size: 2.575em; }
}
@media (min-width: 1599.98px) {
	body {
		padding-top: 130px;
	}
}