/* Place all the styles related to the landingPage controller here.
 They will automatically be included in application.css.
 You can use Sass (SCSS) here: http://sass-lang.com/
*/

html,body{height:100%;}


.carousel h1 {
  color: #FFFFFF!important;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.carousel h3 {
  color: #FFFFFF!important;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.carousel .front-page-text {
  color: #FFFFFF!important;
}

.carousel p {
  color: #292b2c!important;
}

.card.card-front-page {
    background-color:rgba(96, 96, 96, 0.7);
}

.btn-custom-hidden:hover, .btn-custom-hidden:active {
  border-color: #606060 !important; 
  background-color: #606060;
}

.btn-custom-hidden:focus {
  border-color: #606060 !important;
  outline: thin dotted !important;
  background-color: #606060;
}

.btn-custom-hidden {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  width: 10em;
  border-color: #606060 !important;
  background-color: transparent;
}

#carouselExampleControls {
    height: 100%;
}

.first-image {
  position: fixed; 
  top: 0; 
  left: 0; 
	
  /* Preserve aspet ratio */
  min-width: 100%;
  min-height: 100%;
}

.first-image {
  background: url(assets/untitled1of13.jpg) no-repeat top center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.second-image {
  background: url(assets/untitled5of13.jpg) no-repeat top center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.third-image {
  background: url(assets/untitled3of13.jpg) no-repeat top center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.kendo-image {
  background-position: center center fixed;
  background-size: cover;
  background-repeat: no-repeat;
  overflow-y: hidden;
  height: 100%;
}


.intro-container {
    max-width: 100% !important;
}

.page-container {
  height: 100%;  
}

.carousel-inner {
    height: 100%;  
}

.carousel-item {
    height: 100%;  
}

.flex-fill{
    flex:1 1 auto;
}

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }

.timetable-container {
  margin-top: 0.5em;
}

.blog {
  padding-top: 0.5em;
}

.blog-title {
  word-wrap: break-word;
}

.blog-text {
  word-wrap: break-word;
  min-height: 10em;
}

.blog-image {
  background-size: cover;
  width: 100% !important;
}

.card-img-top {
  border-top-left-radius: calc(.25rem - 1px);
  border-top-right-radius: calc(.25rem - 1px);
  border-bottom-left-radius: calc(.25rem - 1px);
  border-bottom-right-radius: calc(.25rem - 1px);
  height: 20em !important;
  overflow-y: hidden;
}

.map{
  color: red;
}

.kendo-img:hover {opacity: 0.7;}

.google-maps {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}

.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    margin-left: auto;   /* Automatic margin from left */
    margin-right: auto; /* Automatic margin from right */
}

.training-time-map {
  margin-top: 15px;
}