/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

/* Custom CSS for Style iap_frontpage */

/* Hide the dropdowns' triangle. */
.uk-dropdown-navbar:before {
    display: none;
}

/* headerbar background */
.tm-headerbar {
    background: rgba(0, 0, 0, 0);
}

.tm-headerbar-small .uk-navbar-brand .tm-logo {
    background-image: url(/iap/images/logo_iap.png);
    background-size:95px auto;
    background-repeat: no-repeat;
    position: absolute;
    top:6px;
    margin-left: 20px;
    padding-left: 20px;
}

/*.uk-height-viewport {
  height: 100vh;
  /*height: 100%;*!/
}*/

.tm-teaser {
  /*position: relative;*/
  height: 100vh;
  /*overflow: hidden;*/
}

/* fixed teaser image proportions */
.tm-navbar-fixed .tm-teaser {
    background-image: url(/images/frontpage/fullscreen_default.jpg);
    /* Background image is centered vertically and horizontally at all times */
    background-position:  center center;
    /* Background image doesn't tile */
    background-repeat: no-repeat;
    /* Background image is fixed in the viewport so that it doesn't move when
       the content's height is greater than the image's height */
    background-attachment: fixed;
    /* This is what makes the background image rescale based
       on the container's size */
    background-size: cover;
    /* Set a background color that will be displayed
       while the background image is loading */
    background-color: rgb(88,88,90);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    /*height: 100vh;*/
}

/* Only phones */
@media (max-width: 767px) {
     .tm-teaser {
        /* add your fallback background here */
        background: none;
    }
}

/* Small headerbar background */
.tm-headerbar-small {
    background: rgb(207,209,210);
    -webkit-animation: uk-fade 1s ease-in-out;
    animation: uk-fade 1s ease-in-out;
    position: absolute;
    /*top: 23px;*/
}

/* Image overlay */
.uk-overlay-area:after {
    display: none;
}

/* Image overlay shape */
.uk-overlay-area:empty:before {
    border-radius: 100%;
    content: "\f101";
    color: #ffffff;
    background-color: rgb(192,4,24);
}

.tm-toolbar {
background: transparent;
position: relative;
}

/* Dropdown Menu delay */
.uk-open > .uk-dropdown {
  /* 1 */
  display: block;
  /* 2 */
  -webkit-animation: uk-fade 1s ease-in-out;
  animation: uk-fade 1s ease-in-out;
  /* 3 */
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

/* Navbar dropdown subheader colour */
.uk-nav-navbar .uk-nav-header {
    color: rgb(207,209,210);
    font-style: italic;
    font-size: 105%;
}

/* Farbe Text Suchfeld */
.uk-navbar-content .uk-search .uk-search-field {
    color: rgb(88,88,90);
}

/* Formatierung Überschriften mit Links */
.uk-h3 {
    color: rgb(88,88,90);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    text-decoration: none;
}

.uk-navbar-nav a img {
    height: 14px;
    margin-bottom: 2px;
}

.uk-navbar-nav a span.image-title {
    display: none;
}