/*

	Theme Name: Cedar
	Theme URI: http://ecko.me/themes/wordpress/cedar/
	Description: Cedar Theme for WordPress developed by EckoThemes.
	Author: EckoThemes
	Author URI: http://ecko.me/
	Version: 3.4.0
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Tags: white
	Text Domain: cedar

*/

/*@import 'assets/css/theme.min.css'; */

/* WIGWAM OVERWRITES 
######################### */

	@font-face {
	    font-family: 'arvobold';
	    src: url('fonts/arvo/arvo-bold-webfont.woff2') format('woff2'),
		 url('fonts/arvo/arvo-bold-webfont.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;
	}
	@font-face {
	    font-family: 'arvobold_italic';
	    src: url('fonts/arvo/arvo-bolditalic-webfont.woff2') format('woff2'),
		 url('fonts/arvo/arvo-bolditalic-webfont.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;
	
	}
	@font-face {
	    font-family: 'arvoitalic';
	    src: url('fonts/arvo/arvo-italic-webfont.woff2') format('woff2'),
		 url('fonts/arvo/arvo-italic-webfont.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;
	
	}
	@font-face {
	    font-family: 'arvoregular';
	    src: url('fonts/arvo/arvo-regular-webfont.woff2') format('woff2'),
		 url('fonts/arvo/arvo-regular-webfont.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;
	
	}
	
	body {}

		header.bloginfo .title a { font-family: "arvobold"; font-weight: 600; }
		header.bloginfo .title a:hover { color: #1c1c1c; }
		body.home header.bloginfo .title a { color: #1c1c1c; text-shadow: 0px 0px 19px rgba(255,255,255,0.55); }
		
		
	body .dsdvo-cookie-notice.style1 .tarteaucitronAlertBigTop {
		top: unset !important;
		position: fixed !important;
		bottom: 0px !important;
	}
	
	/** useful and fast STYLEADDONS */ 
	
	.colour_cleanwhite { color: #ffffff !important; }
	.colour_brown { color: #BBA87E !important; }
	.colour_brown_2 { color: #CCB98F !important; }
	.colour_green { color: #46962B !important; }
	.colour_green_2 { color: #9AB08C !important; }
	.background_brown { background-color: #BBA87E !important; }
	.background_brown_2 { background-color: #CCB98F !important; }
	.background_green { background-color: #46962B !important; }
	.background_green_2 { background-color: #9AB08C !important; }
	
	.ratio-16by9 { padding: 0 0 0 0 !important; padding-top: 56.25% !important; height: 0px; width: 100%; display: block; } 
	.ratio-4by3 { padding: 0 0 0 0 !important; padding-top: 75.00% !important; height: 0px; width: 100%; display: block; } 
	.ratio-8by2 { padding: 0 0 0 0 !important; padding-top: 25.00% !important; height: 0px; width: 100%; display: block; } 
	.ratio-8by3 { padding: 0 0 0 0 !important; padding-top: 36.50% !important; height: 0px; width: 100%; display: block; } 
	
	.position-relative { position: relative; }
	.image-caption-layer { position: absolute; font-family: "Arvo", sans-serif; font-weight: 300; font-size: 9px; line-height: 1.2; padding: 3px 7px 3px 7px; bottom: 20px; right: 20px; letter-spacing: -0.25px; color: #ffffff; background: rgba(154, 176, 140,0.87); opacity: 0.85; border-radius: 1px; max-width: 90%; }
		.image-caption-layer.align-left { right: auto; left: 20px; }
		
	/** COOKIE NOTICE PLUGIN */
	
		#cookie-notice { background-color: rgba(154, 176, 140,0.87) !important; }
			#cookie-notice .cookie-notice-container {}
				#cookie-notice .cookie-notice-container { padding-bottom: 20px; }
					#cookie-notice .cookie-notice-container #cn-notice-text {}
					#cookie-notice .cookie-notice-container a.button, #cookie-notice .cookie-notice-container a.button:hover { text-transform: uppercase; border-radius: 5px !important; -webkit-border-radius: 5px !important; border: none !important; padding: 6px 20px !important; text-shadow: none !important; font-weight: 800; background: #000000 !important; color: #ffffff  !important; }
						#cookie-notice .cookie-notice-container a.button:hover { opacity: 0.85 !important; -webkit-opacity: 0.85 !important; color: #ffffff  !important; } 
	
	
/* CONTENT
############### */

	/* Cover */
		.cover { background: #234015 !important; }
		body.search .cover { height: 65vh; }
		body.author .cover, body.category .cover, body.archive .cover {  height: 100vh; } 
		body.category-positionen .cover, body.category-texte .cover {  height: 75vh; } 
			body .cover .background { background-position: center top; opacity: 0.60; -webkit-opacity: 0.60; }
			body.home .cover .background { opacity: 0.60; -webkit-opacity: 0.60; }
			.blogtitle h1, .errortitle h1, h1.blogtitle { opacity: 0.85; -webkit-opacity: 0.85;  font-family: "arvobold" !important; font-weight: normal !important; font-size: 50px !important; }
			.blogtitle .description, .errortitle .description, .blogtitle-description, .cover .excerpt { font-family: "arvoregular" !important; font-weight: 200 !important; letter-spacing: 1px !important; font-size: 24px !important; color: #fcfcfc !important; margin-top: -30px !important; margin-bottom: 25px !important; }
			.blogtitle hr { background: #ffffff !important; opacity: 0.55 !important; -webkit-opacity: 0.55; height: 5px !important; width: 15% !important; } 		                                   
			
			.posttitle::after { background: #ffffff; opacity: 0.55 !important; -webkit-opacity: 0.55; clear: both; content: ""; display: block; height: 5px; width: 15%; }
				.cover .posttitle h1 { opacity: 0.85; -webkit-opacity: 0.85; font-size: 50px; font-family: "arvobold"; font-weight: normal; letter-spacing: 0px; }
				
		body.search .altpageheader { text-transform: none; }
				
	/* Mid Content */
	
		a.backlink {  font-family: "Arvo"; font-weight: normal; color: #46962B; font-size: 1.15em; }
			a.backlink:hover { opacity: 0.85; -webkit-opacity: 0.85; }
			
		h1.title, h2.title { font-family: "arvobold"; font-weight: normal; }
		
		.big_title_wrapper { }
			.big_title_wrapper p.description { font-family: "Arvo"; font-size: 20px; }
		h1.big_title { font-family: "arvobold"; font-weight: normal; font-size: 3em; line-height: 1.25em; }
		
		.postcontents { margin: 60px auto; }
		
		.postcontents.full.brown { background: #BBA87E; color: #242424; padding: 60px 0px 60px 0px; font-family: "arvobold"; font-weight: normal; font-size: 24px; }
			.postcontents.full.brown.frontpage { margin-top: 0px; margin-bottom: 0px; }
			body.search .postcontents.full.brown { display: none; }
			.postcontents.full.brown.second { margin-top: 30px; margin-bottom: 60px; }
		.postcontents.full.brown_2 { background: #CCB98F; color: #242424; padding: 60px 0px 60px 0px; font-family: "arvobold"; font-weight: normal; font-size: 24px; }
			.postcontents.full.brown_2.frontpage { margin-top: 0px; margin-bottom: 0px; }
			body.search .postcontents.full.brown_2 { display: none; }
			.postcontents.full.brown_2.second { margin-top: 30px; margin-bottom: 60px; }
			
		.postcontents.full.green_2 { background: #9AB08C; color: #ffffff !important; text-align: center !important; padding: 60px 0px 60px 0px; margin: 0 0 0 0; }
			.postcontents.full.green_2 .title { color: #ffffff; }
			.postcontents.full.green_2 p { color: #ffffff; }
			.postcontents.full.green_2 ul { list-style: none; margin: 0 0 -20px 0; }
				.postcontents.full.green_2 ul li { list-style: none; float: none; clear: none; width: auto; display: inline-block; }
				 	.postcontents.full.green_2 ul li a {  background: #ffffff none repeat scroll 0 0; display: block; height: 90px; padding: 10px; text-align: center; width: 90px; border-radius: 50%; -webkit-border-radius: 50%; }
				 	.postcontents.full.green_2 ul li a:hover { opacity: 0.75; -webkit-opacity: 0.75; }
					.postcontents.full.green_2 ul li .fa { color: #9ab08c; display: inline-block; font-size: 51px; line-height: 75px; margin: auto; position: relative; }
		
		.postcontents.brown #can_embed_form { background-color: transparent !important; }	
		.postcontents.brown_2 #can_embed_form { background: transparent !important; }	
		.postcontents.green #can_embed_form { background: transparent !important; }	
		.postcontents.green_2 #can_embed_form { background: transparent !important; }
		.postcontents.image-box #can_embed_form { background: transparent !important; }
		
		.postcontents.full.image-box { margin: 0 0 0 0; }
		
		.postcontents.intro { margin-bottom: 60px; }
			.postcontents.intro, .postcontents.intro p, .postcontents.intro div { font-family: "Arvo"; font-weight: normal; }
			.postcontents.intro strong, .postcontents.intro p strong, .postcontents.intro div strong { font-family: "arvobold"; font-weight: normal; }
			
		.postcontents, .postcontents p, .postcontents ul, .postcontents ol, .postcontents .annotation .main p, .postlist article.format-status .content > p:first-child, .postitem .excerpt, .widget p { font-family: "PT Sans"; font-size: 20px; line-height: 1.55em; color: #1c1c1c; }
		body.page .postcontents, body.page .postcontents p, body.page .postcontents ul, body.page .postcontents ol, body.page .postcontents .annotation .main p, body.page .postlist article.format-status .content > p:first-child, body.page .postitem .excerpt, body.page .widget p { font-family: "Arvo"; font-size: 20px; line-height: 1.55em; color: #1c1c1c; }
		
		.postcontents.postcontents-second { margin-top: 0px; }
		.postcontents.postcontents-second .post-image.wide {  }
		.postitem.posttitle.posttitle-second { padding-top: 0px; }
			.postitem.posttitle.posttitle-second:after { background: #ffffff; content: ""; }
			.postitem.posttitle.posttitle-second h1 { margin-bottom: 0px; }
			
		/* cpt fields of termine */
		.event-date { font-family: "arvobold"; font-weight: normal; font-size: 18px; letter-spacing: 1px; margin-bottom: 10px; display: inline-block; /*float: left;*/ width: 100%; }
		body.post-type-archive .event-date { margin-top: -20px; } 
			.event-date-icon { margin-right: 10px; font-size: 22px; } 
			.event-date-info { color: #2c2c2c; }
		
		/* POST, PAGE */
			
			.excerpt {}

			.post-links { padding-top: 20px; }
				.post-link { font-weight: 200; color: #46962B;  margin-bottom: 10px; padding-left: 30px; line-height: 1.45em; }
					.post-link i.fa { margin-left: -27px; } 
					.post-link a { padding-left: 5px; text-decoration: none; color: #46962B; font-weight: 600; border-bottom: 1px solid white; }
			.post-text {}
			.post-image {}
			
			.postbottom { margin-top: 120px; }
				.postbottom::before {
					background: #ECEDE5 none repeat scroll 0 0;
					content: "";
					display: block;
					height: 2px;
					margin: 0 auto 90px; width: 100%; 
				}
				.postbottom .shareoptions { margin-top: 0px; }
				
			body.single .posttitle.single:nth-child(last) { padding-bottom: 90px; } 
					body.single .posttitle::after { content: ""; display: none; height: 0px; }
				body.single .postcontents { margin-top: 0px; margin-bottom: 20px; }
			
			
		/* LISTS */
			
			.postitem .meta .category a { }
			
			.postlist .postitem { padding: 60px 0px; }
			.postlist .postitem:nth-child(2n) { background: #F0F2E7; } 
			
				.postlist .postitem h2.title, .postlist .postitem h2.title a { transform: color 1.5s; font-size: 32px; line-height: 1.25em; color: #46962B; letter-spacing: 0px; font-family: "arvobold"; font-weight: normal; margin: 30px 0px 15px 0px; }
					.postlist .postitem h2.title a { transform: color 1.5s; }
					.postlist .postitem h2.title a:hover { transform: color 0.1s; color: #1c1c1c; }
				
				.postlist article .excerpt { margin-top: 0px; }
				
			.postlist .postlist-content { display: inline-block; }
				.postlist .postlist-image { width: 35%; margin: 7px 30px 0 0; float:left; }
					.postlist .postlist-image img { width: 100%; max-width: 100%; }
				.postlist .postlist-text-with-image { width: 100%; display: inline; }
				
			
		/* CAT SPECIAL FULLPOST LIST */
		
			.postlist.postlist_fullposts {}
				.postlist.postlist_fullposts .posttitle.single { margin-top: 0px; padding-bottom: 0px; }
				.postlist.postlist_fullposts .posttitle.single:nth-child(n+2) { padding-top: 5px; } 
				.postlist.postlist_fullposts .posttitle.single:nth-child(last) { padding-bottom: 90px; } 
					.postlist.postlist_fullposts .posttitle::after { content: ""; display: none; height: 0px; }
				.postlist.postlist_fullposts .postcontents { margin-top: 0px; margin-bottom: 20px; }
				.postlist.postlist_fullposts .postcontents:nth-last-of-type(1) { margin-bottom: 60px; } 
				
				.postlist.postlist_fullposts .posttitle h1 { margin-bottom: 0px; }
				
				.postlist.postlist_fullposts .postitem:nth-child(2n) { background: none; }
				
				.postlist.postlist_fullposts .postitem.posttitle.posttitle-second { margin-top: 60px; margin-bottom: 60px; }
				.postlist.postlist_fullposts .postcontents.postcontents-second { margin-top: 60px;  }
				.postlist.postlist_fullposts .postcontents.intro { padding: 60px 0px 40px 0px; }
				
		/* Categories */
		
			.category_subs h3.subcat_title { margin-bottom: 20px; }
			.category_subs h3.subcat_title, .category_subs h3.subcat_title a { font-family: "arvobold"; font-weight: normal; font-size: 32px; color: #46962B; }
				.category_subs h3.subcat_title a:hover { color: #242424; }
			
			.postlist.category_subs .postitem h2.title, .postlist.category_subs .postitem h2.title a { margin-top: 0px; }
			
			.category_subs p.subcat_description { margin-top: 10px; }
			
		/* Meta */
		
			.meta {} 
				.postlist .meta .category a { font-family: "PT Sans"; font-size: 14px; padding: 0 20px; font-weight: bold; background: #1c1c1c !important; }
				.postlist .meta .category a:hover { transform: background: 0.75s; background: #444444 !important; }
				
				.postitem .meta .category a { font-family: "PT Sans"; font-size: 14px; padding: 0 20px; font-weight: bold; background: #1c1c1c !important; }
				.postitem .meta .category a:hover { transform: background: 0.75s; background: #444444 !important; }
				
				.postlist.postlist_fullposts .meta { display: none; }
				
				body.post-type-archive-termine .meta { display: none; }
			
	/* Footer */
	
		footer.main .copyright .main { font-family: "arvobold"; font-weight: normal; }
		footer.main #footer_funx { padding-top: 10px; float: left; }
		footer.main #copyright_new { font-family: "arvobold"; font-weight: normal; color: #dcdcdc; line-height: 1.825em; font-size: 12px; float: left; clear: none; }
		
		body.single footer.main { padding-bottom: 100px; }/** because of the fixed post next prev bar on bottom*/
		
	/* Menues */

		nav.main {}
			nav.main ul li.current-menu-item a { color: #1c1c1c; }
			nav.main ul li.current-menu-parent a { color: #1c1c1c; }
			nav.main ul li a, nav.main ul span { /*font-family: "arvobold"; font-weight: normal;*/ font-family: "PT Sans"; font-size: 16px; font-weight: 600; }
			
				nav.main ul li ul { background: #1c1c1c; box-shadow: 0px 0px 10px rgba(0,0,0,0.55); }
				nav.light ul li ul { border: medium none; opacity: 0.94; -webkit-opacity: 0.94; }
					nav.light ul li ul:before { border-bottom: 10px solid #1c1c1c; }
					nav.main ul li ul li a { color: #fcfcfc !important; font-size: 14px; line-height: 20px; padding: 10px 5px; border-bottom: 1px solid #4c4c4c; }
					nav.main ul li ul li a:hover { color: #bba87e !important; } 
					nav.main ul li ul li:nth-last-of-type(1) a { border-bottom: 1px solid #1c1c1c; }
					nav.main ul li ul li.current-menu-item a { color: #bba87e !important; }
					
					
					
		nav.social {}
			nav.social .socialdark, .socialdark { background: #f2f2f2 none repeat scroll 0 0; border-radius: 70px; color: #636c77; display: block; font-size: 19px; height: 55px; line-height: 54px; width: 43px; }
				nav.social .socialdark.email, .socialdark.email { background: #9AB08C; }
				nav.social .socialdark.twitter, .socialdark.twitter { background: #9AB08C; }
				nav.social .socialdark.facebook, .socialdark.facebook { background: #9AB08C; }
				nav.social .socialdark.google, .socialdark.google { background: #9AB08C; }
				
		.drawer {}
			/*always show submenues there*/
			.drawer .widget.navigation ul li a i { display: none !important; }
				.drawer .widget.navigation ul li ul.sub-menu { display: block !important; }
				
				
		.footer_menu { display: block; width: auto; float: left; margin-left: -25px; margin-top: 0px; }
			.footer_menu ul { margin: 0 0 0 0; list-style: none; }
				.footer_menu ul li { list-style: none; position: relative; float: left; margin-right: 15px; color: #ffffff; line-height: 1em; padding: 0 0 0 15px; }
				.footer_menu ul li::before { content: ""; width: 1px; position: absolute; top: -25%; left: 0px; background: #4b4b4b; height: 170%; }
					.footer_menu ul li a { color: #ffffff; line-height: 1em; font-size: 12px; font-family: "arvobold"; font-weight: normal; }
					.footer_menu ul li a:hover { color: #A78445;  }
					.footer_menu ul li.current-menu-item a, 
					.footer_menu ul li.current_page_item a { color: #A78445; }
				
	/* WIDGETS */
	
		/* ECKO TABS */
		
			.shorttabs .shorttabsheader { margin-right: 7px; background: #ECEFE8; font-family: "PT Sans"; font-weight: 600; color: #213327 !important; font-size: 13px; text-transform: uppercase; }
			.shorttabs .shorttabscontent { font-size: 17px; line-height: 33px; padding: 30px 20px; }
			
		/* ECKO TOGGLEBOX */
			
			.shorttoggle { border: 2px solid #ECEDE5; background: #fefefe; }
				.shorttoggle .toggleheader { color: #46962b; font-family: "PT Sans"; font-weight: 600; font-size: 17px; }
				.shorttoggle .togglecontent { font-size: 17px; line-height: 33px; padding: 20px 0px 10px 0px; }
			
				
		/* ACTIONNETWORK FORM */
		
			#can_embed_form { background: none !important; margin-top: 0px; margin-bottom: -40px; }
				#can_embed_form #can_embed_form_inner p, #can_embed_form #can_embed_form_inner input, #can_embed_form #can_embed_form_inner textarea, 
				#can_embed_form #can_embed_form_inner div, #can_embed_form #can_embed_form_inner label { color: #000000 !important; font-family: "PT Sans", sans-serif !important;  } 
				#can_embed_form #can_embed_form_inner a { font-family: "PT Sans", sans-serif !important;  }
				.brown #can_embed_form #can_embed_form_inner a, .brown_2 #can_embed_form #can_embed_form_inner a { color: #ffffff !important; } 
				#can_embed_form #can_embed_form_inner p { font-size: 140% !important; line-height: 140% !important; }
				body #can_embed_form #can_embed_form_inner .control-group .check_radio_field label.radio { margin-top: 10px !important; font-size: 1.75em !important; line-height: 1.55 !important; font-weight: 400 !important;}
					body #can_embed_form #can_embed_form_inner .control-group .check_radio_field label.radio input { margin-top: 8px !important; }
				#can_embed_form #can_embed_form_inner h4 { color: #b2b2b2 !important; text-align: center !important; font-size: 28px !important; line-height: 1.00em !important; margin-bottom: 20px !important; font-weight: 300 !important; }
				.home #can_embed_form #can_embed_form_inner h4, 
				.archive #can_embed_form #can_embed_form_inner h4 { color: #000000 !important; text-align: center !important; font-size: 2.75em !important; line-height: 1.00em !important; margin-bottom: 20px !important; font-family: "arvobold", serif !important; font-weight: 300 !important; }
				.home .brown #can_embed_form #can_embed_form_inner h4, 
				.home .brown_2 #can_embed_form #can_embed_form_inner h4, 
				.archive .brown #can_embed_form #can_embed_form_inner h4, 
				.archive .brown_2 #can_embed_form #can_embed_form_inner h4 { color: #000000 !important; } 
				body #can_embed_form #can_embed_form_inner input[type=submit] { color: #ffffff !important; }

/* RESPONSIVENESS
#####################
We're trying to resize fonts / line-heights relatively in em! 
So the base above of the main css rules will still trigger a resize. 
But with this here they will proportionally go with. 
*/ 
	
/** all beneath tablet portrait size (iPad) */
@media (max-width: 767px) {
	
	
	body, html { }
	
	header.bloginfo .title { padding-top: 4px; opacity: 0.85; -webkit-opacity: 0.85; } 
	.blogtitle h1, .errortitle h1 { font-size: 2.00em !important; line-height: 1.00em; }
	.blogtitle .description, .errortitle .description, .cover .excerpt {    font-size: 1em !important; line-height: 1.25em; }
	
	body .cover .background { background-position: center top; }
		body.home .cover .background { /*background-position: right top;*/ }
		body.category-soziales-gerechtigkeit .cover .background { background-position: center top; }
		body.category-sicherheit-freiheit .cover .background { background-position: left top; }
		body.category-buch-wer-wir-sein-koennten .cover .background { background-position: right top; }
		
		
	.posttitle h1, .posttitle h2 { font-size: 1.55em !important; line-height: 1.25em; }
	.postcontents, .postcontents p, .postcontents ul, .postcontents ol, .postcontents .annotation .main p, .postlist article.format-status .content > p:first-child, .postitem .excerpt, .widget p { font-size: 1em !important; }
	
	.postlist .postitem h2.title, .postlist .postitem h2.title a { font-size: 1.25em; line-height: 1.25em; }
	.postlist .postlist-image { width: 100%; margin: 0 0 0 0; }
		.postlist .postlist-image img { width: 100%; max-width: 100%; margin: 10px 0 20px 0; }
	.postlist .postlist-text-with-image { width: 100%; display: block; }
	
	.postitem .excerpt { display: block !important; }
	
	.event-date { font-family: "arvobold"; font-weight: normal; font-size: 0.85em; letter-spacing: 1px; margin-bottom: 10px; display: inline-block; float: left; width: 100%; }
		body.post-type-archive .event-date { } 
			.event-date-icon { font-size: 1.25em; }
	
	footer.main { text-align: center; }
	footer.main #copyright_new { float: left; text-align: center; width: 100%; padding-bottom: 15px; }
	footer.main #footer_funx { width: 100%; text-align: center; float: left; padding: 60px 0 0 20px;  }
	.footer_menu { display: block; width: 100%; float: left; margin-left: 0px; margin-top: 0px; }
			.footer_menu ul { margin: 0 0 0 0; list-style: none; width: 100%; float: left; padding: 0 0 0 0; }
				.footer_menu ul li { list-style: none; position: relative; float: left; width: 100%; margin-right: 0px; color: #ffffff; line-height: 1em; padding: 10px 0px 5px 0px; }
				.footer_menu ul li::before { content: ""; display: none; width: 1px; position: absolute; top: -25%; left: 0px; background: #4b4b4b; height: 170%; }
					.footer_menu ul li a {  font-size: 1.25em ; line-height: 2em; }
					.footer_menu ul li a:hover {   }
}