/*
 * Programming
 */
/* -- */

/* debug */
/* * {outline: 1px solid green;} */

/* -- */
/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */
@font-face {
  font-family: 'Fontin Sans';
  font-style: normal;
  font-weight: 400;
  unicode-range: U+00020-0007E, U+000A1-000A3, U+000A5, U+000A7-000AC, U+000AE-000FF, U+00131, U+00141-00142, U+00152-00153, U+00160-00161, U+00178, U+0017D-0017E, U+00192, U+002C6-002C7, U+002D8-002DD, U+00394, U+003A9, U+003BC, U+003C0, U+02013-02014, U+02018-0201A, U+0201C-0201E, U+02020-02022, U+02026, U+02030, U+02039-0203A, U+02044, U+020AC, U+02122, U+02126, U+02202, U+02206, U+0220F, U+02211, U+0221A, U+0221E, U+0222B, U+02248, U+02260, U+02264-02265, U+025CA, U+0FB00-0FB04;
  src: local('Fontin Sans Regular'), local('FontinSans-Regular'),
      url('https://www.hpi.uni-potsdam.de/hirschfeld/assets/FontinSans-Regular.woff2') format('woff2'),
      url('https://www.hpi.uni-potsdam.de/hirschfeld/assets/FontinSans-Regular.woff') format('woff'),
      url('https://www.hpi.uni-potsdam.de/hirschfeld/assets/Fontin_Sans_R.otf') format("opentype");
}
@font-face {
  font-family: 'Fontin Sans';
  font-style: italic;
  font-weight: 400;
  unicode-range: U+00020-0007E, U+000A1-000A3, U+000A5, U+000A7-000AC, U+000AE-000FF, U+00131, U+00141-00142, U+00152-00153, U+00160-00161, U+00178, U+0017D-0017E, U+00192, U+002C6-002C7, U+002D8-002DD, U+00394, U+003A9, U+003BC, U+003C0, U+02013-02014, U+02018-0201A, U+0201C-0201E, U+02020-02022, U+02026, U+02030, U+02039-0203A, U+02044, U+020AC, U+02122, U+02126, U+02202, U+02206, U+0220F, U+02211, U+0221A, U+0221E, U+0222B, U+02248, U+02260, U+02264-02265, U+025CA, U+0FB00-0FB04;
  src: local('Fontin Sans Italic'), local('FontinSans-Italic'),
      url('https://www.hpi.uni-potsdam.de/hirschfeld/assets/FontinSans-Italic.woff2') format('woff2'),
      url('https://www.hpi.uni-potsdam.de/hirschfeld/assets/FontinSans-Italic.woff') format('woff'),
      url('https://www.hpi.uni-potsdam.de/hirschfeld/assets/Fontin_Sans_I.otf') format("opentype");
}
@font-face {
  font-family: 'Fontin Sans';
  font-style: normal;
  font-weight: 700;
  unicode-range: U+00020-0007E, U+000A1-000A3, U+000A5, U+000A7-000AC, U+000AE-000FF, U+00131, U+00141-00142, U+00152-00153, U+00160-00161, U+00178, U+0017D-0017E, U+00192, U+002C6-002C7, U+002D8-002DD, U+00394, U+003A9, U+003BC, U+003C0, U+02013-02014, U+02018-0201A, U+0201C-0201E, U+02020-02022, U+02026, U+02030, U+02039-0203A, U+02044, U+020AC, U+02122, U+02126, U+02202, U+02206, U+0220F, U+02211, U+0221A, U+0221E, U+0222B, U+02248, U+02260, U+02264-02265, U+025CA, U+0FB00-0FB04;
  src: local('Fontin Sans Bold'), local('FontinSans-Bold'),
      url('https://www.hpi.uni-potsdam.de/hirschfeld/assets/FontinSans-Bold.woff2') format('woff2'),
      url('https://www.hpi.uni-potsdam.de/hirschfeld/assets/FontinSans-Bold.woff') format('woff'),
      url('https://www.hpi.uni-potsdam.de/hirschfeld/assets/Fontin_Sans_B.otf') format("opentype");
}
@font-face {
  font-family: 'Fontin Sans';
  font-style: italic;
  font-weight: 700;
  unicode-range: U+00020-0007E, U+000A1-000A3, U+000A5, U+000A7-000AC, U+000AE-000FF, U+00131, U+00141-00142, U+00152-00153, U+00160-00161, U+00178, U+0017D-0017E, U+00192, U+002C6-002C7, U+002D8-002DD, U+00394, U+003A9, U+003BC, U+003C0, U+02013-02014, U+02018-0201A, U+0201C-0201E, U+02020-02022, U+02026, U+02030, U+02039-0203A, U+02044, U+020AC, U+02122, U+02126, U+02202, U+02206, U+0220F, U+02211, U+0221A, U+0221E, U+0222B, U+02248, U+02260, U+02264-02265, U+025CA, U+0FB00-0FB04;
  src: local('Fontin Sans Bold Italic'), local('FontinSans-BoldItalic'),
      url('https://www.hpi.uni-potsdam.de/hirschfeld/assets/FontinSans-BoldItalic.woff2') format('woff2'),
      url('https://www.hpi.uni-potsdam.de/hirschfeld/assets/FontinSans-BoldItalic.woff') format('woff'),
      url('https://www.hpi.uni-potsdam.de/hirschfeld/assets/Fontin_Sans_BI.otf') format("opentype");
}
/* -- */


/* -- */
body {
  font-family: 'Fontin Sans',sans-serif;
  font-size: 16px;
  line-height: 1.25;
  background-repeat: no-repeat;
}

p {
  hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
}

.frame {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

/* Fixes > */
.dropdown-menu {
  font-size: 16px;
}
.dropdown-header {
  font-size: 14px;
}
.multi-column-dropdown li > a {
  border: none;
}

td, th {
  border: none;
}

@media (min-width: 991px) {
  body { font-size: 18px; }
  .manage-sidebar { font-size: 16px; }
}

@media (min-width: 768px) {
  .sidebar { padding-top: 40px; }
}
/* < Fixes */
/* -- */

/*
 * Swap items and put carousel on top
 */
.carousel {
  order: -1;
  margin-bottom: 0px;
}

.carousel-caption h3, .carousel-caption h5 {
    text-shadow: 1px 1px black, -1px -1px black, 1px -1px black, -1px 1px black;
}

.logobar {
  background: url(/getImage/orig/vltava.jpg) 50% 40%;
  background-size: cover;
  z-index: 5;
  color: hsl(0, 0%, 95%);
  text-shadow: 1px 1px black, -1px -1px black, 1px -1px black, -1px 1px black;
}
.logobar .container {
  height: 12em !important;
  padding-top: 1em;
}
@media (max-width: 767px) {
   .logobar .container {
     height: 8em !important;
  }
}

.logobar .container  {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

#home .logobar { background: none; }
#home .logobar .container { margin-top: -20em;}
@media (min-width: 991px) {
  #home .logobar .container { margin-top: -18em;}
}
@media (max-width: 767px){
  #home  .logobar .container { margin-top: -14em !important;}
}
@media (min-width: 1440px){
  #home  .logobar .container { margin-top: -21em !important;}
}


.logobar a {
  font-weight: bold;
  color: hsl(0, 0%, 95%);
}

.navbar-brand {
  font-size: 56px;
}
.place {
  font-weight: bold;
  font-size: 28px;
  padding: 12px 0 0 38px;
  color: hsl(0, 0%, 95%);
}
.place2 {
  padding: 23px 0 0 0px;
}

@media (max-width: 767px) {
  .place {
    font-size: 20px;
    margin-top: -12px;
  }
}

@media (max-width: 720px) {
  .navbar-brand {
    font-size : 28px;
  }
  .place {
    font-size: 18px;
    margin-top: -12px;
    padding: 0 0 0 24px;
  }
}

a { color: hsl(223, 39%, 47%); }


.carousel .attribution {
  background: rgba(0,0,0,0.6);
  padding: .3em .6em;
  margin: .6em 1em;
}
.carousel .attribution em { font-style: normal; }
.carousel .fill { opacity: 0.7; }
.carousel .carousel-inner { background: black !important; }

@media (max-width: 767px) {
  .carousel .attribution, .carousel .carousel-caption { display:none; }
}

.navbar {
  background: hsl(0, 0%, 15%);
  border: none;
  border-radius: 0px;
}

@media (max-width: 767px) {
  #navigationbar {
    padding-bottom: 3px;
    border-bottom: 1px dotted rgba(0,0,0,0.6);
  }
  .navbar-nav {
    background-color: white;
    margin: 7.5px -15px -7.5px -15px;
    padding-bottom: 7.5px;
 }
  .navbar-collapse {
    position: sticky;
    z-index: 1;
  }
}

@media (min-width: 768px) {
  .navbar a {
    color: hsl(0, 0%, 95%) !important;
  }
  .navbar-default .navbar-nav>.open>a,
  .navbar-default .navbar-nav>.open>a:focus,
  .navbar-default .navbar-nav>.open>a:hover {
    color: hsl(0, 0%, 15%) !important;
  }
  .navigationbar {
    padding: 0;
  }

  .navbar .dropdown-menu {
    background: hsl(0, 0%, 15%);
  }
  .navbar .dropdown-menu a:hover,
  .navbar .dropdown-menu .divider,
  a.navbar .open .dropdown-toggle {
    background: hsl(0, 0%, 33%) !important;
  }
}

.panel,
.panel .list-group-item {
  background-color: hsl(0, 0%, 95%);
}
.panel,
.panel .btn-primary,
.panel-heading {
  border-radius: 0px;
  border-style: none !important;
}

.panel-default > .panel-heading,
.panel-primary > .panel-heading,
.panel-info > .panel-heading,
.panel .clickable-row .btn-primary {
  background-color: hsl(0, 0%, 33%) !important;
}

.panel-default > .panel-heading {
  color: hsl(0, 0%, 95%);
}
.panel-warning > .panel-heading {
        color: hsl(35, 50%, 50%);
}

a.list-group-item-warning, button.list-group-item-warning,
a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover {
        color: hsl(35, 50%, 50%);
}
.footer {
  height: auto;
  background:hsl(0, 0%, 98%);
}
.footer * {  color: hsl(0, 0%, 50%); }
.footer hr { border-color: hsl(0, 0%, 66%); }

.page-header {
  margin: 1em 0px 1em 0px;
  border:none;
}
.page-header .pull-right { color: hsl(0, 0%, 66%); }

.nav-pills > li > a {
  border-radius: 0;
  background: hsl(0, 0%, 95%);
  color: hsl(0, 0%, 33%);
  padding: .4em 1em;
}
.nav-pills > li > a:hover {
  background: hsl(0, 0%, 66%);
  color: hsl(0, 0%, 95%);
}
.nav-pills > li + li {
  margin-left: 1em;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover {
  background: hsl(0, 0%, 33%);
  color: hsl(0, 0%, 95%);
}
.nav-pills ~ .tab-content {
  padding-top: .5em;
}



.panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
  color: hsl(0, 0%, 95%);
}

/* management page */
body[id^=manage] .logobar,
.logobar .manage-page {
  background: hsl(0, 0%, 66%);
}
.frame .container-fluid.manage-page,
.frame .container.manage-page {
  flex-grow: 2;
}
.manage-page .navbar-brand {
  font-size: 36px;
}
.manage-page .bottom-config-links {
  font-size: 10pt;
}
@media (min-width: 1720px) {
  #manageSchedule .container-fluid .nav.bound { min-width: 1400px; }
}

#venue div:has(>div>div>.room-link) { height:auto !important; margin-left:10px; }
#venue div:has(>div>.room-link) { display:block !important; }
#venue div:has(>.room-link) { display:inline !important; }
#venue .room-link { display:block; }

#home .page-header { margin-bottom:0px; }
#home h2, #home h3 { font-size:28px; margin-top:30px; }
#home p { line-height:1.4em;}