/*
	Theme Name: SP Kanton St. Gallen
	Theme URI: http://www.sp-sg.ch/
	Description: Individuelles Theme für die SP des Kanton St.Gallen
	Version: 1.0
	Author: Angelo Zehr
	Author URI: http://www.angelozehr.sg/
	Tags: HTML5, CSS3
	
	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/


/*------------------------------------*\
    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;
}

/* clear */
.clear-right:before, .clear-left:before,
.clear-right:after, .clear-left:after {
    content:' ';
    display:table;
}
.clear-right:after {
    clear:right;
}
.clear-left:after {
    clear:left;
}
.clear-right, .clear-left {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
.max-img {
	min-width: 100%;
	height: auto;
}
a {
	text-decoration:none;
	border-bottom: 1px solid;
}
a img {
	border:none;
}
a:hover, a:focus, a:active {
	text-decoration:none;
	cursor: pointer;
	outline:0;
}
a < img { border-width: 0px; }
a img:parent { border-width: 0px; }
a.at300b {
	border-width:0px;
}
input:focus {
}
address {
	font-style: normal;
	font-size:80%;
}
.quote, blockquote, blockquote p, q {
	color: black;
	font-size:2rem;
	border:none;
}
.red {
	color:#e4022d;
}
h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
	border-width:0px;
}

pre {
	font-family: 'NimbusSansNovusW01-Ligh 885906';
	display: block;
	padding: 9.5px;
	margin: inherit;
	font-size: 0.9rem;
	line-height:1rem;
	line-height: inherit;
	word-break: break-all;
	word-wrap: break-word;
	color: #111;
	background-color: #f5f5f5;
	border: none;
}

hr {
	background-color:#7c929d;
	height:1px;
	border-bottom:1px solid #FFF;
}

label {
	font-size: 1rem;
}

.ninja-forms-field-error, .ninja-forms-error-msg {
	color: #e4022d;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

body {
	background: #e8eced url('img/bglogo.png');
	background-position: center -1150px;
	background-size: 1600px;
	background-repeat: no-repeat;
}

.shift-up {
	margin-top:-4rem;
}

.shift-down {
	margin-top:4rem;
}

.text-right {
	text-align:right;
}

.float-left {
	float: left;
}

.slogan {
	color:#999;
	text-transform: uppercase;
	font-family: "Replica-Regular";
	font-size: 1.3rem;
	padding-top:36px;
}

.mail-link, .facebook-link, .twitter-link, .youtube-link, .flickr-link {
	border-width:0px;
}
.social-icon {
	height:30px;
	width:auto;
	border-width:0px;
}

.underline {
	border-bottom:1px solid !important;
}

.main {
	margin-top:20px;
}

.menu {
	padding-bottom: 30px;
}

.menu ul {
	padding-left: 0px;
	margin-top: 40px;
	list-style: none;
}

.menu ul li {
	display: inline-block;
	float:left;
	text-transform: uppercase;
	font-family: 'ReplicaBoldRegular';
	padding-right:25px;
}

.menu ul a {
	color:#FFF;
	border-width:0px;
}

.menu ul a:hover {
	border-bottom:1px solid;
}

.post-image {
	background: no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding-left:0px;
	padding-right:0px;
}
.main-title {
	margin-top:1rem;
}
.single .sidebar {
	padding-top:4rem;
}
.sidebar .menu {
	list-style: none;
	padding-left:0px;
	padding-right: 30px;
}
.sidebar .menu li a {
	color:#788c97;
	text-transform: uppercase;
	font-family: "NimbusSansNovusW01-Semi";
	display: block;
	padding-top:7px;
	font-size: 1.1rem;
	letter-spacing: 1px;
}
.sidebar .menu li a:hover {
	color:#404f53;
}

#menu-side-menu li a img {
	padding-top: 15px;
}

.bx-pager-link {
	border-bottom-width:0px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background:#CCC;
}

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

#sektionenliste {
	list-style: none;
}
#sektionenliste a {
	border-width:0px;
	color:inherit;
	line-height:1.5rem;
}
#sektionenliste a:hover {
	border-bottom: 1px solid;
}

#some-links p a img, #more-links p a img {
	height:24px;
	width:auto;
}
#some-links p a, #more-links p a, #magazin-links p a {
	border-bottom-width:0px;
	color:inherit;
}
#some-links p a:hover, #more-links p a:hover, #magazin-links p a:hover {
	border-bottom-width:1px;
	color:inherit;
}

hr.spacer {
	background:none;
	border:none;
	margin:1rem;
}
hr.spacer-4 {
	background:none;
	border:none;
	margin:2rem;
}
hr.spacer-8 {
	background:none;
	border:none;
	margin:4rem;
}
hr.spacer-12 {
	background:none;
	border:none;
	margin:6rem;
}

.event.Sitzung {
	display: none;
}

.event.Sitzung h1, .event.Sitzung h2, .event.Sitzung h3, .event.Sitzung h4, .event.Sitzung h5, .event.Sitzung h6, .event.Sitzung p, .event.Sitzung .small {
	font-size:90%;
	text-transform: none;
}

.post-edit-link {
	background: #e4022d;
	color: white;
	padding: 2px 5px;
	display: inline-block;
	border:none;
}
.post-edit-link:hover {
	color:white;
	text-decoration: underline;
}
.post-edit-link:before { 
	content: "> " 
}

.ninja-forms-required-items {
	font-size: 0.9rem;
}

#single-content .panel-title, .panel-title {
	margin-top:0px;
}
.panel-heading a {
	color: inherit;
	border:0;
	text-decoration: none;
}

/*------------------------------------*\
    BROWSERS
\*------------------------------------*/

@-moz-document url-prefix() {
    
	

}

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

#sp-vor-ort, .hide-please {
	display: none;
}
.home #sp-vor-ort, .home .hide-please {
	display:block;
}

#blog-list {
	list-style: none;
}

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

@font-face {
    font-family: 'ReplicaBoldRegular';
    src: url('fonts/repbd___.eot');
    src: url('fonts/repbd___.eot') format('embedded-opentype'),
         url('fonts/repbd___.woff') format('woff'),
         url('fonts/repbd___.ttf') format('truetype'),
         url('fonts/repbd___.svg#ReplicaBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Replica-Regular";
    src: url('fonts/816375733-Replica-Regular.eot');
    src: url('fonts/816375733-Replica-Regular%EF%B9%96.eot#iefix') format('embedded-opentype'),
	    url('fonts/816375733-Replica-Regular.svg#Replica-Regular') format('svg'),
	    url('fonts/816375733-Replica-Regular.woff') format('woff'),
	    url('fonts/816375733-Replica-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face{
	font-family:"NimbusSansNovusW01-UltL 885900";
	src:url("fonts/9b14d7e7-e16c-4f12-ac40-a9d44014bffd%EF%B9%96.eot#iefix");
	src:url("fonts/9b14d7e7-e16c-4f12-ac40-a9d44014bffd%EF%B9%96.eot#iefix") format("eot"),
		url("fonts/af98d2ce-5c4d-4295-8d0f-0f3b83f2ca4b.woff") format("woff"),
		url("fonts/5902351d-e70f-44a8-92ed-fac2af8062f2.ttf") format("truetype"),
		url("fonts/03ed77db-bc99-4b0e-9806-8f03e8b9347f.svg#03ed77db-bc99-4b0e-9806-8f03e8b9347f") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face{
	font-family:"NimbusSansNovusW01-UltL 885903";
	src:url("fonts/5f146170-e403-478b-a191-4b51df1d781e%EF%B9%96.eot#iefix");
	src:url("fonts/5f146170-e403-478b-a191-4b51df1d781e%EF%B9%96.eot#iefix") format("eot"),
		url("fonts/ab8aeee2-f9e1-4073-aa99-0be2dc5e1c1f.woff") format("woff"),
		url("fonts/e5228e2c-a5db-4a55-b50d-d0df7684b4cb.ttf") format("truetype"),
		url("fonts/53b865cb-68e7-48e4-aadc-83dd5722ff54.svg#53b865cb-68e7-48e4-aadc-83dd5722ff54") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face{
	font-family:"NimbusSansNovusW01-Ligh 885906";
	src:url("fonts/33e5671f-c09c-4358-9d5b-f73ab5efe410%EF%B9%96.eot#iefix");
	src:url("fonts/33e5671f-c09c-4358-9d5b-f73ab5efe410%EF%B9%96.eot#iefix") format("eot"),
		url("fonts/e13304eb-e376-4603-a460-2da742ef32c7.woff") format("woff"),
		url("fonts/623ac272-ce5c-4f56-ad91-5b77b1a1d897.ttf") format("truetype"),
		url("fonts/cbdfc510-d50a-44e9-bab7-482b8a043757.svg#cbdfc510-d50a-44e9-bab7-482b8a043757") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face{
	font-family:"NimbusSansNovusW01-Ligh 885909";
	src:url("fonts/579eece4-3fab-4fd5-b8d0-914458dbb15e%EF%B9%96.eot#iefix");
	src:url("fonts/579eece4-3fab-4fd5-b8d0-914458dbb15e%EF%B9%96.eot#iefix") format("eot"),
		url("fonts/b72cedbc-27bd-40c9-8b6b-edad931e8178.woff") format("woff"),
		url("fonts/e784160c-5c03-4f90-abd2-ed323de52d7d.ttf") format("truetype"),
		url("fonts/9b9dd019-752d-46a5-a018-787ca7384c94.svg#9b9dd019-752d-46a5-a018-787ca7384c94") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face{
	font-family:"NimbusSansNovusW01-Regu";
	src:url("fonts/119d833e-f515-47f9-8890-5bca8a332305%EF%B9%96.eot#iefix");
	src:url("fonts/119d833e-f515-47f9-8890-5bca8a332305%EF%B9%96.eot#iefix") format("eot"),
		url("fonts/f52ee4f1-ad08-4a96-83f2-7dcdb315a5fc.woff") format("woff"),
		url("fonts/c936c5b1-1b3e-4f96-9326-41f50f71c801.ttf") format("truetype"),
		url("fonts/aab1212b-6261-4d32-a94a-e2ea48603eac.svg#aab1212b-6261-4d32-a94a-e2ea48603eac") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face{
	font-family:"NimbusSansNovusW01-Ital";
	src:url("fonts/957ae98c-3206-4b3d-986f-ada1b7e3e707%EF%B9%96.eot#iefix");
	src:url("fonts/957ae98c-3206-4b3d-986f-ada1b7e3e707%EF%B9%96.eot#iefix") format("eot"),
		url("fonts/b9c9e77a-0fe2-4080-a3cd-2d4dbdd9cbfe.woff") format("woff"),
		url("fonts/0609fb71-2182-4825-8894-db58fe0715a5.ttf") format("truetype"),
		url("fonts/632318ac-4ad4-4d59-9367-84ed163f10bb.svg#632318ac-4ad4-4d59-9367-84ed163f10bb") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face{
	font-family:"NimbusSansNovusW01-Semi";
	src:url("fonts/ec472e9d-0d1c-4072-9c36-814f101ba853%EF%B9%96.eot#iefix");
	src:url("fonts/ec472e9d-0d1c-4072-9c36-814f101ba853%EF%B9%96.eot#iefix") format("eot"),
		url("fonts/b99b0e22-f896-4186-b72e-098f8c8c4aa5.woff") format("woff"),
		url("fonts/5993968d-1df4-42f7-bdbc-7beb4ffbdd6b.ttf") format("truetype"),
		url("fonts/29b5c74e-988b-4494-80b7-71befb4d9de7.svg#29b5c74e-988b-4494-80b7-71befb4d9de7") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face{
	font-family:"NimbusSansNovusW01-SmBd 885933";
	src:url("fonts/a9abff56-b51d-4157-bc74-b2e260532139%EF%B9%96.eot#iefix");
	src:url("fonts/a9abff56-b51d-4157-bc74-b2e260532139%EF%B9%96.eot#iefix") format("eot"),
		url("fonts/21b2912a-4786-47b3-84ac-b6ed08e7b932.woff") format("woff"),
		url("fonts/82038eda-7173-467f-905d-d5bc354ba012.ttf") format("truetype"),
		url("fonts/92dbab5e-d91e-40f5-955e-c6615c24d18a.svg#92dbab5e-d91e-40f5-955e-c6615c24d18a") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face{
	font-family:"NimbusSansNovusW01-Cn";
	src:url("fonts/7b253cd8-98bb-4415-be27-0a5a63129902%EF%B9%96.eot#iefix");
	src:url("fonts/7b253cd8-98bb-4415-be27-0a5a63129902%EF%B9%96.eot#iefix") format("eot"),
		url("fonts/2a497ae4-f89b-4b1b-ad1c-1cfd857ae1c4.woff") format("woff"),
		url("fonts/e401f8ec-bbca-4721-ba0a-3ae71adf6e0d.ttf") format("truetype"),
		url("fonts/5e0a064d-4ec6-4427-a57c-faff18da6d04.svg#5e0a064d-4ec6-4427-a57c-faff18da6d04") format("svg");
    font-weight: normal;
    font-style: normal;
}

/*------------------------------------*\
	RESPONSIVE
\*------------------------------------*/

p, li, td								{ font-size: 1rem; letter-spacing: 0px; font-weight: 300; font-style: normal; }

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

h1 										{ margin-top: 0em; font-size:1.75rem; font-weight: normal; font-style: normal; }
h2										{ font-size:1.5rem; font-weight: normal; font-style: normal; }
h3 										{ font-size:1.5rem; font-weight: normal; font-style: normal; }
h4 										{ font-size:1.25rem; font-weight: normal; font-style: normal; }
h5 										{ font-size:1.25rem; font-weight: normal; font-style: normal; }
h6 										{ font-size:1rem; font-weight: normal; font-style: normal; }

#single-content strong, #single-content b { font-family: "NimbusSansNovusW01-Semi"; font-weight: normal; }
#single-content em, #single-content i 	{ font-family: "NimbusSansNovusW01-Ital"; font-style: normal; }

.small, small							{ text-transform: uppercase; letter-spacing: 0.1rem; font-size:0.75rem; }
 
#single-content h1, #single-content h2, #single-content h3, #single-content h4, #single-content h5, #single-content h6
							 			{ margin-top:2.5rem; margin-bottom:0.25rem; font-weight: normal; }

#content-container h2:first-child {
	margin-top:-3px;
}


/* xs */
@media (max-width: 767px) { 

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

body 									{ background-position: center -520px; background-size: 768px; }
.menu ul 								{ margin-top: 10px }
.slogan 								{ font-size: 1rem; }
.logo-small 							{ width:50px; height:auto; margin-top:10px; }

.single .post .wp-caption,
.single .post .wp-caption img			{ min-width:100%; height:auto; }

hr.spacer 								{ margin:0.25rem; }
hr.spacer-4 							{ margin:0.5rem; }
hr.spacer-8 							{ margin:0.75rem; }
hr.spacer-12 							{ margin:1rem; }

#sektionenliste 						{ margin-top: 0px; }
#sektionenliste ul 						{ padding-left: 0px; }
#sektionenliste li						{ font-size:0.75rem; line-height:1rem; }

}


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

body 									{ background-position: center -675px; background-size: 1000px; }

}


/* md */
@media (min-width: 1025px) and (max-width: 1280px)  { 

body 									{ background-position: center -915px; background-size: 1300px; }

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

}

/* lg */
@media (min-width: 1281px) { 

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

}					


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

::selection {
	background:rgba(228, 2, 45, 0.75);
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:rgba(228, 2, 45, 0.75);
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:rgba(228, 2, 45, 0.75);
	color:#FFF;
	text-shadow:none;
}
   
/*------------------------------------*\
    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 {
	border-bottom:1px solid #444;
	width:100%;
	margin-top:5px;
	text-align:center;
	overflow: visible;
}
.wp-caption.alignleft {
	margin-left:0px;
}
.wp-caption.alignright {
	margin-right:0px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	padding-top:10px;
	padding-bottom:10px;
	min-width:100%;
	height: 100%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:75%;
	margin:-5px 0 5px;
}
.sticky {
	
}
.bypostauthor {
	
}