/*
	Theme Name: JUSO Theme
	Description: JUSO Theme aufgabaut auf HTML5 Blank WordPress Theme neu mit Logo-Support über den Customizer
	Version: 0.3.0
	Author: Angelo Zehr | @angelozehr
	Author URI: http://www.angelozehr.sg/
	Tags: JUSO, HTML5, CSS3
	
	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/


/*------------------------------------*\
    PRELOADING IMAGES
\*------------------------------------*/

#preload-00 { background: url('img/karte/leer.png') no-repeat -9999px -9999px; }
#preload-01 { background: url('img/karte/aargau.png') no-repeat -9999px -9999px; } 
#preload-02 { background: url('img/karte/appenzell.png') no-repeat -9999px -9999px; }
#preload-03 { background: url('img/karte/basel-land.png') no-repeat -9999px -9999px; }
#preload-04 { background: url('img/karte/basel-stadt.png') no-repeat -9999px -9999px; }
#preload-05 { background: url('img/karte/bern.png') no-repeat -9999px -9999px; }
#preload-06 { background: url('img/karte/fribourg.png') no-repeat -9999px -9999px; }
#preload-07 { background: url('img/karte/genf.png') no-repeat -9999px -9999px; }
#preload-08 { background: url('img/karte/glarus.png') no-repeat -9999px -9999px; }
#preload-09 { background: url('img/karte/graubuenden.png') no-repeat -9999px -9999px; }
#preload-10 { background: url('img/karte/jura.png') no-repeat -9999px -9999px; }
#preload-11 { background: url('img/karte/luzern.png') no-repeat -9999px -9999px; }
#preload-12 { background: url('img/karte/neuenburg.png') no-repeat -9999px -9999px; }
#preload-13 { background: url('img/karte/nidwalden.png') no-repeat -9999px -9999px; }
#preload-14 { background: url('img/karte/obwalden.png') no-repeat -9999px -9999px; }
#preload-15 { background: url('img/karte/st-gallen.png') no-repeat -9999px -9999px; }
#preload-16 { background: url('img/karte/schaffhausen.png') no-repeat -9999px -9999px; }
#preload-17 { background: url('img/karte/schwyz.png') no-repeat -9999px -9999px; }
#preload-18 { background: url('img/karte/solothurn.png') no-repeat -9999px -9999px; }
#preload-19 { background: url('img/karte/thurgau.png') no-repeat -9999px -9999px; }
#preload-20 { background: url('img/karte/tessin.png') no-repeat -9999px -9999px; }
#preload-21 { background: url('img/karte/uri.png') no-repeat -9999px -9999px; }
#preload-22 { background: url('img/karte/valais.png') no-repeat -9999px -9999px; }
#preload-23 { background: url('img/karte/wallis.png') no-repeat -9999px -9999px; }
#preload-24 { background: url('img/karte/waadt.png') no-repeat -9999px -9999px; }
#preload-25 { background: url('img/karte/zug.png') no-repeat -9999px -9999px; }
#preload-26 { background: url('img/karte/zuerich.png') no-repeat -9999px -9999px; }



/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
body {
	font:300 11px/1.4 'Supria', Verdana, sans-serif;
	color:#333;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}
.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:inherit;
	text-decoration:none;
	border-bottom: 1px solid #000;
}
a:hover {
	color:#FC1610;
	text-decoration: none;
	border-color:#FC1610;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
a.at300b {
	border-width:0px;
}
blockquote {
	font-family: 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
	font-weight: 700;
	font-size: 130%;
	font-style: italic;
	color:#333;
	margin:2rem;
}
.single img.attachment-post-thumbnail {
	border-top:15px solid #FC1610;
}
.first-article {
	margin-bottom: 4rem;
}
.first-article img {
	border-top:10px solid #FC1610;
}
.post.col-md-3 img {
	border-top:5px solid #FC1610;	
}
.excerpttitle {
	padding-left: 50px;
	background: url(img/dash.png) left no-repeat;
	background-position-y: 2px;
	padding-right: -50px;
}
.float-right {
	float:right;
}
.float-left {
	float:left;
}

img.attachment-article-feature {
	margin-top: 29px;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
body { 
	padding-bottom: 120px; 
}

/* header */
.header {
	margin-top: 20px;
}
#languagelinks a {
	border:none;
}
/* logo */
.logo {
	
}
.logo-img {
	
}
.icon-white {
	color:#FFF;
}
.highlighted {
	color:#FFF;
	background: #FC1610;	
}
footer {
	padding-top:10px;
	font-size: 80%;
	position:fixed;
	bottom: 0px;
	width: 100%;
	background: #000;
	height:72px;
}
footer ul {
	padding-left:0px;
}
footer ul li {
	color: #FFF;
}
footer ul li a {
	color: #FFF;
}
footer ul li {
	display: inline-block;
	padding-right:40px;
	vertical-align: top;
}
footer ul li:nth-of-type(4) {
	min-width: 130px;
}
.social-icon {
	height:30px;
	width:auto;
}
footer strong, nav, .dropdown-menu li {
	font-family: "Helvetica Neue", Verdana;
	text-transform: uppercase;
	font-weight: 700;
}
.search-input {
	padding:1px;
	font-family: "Helvetica Neue", Verdana;
	font-weight: 700;
	height:25px;
}

.post.col-md-12 {
	margin-bottom: 4rem;
}
.post.col-md-4 .excerpttitle {
	font-size: 1.25rem;
}
.more-link {
	font-weight: bold;
	display:inline-block;
}
.post-edit-link {
	background: #FC1610;
	color: white;
	padding: 2px 5px;
	display: inline-block;
	border:none;
}
.post-edit-link:before, .more-link:before { 
	content: "> " 
}
.post-edit-link:hover {
	background: #000;
	color: white;
}
.sidebar {
	margin-top: 10px;
	border-left:1px solid #ccc;
}
.sidebar h6:first-child {
	margin-top:0px;
}

.widget_em_widget, .widget_text_icl, .widget_recent_entries {
	margin-bottom: 30px;
}
.widget_em_widget ul {
	list-style-type: none;
	padding-left: 0px;
}
.comments {
	margin-top: 4rem;
}

div.comments {
	display: none;
}

#switzerland_map {
	overflow: hidden;
	background-size: cover;
}

#contentwrap{
	margin-top: 28px;
	padding-bottom: 30px;
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/

.author .author {
	display:none;
}

#about-the-author {
	background:#CCC;
}

#about-the-author p {
	margin-top: 1rem;
}

#about-the-author img {
	float:left;
	margin:1rem;
	border:0.5rem white solid;
}

body.kontakt .page ul {
	padding-left:0px;
}
body.kontakt .page ul li {
	list-style-type: none;
	padding-bottom:15px;
}
#sektionen-contact {
	height:200px;
}
.sektionen-links {
	padding-left: 0px;
}

.sektionen-links li {
	list-style: none;
	cursor: pointer;
}

.sektionen-links li:hover {
	color:#FFF;
	background: #FC1610;	
}

/*------------------------------------*\
    PETITION
\*------------------------------------*/

.dk-speakup-petition-wrap {
	background-color: #FFF;
	border: 1px solid black;
	border-radius: 0px;
	box-shadow: none;
	font-family: 'Supria';
	padding: 0;
	text-shadow: none;
	width: 100%;
}
.dk-speakup-petition-wrap * {
	font-family: 'Supria' !important;
}
.dk-speakup-petition-wrap h3 {
	background: #FFF;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	box-shadow: none;
	color: #000 !important;
	font-family: 'Helvetica Neue';
	letter-spacing: normal;
	margin: 0 0 0 0 !important;
	padding: 2% 5%;
	text-shadow: none;
	text-transform: uppercase;
	font-size: 1.5rem;
	font-weight: 700;
}
.dk-speakup-readme {
	background: #fff;
	border-bottom: 0;
}
.dk-speakup-submit {
	background: #FC1610;
	border-radius: 0px;
	border: 0;
	box-shadow: none;
	cursor: pointer;
	display: inline-block;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 2.4em;
	margin-top: 0;
	position: relative;
	text-shadow: none;
	width: 90%;
}
.dk-speakup-submit:hover {
	background: #000;
}

/*------------------------------------*\
    DISPLAY-POSTS
\*------------------------------------*/

.display-posts-listing .listing-item {
    clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: 0px;
	margin-left: 0px;
}

.display-posts-listing img {
    float: left;
    margin: 0 20px 20px 0;
}

.display-posts-listing .title {
	font-size: 150%;
	font-style: bold;
	font-weight: bold;
}


/*------------------------------------*\
    IMAGES
\*------------------------------------*/

.facebook-link, .twitter-link, .youtube-link, .flickr-link, .cart-link {
	display: inline-block;
	min-width:30px;
	border-width:0px;
}

body.kontakt .page li.facebook-link, body.kontakt .page li.twitter-link, body.kontakt .page li.youtube-link, body.kontakt .page li.flickr-link, body.kontakt .page li.cart-link {
	display: inline-block;
	min-width:30px;
	border-width:0px;
}

/*------------------------------------*\
	FONTS
\*------------------------------------*/


@font-face {
	font-family: 'Supria';
	src: url('fonts/supria-sans-light-latin-1.eot');
	src: local('☺'), url('fonts/supria-sans-light-latin-1.woff') format('woff'), 
	url('fonts/supria-sans-light-latin-1.ttf') format('truetype'), 
	url('fonts/supria-sans-light-latin-1.svg') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Supria';
	src: url('fonts/supria-sans-bold-latin-1.eot');
	src: local('☺'), 
	url('fonts/supria-sans-bold-latin-1.woff') format('woff'), 
	url('fonts/supria-sans-bold-latin-1.ttf') format('truetype'), 
	url('fonts/supria-sans-bold-latin-1.svg') format('svg');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Helvetica Neue';
	src: url('fonts/HelveticaNeueLTStd-BdCnO.eot');
	src: local('☺'), 
	url('fonts/HelveticaNeueLTStd-BdCnO.woff') format('woff'), 
	url('fonts/HelveticaNeueLTStd-BdCnO.ttf') format('truetype'), 
	url('fonts/HelveticaNeueLTStd-BdCnO.svg') format('svg');
	font-weight: 700;
	font-style: italic;
}

@font-face {
	font-family: 'Helvetica Neue';
	src: url('fonts/HelveticaNeueLTStd-BdCn.eot');
	src: local('☺'), 
	url('fonts/HelveticaNeueLTStd-BdCn.woff') format('woff'), 
	url('fonts/HelveticaNeueLTStd-BdCn.ttf') format('truetype'), 
	url('fonts/HelveticaNeueLTStd-BdCn.svg') format('svg');
	font-weight: 700;
	font-style: normal;
}


/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/


/***** Screen 960px *****/

body, html								{ font-family: 'Supria', sans-serif; font-size: 100%; color:#000; }

*										{ font-size:1rem; line-height:1.4rem; font-weight: 300; }

a, span, pre, p, li, em, strong			{ font-weight: inherit; font-size: inherit; line-height: inherit; }
strong 									{ font-weight: 700; }


h1, h2, h3, h4, h5, h6 {
										font-family: 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
										color: #000;
										font-weight: 700;
										line-height: 110%; 
										margin:1em 0 0.5em; 
										padding:0;
										line-height:110%; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a 		{ border:none; }

h1 										{ font-size:2.25rem; font-style: italic; text-transform: uppercase; }
h2										{ font-size:2rem; text-transform: uppercase; }
h3 										{ font-size:2rem; text-transform: uppercase; }
h4 										{ font-size:1.75rem; }
h5 										{ font-size:1.50rem; }
h6 										{ font-size:1.25rem; }

.single h2, .single h3, .single h4, .single h5, .single h6
							 			{ margin-top:0.2rem; margin-bottom:0.1rem; }

.post.col-md-4 p						{ font-size:80%; line-height: 140%; }

.small									{ font-size:0.6rem; text-transform: uppercase; letter-spacing: 0.1rem; font-weight: 700; }
.small a 								{ border:none; }

footer ul li							{ font-size:90%; }


/***** lg *****/
@media only screen and (min-width:1200px) {

body, html								{ font-size: 120%; }

}

/***** md *****/
@media only screen and (min-width: 992px) and (max-width: 1199px) {

body, html								{ font-size: 100%; }

}

/***** sm *****/
@media only screen and (min-width: 768px) and (max-width: 991px) {

body, html								{ font-size: 80%; }

.sidebar 								{ border-left-width: 0px; }
body 									{ padding-bottom:0px; }
footer 									{ position: static; height: auto; }

h1, h2, h3	 							{ font-size:1.9rem; }

}
	
/***** xs *****/
@media only screen and (max-width: 767px) {

body, html								{ font-size: 80%; padding:0px; }

.sidebar 								{ border-left-width: 0px; }
body 									{ padding-bottom:0px; }
footer 									{ position: static; height: auto;  }

h1, h2, h3	 							{ font-size:1.9rem; }

}


/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background: rgba(200, 0, 0, 0.5);
	color: white;
}

::-moz-selection {
	background: rgba(200, 0, 0, 0.5);
	color: white;
}
::-webkit-selection {
	background: rgba(200, 0, 0, 0.5);
	color: white;
}
   
/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/
   
.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {
	
}
.bypostauthor {
	
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}