/*
Theme Name: BTW 2013
Theme URI: https://tankred-schipanski.de/
Author: Tankred Schipanski
Author URI: https://tankred-schipanski.de/
Description: The theme for my campaign 2013.
Template: twentytwelve
Version: 0.1
License: Only for my own use
License URI: https://tankred-schipanski.de/
Tags: BTW 2013
Text Domain: btwonethree
*/

@import url("../twentytwelve/style.css");
@charset "utf-8";

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */

/* DELETE */
#colophon .site-info,
#colophon .site-info,
#infinite-footer .blog-credits,
img#wpstats, 
#post-11880 .faq-catname,
#post-8848 .faq-catname,
#post-9065 .entry-title,
.page-id-9065 #rev_slider_8_1_wrapper {
	display: none;
}

/* WINTER (div in header) 
body.custom-background {
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}
body .site {
	margin-top: 350px;
	margin-top: 25rem;
	margin-bottom: 175rem;
	margin-bottom: 12.5rem;
}
.weihnachten {
	display: block;
	height: 60px;
	width: 400px;
	position: absolute;
	top: 300px;
	font-size: 30px;
	font-size: 2.14285714rem;
	line-height: 0.7;
	font-weight: bold;
	color: #fff;
	margin-left: -10px;
}
.weihnachten .kleiner {
	font-size: 17px;
	font-size: 1.21428571rem;
	line-height: 1;
	font-weight: normal;
} */

/* COLOR */
a,
.site-header h1 a:hover,
.site-header h2 a:hover,
.entry-content a:visited,
.comment-content a:visited {
	color: #f49a00;
	text-decoration: none;
}
a:hover,
.main-navigation a:hover,
.entry-meta a:hover,
.template-front-page .widget-area .widget li a:hover,
.widget-area .widget a:hover,
a:visited:hover,
.entry-content a:visited:hover,
.comment-content a:visited:hover
span .hinweis {
	color: #e95d0f;
}
#infinite-footer .blog-info a:hover, #infinite-footer .blog-credits a:hover {
	color: #e95d0f;
	text-decoration: none;
}
.site-content article {
	border-bottom: 1px solid #ededed;
}
.site-content .page,
footer[role="contentinfo"] {
	border: none;
}

/* TEXT */
.archive-title, .page-title, .widget-title, .entry-content th, .comment-content th {
	font-size: 20px;
	font-size: 1.428571429rem;
	line-height: 1.2;
	font-weight: normal;
}
.privat,
.privat a,
.privat a:hover
.privat a:visited {
	color: #f00;
}
.wp-caption .wp-caption-text {
	margin: 0; !important
}

/* TOOLTIPP */
span.hinweis {
	cursor: help;
}

/* META */
a.post-edit-link::before { content:" | ";}


/* PICTURE */
.entry-page-image .wp-post-image, .widget img,  img.downloadicon {
	box-shadow: none; !important
}

/* BTW 2013 */
/*ul#menu-hauptmenu li.menu-item-11708 a {
	font-weight: bold;
	color: #f49a00;
}*/

/* MERKELBESUCH 2013 */
img#nobox, img.nobox, .wp-image-12173 {
	border-radius: 0;
	box-shadow: none;
}

/* JUNGE UNION */
body.custom-background.page-id-11855 {
	background-color: #7D8CAA;
}
.page-id-11855 #site-navigation {
	display: none;
}
.page-id-11855 a, .page-id-11855 a:hover {
	color: #FF9900;
}

/* POSITION */
.main-navigation {
	margin-top: 0;
	position: relative;
	z-index: 99;
}
.entry-content hr {
	clear: both;
}

/* MOBILE MENU AKTIVIERT */
.main-navigation ul.nav-menu.toggled-on li.menu-item-has-children {
	font-weight: bold;
}
.main-navigation ul.nav-menu.toggled-on li {
	font-weight: normal;
    margin-top: 12px;
    margin-top: 0.85714286rem;
}
.main-navigation ul.nav-menu.toggled-on ul.sub-menu {
	margin-bottom: 36px;
	margin-bottom: 2.57142857rem;
}

@media screen and (min-width: 600px) {
	
	/* .weihnachten {
		margin-left: 0;
	} */

	/* COLOR */
	.main-navigation ul li ul li a {
		background: #e4e2d2;
	}
	.main-navigation ul li ul li a:hover {
		background: #aaa98e;
	}
	
	/* TEXT */
	.archive-title, .page-title, .widget-title, .entry-content th, .comment-content th {
		font-size: 22px;
		font-size: 1.571428571rem;
	}

	/* MOBILE MENU NICHT AKTIV */
	.main-navigation ul.nav-menu.toggled-on li.menu-item-has-children {
		font-weight: normal;
	}
	.main-navigation ul.nav-menu.toggled-on li {
		font-weight: normal;
		margin-top: 24px;
		margin-top: 1.714285714rem;
	}
	.main-navigation ul.nav-menu.toggled-on ul.sub-menu {
		margin-bottom: 0;
	}
}

@media print {

	/* TEXT */
	.archive-title, .page-title, .widget-title, .entry-content th, .comment-content th {
		font-size: 21pt;
	}
}