/*---------------------------------------------------------------------------------

 Theme Name:   ECHO KLASSIK
 Theme URI:    
 Description:  Divi Child Theme for the ECHO Website
 Author:       martin@llorenzo.de
 Author URI:   http:llorenzo.de
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/



/*h1, h2, h3, h4, h5, h6 {*/
    /*padding-bottom: 10px;*/
    /*color: #72ff80;*/
    /*font-weight: 500;*/
    /*line-height: 1em;*/
/*}*/

/*.mobile_menu_bar:before {*/
    /*position: relative;*/
    /*top: 0;*/
    /*left: 0;*/
    /*font-size: 32px;*/
    /*content: "\61";*/
    /*cursor: pointer;*/
/*}*/

/* DIVI STYLES

ll-img-fit
gallery-echo-2


/* ------------------------------ Page Appearence ------------------------------*/

.et-db #et-boc .et_pb_row.et_pb_row_fullwidth, .et-db #et-boc .et_pb_specialty_fullwidth  > .et_pb_row {

}


.et_boxed_layout #page-container{
    width: 100%;
    max-width: 1920px !important;
}

body {
    padding-top: 68px !important;
    background-color: #000;
}


/*#main-header {
top: 410px !important;
}*/


/* ------------------------------ Page Appearence ------------------------------*/

.et_pb_scroll_top.et-pb-icon {
    bottom:15px;
    right: 15px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;

/*    border-radius: 25px;
    border: solid 2px #977A3C;*/
    background-color: #ebebeb;
}

.et_pb_scroll_top.et-pb-icon:hover {
    background-color: #faf8f2;
}
.et_pb_scroll_top.et-pb-icon:active {
    background-color: #f6f3e9;
}


.et_pb_scroll_top::before {
    content: "\21"; /*!*/
    color: #977A3C;
}

.et_pb_scroll_top.et-visible {
    opacity: 1;
    -webkit-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
    -moz-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
    -o-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
    animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
}
 
/* ------------------------------ Gallery Verleihung ------------------------------*/
.mfp-close{
/*    display: none !important;*/
    position:absolute  !important;
    top:60px !important;
    right:20px !important;
    opacity: .8 !important;
    font-size: 0px !important;
}

.mfp-close:after {
    content: "x";
    font-size: 40px  !important;
}

.mfp-fade.mfp-bg.mfp-ready {
    /*opacity: .95 !important;*/
}
img.mfp-img {
    background-color: black;
}

.ll-echo-media-block-video{
    padding:5px 5px ! important;
}

.ll-echo-media-block-gallery{
    padding:0px 0px ! important;
}


.et_pb_gallery_image.landscape img { width: 100%; }
.et_pb_gallery_grid .et_pb_gallery_items .et_pb_gallery_item.et_pb_grid_item {padding: 10px;}
.et_pb_gallery_grid .et_pb_gallery_image { overflow: hidden; position: relative; }
.et_pb_gallery_item { clear: inherit!important; } 
/****************************************** #gallery-echo-1 */
#gallery-echo-1 .et_pb_gallery_item:nth-child(n+1):nth-child(odd) { float: left; } 
#gallery-echo-1 .et_pb_gallery_item:nth-child(n+1):nth-child(even) { float: right; } 
#gallery-echo-1 .et_pb_gallery_item:nth-child(5n+1) { width: 50%!important; } 
/****************************************** #gallery-echo-2 */
#gallery-echo-2 .et_pb_gallery_item:nth-child(10n+1) {width: 50%!important;}
#gallery-echo-2 .et_pb_gallery_item:nth-child(10n+2) {width: 50%!important;}

/* ------------------------------ Gallery Hover Caption ------------------------------*/
.gallery-echo-grid .et_pb_gallery_item {
    position: relative;
}
.gallery-echo-grid .et_pb_gallery_title {
    margin: 0 !important;
}
.gallery-echo-grid .et_overlay {
    z-index: 1;
}

.gallery-echo-grid .ds-gallery-text {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 40px;
    margin: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(255, 255, 255, .8);
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.gallery-echo-grid .et_pb_gallery_item:hover .ds-gallery-text {
    opacity: 1;
}

/* ------------------------------ Gallery  Lightbox ------------------------------*/

.mfp-title{
    padding-left: 10px;
}
.mfp-counter{
    padding-right: 10px;
}

.mfp-bottom-bar {
    /*display:none;*/
}

/* ------------------------------ Verleihung Post Navigation ------------------------------*/
.nav-next .meta-nav, .nav-previous .meta-nav{
    display: none;
}
/*--------- Verleihung Gewiner Blurb ----------------*/
.ll-echo-win-grid {
    display: grid;
    grid-template-columns: '1fr' '1fr' '1fr';
    grid-template-rows: min-content;
    grid-auto-rows: '1fr';
    grid-column-gap: 40px;
}
.ll-echo-ver-win-blurb{
    padding: 60px 0px;
    /*border-bottom: 2px solid #D8D8D8;*/
    margin-bottom: 0px !important;

}

.ll-echo-ver-win-blurb h1{
    font-size:24px !important;
    line-height: 30px !important; 
    padding-bottom: 20px !important;

}
.ll-echo-ver-win-blurb h2{
    font-size:24px !important; 
    line-height: 30px !important; 
    color: #141414 !important ;
    padding-bottom: 20px !important;

}
.ll-echo-ver-win-blurb .et_pb_text_inner h3{
    font-size:24px !important;
    line-height: 30px !important;  
    color: #646464 !important;
}
/* ------------------------------ Verleihung Portfolio ------------------------------*/




/* ------------------------------ Press grid ------------------------------*/

.ll-press-grid-block .et_pb_portfolio_items {

}


.ll-press-grid-block .et_pb_portfolio_item{
    display: flex !important;
    flex-flow: column wrap;
    margin-bottom: 60px;
}
.ll-press-grid-block .pagination {
    clear: both;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
}

.ll-press-grid-block h2{
    color: rgb(151, 122, 60) !important;
    font-size: 28px !important;
    font-family: "WorkSans-Regular", Helvetica, Arial, Lucida, sans-serif  !important;
    margin-top: 22px !important;
    line-height: 30px;
}
.ll-press-grid-block .post-meta{
    color: rgb(151, 122, 60)  !important;;
    font-size: 18px !important;;
    font-family: "WorkSans-Regular", Helvetica, Arial, Lucida, sans-serif  !important;
    order: -1;
    margin-bottom: 2px !important;
    padding-bottom: 2px;
    border-bottom: 2px solid #EBEBEB;
}
.ll-press-grid-block .dp-post-excerpt{
    color: rgb(20, 20, 20)!important;
    font-size: 18px !important;
    font-family: "WorkSans-Regular", Helvetica, Arial, Lucida, sans-serif  !important;
    margin-top: 10px;
    margin-bottom: 40px !important;
}

/* ------------------------------ Mega Menu ------------------------------*/

.ll-social-btn{
    float:right;
}
.ll-social-btn:link, .ll-social-btn:visited {
    background-color: #000;
    color: white;
    padding: 14px 5px;
    margin-left:10px;
    margin-top:10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}


.ll-social-btn:hover, .ll-social-btn:active {
    color: grey;
}

.vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center safe;
} 

.ll-header-image img{
    max-height: 60px;
    margin-top: 5px;
    margin-left: 20px;
}

.et_pb_mhmm_menu .menu-button:before, .et_pb_mhmm_menu .menu-button:after, .et_pb_mhmm_menu .menu-button div, .et_pb_mhmm_menu .menu-button-close:before, .et_pb_mhmm_menu .menu-button-close:after, .et_pb_mhmm_menu .menu-button-close div, .et_pb_mhmm_menu_layout .menu-button:before, .et_pb_mhmm_menu_layout .menu-button:after, .et_pb_mhmm_menu_layout .menu-button div, .et_pb_mhmm_menu_layout .menu-button-close:before, .et_pb_mhmm_menu_layout .menu-button-close:after, .et_pb_mhmm_menu_layout .menu-button-close div {
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    position: absolute;
    background: #333;
    left: 0;
    height: 3px;
    width: 100%;
}

/*#ll-header-hamburger-container{
      
}*/

.et_pb_mhmm_menu nav, .et_pb_mhmm_menu_layout nav {
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 70px;
}

.et_pb_mhmm_menu .menu-button-close, .et_pb_mhmm_menu_layout .menu-button-close {
    position: absolute;
    top: -25px;
    left: 25px;
    z-index: 99999999999;
}

/*.et_pb_mhmm_menu_layout .menu-button {
    position: absolute ! important;
    margin-top: 8px;
    margin-right:40px;
}*/

.hamburger{
    margin-top: 8px;
    margin-right:40px;
    float: right;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #fff;
    border-radius: 0px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}
.menu-button-close{
    visibility: collapse;
}

.ll-menu-image img{
    height: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
}



/* ------------------------------ Mega Menu ------------------------------*/


/* ------------------------------ Header ------------------------------*/

#ll-header-date{
    position: relative;
    left: 00px;
    top:-260px;
    padding: 0px;
    margin: 0px;

} 
#ll-header-date .et_pb_text_inner{
 /* text-align: left;*/
}
#ll-header-title{
    position: relative;
     left: 0px;
     top:218px;
     z-index: 99;
     padding: 0px;
     margin: 0px;
}
 
 #ll-header-txt-row{
    width:800px !important;
}


/* Tablets in portrait mode (768-980px) */
@media only screen and (min-width: 594px) and (max-width: 804px) {

    .gallery-echo-grid .et_pb_gallery_item:hover .ds-gallery-text {
        opacity: 0;
    }

#ll-header-date{
    position: initial;
    left: none;
    top:none;
    padding-right: 50px;

} 
#ll-header-date .et_pb_text_inner{
 /* text-align: left;*/
}
#ll-header-title{
    position: initial;
     left: none;
     top:none;
     padding-left: 30px;

}
 
 #ll-header-txt-row{
        width:none;
    }
} 

/*ll-header-txt-row*/
/*ll-header-date*/
/*ll-header-title*/

/* Tablets in portrait mode (768-980px) */
@media only screen and (max-width: 594px) {
    .gallery-echo-grid .et_pb_gallery_item:hover .ds-gallery-text {
        opacity: 0;
    }
#ll-header-date {
    position: initial;
    left: none;
    top:none;
    padding-right: 10px;
    font-size: 70pt;
    text-align: right;
}

#ll-header-date .et_pb_text_inner{
 /* text-align: left;*/
}

#ll-header-title{
    position: initial;
     left: none;
     top:none;
     padding-left: 10px;
    font-size: 40pt;

}
 
 #ll-header-txt-row{
        width:none;
    }
}

/* ------------------------------ Header ------------------------------*/
/* ------------------------------ Home ------------------------------*/
.home #et-main-area{
      background-color: black;
        background-image: url(/wp-content/uploads/ECHOWEB_Trophaae_1920x1100.jpg);
        opacity: 0;
      background-position: top; /* Center the image */
      background-repeat: no-repeat; /* Do not repeat the image */
      background-size: contain; /* Resize the background image to cover the entire container */

      animation: fade-fade-in 2s linear forwards;
}


@keyframes fade-fade-in {
  0% {
    opacity: 0;
    /*transform: translateY(-4rem);*/
  }
  100% {
    opacity: 1;
    /*transform: none;*/
  }
}


.ll-echo-home-page-teaser{
    height:500px;
    display: flex;
    align-items: center;
}


/* ------------------------------ Home ------------------------------*/
/* ------------------------------ Footer ------------------------------*/

#footer-bottom{
    visibility: collapse;
    padding: 0;
}

.ll-footer-menu-image img{
    height:45px;
    object-fit: contain;
}

.bottom-nav a {
    font-size: 13px !important;
}

.single .et_pb_post {
    margin-bottom: 0px;
}

#main-footer {
    background-color: #fff !important;
}

#et-footer-nav {
    background-color: #141414 !important;
}
#ll-echo-footer-menu-2{
}

.ll-echo-footer-menu-no-hover a{
    transition: none;
}

/* ------------------------------ Footer ------------------------------*/

/* ------------------------------ Media Board ------------------------------*/

/*.ll-media-board-img img{
    object-fit: cover;
}
.ll-media-board-img{
    overflow: hidden;
}*/
.ll-medieaboard-row-desktop{
    overflow: hidden;
}
.ll-media-board-img .et_pb_image_wrap img {
  position: inherit;
/*  height: 100%;
  width: 100%;*/
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
   display: block;
 }
/* ------------------------------ Media Board ------------------------------*/

.ll-echo-sub-page-header{
    height:500px;
    display: flex;
    align-items: center;
    overflow-x: hidden;
}

.ll-echo-sub-page-header .et_pb_column.et-last-child, .ll-echo-sub-page-header .et_pb_column:last-child{
    margin-bottom:auto !important;
}

/* Large screens (1405px upwards) */
@media only screen and (min-width: 1405px) { 

}

/* Laptops and desktops (1100-1405px) */
@media only screen and (min-width: 1100px) and (max-width: 1405px) { 
    /* your css goes here */
    .ll-footer-menu-image img{
        height:35px;
    }
}

/* Tablets in landscape mode (981-1100px) */
@media only screen and (min-width: 981px) and (max-width: 1100px) { 
    .gallery-echo-grid .et_pb_gallery_item:hover .ds-gallery-text {
        opacity: 0;
    }
    /* your css goes here */
    .ll-footer-menu-image img{
        height:34px;
    }
}

/* Tablets in portrait mode (768-980px) */
@media only screen and (min-width: 768px) and (max-width: 980px) {
/*    .et_pb_mhmm_menu nav, .et_pb_mhmm_menu_layout nav {
        top: 136px;
    }*/
    .gallery-echo-grid .et_pb_gallery_item:hover .ds-gallery-text {
        opacity: 0;
    }

    /* ------------------------------ Verleihung Portfolio display ------------------------------*/
    .ll-verleihung-portfolio .et_pb_portfolio_item {
         line-height: 24px;
    }
/* ------------------------------ Verleihung Portfolio display ------------------------------*/
        .ll-footer-menu-image img{
        height:45px;
    }

    .ll-echo-sub-page-header{
        height:400px;
    }

    /* ------------------------------ Gallery Verleihung------------------------------*/
    .ll-echo-media-block-video .et_pb_column_12{
     padding:15px 5px 5px 5px ! important;
    }

    .ll-echo-media-block-video .et_pb_column_11{
         padding:5px 5px 5px 5px ! important;
    }
    /*--------- Verleihung Gewiner Blurb ----------------*/
    .ll-echo-win-grid {
        grid-template-columns: '1fr' '1fr' '1fr';
    }
}

/* Smartphones in landscape mode (480-768px) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
/*    .et_pb_mhmm_menu nav, .et_pb_mhmm_menu_layout nav {
        top: 136px;
    }*/
    .gallery-echo-grid .et_pb_gallery_item:hover .ds-gallery-text {
        opacity: 0;
    }
	.et_pb_image_0 .et_pb_image_wrap img {
        height: 38px !important;
    		margin-top: 4px !important;
	}
    /* ------------------------------ Verleihung Portfolio display ------------------------------*/
    .ll-verleihung-portfolio .et_pb_portfolio_item {
         font-size: 14px;
         line-height: 18px;
    }
/* ------------------------------ Verleihung Portfolio display ------------------------------*/

    .ll-footer-menu-image img{
            height: 42px;
    }
        /* ------------------------------ Press grid ------------------------------*/

    .ll-press-grid-block .et_pb_portfolio_items {
        grid-template-columns: repeat(1, 100%);
    }

    .ll-echo-sub-page-header{
        height:300px;
    }
        /* ------------------------------ Gallery Verleihung------------------------------*/
    .ll-echo-media-block-video .et_pb_column_12{
     padding:15px 5px 5px 5px ! important;
    }

    .ll-echo-media-block-video .et_pb_column_11{
         padding:5px 5px 5px 5px ! important;
    }
        /*--------- Verleihung Gewiner Blurb ----------------*/
    .ll-echo-win-grid {
        grid-template-columns: '1fr' '1fr';
    }
}

/* Smartphones in portrait mode (0-479px) */
@media only screen and (max-width: 479px) {
    .gallery-echo-grid .et_pb_gallery_item:hover .ds-gallery-text {
        opacity: 0;
    }
	.et_pb_image_0 .et_pb_image_wrap img { height: 26px !important; margin-top: 10px !important;}

/* ------------------------------ Verleihung Portfolio display ------------------------------*/
 
    .ll-verleihung-portfolio .et_pb_portfolio_item {
         font-size: 14px;
         line-height: 18px;
    }
/* ------------------------------ Verleihung Portfolio display ------------------------------*/
    .ll-echo-sub-page-header{
        height:300px;
    }

    .ll-echo-sub-page-header .et_pb_column.et-last-child, .ll-echo-sub-page-header .et_pb_column:last-child{
        margin-bottom:0px !important;
    }

    .et_pb_mhmm_menu nav, .et_pb_mhmm_menu_layout nav {
        top: 67px;
    }
    .hamburger{
        margin-top: 7px;
        margin-right:0;
    }

    .ll-header-image img{
       /* margin-top:15px;*/
        margin-left: 5% !important;
    }

    .ll-footer-menu-image img{
        height:38px;
    }
    /* ------------------------------ Press grid ------------------------------*/

    .ll-press-grid-block .et_pb_portfolio_items {
        grid-template-columns: repeat(1, 100%);
    }

    .ll-press-grid-block h2{
        font-size: 12px !important;
        margin-top: 22px !important;
        line-height: 30px;
    }
    .ll-press-grid-block .post-meta{
        font-size: 18px !important;;
        margin-bottom: 2px !important;
        padding-bottom: 2px;
        border-bottom: 2px solid #EBEBEB;
    }
    .ll-press-grid-block .dp-post-excerpt{
        font-size: 18px !important;
        margin-top: 10px;
        margin-bottom: 40px !important;
    }
     /* ------------------------------ botton Nav------------------------------*/
    .bottom-nav a {
        font-size: 12px !important;
    }
    .ll-echo-footer-menu-no-hover a{
        font-size: 9px !important;
    }
        /* ------------------------------ Gallery Verleihung------------------------------*/
    .ll-verleihung-portfolio img{
      /*  width: 50%;*/
    }

    .ll-verleihung-portfolio .et_pb_portfolio_item{
       width:50%;
       margin-right: 0px !important;
   /*    margin-left: 10px !important;*/
          /*border: 1px solid red;*/
    }

    .ll-verleihung-portfolio .et_pb_portfolio_item:nth-child(2n+0) {
       padding-left: 10px !important;
    }
        .ll-verleihung-portfolio .et_pb_portfolio_item:nth-child(2n+1) {
       padding-right: 10px !important;
    }
    

    .ll-echo-media-block-video .et_pb_column_12{
     padding:15px 5px 5px 5px ! important;
    }

    .ll-echo-media-block-video .et_pb_column_11{
         padding:5px 5px 5px 5px ! important;
    }
            /*--------- Verleihung Gewiner Blurb ----------------*/
    .ll-echo-win-grid {
        grid-template-columns: '1fr';
        display: grid;
        grid-template-rows: min-content;
        grid-auto-rows: '0fr';
        grid-column-gap: 0px;
    }

    .ll-echo-ver-win-blurb{
        padding: 40px 0px;
        /*border-bottom: 2px solid #D8D8D8;*/
    }

}