/*
Theme Name: TCO Event
Description: Theme für TCO Event
Author: Frey Print + Media
Author URI: https://freymedia.de
Template: parallax
*/

/* Themify
------------------------------ */

/*.home.header-block #headerwrap header { z-index: 9998 !important; }
.home.header-block #headerwrap header .header-bar { z-index: 9999 !important; }*/

#headerwrap.fixed-header #site-logo img { max-height: 40px; }

/* same like themifys original site description for the span
 h1 inserted via child functions */
#site-description h1 {
  font-weight: 600;
  font-size: 24px;
  font-size: 1.1em;
  letter-spacing: -.04em;
  color: var(--tf_fixed_header_color,#fff);
}

body.home .header-block #main-nav-wrap,
body:not([class*="header-"]) #main-nav-wrap {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
 
.fixed-header #main-nav a { margin: 0; padding: 8px 16px; }

#headerwrap #gallery-controller .tf_swiper-slide::before,
.home.header-block #headerwrap::before {
    position: absolute;
    left: 0;
    right: 0;
    content: '';
    width: 100%;
    height: 100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+50,000000+100&0+0,0.75+50,0+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 50%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 50%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 50%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	z-index: 9999;
}

.home.header-block #headerwrap header { z-index: 10000; }

#headerwrap #gallery-controller .tf_carousel_nav_wrap .carousel-prev { left: 2% !important; }
#headerwrap #gallery-controller .tf_carousel_nav_wrap .carousel-next { right: 2% !important; }

/* real img height for parent a */
#site-logo a { display: inline-block; }

.post-image img { border-radius: 0; }

.social-links li em:hover,
.social-widget div.rss a:hover,
.social-links a:hover i { background: rgba(200,200,200,.15); }

#footer { padding: 2em 0; }

#footer .back-top { margin: 0 auto; }

#footer .back-top * { text-decoration: none !important; }

#footer .footer-nav { margin: 20px 0 0; }


/* Team ( Homepage block)
-------------------------- */

.tb-section_team { font-size: .9em; text-align: left !important; }

.shortcode.team .team-social a i { margin-right: 5px; padding: .2em 0; font-size: 1.2em; }


/* Themify Builder
------------------------------ */

/* Buttons
-------------------------- */

/* facebook button with icon, without text */
.kontakt .module-buttons em:last-child { display: block; margin: 0 auto; }


/* Plugins
------------------------------ */

/* Complianz
-------------------------- */

.cmplz-buttons button { background-color: #eee !important; color: #222 !important; }

.cmplz-buttons button.cmplz-btn:hover { background-color: #222 !important; color: #eee !important; }

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept { border-color: #eee !important; }


/* Responsive
------------------------------ */

@media screen and (max-width: 1024px) {

	body:not(.mobile_menu_active) #main-nav .current_page_item > a,
	body:not(.mobile_menu_active) #main-nav .current-menu-item > a,
	body:not(.mobile_menu_active) #main-nav :not(.current_page_item) > a:hover,
	body:not(.mobile_menu_active) #main-nav :not(.current-menu-item) > a:hover { color: #fff; }
}

@media screen and (max-width: 1000px) {

	.menu-icon-wrap { z-index: 10001 !important; }
	
	body.mobile-menu-visible .menu-icon-wrap { z-index: 1 !important; }

	#menu-icon { top: 6px; }

}

@media screen and (max-width: 999px) {
	body.mobile_menu_active #main-nav a,
	body.mobile_menu_active #main-nav ul a { padding: .6em; }
}