@font-face {
  font-family: 'kiona';
  src: url('kiona_2/Kiona-Regular.eot'); /* IE9 Compat Modes */
  src: url('kiona_2/Kiona-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('kiona_2/Kiona-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('kiona_2/Kiona-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('kiona_2/Kiona-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('kiona_2/Kiona-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}

/*@font-face {
  font-family: kiona;
  src: url(kiona_2/Kiona-Regular.ttf);
}*/

a {
    color: #333E57;
}

a:hover ,
a:active {
	color: #ed8f3d !important;
}

nav.navbar {
	background-color: rgba(55, 61, 89, 0.95);
	text-transform: uppercase;
}

nav.navbar .nav-link {
	margin: 0 10px;
	white-space: nowrap;
}

nav.navbar a:active ,
nav.navbar a:focus {
	outline: none;
}


.nav-link.highlight {
	border: thin solid #FFFFFF;
}

nav.navbar .nav-link.highlight {
    border: thin solid;
    padding-left: 1rem;
    padding-right: 1rem;
}

/*#333E57*/

.navbar-brand {
	font-family: kiona;
	font-size: 1.7rem;
}

.logo {
	color: #FFF;
 height: 100%;
 max-height: 40px;
  padding: 8px;
  width: auto;
}

.navbar-dark .navbar-brand:focus, 
.navbar-dark .navbar-brand:hover {
	color: #FFFFFF !important;
}



.banner {
	width: 100%; 
	height: 300px; 
	background-color: #CCCCCC;
	background-color: #CCCCCC;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}


/*.carousel-caption {
    background-color: rgba(51, 62, 87, 0.5);
    padding: 2rem;
}*/

.carousel-item > .slide {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 35rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}



.carousel-caption {
    right: 0;
    left: 0;
    padding-left: 20%;
    padding-right: 20%;
    background-color: rgba(55, 61, 89, 0.5);
}


#myCarousel1 .carousel-item {
    height: 15rem;
    background-color: transparent;
}

#myCarousel1 .carousel-caption {
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
    color: rgb(90, 90, 90);
}

#myCarousel1 .carousel-control-next, 
#myCarousel1 .carousel-control-prev {
    color: rgb(90, 90, 90);
}

#myCarousel1 .carousel-indicators li {
    background-color: rgb(90, 90, 90);
}


.carousel-caption h1,
.featurette-heading {
	font-family: kiona;
}

.featurette-heading {
	font-size: 40px;
    margin-top: 4rem;
}

.featurette-heading.page-title {
	font-size: 50px;
    margin-top: 7rem;
}

.featurette .featurette-heading {
	font-size: 30px;
}

.featurette .featurette-heading .text-muted {
	color: #ed8f3d !important;
}

.btn-turaco {
    color: #FFFFFF;
    background-color: #333E57;
    border-color: #333E57;
    border-radius: 0;
    padding: 0.75rem 2rem;
	font-family: kiona;
}

.btn-turaco:hover {
    color: #fff !important;
    background-color: #6c757d;
    border-color: #6c757d;
}


.form-control {
    height: auto;
    border-radius: 0;
    border-color: #333E57;
    padding: .5rem .75rem;
}

.image-wrapper {
	width: 100%;
	height: 300px;
	background-color: #CCCCCC;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.card-title {
    font-weight: 300;
    font-size: 1.5rem;
}

.modal-title {
	font-family: kiona;
}



#back-to-top {
    background-color: rgba(55, 61, 89, 1.0);
    color: #FFFFFF;
    display: inline-block;
    padding: 10px;
    line-height: 0;
    position: fixed;
    bottom: 20px;
    right: 20px;
}


.room-photo-wrapper.carousel-item {
    height: auto;
}

.carousel-item > img.room-photo {
    max-width: 100%;
    height: auto;
    position: relative;
}