body {
	padding-top: 105px;
}

.btn-via-blue {
    color: #fff;
	background-color: rgba(61,113,153, 0.7);
	border-color: rgba(61,113,153);
}

.btn-via-blue:hover {
    color: #fff;
	background-color: rgba(61,113,153, 0.90)
}

.btn-via-brown {
    color: #fff;
	background-color: #B87956;
	border-color: #B87956;
}

.btn-via-brown:hover {
    color: #fff;
	background-color: #9e6343;
	border-color: #9e6343;
}

.btn-via-green {
    color: #fff;
	background-color: #21B04B;
	border-color: #21B04B;
}

.btn-via-green:hover {
    color: #fff;
	background-color: #1c9340;
	border-color: #1c9340;
}

.btn-via-yellow {
    color: #fff;
	background-color: #FEC80D;
	border-color: #FEC80D;
}

.btn-via-yellow:hover {
    color: #fff;
	background-color: #ebb701;
	border-color: #ebb701;
}

.btn-via-outline-blue {
    color: #0087c1;
	border-color: #0087c1;
}

.btn-via-outline-blue:hover {
    color: #FFF;
	border-color: #0087c1 !important;
	background-color: #0087c1 !important;
}

.tooltip-inner {
    background-color: rgba(61,113,153, 0.85);
}
.tooltip.bs-tooltip-right .arrow:before {
    border-right-color: rgba(61,113,153, 0.85) !important;
}
.tooltip.bs-tooltip-left .arrow:before {
    border-left-color: rgba(61,113,153, 0.85) !important;
}
.tooltip.bs-tooltip-bottom .arrow:before {
    border-bottom-color: rgba(61,113,153, 0.85) !important;
}
.tooltip.bs-tooltip-top .arrow:before {
    border-top-color: rgba(61,113,153, 0.85) !important;
}

#cookieNotification {
	display: none;
	position: fixed; bottom: 0; right: 0; left: 0;
	padding: 0.3em 0em 0.3em 0em;
	border-top: 1px solid rgba(30,121,206, 0.9);
	/* background: linear-gradient(90deg, rgba(30,121,206, 0.85) 0%, rgba(203,224,243, .95) 60%); */
	background: #DEDEDE;
}

#cookiesBtn {
	color: #26406f !important
}

.via-title {
	padding-bottom: 16px;
	margin-bottom: 40px;
	border-bottom: 2px solid #424549;
}

.ol-touch .ol-control button {
    font-size: 1.14em !important;
}

@media (max-width: 1133px) {
	body {
		padding-top: 90px;
	}
}

@media (max-width: 768px) {  
	body {
		padding-top: 83px;
	}
}

@media (max-width: 615px) {  
	body {
		padding-top: 65px;
	}
}

/*
####################################################
M E D I A  Q U E R I E S
####################################################
*/
 
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/
 
/* 
Extra small devices (portrait phones, less than 576px) 
No media query since this is the default in Bootstrap because it is "mobile first"
*/
 
 
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  
 
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
 
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
 
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
    
}