body {
  padding-top: 0;
  line-height: 165%;
}

/* ---------------  Change the colors of the menu  --------------- */

.navbar-inverse {
    background: #59a2bb;
    border: 0;
    border-radius: 0;
    height: 80px;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus {
    background: #37bbe8;
    color: #fff;
}

.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-text,
.navbar-inverse .navbar-link {
    font-size: 14px;
    color: #fff !important;
}

li#database.dropdown.open,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover{
    background: #2a88a8;
    color: #fff;
}
@media screen and (max-width: 991px) {
	#database.dropdown.open a {
		color: #fff;
	}
	#database.dropdown.open a:hover {
		background: #2a88a8;
	}
	
	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	
	.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, 
	.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, 
	.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
		background-color: #37bbe8;
	}
}

.navbar-inverse .navbar-toggle {
    border-color: #2a88a8;
}

.navbar-inverse .navbar-toggle:hover {
    background-color: #2a88a8;
}

/* ---------------  set correct height of header  --------------- */

.navbar-inverse,
.navbar-inverse .navbar-nav,
.navbar-inverse .navbar-nav > li > a {
    /*height: 80px;*/
}

.navbar-nav >li >a {
    padding-top: 30px;
    padding-bottom: 30px;
}
.navbar-toggle {
    padding: 10px;
    margin: 25px 15px 25px 0;
}

.navbar-form {
    margin-top: 20px;
}

/* ---------------  logo and slogan  --------------- */

.navbar-brand {
    padding: 0px;
}
.navbar-brand>img {
    height: 100%;
    padding: 15px;
    width: auto;
}
.navbar-brand {
    height: 80px;
}

.navbar-slogan {
    margin-top: 25px;
    margin-left: 0;
    line-height: 16px;
}

.navbar-slogan a {
    color: #fff !important;
    text-decoration: none;
}

.slogan-title {
    font-style: normal;
    font-size: 16px;
}

/* ---------------  sticky footer  --------------- */
/* https://philipwalton.com/articles/normalizing-cross-browser-flexbox-bugs/ */

.body {
    display: flex;
    flex-direction: column;
    height: 100vh; /* 1 */
}

.header,
.footer {
    flex-shrink: 0; /* 2 */
}

.main {
    flex: 1 0 auto; /* 2 */
}

/* ---------------  bonus breakpoints  --------------- */

@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;

        max-height: 300px;
        overflow-y: scroll!important;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
    .navbar-nav li {
        z-index: 1;
        background: #59a2bb;
    }
}

@media (max-width:450px) {
    .carousel {
        height: 30vh;
    }
    .carousel-inner,
    .carousel-inner .item,
    .carousel-inner .item img {
        width: initial;
        height: 100%;
        max-width: initial;
        margin-left: 0;
    }
}

/* ---------------  general css  --------------- */

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.footer {
    padding: 10px 0 0;
    background-color: #2a88a8;
    border-top: 10px solid #59a2bb;
}

.footer a {
    color: #fff !important;
}

a,
a:link {
    color: #2a88a8;
}

a:visited,
a:focus,
a:hover,
a:active {
    color: #5860a3;
}

h1, h2, h3, h4, h5 {
    color: #2a88a8;
}

.carousel h3 {
    color: white;
}

.carousel {
    margin-bottom: 20px;
}

.main {
    width: 100%;
}

/* ---------------  colors  --------------- */

.color-person {
    color: #A3A948;
}

.color-place {
    color: #CE1836;
}

.color-contest {
    color: #F85931;
}

.color-discipline {
    color: #EDB92E;
}

.color-event {
    color: #2a88a8;
}

.btn-person {
    background-color: #A3A948;
    color: white;
}

.btn-place {
    background-color: #CE1836;
    color: white;
}

.btn-contest {
    background-color: #F85931;
    color: white;
}

.btn-discipline {
    background-color: #EDB92E;
    color: white;
}

.btn-event {
    background-color: #2a88a8;
    color: white;
}

.footer-persons {
    background-color: #A3A948;
    border-top: 10px solid #b7bc70;
}

.footer-places {
    background-color: #CE1836;
    border-top: 10px solid #d94b62;
}

.footer-festivals{
    background-color: #F85931;
    border-top: 10px solid #fa7d5e;
}

.footer-disciplines {
    background-color: #EDB92E;
    border-top: 10px solid #f1c85c;
}

.footer-events,
.footer-databases  {
    background-color: #2a88a8;
    border-top: 10px solid #59a2bb;
}