/*
Theme Name: Avada Child
Description: Child theme for the Avada
Author: Your name here
Template: Avada
*/

@import url("../Avada/style.css");


/*!========================================================================= *\
   Header
\* ========================================================================= */

.header-v4 #header{padding-bottom: 10px;}

.header-right-side{float: right;}
@media (max-width: 800px) and (min-width:505px){
   .header-right-side{float: none; width: 100%;}

   .logo-container{ max-width:450px;}
}
@media (max-width: 504px) and (min-width:0px){
   .header-right-side{float: none; width: 100%;}

   .logo-container{ max-width:300px;}
}
.langs_block{text-align: right;}
.langs_block .active{font-weight: bold;}
.top-search-form{margin-top: 5px;}

.top-search-form #searchform{position: relative;}
.top-search-form #s{position: relative; padding-left: 20px; width: 100%; box-sizing: border-box;}
.top-search-form #searchform:before{content: "\f002"; position: absolute; z-index: 1; top: 8px; left: 10px; color: #ccc; font: normal normal normal 14px/1 FontAwesome; }

.page-title-container { background-color: #cccccc !important; }


/* --------------------------------------------------------------
	=sidebar
-------------------------------------------------------------- */
/* tag/nachhaltigkeit */
.tag-nachhaltigkeit .media-releases { display:none; }


/*!========================================================================= *\
   Landing Page Template
\* ========================================================================= */
.page-template-landing-page .header-wrapper #small-nav {
    display: none;    
}

.page-template-landing-page > #wrapper > .page-title-container {
    display: none;
}

.page-template-landing-page .page-title h1 {
    font-size: 30px!important;
}

.page-template-landing-page .page-title-container {
    border: none!important;
}

.page-template-landing-page #main {
    padding-top: 45px !important;
}

.page-template-landing-page h3 {
    margin-bottom: 0;
    font-weight: bold;
}

.page-template-landing-page span[class*="play"] {
    text-align: center;
    margin: 30px;
}

.page-template-landing-page .post-content p {
    font-size: 14px;
}

@media screen and (max-width:669px) {
    .page-template-landing-page iframe {
        width: 100%;
    }
}

/* --------------------------------------------------------------
	=block cookie notification
-------------------------------------------------------------- */
.cookie-notification {
    position:fixed;
    width:340px;
    right:50px;
    bottom:20px;
    background:rgba(51,51,51,0.8);
    padding:20px 30px 20px 20px;
    
    color:#ffffff;
    line-height:1.6;
    
    -webkit-animation-duration:600ms;
    animation-duration:600ms;
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-delay:3s;
    animation-delay:3s;
    
    z-index:1500;
}

    .cookie-notification a {
        color:#ffffff;
        font-weight:normal;
        display:block;
        text-decoration:underline;
        margin-top:5px;
    }
    
    .cookie-notification a:hover { color:#ffffff; }
    
    .cookie-notification .close {
        position:absolute;
        width:22px;
        height:22px;
        right:10px;
        top:10px;
        background:url("images/sprite_custom.png") -70px -30px no-repeat;
        cursor:pointer;
        opacity:1;
    }

@media screen and (max-width:600px) {
    .cookie-notification {
        width:auto;
        right:0;
        left:0;
        bottom:0;
    }
    
        .cookie-notification a {
            color:#000000;
            font-weight:bold;
            display:block;
            text-decoration:underline;
            margin-top:5px;
        }
        
        .cookie-notification .close {
            position:absolute;
            width:16px;
            height:16px;
            background:url("images/close-white.png") no-repeat center center;
            right:10px;
            top:10px;
            cursor:pointer;
        }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity:0;
        -webkit-transform:translateY(20px);
    }
    
    100% {
        opacity:1;
        -webkit-transform:translateY(0);
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity:0;
        -moz-transform:translateY(20px);
    }
    
    100% {
        opacity:1;
        -moz-transform:translateY(0);
    }
}

@-o-keyframes fadeInUp {
    0% {
        opacity:0;
        -o-transform:translateY(20px);
    }
    
    100% {
        opacity:1;
        -o-transform:translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity:0;
        transform:translateY(20px);
    }
    
    100% {
        opacity:1;
        transform:translateY(0);
    }
}

.fadeInUp {
    -webkit-animation-name:fadeInUp;
    -moz-animation-name:fadeInUp;
    -o-animation-name:fadeInUp;
    animation-name:fadeInUp;
}