@font-face {
  font-family: TacaPro-Bold;
  src: url("../fonts/TacaPro-Bold.ttf") format("truetype");
}

@font-face {
  font-family: TacaPro-Regular;
  src: url("../fonts/TacaPro-Regular.ttf") format("truetype");
}

.dropdown-item {
  color: rgb(219, 52, 68);
  color:rgb(36, 86, 179);
}

.fa-check {
  color: green;
}

.fa-roa-ok {
  color: rgb(39, 167, 68);
}

.fa-roa-warning {
  color: rgb(219, 52, 68);
}
.fa-roa-nopass {
  color: rgb(219, 52, 68);
}

.fa-roa-nocap {
  color: rgb(219, 52, 68);
}

.fa-exclamation-triangle {
  color: rgb(255, 153, 0);
}

body {
  font-family: 'TacaPro-Regular';
  padding: 55px 0 0 0;
}

.navbar {
  background-color: rgb(219, 52, 68);
  background-color: rgb(36, 86, 179);
}

.jumbotron {
    text-align: center;
    color: rgb(255, 255, 255);
    background-image: url("/static/images/background_summer5.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
  }

  .bigger { font-size:130%;}

  .jumbotron h1 {
    font-family: 'TacaPro-Bold';
    font-size: calc(64px + (100 - 64) * ((100vw - 300px) / (1600 - 300)));
    line-height: calc(1.3em + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300)));
    position:relative;                  
    top: 0;                          
    right: 0;
    text-shadow: 2px 8px 6px rgba(0,0,0,0.5),
                 0px -5px 35px rgba(54, 54, 54, 0.5);
  }

  .jumbotron p {
    font-family: 'TacaPro-Regular';
    font-size: calc(16px + (32 - 16) * ((100vw - 300px) / (1600 - 300)));
    line-height: calc(1.3em + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300)));
    position:relative;                                            
    right:0;
    text-shadow: 1px 1px 10px rgba(0,0,0,0.9),
                 0px -5px 5px rgba(54, 54, 54, 0.9);
  }

.transparent{
  background:rgba(0,0,0,0.5);
}


.thumbnail {
  position: relative;
  width: 300px;
  height: 300px;
  overflow: hidden;
}
.thumbnail img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.thumbnail img.portrait {
  width: 100%;
  height: auto;
}

.container-fluid-narrow {
  margin-right: auto;
  margin-left: auto;
  max-width: 650px; /* or 950px */
}

.focus-in-expand-fwd {
	-webkit-animation: focus-in-expand-fwd 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: focus-in-expand-fwd 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2020-2-19 23:9:53
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation focus-in-expand-fwd
 * ----------------------------------------
 */
 @-webkit-keyframes focus-in-expand-fwd {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-800px);
            transform: translateZ(-800px);
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes focus-in-expand-fwd {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-800px);
            transform: translateZ(-800px);
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}

/* Add the below transitions to allow a smooth color change similar to lyft */
.navbar {
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
  -ms-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
}

.navbar.scrolled {
  background: rgb(68, 68, 68); /* IE */
  background: rgba(219, 52, 68, 0.9); /* NON-IE */
  background: rgb(36, 86, 179, 0.9);
}

.ghaTest {
  background: rgba(36, 179, 55, 0.9);
}

.border-3 {
  border-width:3px !important;
}

.chart-container {
  position: relative;
  margin: auto;
  height: 50vh;
  
  }

  .top-padding-search{
    padding-top: 40px;;
  }

  .cencss {
    padding-right: 10%;
    padding-left: 10%;
    
}

.stadtradeln {
  margin: 0 auto;
}