@charset "utf-8";
/* CSS Document */

/* # Navigation
================================================== */

.dropdown-menu {
  position:absolute;
  top:100%;
  left:0;
  z-index:1000;
  display:none;
  float:left;
  min-width:10rem;
  padding:0.5rem 0;
  margin:0.125rem 0 0;
  font-size: 1rem;
  color:#212529;
  text-align:left;
  list-style:none;
  background-color:#fff;
  background-clip:padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius:0.25rem;
}
.dropdown-divider {
  height:0;
  margin:0.5rem 0;
  overflow:hidden;
  border-top: px solid #e9ecef;
}
.dropdown-item {
  display:block;
  width:100%;
  padding:0.25rem 1.5rem;
  clear:both;
  font-weight:400;
  color:#212529;
  text-align:inherit;
  white-space:nowrap;
  background-color:transparent;
  border:0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color:#16181b;
  text-decoration:none;
  background-color:#f8f9fa;
}
.dropdown-item.active, .dropdown-item:active {
  color:#fff;
  text-decoration:none;
  background-color:#007bff;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color:#6c757d;
  background-color:transparent;
}
.dropdown-header {
  display:block;
  padding:0.5rem 1.5rem;
  margin-bottom:0;
  font-size:0.875rem;
  color:#6c757d;
  white-space:nowrap;
}
/* Brand */
.logotype {
  display:block;
  text-indent:-9999px;
  width:260px;
  height:51px;
  margin:0 auto .625rem;
  background:url(../brand/zeitlin-logo.svg);
  background-size:260px auto;
  background-repeat:no-repeat;
}
@media only screen and (min-width: 567px){
	.logotype { 
      display:block;
      text-indent:-9999px;
      width:330px;
      height:65px;
      margin:0 auto .625rem;
      background:url(../brand/zeitlin-logo.svg);
      background-size:330px auto;
      background-repeat:no-repeat; 
   }
}
@media only screen and (min-width: 768px){
	.logotype { 
      display:block;
      text-indent:-9999px;
      width:450px;
      height:89px;
      margin:0 auto .625rem;
      background:url(../brand/zeitlin-logo.svg);
      background-size:450px auto;
      background-repeat:no-repeat; 
   }
}
.navbar {
  position:relative;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
}
.navbar-nav {
  display:flex;
  flex-direction:column;
  padding-left:0;
  margin-bottom:0;
  list-style:none;
}
.navbar-nav .nav-link {
  padding-right:0;
  padding-left:0;
}
.navbar-collapse {
  flex-basis:100%;
  flex-grow:1;
  align-items:center;
}
.navbar-toggler {
  margin:.5rem;
  padding:0.50rem 0.50rem;
  font-size:1.25rem;
  line-height:1;
  /*background-color:rgba(255,255,255,0.75);*/
  background-color:transparent;
  border:1px solid transparent;
  /*border:none;*/
  border-radius:0.25rem; 
  outline:0;
  transition:box-shadow 0.15s ease-in-out;
}
.navbar-toggler:focus, .navbar-toggler:active {
  text-decoration:none;
  outline:none;
  box-shadow:none;
}
.navbar-toggler-icon {
  display:inline-block;
  width:1.5em;
  height:1.0em;
  vertical-align:middle;
  background-repeat:no-repeat;
  background-position:center;
  background-size:100%;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 1.00);
  font-size:.875rem;
  font-family:'Open Sans', 'Noto Sans', Calibri, 'Segoe UI', sans-serif;
  font-weight:600;
  padding:0.5rem 1rem;
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color:#d1ecbb;
  font-weight:700;
  background-color:#00aade;
  text-decoration:none;
  
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .nav-link.active {
  color:#fff;
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
   color:#63656a;
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f2+1,b2b2b2+100 */
   background: #f2f2f2; /* Old browsers */
   background: -moz-linear-gradient(top, #f2f2f2 1%, #b2b2b2 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top, #f2f2f2 1%,#b2b2b2 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom, #f2f2f2 1%,#b2b2b2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#b2b2b2',GradientType=0 ); /* IE6-9 */
   border-bottom:2px solid #00aade;
}
.navbar-dark .navbar-toggler {
  color:rgba(255, 255, 255, 0.55);
  border-color:rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 170, 222, 1.00%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.bg-dark {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#54565b+0,98999b+100 */
   background: #54565b; /* Old browsers */
   background: -moz-linear-gradient(top, #54565b 0%, #98999b 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top, #54565b 0%,#98999b 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom, #54565b 0%,#98999b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54565b', endColorstr='#98999b',GradientType=0 ); /* IE6-9 */
   border-top:1px solid #eeeeee;
   border-bottom:1px solid #00aade;
   -webkit-border-radius:4px;
  	-moz-border-radius:4px;
  	border-radius:4px;
   min-height:50px;
}
/* Buttons */
.btn {
  display:inline-block;
  font-weight:400;
  color:#212529;
  text-align: enter;
  vertical-align:middle;
  cursor:pointer;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  background-color:transparent;
  border:1px solid transparent;
  padding:0.375rem 0.75rem;
  font-size:1rem;
  line-height:1.5;
  border-radius:0.25rem;
  transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn-default {
  color:#fff;
  background-color:#154eb5;
  background:url("") right 15px center no-repeat,-moz-linear-gradient(#30d2f7,#2189d2,#154eb5);
  background:url("") right 15px center no-repeat,-o-linear-gradient(#30d2f7,#2189d2,#154eb5);
  background:url("") right 15px center no-repeat,-webkit-linear-gradient(#30d2f7,#2189d2,#154eb5);
  background:url("") right 15px center no-repeat,linear-gradient(#30d2f7,#2189d2,#154eb5);
  border-color:#ccc;
  }
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color:#ececec;
  background-color:#e6e6e6;
  border-color:#adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image:none;
}
.btn-primary {
  color:#212529;
  background-color:#fff;
  border-color:#0194c7;
  }
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-default {
  color:#0076c0;
  background-color:#e6e6e6;
  border-color:#0194c7;
}
button span {
   color:#39aedf;
   font-size:25px;
}
footer {
   font-family-sans-serif:Arial, "Open Sans",sans-serif;
	background:#f8f8f8; 
  	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dad9d7+1,ffffff+100 */
   background:#dad9d7; /* Old browsers */
   background:-moz-linear-gradient(top, #dad9d7 1%, #ffffff 100%); /* FF3.6-15 */
   background:-webkit-linear-gradient(top, #dad9d7 1%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
   background:linear-gradient(to bottom, #dad9d7 1%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#dad9d7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
  	border-top:1px solid #00aade;
  	-webkit-border-radius:4px;
  	-moz-border-radius:4px;
  	border-radius:4px;
	padding-top:20px;
	margin:0;	
}
footer p {
	font-family:inherit;
	font-size:.7875rem;
	line-height:1.3em;
	color:#666;
	text-align:left;
	padding-bottom:.6em;
	margin:0;
} 
footer p.copyright      { text-align:left; padding-top:.375rem; }
footer p.tr-copyright   { color:#a8a8aa; font-weight:400; text-align:left; padding-top:.375rem; }

.footer-credits-right   { font-size:.775rem; text-align:right; padding-top:.375rem; }
.footer-credits-left    { font-size:.775rem; text-align:left;  }

@media (min-width: 76px) {
	.footer-credits-right { padding-top:0; }	
}
.navbar-footer {
  margin:0;
  padding-top:1rem;
}
.navbar-footer .navbar-nav > li > a {
	color:#068abb;
   font-family-sans-serif:Arial, "Open Sans", sans-serif;
   font-size:.875rem;
	font-weight:400;
	background-color:transparent;
}
.navbar-footer .navbar-nav > li > a:hover,
.navbar-footer .navbar-nav > li > a:focus {
  color:#71bf45;
  border-bottom:1px dotted #c8c8c8;
}
.navbar-footer .navbar-nav > li:first-child { margin-left:-15px; }
.navbar-footer .navbar-nav > .active > a,
.navbar-footer .navbar-nav > .active > a:hover,
.navbar-footer .navbar-nav > .active > a:focus {
  color:#00aade;
}
.ftr-link {
   display:block;
   padding:0.5rem 1.0rem;
}