body {
    background: #fff;
    font-family: 'Titillium Web', sans-serif;
    color: #000;
    font-size: 16px;
    font-weight: 300;
}

img {
    max-width: 100%;
    height: auto;
}

footer a,
footer a:hover,
footer a:focus,
header a,
header a:hover,
header a:focus {
    color: #808080;
}

a,
a:hover,
a:focus {
    color: black;
}
a { text-decoration: none; }
a:hover { text-decoration: underline; }

.content a { text-decoration: underline; }
.content a:hover { text-decoration: none; }

.search {
    margin-top: 10px;
    line-height: 26px;
}

.search a.active {
    font-weight: 600;
}

.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
    margin-left: -15px;
    margin-right: -15px;
    padding: 0;
}

.navbar-default {
    border: none;
    background: #fff;
}

.navbar-default .navbar-collapse {
    background: inherit;
    border-bottom: 1px solid #000000;
}

.navbar-default .navbar-collapse.with-subnav {
    border-bottom: none;
}

.nav > li > a {
    font-size: 26px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 600;
    padding: 15px 25px;
}

.navbar-default .navbar-nav > li > a {
    color: #000;
}

.nav > li.active.blue { background: transparent url('../img/bg-menu-blue.png') bottom center no-repeat; }
.nav > li.active.green { background: transparent url('../img/bg-menu-green.png') bottom center no-repeat; }
.nav > li.active.red { background: transparent url('../img/bg-menu-red.png') bottom center no-repeat; }
.nav > li.active.yellow { background: transparent url('../img/bg-menu-yellow.png') bottom center no-repeat; }
.nav > li.active.pink { background: transparent url('../img/bg-menu-pink.png') bottom center no-repeat; }
.nav > li.active.black { background: transparent url('../img/bg-menu-black.png') bottom center no-repeat; }

#desktop-navigation.navbar-nav > li {
    position: inherit;
}

.subnav {
    display: none;
}

.active .subnav {
    position: absolute;
    display: block;
    list-style: none;
    width: 100%;
    top: 50px;
    left: 0;
    color: #222;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0;
}

.active .subnav li {
    float: left;
}

.subnav.darkblue { background-color: #387099; }
.subnav.blue { background-color: #6096b7; }
.subnav.green { background-color: #80a35c; }
.subnav.red { background-color: #bf3530; }
.subnav.yellow { background-color: #cfa044; }
.subnav.pink { background-color: #c77396; }
.subnav.black { background-color: #1a171b; }

.darkblue .subnav { background-color: #387099; }
.blue .subnav { background-color: #6096b7; }
.green .subnav { background-color: #80a35c; }
.red .subnav { background-color: #bf3530; }
.yellow .subnav { background-color: #cfa044; }
.pink .subnav { background-color: #c77396; }
.black .subnav { background-color: #1a171b; }

.navbar-default .subnav > li > a {
    color: #fff;
    padding: 0 40px;
    text-transform: uppercase;
}


.navbar-default .subnav > li > a:hover,
.navbar-default .subnav > li > a:focus {
    color: #fff;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background: transparent;
}

.nav > li:nth-child(2) > a { padding-left: 0; }

nav ul li:nth-child(2) a { margin-left: 0; }
nav ul li:last-child a { margin-right: 0; }

/* about - blue, study - green, research - red, people - yellow, news - pink, internal - black */
.navbar-default .navbar-nav > li.blue.hovered > a,
.navbar-default .navbar-nav > li.blue > a:hover,
.navbar-default .navbar-nav > li.blue > a:focus,
.navbar-default .navbar-nav > li.blue.active > a { color: #6096b7; }

.navbar-default .navbar-nav > li.green.hovered > a,
.navbar-default .navbar-nav > li.green > a:hover,
.navbar-default .navbar-nav > li.green > a:focus,
.navbar-default .navbar-nav > li.green.active > a { color: #80a35c; }

.navbar-default .navbar-nav > li.red.hovered > a,
.navbar-default .navbar-nav > li.red > a:hover,
.navbar-default .navbar-nav > li.red > a:focus,
.navbar-default .navbar-nav > li.red.active > a { color: #bf3530; }

.navbar-default .navbar-nav > li.yellow.hovered > a,
.navbar-default .navbar-nav > li.yellow > a:hover,
.navbar-default .navbar-nav > li.yellow > a:focus,
.navbar-default .navbar-nav > li.yellow.active > a { color: #cfa044; }

.navbar-default .navbar-nav > li.pink.hovered > a,
.navbar-default .navbar-nav > li.pink > a:hover,
.navbar-default .navbar-nav > li.pink > a:focus,
.navbar-default .navbar-nav > li.pink.active > a { color: #c77396; }

.navbar-default .navbar-nav > li.black.hovered > a,
.navbar-default .navbar-nav > li.black > a:hover,
.navbar-default .navbar-nav > li.black > a:focus,
.navbar-default .navbar-nav > li.black.active > a { color: #1a171b; }

.navbar-default .subnav > li.active > a { text-decoration: underline; }

.navbar-default .home-button {
	margin-top: -3px;
}

.breadcrumbs {
    margin-bottom: 2px;
}

.breadcrumb {
    padding: 4px 0px;
    margin-top: 10px;
    margin-bottom: 0px;
    list-style: none;
    background-color: transparent;
}

.breadcrumb > li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: ">";
}

.breadcrumb span.icon {
	margin-bottom: -2px;
}

.breadcrumbs a,
.breadcrumbs a:hover {
   color: #808080;
}

.sidebar {
    max-width: 285px;
}

.sidebar .page-header h2 {
    font-size: 36px;
    width: 100%;
    color: white !important;
}


footer {
    margin: 20px 0;
    padding-top: 10px;
    border-top: 1px solid #000;
    color: #808080;
}

footer ul {
    padding: 0;
}

footer .footer-nav {
    list-style-type: none;
}

footer .footer-nav a {
    text-transform: uppercase;
}

footer .nav-social {
   float: right;
}

footer .nav-social > li {
    float: left;
    margin: 0 5px;
}

.icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: transparent;
    background-repeat: no-repeat;
}

.icon-search {
    background-image: url(../img/icons/search.png);
    background-position: 0 2px;
}
.icon-home { background-image: url(../img/icons/home.png); }
.icon-home-grayscale { background-image: url(../img/icons/home-grayscale.png); }
.icon-mail { background-image: url(../img/icons/mail.png); }
.icon-phone { background-image: url(../img/icons/phone.png); }
.icon-hobbies { background-image: url(../img/icons/hobbies.png); }
.icon-likes { background-image: url(../img/icons/likes.png); }
.icon-publications { background-image: url(../img/icons/publications.png); }
.icon-teaching-activities { background-image: url(../img/icons/teaching-activities.png); }
.icon-timetable { background-image: url(../img/icons/timetable.png); }

.btn .icon-publications { background-image: url(../img/icons/btn-publications.png); }
.btn .icon-teaching-activities { background-image: url(../img/icons/btn-teaching-activities.png); }


.btn,
.btn:hover,
.btn:focus {
    color: #fff;
    font-size: 16px;
    line-height: 26px;
}

.btn .icon {
    width: 26px;
    height: 26px;
    vertical-align: middle;
}

.btn-grey {
    background-color: #979797;
    border-color: #979797;
}

/* mobile and bootstrap changes */
.navbar-toggle {
    height: 42px;
}
.input-group-btn .btn {
    height: 34px;
    padding-top: 4px;
    color: #222;
}
#search-menu, #locale-menu, #felk-nav-collapse {
    overflow: hidden;
}
#search-menu, #locale-menu {
    border: none;
}

@media (min-width: 989px) and (max-width: 1209px) {
	.nav > li > a { font-size: 23px; padding: 15px 15px; }
	.navbar-default .subnav > li > a { padding: 0 15px; }
}

@media (min-width: 768px) and (max-width: 990px) {
	.nav > li > a { font-size: 19px; padding: 15px 7px; }
	.navbar-default .subnav > li > a { padding: 0 10px; }
}

@media (max-width: 767px) {
	.nav > li > a { font-size: 22px; padding: 15px 10px; }
	.subnav { display: none; }
	.nav > li.active { background: none; }
	.nav > li:first-child > a { padding-left: 15px; }
	.navbar { margin-bottom: 0; }
	#mobile-navigation.nav > li > a { font-size: 22px; padding: 10px 15px; }
	.breadcrumb { margin-top: 0; }
}