/*
Theme Name:         Netzkultur
Theme URI:          http://netzkultur.berliner-festspiele.de/
Description:        Netzkultur Microsite (based on Reverie 3 framework).
Version:            1.1 (update 10.2014)
Author:             lieberungewoehnlich.de
Author URI:         http://lieberungewoehnlich.de/
*/

/*
 * Legal Disclaimer
 *
 * These Fonts are licensed only for use on these domains and their subdomains:
 * berlinerfestspiele.de
 *
 * It is illegal to download or use them on other websites.
 *
 * While the @font-face statements below may be modified by the client, this
 * disclaimer may not be removed.
 *
 * Lineto.com, 2012
 */
@font-face {
	font-family: 'BrownProRegular';
	src: url('webfonts/lineto-brownpro-regular.eot');
	src: url('webfonts/lineto-brownpro-regular.eot?#iefix') format('embedded-opentype'),
		 url('webfonts/lineto-brownpro-regular.woff') format('woff'),
		 url('webfonts/lineto-brownpro-regular.ttf') format('truetype'),
		 url('webfonts/lineto-brownpro-regular.svg#BrownProRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'BrownProItalic';
	src: url('webfonts/lineto-brownpro-italic.eot');
	src: url('webfonts/lineto-brownpro-italic.eot?#iefix') format('embedded-opentype'),
		 url('webfonts/lineto-brownpro-italic.woff') format('woff'),
		 url('webfonts/lineto-brownpro-italic.ttf') format('truetype'),
		 url('webfonts/lineto-brownpro-italic.svg#BrownProItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'BrownProBold';
	src: url('webfonts/lineto-brownpro-bold.eot');
	src: url('webfonts/lineto-brownpro-bold.eot?#iefix') format('embedded-opentype'),
		 url('webfonts/lineto-brownpro-bold.woff') format('woff'),
		 url('webfonts/lineto-brownpro-bold.ttf') format('truetype'),
		 url('webfonts/lineto-brownpro-bold.svg#BrownProBold') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Customized Adjustments of Foundation for WordPress
:: Styling Basic WordPress Outputs
:: Customize Foundation Style Pagination for WP-Pagenavi
:: Customized Style
:: Media Querries
*/

/* ---------------------------------------------------
   Customized Adjustments of Foundation for WordPress
--------------------------------------------------- */
 
	/* Foundation-specific presentation CSS by ZURB */
	div.reverie-header { margin: 0 0 20px 0; padding: 20px 0 0 0; border-bottom: solid 1px #ccc; }
	div.reverie-header h1 { font-weight: 500; margin-bottom: 0; padding: 0; }
	div.reverie-header h1 a { color: #181818; }
	div.reverie-header h1 a:hover { color: #181818; }
	
	@media handheld, only screen and (max-width: 767px) {
	header { position: relative; }
	header .subheader { margin-bottom: 0; }
	header .menu-action { float: left; position: relative; top: 1px; margin-top: -12px; }
	header .menu-action .button.small { padding: 8px; }
	header .menu-action .button.small svg { opacity: 0.5; }
	header h1 { font-size: 27px; font-size: 2.7rem; margin-bottom: 18px; }
	header h4 { font-size: 17px; font-size: 1.7rem; }
	}

/* -----------------------------------------
   Styling Basic WordPress Outputs
----------------------------------------- */
	
	/* Global */

	body { background: none; font-family: 'BrownProRegular', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif; }
	#fixedbg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url("images/bg_body.png") center top no-repeat fixed !important; background-size: 189px; z-index: -1000; }
	a { color: #FF0033; }
	a img { border: none; }
	a:hover, a:focus { color: #CCCCCC; }
	h1, h2, h3, h4, h5 { font-family: 'BrownProRegular', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif; font-weight: 300; text-align: center;  }
	h1 { color: #FF0033; font-size: 60px; margin: 44px 0; }
	h2 { color: #FF0033; font-size: 28px; margin: 3px 0; }
	h4 { color: #FF0033; font-size: 14px; }

	/* Add Divider for Listed Posts */
	.post-divider { background:url(images/divider.png) no-repeat center top; height:36px; margin:20px 0 27px; }	
	
	/* Add Class for Images */
	img.alignright { float: right; margin: 0 0 18px 18px; }
	img.alignleft { float: left; margin: 0 18px 18px 0; }
	img.aligncenter { display: block; margin: 18px auto; }
	
	/* Add HTML5 Class for Images */
	figure { margin-bottom: 17px; }
	figure img { height: auto; border: 1px solid #DDD; margin: 0 auto; display: block; border-image: initial; }
	
	/* Add HTML5 Caption Class for Images */
	figure.figure {	margin: 0 auto;	-webkit-border-radius: 3px; -moz-border-radius: 3px; display: inline-block; }
	figure.figure figcaption { padding: 0px; font-size: 12px; line-height: 14px; color: #999; margin-top: -5px; }
	figure.alignright.figure { float: right; margin: 0 0 18px 18px; }
	figure.alignleft.figure { float: left; margin: 0 18px 18px 0; }
	
	/* Sidebar Adjustment */
	.sidebar-section { padding-bottom: 10px; padding-top: 20px; font-size: 13px; font-size: 1.3rem; font-weight: normal; }
	
	/* Footer Nav */
	.footer-section { padding-bottom: 10px; padding-top: 20px; font-size: 13px; font-size: 1.3rem; font-weight: normal; }
	
	/* Overwrite Off-Canvas Style */
	footer { background: #fff; color: inherit; padding: 10px 0; }
	.js [role="main"] { background: inherit; }
	.top-header { overflow: visible; }
	#content { padding-left: 0; }
	#sidebar { padding-right: 0; }
	
	/* Breadcrumb Adjustment */
	ul.breadcrumbs li span { padding-left: 3px; }
	ul.breadcrumbs li a { padding-left: 0; }
	
	/* Comment Textarea Adjustment */
	#respond textarea { height: 100px; }	

/*  -------------------------------------------------------
    Adjust Foundation 3 Pagination Style for WordPress
    ---------------------------------------------------- */ 
    
    ul.page-numbers { display: block; height: 24px; margin-left: -5px; }
    ul.page-numbers li {float: left; display: block; height: 24px; color: #999; font-size: 14px; margin-left: 5px; }
    ul.page-numbers li a { display: block; padding: 1px 7px 1px; color: #555; }
    ul.page-numbers li:hover a, ul.page-numbers li a:focus { background: #e6e6e6; }
    ul.page-numbers li.unavailable a { cursor: default; color: #999; }
    ul.page-numbers li.unavailable:hover a,ul.page-numbers li.unavailable a:focus { background: transparent; }
    ul.page-numbers li span.current { background: #2ba6cb; color: #fff; font-weight: bold; cursor: default; display: block; padding: 1px 7px 1px; }    
    

/*  --------------------------
    Customized Style
    ----------------------- */

.full-width { width: 100%; overflow: hidden; }
.js [role="main"] { padding: 0; }
.sidebar-button { border-bottom: 1px solid #787878; color: #000000; display: block; height: 50px; margin: 0; padding: 15px; text-align: center; width: 100%; }
.programm_30nov2013_anker { display: block; height: 1px; position: relative; top: 0; width: 100px; }

/* ---- Navigation Top / Header ---- */
#mainhead { background: #FFF; display: block; position: fixed; width: 100%; z-index: 1001; }
div.reverie-header { display: none; }
.top-nav { border-bottom: 1px solid #787878; float: left; overflow: hidden; position: relative; width: 100%; }
.nav-bar { background: transparent; height: 50px; margin: 0 auto; padding: 0; clear: left; float: left; left: 50%; position: relative; text-align: center; }
.nav-bar > li { border: none; box-shadow: none; padding: 5px 0; position: relative; right: 50%; }
.nav-bar > li:hover { background: transparent; border: none; }
.nav-bar > li.active { background: transparent; border: none; }
.nav-bar > li.active:hover { background: transparent; border: none; }
.nav-bar > li:last-child { border: none; box-shadow: none; }
.nav-bar > li > a { color: #000000; transition: all 200ms ease-in 0s; }
.nav-bar > li > a:hover { color: #ff0033; }
.nav-bar > li.active > a { color: #ff0033; }
.mobile-nav .menu-main-menu-container, .mobile-nav .menu-main-menu-englisch-container  { margin: 70px 0 0; }
.mobile-nav .menu-main-menu-container ul, .mobile-nav .menu-main-menu-englisch-container ul { list-style: none; }
.mobile-nav .menu-main-menu-container ul li, .mobile-nav .menu-main-menu-englisch-container ul li { border-bottom: 1px solid #787878; padding: 14px 0; }
.lang-switch { background: none; display: block; position: absolute; right: 0; top: 17px; width: 110px; }
#lang_sel_list ul a, #lang_sel_list_list ul a:visited { background: none; color: #999; font-family: BrownProRegular, sans-serif; }
#lang_sel_list a, #lang_sel_list a:visited { font-size: 14px; color: #999; }
#lang_sel_list a.lang_sel_sel { display: none; }

/* ---- Content ---- */
#content { margin: 50px 0 0; padding-left: 0; }
.page-title { display: none; }
.post-box { padding: 60px 0 70px; }
.post-box footer { background: none; }
.pageintro { color: #000; font-size: 28px; text-align: center; line-height: 34px; }
.pageintrolinks { color: #000; font-size: 18px; text-align: center; line-height: 24px; }
.pageintrodates { color: #ccc; font-size: 28px; margin-top: 30px; text-align: center; line-height: 30px; margin-bottom: 35px; }

/* ---- Programm Punkte ---- */
.programm-box { background: #fff; }
.programm-box article { border-top: 1px solid #787878; cursor:pointer; padding: 25px 0; transition: all 200ms ease-in 0s; }
.programm-box article:hover { background: #eeeeee; }
.showhide {  overflow: hidden; width: 100%; }
.open { background: #eeeeee; }
.programm header { min-height: 50px; }
.programm .entry-content { margin: 20px 0 0 134px; max-width: 550px; }
.single .programm .entry-content, .archive .programm .entry-content { margin: 20px auto; max-width: 800px; }
.programm-box footer { color: #999; line-height: 22px; background: transparent; border-left: 1px solid #cccccc; margin: 24px 0 0 20px; max-width: 180px; padding: 0px 20px 10px 20px; text-align: left; }
.programm-box footer a { color: #666; }
.social-sharing-single { margin-bottom: 15px; text-align: center; }
.link-to-single { margin-bottom: 15px; }
.link-to-single img { opacity: .3; }
.tag {}
.programmzeit  {width: 100px; padding: 3px 0 0 0; }
.programminfo { margin: 0 0 0 35px; max-width: 760px; }
.programminfo h2 { color: #000; margin: 0 0 1px 0; }
.programminfo p { margin: 0; padding: 0; }
.programmzeit span { font-size: 1.8em; font-weight: normal; color: #FF0033; }
.programmzeit span.date{ }
.programmzeit span.endzeit { color: #ccc; }

/* ---- Content Single ---- */
.single .social-sharing-single { display: block; margin: 0 auto; width: 250px; }
.single .addthis_button_tweet { display: block; width: 100px; }
.single .addthis_button_facebook_like { display: block; float: left; width: 140px; }
.single footer { clear: both; }

/* ---- Footer ---- */
footer { color: #FFF; text-align: center; padding: 0; }
.footer-partner { border-top: 1px solid #787878; color: #ff0033; padding: 40px 20px; }
.footer-bottom { background: #000000; color: #FFF; padding: 40px 20px; }
.footer-bottom a { color: #ccc; }
.footer-bottom a:hover { color: #ff0033; }
.partner-logo img { opacity: .8; transition: all 200ms ease-in 0s; }
.partner-logo img:hover { opacity: 1; }
.small-logo img { height: 105px; }
.social-net img { margin: 15px; transition: all 200ms ease-in 0s; }
.social-net img:hover { opacity: 0.8; }

/* ---- Parallax Block ---- */
.parallax { background-attachment: fixed; background-position: 50% 0; background-color: #eeeeee; background-repeat: no-repeat; background-size: cover; color: #FFFFFF; height: 340px; margin: 0 auto; overflow: hidden; padding: 0; text-align: center; }
.full-width .row { width:100%; }
.full-width .post-box { max-width: 940px; margin-left:auto; margin-right:auto; padding: 60px 20px; }
.full-width .programm .row { max-width:1024px; margin-left:auto; margin-right:auto; }
.row {min-width:200px;}

/* ---- Stream Block ---- */
.streamblock { background-attachment: fixed; background-position: 50% 0; background-color: #eeeeee; background-repeat: no-repeat; background-size: cover; color: #000; margin: 0 auto; overflow: hidden; padding: 25px 0 60px; text-align: center; line-height: 1.4em; }
.streamblock .inner { margin: 0 auto; max-width: 940px; }
.streamblock-1 { display: block; float: left; margin: 10px 60px 0 0; max-width: 60%; min-height: 300px; text-align: left; }
.streamblock-2 { display: block; float: left; margin: 10px 0 0; max-width: 30%; min-width: 310px; text-align: left; }

/* ---- Button ---- */
.button { background: #FF0033; border: none; box-shadow: none; border-radius: 3px; padding: 12px 25px 13px; margin: 0 5px 0 0; }
.button:hover { background: #CCCCCC; }

/* ---- Misc ---- */
.gallery img { border: 2px solid #FFFFFF !important; transition: all 200ms ease-in 0s; }
.gallery img:hover { opacity: .75; }
.gallery .gallery-item { margin-top: 0 !important; margin-bottom: 0; }
.gallery-caption { font-size: 12px; line-height: 16px; }
.oldevent { color: #CCCCCC; }
.zumprogramm { color: #CCCCCC; font-size: 16px; transition: all 200ms ease-in 0s; }
.zumprogramm:hover { color: #ff0033; }
.zumaktprogramm { color: #333333; font-size: 16px; transition: all 200ms ease-in 0s; }
.zumaktprogramm:hover { color: #CCCCCC; }
.zumprogrammred { color: #ff0033; font-size: 16px; transition: all 200ms ease-in 0s; }
.zumprogrammred:hover { color: #CCCCCC; }
.aktprogramm { color: #ff0033; }
.fb_edge_widget_with_comment { height: 25px; width: 100%; }
.fb_edge_widget_with_comment iframe { max-width: none; }
.socialshare { display: block; margin: 0 auto; width: 240px; }
.socialshare .fb_iframe_widget { width: 100px; }
.1-2 {}
.2-2 {}


/*  ---------------------------
    :: Media Querries
    --------------------------- */

@media only screen and (max-width: 1020px) { 
	.programm .entry-content { margin: 20px 0 0 33px; }
	.programm-box footer { border-left: 0px solid #cccccc; }
	.programminfo { max-width: 600px; }
	.streamblock-1 { float: none; margin: 10px auto; max-width: 90%; }
	.streamblock-2 { float: none; margin: 20px auto; max-width: 90%; }
}

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

}