/*
Theme Name: POSAUNENTRIO
Theme URI: http://www.pixelfis.ch
Author: pixelfis.ch
Author URI: http://www.pixelfis.ch
Description: Base design PXF
Version: 1.0

*/

/* prefix:

*/
@font-face {
    font-family:'Calluna-Regular';
    src: url('fonts/2A1E4A_6_0.eot');
    src: url('fonts/2A1E4A_6_0.eot?#iefix') format('embedded-opentype') , url('fonts/2A1E4A_6_0.woff') format('woff') , url('fonts/2A1E4A_6_0.ttf') format('truetype');
}


* {
    border:0px none;
    margin:0;
    padding:0;
}

img {
    display:block;
}

header , footer , nav , article , section , aside {
    display:block;	/* IE < 9 */
}

/* TEMP! */
#search ,
#archives ,
#meta ,
.site-info ,
.entry-meta ,
.entry-title 
{
    display:none;
}

.site-branding {
    display:none;
}


@media all {
    
    html , body {
	width:100%;
	height:100%;
    }
    
    body {
	font-family:'Calluna-Regular' , 'Book Antiqua' , Georgia , serif;
	font-size:100.01%;
	line-height:1.5;
	color:#202020;
	background-color:#eaeaea !important;
    }

    #page {
	position:relative;
	z-index:0;
	padding:0;
	margin:0 auto;
	width:880px;
	min-height:100%;
	height:auto;
	_height:100%;
	overflow:auto;
	overflow-x:hidden;
	background:#fafafa url('images/canvas-top.png') top center repeat-x;
	box-shadow:rgba(0,0,0,0.5) 5px 0px 35px;
	padding:0 40px;
    }
   /* .canvas-left {
	position:absolute;
	z-index:9;
	right:50%;
	top:0;
	margin:0 480px 0 0;
    }
    .canvas-right {
	position:absolute;
	z-index:9;
	left:50%;
	top:0;
	margin:0 0 0 480px;
    }*/
    
    .site-header {
	position:relative;
	z-index:1;
	top:0;
	left:-40px;
	width:960px;
	height:auto;
	margin:0 0 40px 0;
    }
    .site-presentation {
	position:relative;
	z-index:0;
	top:0;
	left:0;
	width:960px;
	height:auto;
	margin:0;
    }
    .site-presentation-substitute {
	height:180px;
    }
    .site-presentation img {
	width:100%;
	height:auto;
    }
    
    #content {
	margin:0;
	padding:0 0 10em 0;
    }
    
    #site-navigation {
	position:relative;
	top:0;
	left:0;
	width:960px;
	height:auto;
	background-color:#5a5a5a;
	border-top:#7a7a7a 1px solid;
	border-bottom:#3a3a3a 1px solid;
	text-align:center;
	box-shadow:rgba(0,0,0,0.5) 0px 3px 15px;
    }
    #site-navigation li {
	_float:left;
	_display:block;
	display:inline-block;
	list-style-type:none;
	padding:0.35em 1em 0.125em 1em;
	font-size:1.125em;
	font-weight:normal;
	color:#fff;
    }
    #site-navigation li a {
	text-decoration:none;
    }
    #site-navigation li.current_page_item {
	background:url('images/menu.png') center;
	background-size:cover;	
    }
    
    .site-footer {
	position:absolute;
	bottom:0;
	width:880px;
	margin:0;
	padding:1em 0;
	border-top:#707070 1px solid;
	text-align:center;
    }
    
    .logo {
	position:absolute;
	z-index:8;
	left:50%;
	top:35px;
	width:400px;
	height:auto;
	margin:0 0 0 -200px;
    }
    
    
/* clearing */
    .clearfix:after {
	    content: ".";
	    display: block;
	    clear: both;
	    visibility: hidden;
	    line-height: 0;
	    height: 0;
    }
     
    .clearfix {
	    display: inline-block;
    }
     
    html[xmlns] .clearfix {
	    display: block;
    }
     
    * html .clearfix {
	    height: 1%;
    }
 

/* SPECIAL */

    .skip-link {
	position:absolute;
	top:-1000px;
    
    }
    .screen-reader-text {
	display:none;
    }
    
    .search-query {
    }
    

/* FORMS */

    form {
	position:relative;
    }

    form sup {
	color:#c02020;	
    }

    p input , p textarea , label input , label textarea , td input , td textarea {
	font-size:1em;
    }

    input , input[type=submit] , textarea {
	font-family:inherit;
	border:1px solid #c0c0c0;
	-moz-border-radius:3px; ms-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px;
	border-radius:3px;
	padding:0.125em 0.25em;
	margin:0 0.5em 1em 0;
	vertical-align:top;
	width:auto;
	min-width:50%;
	height:2em;
	color:#707070;
	background-color:#fff;
    }
    textarea {
	height:auto !important;
	min-height:6em;
    }
    
    input[type=submit] {
	float:left;
	color:#fff;
	background-color:#a0a0a0;
	border:0px none;
	padding:0.5em 2em 0.35em 2em;
	margin-top:1em;
	height:auto;
	border-top:2px solid #c0c0c0;
	border-right:2px solid #808080;
	border-bottom:2px solid #808080;
	border-left:2px solid #c0c0c0;
	font-size:1.25em;
    }

    input:focus , textarea:focus {
	color:#303030;
	border-color:#303030;
    }

    input[type=submit]:focus , input[type=submit]:active {
	color:#fff;
	background-color:#707070;
	border-top:2px solid #505050;
	border-right:2px solid #909090;
	border-bottom:2px solid #909090;
	border-left:2px solid #505050;
    }
    
    span.wpcf7-not-valid-tip {
	position:static;
	clear:both;
	z-index:0;
	border:0px none;
	color:red;
	font-size:inherit;
	width:auto;
	margin:-0.5em 0 1em 0;
	padding:0;
	display:block;
    }
    
    span.wpcf7-not-valid-tip-no-ajax {
	color:red;
	font-size:inherit;
	display:block;
    }    

    div.wpcf7 img.ajax-loader {
	position:relative;
	top:1em;
	margin:0 0 1em 2em;
	width:1.5em;
	height:auto;
    }

    div.wpcf7-response-output {
	position:relative;
	clear:both;
	z-index:9;
	top:1em;
	left:0;
	width:auto;
	margin:2em auto;
	padding:0.25em 1em;
	background-color:#fff;
	background-color:rgba(255,255,255,0.95);
    }
	
	.form-acceptance input {
    min-width: 0;
    margin-right: 0.5em;
    margin-bottom: 0;
	margin-left:0;
    vertical-align: middle;
	}
    

/* TYPO */

    h1 {
	color:#c02020;
	font-size:2em; /* 32pt */
	line-height:1.25em;
	margin:0 0 0.75em 0;
	font-weight:normal;
    }
    h2 , h3 {
	color:#606060;
	margin:1em 0 0.5em 0;
	font-weight:normal;
    }
    h2 {
	font-size:1.5em;/* 28pt*/
	line-height:1.35em;
    }
    h3 {
	font-size:1.25em;
    }
    
    h4 , .teaser {
	font-size:1em;
	font-weight:bold;
	margin:0 0 0.75em 0;
    }
    
    p {
	font-size:0.875em; /* 14 pt */
	margin:0 0 0.5em 0;
    }
    
    ul , ol {
	margin:0 0 0.5em 0;
    }
    
    li {
	font-size:0.875em;
    }
  
    h1+h2 , h2+h2 , h3+h2 , h5+h2 , h6+h2 , h7+h2 {
	margin-top:0;
    }
    

    h1.entry-title {
	display:none;
    }
    
    a {
	color:inherit;
	_color:#202020;
	text-decoration:underline;
    }
    
    table {
	border-collapse:collapse;
	margin:1em 0;
	width:auto;
	border:0px none;
    }
    td {
	padding:0 1em 0 0;
	vertical-align:top;
    }
    
    strong , b {
	font-weight:bold;
    }
    
    em , i {
	font-style:italic;
    }

    .site-footer p {
	margin:0;
    }
    
    
/* MENU */

    #menu-main {
	margin-bottom:0;
    }

    #smart-navigation {
	position:absolute;
	z-index:19;
	width:90% !important;
	min-height:110px;
	height:50%;
  	text-align:center;
	margin:0 5% 2em 5% !important;
	padding:0;
	overflow:visible;
	display:none;
    }

    #smart-navigation #head-smart {
	position:relative;
	z-index:1;
	margin:20px auto 0 auto;
	padding:0.35em 2.5%;
	color:#fff;
	font-size:1.35em;
	width:auto;
	height:auto;
	background-color:#707070;
	text-align:center;
	-moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px;
	border-radius:3px;
    }
    
    .smart-navigation-fallback:hover .menu-smart-fallback {
	display:block !important;
    }

    #smart-navigation .menu-smart , #smart-navigation .menu-smart-fallback {
	position:static;
	z-index:0;
	top:0;
	width:95%;
	padding:2em 2.5% 1em 2.5%;
	background-color:#fff;
	background-color:rgba(255,255,255,0.95);
	border-bottom:2px solid #e0e0e0;
	display:none;
	overflow:visible;
    }

    #smart-navigation .menu-smart li {
	position:static;
	font-size:1.125em;
	margin:0;
	padding:0.35em 0;
	list-style-type:none;
	text-decoration:none;
	background:transparent none;
    }

    #smart-navigation .menu-smart .children {
	margin:0;
	padding:0.5em 0;
    }

    #smart-navigation .menu-smart .children .children {
	display:none !important;
    }

    #smart-navigation .menu-smart .children li {
	margin:0 0 0 1em;
	font-size:1em;
	padding:0.25em 0;
    }

    #smart-navigation a {
	text-decoration:none !important;
    }
    
    #smart-navigation .menu-smart li.current_page_item > a {
	color:#c02020; !important;
	font-weight:bold !important;
    }
  

    
/* ETC */    

    hr {
	margin:0;
	border:0px none;
	clear:both;
    }

    .wp-caption {
	margin:1em 0;
	text-align:center;
	color:#8a8a8a;
    }
    .wp-caption img {
	margin:0 0 0.5em 0;
	border:1px solid #eaeaea;
    }
    
    .wp-caption.alignleft {
	float:left;
	margin-right:2em;
    }
    .wp-caption.alignright {
	float:right;
	margin-left:2em;
    }
    
    .pixelfisch {
	margin:2em 0 1em 0;
	width:160px;
	height:auto;
    }

}


/* TABLET / SMALL SCREENS */
@media screen and (max-device-width: 980px) ,
screen and (max-width: 1000px) {

    html , body {
	height:auto;
    }
   
    body {
	background:#fafafa none;
    }

    #page {
	position:relative;
	z-index:0;
	padding:0;
	margin:0;
	width:100%;
	min-height:0;
	height:auto;
	overflow:auto;
	overflow-x:auto;
	background:transparent none;
	box-shadow:none;
	padding:0;
    }

    .site-header {
	left:0;
	width:100%;
	margin-left:0;
    }
    .site-presentation {
	width:100%;
	margin:-20px 0 0 0;
    }
    
    #content {
	position:relative;
	margin:0 5% 2em 5%;
	width:90%;
	padding:0;
    }
    
    #site-navigation {
	width:100%;
	box-shadow:rgba(0,0,0,0.75) 0px 3px 15px;
    }
    #site-navigation li {
	padding:0.35em 0.75em 0.125em 0.75em;
    } 

    .site-footer {
	position:relative;
	top:0;
	width:90%;
	margin:0;
	padding:1em 5%;
    }
    
}


/* TABLET ONLY (LANDSCAPE) / HUGE SCREENS */
@media screen and (max-device-width:980px) {
    body {
	font-size:125%;
    }
    
} 
@media screen and (min-width:1280px ) {
    body {
	font-size:115%;
    }
}
    
    
/* TABLET ONLY (PORTRAIT) */
/* SMALLER TBALETS / PHONES */
@media screen and (max-device-width:980px) and (orientation:portrait) , screen and (max-device-width:720px) {

    body {
	font-size:120%;
    }    
}

@media screen and (max-device-width:980px) and (orientation:portrait) , screen and (max-device-width:720px) , screen and (max-width:720px) , print {
   
    #content {
	-webkit-hyphens:auto !important;
	-moz-hyphens: auto !important;
	-o-hyphens: auto !important;
	-ms-hyphens:auto !important;
	hyphens:auto !important;
    }
    
    h1 br , h2 br , h3 br {
	display:none;
    }

    .site-presentation {
	margin-top:6em;
	box-shadow:rgba(0,0,0,0.75) 0px 5px 35px;
    }
    .site-presentation-substitute {
	height:5em;
    }
    
    #site-navigation {
	display:none;
    }
    
    .logo {
	position:relative;
	top:20px;
	left:0;
	margin:0 auto;
	max-width:90%;
    }
    
    .wp-caption , .wp-caption.alignleft , .wp-caption.alignright {
	position:relative;
	margin:2em auto 1em auto !important;
	max-width:640px !important;
	float:none !important;
    }
    .wp-caption img {
	width:100% !important;
	height:auto;
    }

    input , input[type=submit] , textarea {
	width:99%;
	height:2.5em;   
    }
    
    div.wpcf7-response-output {
	margin:-2em 0 2em 0;
    }
    
    #smart-navigation {
	display:block;
    }
    
    .footer-element.generic-only {
	display:none;
    }
	
	#catapult-cookie-bar .ctcc-inner {
        display:block;
    }
    #catapult-cookie-bar .ctcc-left-side , #catapult-cookie-bar .ctcc-right-side {
        font-size:0.75em;
        display:block;
        float:none !important;
        text-align:center;
    }
    button#catapultCookie , #catapult-cookie-bar a {
        margin:0.5em auto !important;
        display:block;
    }
    
}



/* SMALLEST SCREENS */
@media screen and (max-device-width:540px) , screen and (max-width:540px) {
    
    
    .wp-caption , .wp-caption.alignleft , .wp-caption.alignright {
	max-width:100% !important;
    }
    
}


@media screen and (max-device-width:540px) and (orientation:portrait) , screen and (max-width:480px) {

    table, thead, tbody, tfoot, th, td, tr {
	padding-top:0.5em;
	padding-right:0;
	display:block;
    }
    tr + tr {
	margin-top:0.5em;
    }

    .footer-element {
	display:block;
    }
    .footer-dots {
	display:none;
    }
    
    h1 {
	font-size:1.375em;
    }
    h2 , h3 {
	font-size:1.125em;
    }
    
    .site-presentation {
	overflow-x:hidden;
    }
    .site-presentation img {
	width:115%;
	margin-left:-7.5%;
    }
}


@media print {
    
    #smart-navigation , .search-form {
	display:none;	
    }

}