html {
	font-family: 'Roboto Condensed';
	font-size: 1rem;
}

body {
	margin-top:50px;
}

#page-container {
  position: relative;
  min-height: 100vh;
}

#content-wrap {
  padding-bottom: 10rem;    /* Footer height */
}

#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 10rem;   
}

@media (min-width: 768px) { 
	#content-wrap {
  		padding-bottom: 8rem;    /* Footer height */
	}
	#footer {
		height: 8rem;  
	}
}
.page-title {
	font-size: 1.3rem;
	font-weight: bold;
}


.h4 {
	 font-size: 1.2rem;
}
.larger {
	font-size: 1.25rem !important;
}

.navbar {
	background: white;
}
.navbar .navbar-toggler {
    color: #2A7E87;
    border-color: #2A7E87;
}

.navbar .navbar-toggler-icon {
    width: 1rem;
    height: 1rem;
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(16, 53, 47, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

.navbar img {
	height: 35px;
}

@media (min-width: 768px) { 
	.navbar img {
	height: 50px;
}

}

a {
	color: #2A7E87;
}
a:hover {
	color: #2A7E87;
}

.hover-effect:hover {
	opacity: 0.8;
}

a.block-link {
	text-decoration:none;
}

a.block-link:hover{
	text-decoration:none;
	opacity: 0.8;
}

/*h2, h3, h4, p, dl, ul {
	color: #002D52;
}*/


/* Classes for special Globale Green*/
.bg-globale { 
	background-color: #2A7E87 !important;
}
.color-globale {
	color: #2A7E87 !important;
}

.color-muted {
	color: rgba(255,255,255, .75) !important;
}

.color-gray {
	color: #474747c4 !important;
}

.bg-dark {
	background-color: #323232 !important;
}

.color-dark {
	color: #323232 !important;
}
.bg-canvas {
	background-color: #474747 !important;
}

.bg-red {
	background-color: #dc3545 !important;
}

.bg-muted {
	background-color: rgba(255,255,255, .5) !important;
}

.bg-grey {
 background-color: #747474 !important;	
}
 .color-grey {
 	color: #747474 !important;
 }
 
 .bg-off-white {
	background-color: #E9ECEF !important;
}

.bg-light {
	background-color: #EEE !important;
}

.color-light {
	color: 	color: #EEE !important;
	
}

.bg-light-transparent {
	background-color: rgba(238,238,238, 0.7);
}

.btn {
	background-color: #2A7E87 !important;
	font-weight: bold;
	border: none;
	color: #FFFFFF !important;
}

.btn:hover {
	background-color: #6A9CA1 !important;
	border: none;
	color: #FFFFFF !important;
}
.globaleBtn a {
	color:  white;
	background-color #2A7E87: 
}

.globaleBtn a:hover {
	text-decoration: none;
	background-color: rgba(42, 126, 135, 0.75);
}

.caption-box {
	z-index: 10;
}

.caption-box:hover {
	text-decoration: none;
	opacity: 0.8;
}

.caption-box {
	border-color: #EEE;
}

.carousel-control-next, .carousel-control-prev {
		top: -200px;
	}
	
	
@media (min-width: 768px) { 
	.jumbotron-caption {
		position: absolute;
		top: 150px !important;
		left: auto;	
		right: 5%;
	}
	.jumbotron-caption-high {
		position: absolute;
		top: 50px !important;
		left: auto;	
		right: 5%;
	}
	
	.jumbotron-caption-low {
		position: absolute;
		bottom: 100px !important;
		left: auto;	
		right: 5%;
	}
	
	.carousel-control-next, .carousel-control-prev {
		width: 10%;
		top: 0;
	}
	
	.caption-box {
	border-color: rgba(0,0,0,.125);
	}
	.caption-box:hover {
	text-decoration: none;
	background-color: #EEE;
	opacity: 1;
	}
	
	.h4 {
	 font-size: 1.5rem !important;
	}
}

@media (min-width: 1200px) { 
	.jumbotron-caption-low {
		position: absolute;
		bottom: 250px !important;
		left: auto;	
		right: 5%;
	}
}


.carousel-fade .carousel-item {
	transition-duration: 6s;
}

.navbar-brand h5 {
	font-size: 0.8rem;
}

.navbar-brand.just-text {
	display: none;
}


.navbar-toggler {
    padding: .1rem .2rem .15rem .2rem !important;
}

.navbar-toggler-icon {
	width: 1rem;
	height: 1rem;
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
}
#social-media-navigation .fab {
	font-size: 0.8rem;
}


@media (min-width: 576px) {
#social-media-navigation .fab {
	font-size: 1.5rem;
}

.navbar-brand h5  {
	font-size: 1.25rem !important;
}
.navbar-toggler {
	padding: .25rem .75rem;
}
.navbar-toggler-icon {
	width: 1.5rem;
	height: 1.5rem;
}

}


.featurette-divider {
	border-color: white;
}

.featurette-divider.grey {
	border-color: #E9ECEF;
}
.carousel-fade .carousel-item {
transition-duration: 0.5s;
}

/*CORONA CANCEL*/
.bg-cancel {
        background-color: #503494 !important;
}

.cancel-heading {
        background-color: #dc3545 !important;
        color: white;
        font-size: 1.1rem;
        font-weight: bold;
        border-radius: 15px;
        -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-8deg);
    transform: rotate(-8deg);
    margin-bottom: 50px;
    margin-top: 40px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
        padding: 10px;
}

.jumbotron-caption-cancel {
		position: absolute;
		top: 0 !important;
		left: auto;	
		right: 5%;
	}
.jumbotron-caption-cancel a:hover {
	text-decoration: none;
	opacity: 0.8;
}
@media (min-width: 576px) { 
	.jumbotron-caption-cancel {
		position: absolute;
		top: 50px !important;
		left: auto;	
		right: 5%;
	}
	.cancel-heading {
        font-size: 1.5rem;
	}
}

@media (min-width: 768px) { 
	.cancel-heading {
        font-size: 2rem;
	}
}
@media (min-width: 1200px) { 
	.cancel-heading {
        font-size: 2.5rem;
	}
	.jumbotron-caption-cancel {
		position: absolute;
		top: 300px !important;
		left: auto;	
		right: 5%;
		padding-right: 10px;
		padding-left: 10px;
	}
}