/*
Theme Name: Avada_kulturmarkt
Theme URI: motiondraw.com
Author: Andreas Weber, motiondraw.com
Author URI: http://www.motiondraw.com
Description: Avada Child Theme, speziell für Kulturmarkt
Template: Avada
Version:1.0.0
*/
@import url('../Avada/style.css');


/* Kulturmarkt Rot #E30429                                  
   Font: FF Meta, eworben bei fonts.com, selbstgehosted
*/


.invisible{
  /*  display:none; */
}




/* Main Navi - omit fly-out, display sub-navi items below main-navi item*/
body.side-header-left #side-header .fusion-main-menu > ul > li > ul { position: static; opacity: 1; visibility: visible; border:0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; display:none !important;}
body.side-header-left #side-header .fusion-main-menu > ul > li.current-menu-item > ul,
body.side-header-left #side-header .fusion-main-menu > ul > li.current-page-ancestor > ul {display:block !important;}
body.side-header-left #side-header .fusion-main-menu > ul > li > ul > li.current-menu-item a { color:#e10707;} 
body.side-header-left #side-header {border-right-width: 0px;}





#side-header .fusion-main-menu > ul > li > a{
     border-bottom-width: 3px;
}

#side-header .fusion-main-menu > ul > li:first-child > a{
      border-top-width: 0px;
}

.fusion-is-sticky .fusion-mobile-nav-holder > ul {
    max-height: 240px;/*mobile navi, default was 200 - the lower navi items were cut off, namely 'Kontakt'*/
}

.fusion-blog-layout-grid-wrapper .fusion-content-sep{
    display:none;
}


.fusion-main-menu .sub-menu li a,
.fusion-page-title-bar .fusion-breadcrumbs,
.fusion-page-title-bar .fusion-breadcrumbs a,
.single-navigation a,
.fatlink a,
strong,
.fusion-button-text,
.blogSingleTitle,
.fusion-read-more,
.wpcf7-form input[type="submit"],
.comment-form input[type="submit"]{
    
    
    font-family: 'Meta Headline Offc W01 Bold', Arial, Helvetica, sans-serif  !important;/*MuseoSlab500Regular*/
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 2px;
   
}

.fusion-main-menu .sub-menu li a{
    color:#666666;
}

.fusion-page-title-bar .fusion-breadcrumbs,
.fusion-page-title-bar .fusion-breadcrumbs a{
     color:#ababab !important;
}


.single-veranstaltungen .fusion-page-title-bar{
    display: none !important;
}



.blogSingleTitle{
        display: none;
}

/*----- single-navigation: head of page of blog posts and Veranstaltungen*/
.single-navigation {
    border-top: 0px solid #e7e6e6;/*  */
    border-bottom: 0px solid #e7e6e6;
    margin-top:15px;
    margin-bottom:20px;
}

.single-navigation a,
.fusion-read-more{
     color:#E30429;
}

.fusion-read-more{
    line-height:10px;
}


.single-post .fusion-meta-info,
.single-post .related-posts,
.fusion-single-line-meta{
    display:none;
}


.single-post .fusion-page-title-bar {/*Blog Posts - die title-bar unterdrücken, die Redakteure vergessen die entsprechende Einstellung zu machen*/
    display: none !important;
}
    

.single-navigation a[rel=next]:after, .pagination-next:after,
.single-navigation a[rel=prev]:before, .pagination-prev:before,
.fusion-read-more:after{
    display:none;
}
.single-navigation a[rel=next] {
    margin-left: 5px; 
}

.fusion-post-slideshow img {
    padding-top: 15px;/*mobile view: avoid overlap with vorheriger \ nächster when this navi breaks on 2 lines*/
}

/*Veranstaltungen Übersicht http://www.kulturmarkt.ch/veranstaltungen-seite/programm/ */
.veranstaltungsliste .fusion-separator.sep-single {
    margin-top:20px;
}

/*Blog single view: avoid horizontal stretch of feature image, no matter if author forgets to set the fusion page options correctly*/ 

.fusion-post-grid img:first-child, 
.single-post .fusion-post-slideshow img:first-child {
     max-height: 392px !important;
     max-width: 584px !important;/**/
}




.fusion-main-menu .sub-menu li a:hover {
    color: #e10707;
}


.fusion-main-menu .sub-menu {  
    border-right: 3px solid #e4003a;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
}

.fusion-main-menu .sub-menu {
   padding-left:55px;/* indent the sub-menu*/
}
/**/



.teams-area {margin:0;padding:0; text-align:center;}
.teams-area li {list-style-type:none; display:inline-block; width:240px; margin:0 100px 50px 0; vertical-align:top; position:relative;}
.teams-area li > span { display: inline-block; width: 100%; height: 240px; background-size: cover; border-radius:120px; -moz-border-radius:120px; -webkit-border-radius:120px; background-color:#ffffff; }
.teams-area li > span.member-details { width: 100%; height: 300px; border-radius: 0;  -webkit-border-radius: 0;  -moz-border-radius: 0;  display: none;  position: absolute;  top: 240px; background: #fff; padding: 10px 0 0;  z-index: 10;}
.teams-area li > span.member-details span {display:block; text-align:center; padding-bottom:10px;}

.teams-area li:hover > span.member-details {display:block;}
.teams-area li:hover > span {border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; }
.team_foto{width:200px;}
.team_card{font-size:14px;}



.nicescroll-rails {
    background-color:  #cccccc  !important;
}

.nicescroll-rails > div:first-of-type {
    background-color: #E30429   !important;/*#E30429*/
}



.single-veranstaltungen .fusion-page-title-bar {
    display:none !important;
}

.single #main,
.single-veranstaltungen #main{
    padding-top:10px;
}

.single-veranstaltungen .flexslider .slides img {
    margin-bottom:40px;
    max-height:250px;
    max-width: 333px;
}









/* Home -  'Rundummeli'*/
.home_3_contents img{
    display: inline-block;
    width: 120px;
    height: 120px;
    background-size: cover;
    border-radius: 60px;
    -moz-border-radius: 60px;
    /* -webkit-border-radius: 50px; */
    background-color: #ffffff;
    margin: 0 0 30px 0; 
}

#home_3_contents_hidden{
    /*display: none;*/
}

/*prevent Kultur-Item to move down too far*/
/*#WoP_NextUpcomingEvent ul{
	margin-top:0px;
}*/
.widget_eventsnextwidget ul{
	margin-top:0px;
}


/*lead of Blog Post*/
.single-post .post-content p:first-of-type strong{
    /*
   font-family: 'Open Sans' !important;
    font-style: normal;
    font-weight: 700;
    */
     letter-spacing: 1px;
     color:#666666;
}


/* search results*/
.search .fusion-page-title-bar{
   display:none;
}

.search .fusion-meta-info .fusion-alignleft {
    display:none;
}

.fusion-li-item-content{
    font-size: 16px;
}


strong{
    color: #333333;/*default is too light*/
}




/* remove horizontal lines between main menu items */
#side-header .fusion-main-menu > ul > li > a {
  border-top-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
}

/*remove double lines in blog archive/grid view between title and text*/
.fusion-content-sep {
    margin-top: 0px;
    height: 0px;
    border-top: none;
    border-bottom: none;
}


/* blog archive / grid: when mousing over the images a red curtain appears
    omit links to large image and categories/tags
*/
.fusion-post-wrapper .fusion-rollover-categories{
   display:none;
}
.fusion-post-wrapper .fusion-rollover-gallery{
  display:none;
}




/* emphasize the horizontal dividers, e.g. in Toggles*/
.fusion-accordian .fusion-panel {
    border-bottom: 3px solid #f6f6f6;
 
}



/* avoid FF displaying the logo too large (as is the case when defined 100%)*/
.fusion-logo img{
  max-width:155px;
}

#side-header .side-header-content {
    padding-left: 43px !important;
}



#wrapper #nav ul li ul li > a,
#wrapper #sticky-nav ul li ul li > a {
    padding: 11px 20px;
    margin-top: -1px;
}

.contactFlipCard a{
   color:#ffffff;
}

.height_250{
   max-height: 250px;
}

.flexslider .slides img{
   max-height: 250px;
}

.fusion-footer-widget-area {
  border-top: 0px;/*remove the border above the footer*/
}

.fusion-footer-widget-area  {
   font-size: 16px !important;
}
.fusion-button.button-9{
  border: none;
}


.widgets_on_page ul, .widgets_on_page ul li {
    padding-left: 0px;
}

/*Wochenmenu*/
.wochenmenuContainer h2 {
    margin-bottom: 0em; 
}

.wochenmenuContainer h4 {
 margin-top: 0.5em; 
    margin-bottom: 0.5em; 
}

.wochenmenuContainer  .fusion-fullwidth-1 {
 
    padding-bottom: 0px !important;
}

/*Blog*/
.blogSingleTitle{
    float: left;
}

.blogSingleTitle h1 {
    margin-top: -4px; 
    margin-bottom: 0em; 
}

/* Contact Form */


.wpcf7-form textarea,
.wpcf7-form .wpcf7-text, .wpcf7-form .wpcf7-quiz, .wpcf7-form .wpcf7-number, .wpcf7-form .wpcf7-captchar, .wpcf7-form .wpcf7-date {
    border: 3px solid #e5e5e5;

    font-size: 16px;

}

 .wpcf7-form .wpcf7-text, input[type="text"]{
    height: 35px !important;
 
}
input[type="text"], select, textarea {
    color: #282a2b !important;
}


/* red Background - keep text white (=readable) onHover*/
.contactFlipCard a:hover,
.fusion-footer-widget-area a:hover{
    color:#ffffff !important;
}

/*this is the Newsletter Btn in the Footer - seems to have a different number on every page?*/
.fusion-footer .fusion-button.button-1,
.fusion-footer .fusion-button.button-1:hover,
.fusion-footer .fusion-button.button-2,
.fusion-footer .fusion-button.button-2:hover,
.fusion-footer .fusion-button.button-3,
.fusion-footer .fusion-button.button-3:hover,
.fusion-footer .fusion-button.button-4,
.fusion-footer .fusion-button.button-4:hover,
.fusion-footer .fusion-button.button-8,
.fusion-footer .fusion-button.button-8:hover{
   color: #E30429  !important; 
}

#post-404page .fusion-title .title-sep-container{
    display: none;
}

.error404 .fusion-page-title-bar {
    border-color: #ffffff !important;
    background-color: #ffffff !important;
    height: 100px !important;
}


/*Beitragsbilder für Seiten werden in FB angezeigt, sollen aber auf unserer Seite unsichtbar bleiben*/
.page .post-slideshow {
    display: none;
}

.debug{/* für temporären, selbstgenerieten PHP und JS Output, damit es den Usern weniger ins Auge fällt*/
    padding-top:0px;
   color:#cccccc;
   font-size:10px;
}

#side-header {
    background-color: #ffffff !important;
}

.veranstalter h4 {
   
    margin-top: 30px;
    margin-bottom: -10px;
}

@media only screen and (max-width: 1023px){
    
    /*kludge for mobile view: when loading a part of the footer will show up in the top right, the area around the hamburger 
      work-aroung by delaying the visibility of the footer
    */
    .fusion-footer-widget-area {
      
        -moz-animation-duration: 5s;                
        -moz-animation-name: toggleVisibility;
        
        -webkit-animation-duration: 5s;                
        -webkit-animation-name: toggleVisibility;
        
        animation-duration: 5s;                
        animation-name: toggleVisibility;
        
    }
    
    @keyframes toggleVisibility {
         from {
            visibility:hidden;
         }
     50% {
            visibility:hidden;
         }
     to {
            visibility:visible;
      }
 }
}