/*!
 * Start Bootstrap - Heroic Features (https://startbootstrap.com/template-overviews/heroic-features)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-heroic-features/blob/master/LICENSE)
 */

 /* Colors:

 #21df95 clear green
 #ffd23f clear yellow

 colors that fit:

 #feffea white
 #c9c9c9 grey1
 #a3a3a3 grey2
 */
:root {
--koy_orange_dark : #ffb432; 
--koy_orange_light : #ffd23f; 
--koy_green_dark : #1cbd7e; 
--koy_green_light : #21df95;
}


html {
  width: 100%;
  flex: auto;
}

 body {
  width: 100%;
  margin: 0;
}

.page {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.site-content {
	flex: 1;
  padding-top: 30px;
}

.site-content .cadre_orange{
  background: #ffb432;
  padding: 20px;
  border-radius: 5px;
}

.navbar-koyokulum {
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.5);
  z-index: 9999;
}

.navbar-nav-koy .active .nav-koy {
  color: var(--koy_orange_dark) !important;
  font-weight:bold !important;
}

a.footer-link {
  color: white;
}

a.footer-link:hover {
  color: white;
} 

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
  background-color: #21df95 !important;
  border: none;
}

.btn-primary-orange, .btn-primary-orange:hover, .btn-primary-orange:active, .btn-primary-orange:visited {
  background-color: var(--koy_orange_dark) !important;
  border: none;
  margin-right: 10px;
  margin-bottom: 10px;
  color: white;
}

#map {
  height: 600px;
  width: 100%;
  margin-bottom: 20px;
}

@media screen and (max-width:800px) {
  #map {
    height: 300px;
    width: 100%;
  }
}

.footer_top, .footer_bottom {
  width: 100%;
}