/*
Theme Name: Bistum Chur
Theme URI: http://clickwerk.ch
Description: WordPress Theme für das Bistum Chur.
Author: <a href="http://www.clickwerk.ch/">Clickwerk AG</a>
Version: 1.0
*/

* {
	margin:0;
	padding:0;
	outline:none;	
}

body {
	font:14px Droid Sans,Verdana, sans-serif;
	color:#606060;
	background:url(images/bg-top.jpg) repeat-x #e8e8e8;
}

header, footer {
	display:block;	
}

/*
Container
====================
*/

#container {
	position:relative;
	max-width:1190px;
	margin:0 auto;	
}

/*
Main Container
====================
*/

#main-container {
	position:relative;
	max-width:960px;
    width:100%;
    float:left;
	border-top:5px solid #FFD700;
	border-bottom:5px solid #FFD700;
	background:#fff;
}

/*
Shadows
--------------------
*/

.shadow-left, .shadow-right {
	display:block;
	width:30px;
	height:900px;
	position:absolute;
	top -200px;	
}

.shadow-left {
	left:-30px;
	background: url(images/shadow-left.png) no-repeat;
}

.shadow-right {
	right:-30px;
	background: url(images/shadow-right.png) no-repeat;
}

/*
Header
--------------------
*/

header {
	position:relative;
	background:#e8e8e8;
}

header img.logo {
	display:none;	
}

header .image {
	float:right;	
}

#logo {
	position:absolute;
	display:block;
	width:256px;
	height:80px;
	top:39px;
	left:30px;
	background:url(images/logo.png) no-repeat;
}

#menu-hauptmenue {
	float:left;
	margin-bottom:40px;
	border-bottom:1px solid #e8e8e8;
}

#menu-hauptmenue > li {
	list-style:none;
	float:left;	
}

#menu-hauptmenue > li > a {
	display:block;
	padding:13px 26px 11px 26px;
	font-size:13px;
	color:#303030;
	text-decoration:none;
	border-right:1px solid #e8e8e8;	
}

#menu-hauptmenue > li > a:hover,
#menu-hauptmenue .sub-menu li a:hover {
	background:#FFD700;	
}

#menu-hauptmenue > .current-menu-item > a,
#menu-hauptmenue > .current-menu-parent > a {
	background:#e8e8e8;	
}

#menu-hauptmenue li:hover .sub-menu {
	display:block;
}

#menu-hauptmenue .sub-menu {
	display:none;
	width:250px;
	padding:30px;
	z-index:100;
	position:absolute;
	background:#fff;
	-webkit-box-shadow: 0px 4px 2px .3px rgba(0, 0, 0, 0.2);
	box-shadow:0px 4px 2px .3px rgba(0, 0, 0, 0.2);
}

#menu-hauptmenue .sub-menu li {
	list-style:none;
}

#menu-hauptmenue .sub-menu .current-menu-item a {
	background:#e8e8e8;
}

#menu-hauptmenue .sub-menu li a {
	display:block;
	padding:11px 0 11px 15px;
	font-size:13px;
	color:#303030;
	text-decoration:none;
	border-bottom:1px solid #e8e8e8;
}

#menu-hauptmenue .sub-menu li:first-child a {
	border-top:1px solid #e8e8e8;
}

/*
Search
--------------------
*/

#search {
	position:relative;
	width:250px;
	height:27px;
	padding:12px 0 0 30px;
	float:left;
	border-bottom:1px solid #e8e8e8;
}

#searchbox {
	width:158px;
	font-family:Droid Sans, Verdana, sans-serif;
	font-style:italic;
	border:none;
}

#search-submit {
	position:absolute;
	width:18px;
	height:18px;
	right:30px;
	top:19px;
	border:none;
	cursor:pointer;
	background:url(images/magnifier.png) no-repeat right;
}

/*
Content
====================
*/

/*
Left
--------------------
*/

#menu-nebenmenue {
	width:279px;
	float:left;
	margin:46px 31px 0 0;
}

#menu-nebenmenue li {
	list-style:none;	
}

#menu-nebenmenue > li:last-child > a {
	border-bottom:1px solid #e8e8e8;	
}

#menu-nebenmenue > .current-menu-item:last-child > a {
	border-bottom:none;	
}

#menu-nebenmenue > li > a {
	display:block;
	padding:13px 26px 11px 26px;
	font-size:13px;
	color:#303030;
	text-decoration:none;
	border-top:1px solid #e8e8e8;		
}

#menu-nebenmenue > li > a:hover {
	background:#FFD700;	
}

#menu-nebenmenu > .current-menu-item > a {
	padding-left:21px;	
}

#menu-nebenmenue > .current-menu-item,
#menu-nebenmenue > .current-menu-parent,
#menu-nebenmenue > .current-menu-ancestor  {
	border-left:5px solid #FFD700;
}

#menu-nebenmenue > .current-menu-item a:hover,
#menu-nebenmenue > .current-menu-parent a:hover {
	color:#303030;
	background:none;	
}

#menu-nebenmenue .current-menu-item .sub-menu,
#menu-nebenmenue .current-menu-parent .sub-menu,
#menu-nebenmenue .current-menu-ancestor .sub-menu,
#menu-nebenmenue .current-menu-item .sub-menu .sub-menu,
#menu-nebenmenue .current-menu-parent .sub-menu .sub-menu,
#menu-nebenmenue .current-menu-ancestor .sub-menu .sub-menu {
	display:block;	
}

#menu-nebenmenue .sub-menu{
	display:none;
	border-top:1px solid #e8e8e8;
	padding:6px 0 0 30px;	
}

#menu-nebenmenue .sub-menu li {
	border:none;	
}

#menu-nebenmenue .sub-menu li a {
	display:block;
	padding:13px 33px;
	font-size:13px;
	color:#303030;
	text-decoration:none;	
	border-bottom:1px solid #e8e8e8;
}

#menu-nebenmenue .sub-menu li .sub-menu {
	display:none;	
}

#menu-nebenmenue .sub-menu .current-menu-item .sub-menu,
#menu-nebenmenue .sub-menu .current-menu-parent .sub-menu {
	display:block;	
}

#menu-nebenmenue .sub-menu li:last-child a {	
	border:none;
}

#menu-nebenmenue .sub-menu li a:hover,
#menu-nebenmenue .sub-menu .current-menu-item a,
#menu-nebenmenue .sub-menu .current-menu-parent > a,
#menu-nebenmenue .sub-menu .current-menu-item .sub-menu li a:hover {
	background:#e8e8e8;
}

#menu-nebenmenue .sub-menu .current-menu-item .sub-menu li a {
	background:#fff;	
}

.menu-item-1032, .menu-item-1641 {
    display:none !important;
}

/*
Right
--------------------
*/

a img {
	border:none;	
}

.right {
	width:600px;
	min-height:600px;
	float:left;	
	padding-right:50px;
}

.right h2 {
	width:100%;
	margin-bottom:25px;
	padding-bottom:21px;
	border-bottom:1px solid #e8e8e8;
	/*font-family:Droid Serif, Verdana, sans-serif;*/
}

.content p {
	margin-bottom:20px;	
	line-height:21px;
}

.content ul, .content ol {
	margin:0 0 20px 15px;
}

.content ul li {
    list-style-type:square;
}

@-moz-document url-prefix() {
    .content ul li span { display:block; }
    footer { margin-bottom:0 !important; }
    .copyright { padding-bottom:33px; }
}

.content ul li, .content ol li {
	margin-bottom:8px;
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom:5px;
	/*font-family:Droid Serif, Verdana, sans-serif;*/
	color:#303030;
}

.content h2 {
	margin-bottom:5px;
	padding:0;	
	border:none;
}

.content a {
	color:#000;
	text-decoration:underline;	
}

.content a:active {
	background:none;	
}

.content p a:active {
	position:relative;
	top:1px;	
}

.content .alignleft {
	float:left;
	margin-right:15px;	
}

.content .alignright {
	float:right;
	margin-left:15px;	
}

/* Copyright */

.copyright {
	display:block;
	padding:20px 0 63px 20px;
	font-size:12px;	
}

/*
Posts
--------------------
*/

.home .right h2, .category .right h2 {
    margin-bottom:0;   
}

.post {
    display:table;
    padding:12px;
	border-bottom:1px solid #e8e8e8;
}

.post .date {
	width:65px;
	float:left;	
	margin-right:20px;
	text-align:center;
}

.post .date p {
	/*font-family:Droid Serif, Verdana, sans-serif;*/
	color:#909090;
}

.post .date .day {
	font-size:14px;
    font-weight:bold;
}

.post .date .month, .post .date .year {
	font-size:12px;	
}

.post .content {
	width:495px;
	float:left;	
}

h3.postTitle {
    display:table-cell;
    width:570px;
    vertical-align:middle;
}

h3.postTitle a {
	font-size:14px;
	color:#303030;
	text-decoration:none;
}

.post .more-link {
	display:block;
	margin-top:16px;
	color:#FFD700;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	text-decoration:none;	
}

.single-date {
	font-style:italic;
	color:#909090;
	margin-bottom:5px;
}

/*
Footer
====================
*/

footer {
	max-width:960px;
	margin-bottom:-94px;
    padding-bottom:30px;
}

footer .links {
	width:920px;
	margin:0 auto;	
}

footer .links li {
	float:left;
	margin-right:30px;
	list-style:none;
}

footer .links li:last-child {
	margin:0;	
}

footer .links li a {
	display:block;
}

footer .links li a:hover {
	opacity:0.7;
}

a#vatican {
	width:95px;
	height:28px;
	background:url(images/vatican.png) no-repeat;	
}

a#chance-kirchenberufe {
	width:164px;
	height:28px;
	background:url(images/chance-kirchenberufe.png) no-repeat;	
}

a#jahr-des-glaubens {
	width:203px;
	height:28px;
	background:url(images/jahr-des-glaubens.png) no-repeat;	
}

a#vaticanum-2 {
	width:110px;
	height:28px;
	background:url(images/vaticanum-2.png) no-repeat;	
}

a#jugendbischof {
	width:116px;
	height:28px;
	background:url(images/jugendbischof.png) no-repeat;	
}

/*
Sidebar
====================
*/

.sidebar {
	width:210px;	
	float:left;
    margin:163px 0 0 20px;
}

/*
Widgets
--------------------
*/

.widget {
	margin-bottom:20px;
	padding:28px 20px 10px 20px;
	list-style:none;
	background:#fff;
	-webkit-box-shadow: 0px 4px 2px .3px rgba(0, 0, 0, 0.2);
	box-shadow:0px 4px 2px .3px rgba(0, 0, 0, 0.2);	
}

.widget h2 {
	margin-bottom:17px;
	/*font-family:Droid Serif, Verdana, sans-serif;*/
	font-size:12px;
	color:#303030;
}

.widget p, .textwidget {
	font-size:12px;
	color:#606060;
	line-height:18px;
}

.widget p {
	margin-bottom:15px;	
}

.widget_sp_image img {
	height:auto;
	margin-bottom:15px;	
}

.widget_text h2 {
	margin-bottom:15px;	
}

/*
WP-Paginate
====================
*/

.wp-pagenavi {
    margin-top:20px;
	/*font-family:Droid Serif;*/
}

.wp-pagenavi {
	font-size:12px;	
}

.wp-pagenavi .page, .wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink {
	padding:0;
	border:none;
	background:none;
	color:#000;
    text-decoration:none;
}

.wp-pagenavi .page:hover, .wp-pagenavi .previouspostslink:hover, .wp-pagenavi .nextpostslink:hover {
	background:none;
	text-decoration:underline;

}

.wp-pagenavi span, .wp-pagenavi a {
	margin-right:4px;
}

/*
WooCommerce
====================
*/

h1.page-title {
	width:100%;
	margin-bottom:25px;
	padding-bottom:21px;
	border-bottom:1px solid #e8e8e8;
	/*font-family:Droid Serif, Verdana, sans-serif;*/
	font-size:21px;
	color:#303030;
}

.woocommerce-result-count {
	display:block;
	float:left;
}

.woocommerce-ordering {
	float:right;
	margin-top:-5px;
}

.woocommerce .products {
	padding-top:30px;
	clear:both;	
}

.woocommerce .products li {
	position:relative;
	min-height:150px;
	margin-bottom:30px;
	padding:0 0 30px 0;
	list-style:none;
	border-bottom:1px solid #e8e8e8;
	background:none;
	clear:both;
}

.woocommerce .products li.product {
   width: 100% !important;
   float: none !important;
}

.woocommerce .products li a.fancybox {
   width: 150px;
   float: left;
}

.woocommerce .products li img {
   width: 150px !important;
	float:left;
	margin-right:15px;
}

.woocommerce ul.products li.product h3 {
	margin:0 0 0 165px !important;
}

.woocommerce .products h3 a {
	color:#303030;	
}

.woocommerce .products li a {
	display:block;
	text-decoration:none;
}

.woocommerce .products li h2 {
	display:none;	
}

.woocommerce .products li p {
	display:block;
	width:276px;
	margin:0 0 20px 165px;
}

.woocommerce .products li .button {
	position:absolute;
	bottom:30px;
	right:0;
	padding:5px;
	color:#000;
	background:#FFD700;
}

.woocommerce .products li .amount {
	position:absolute;
	bottom:66px;
	right:0;	
}

.woocommerce .products li .price ins {
	text-decoration:none;
}

.woocommerce .products li .price ins .amount {
	color:green;
	font-weight:bold;
}

.woocommerce .products li .price del .amount {
	margin-bottom: 20px;
	text-decoration: line-through;
}

.woocommerce .products li .button:active {
	bottom:29px;	
}

.woocommerce .products li .added_to_cart {
	display:inline-block;
	padding:5px;
	color:#000;
	background:#FFD700;
}

.woocommerce .products li .added_to_cart:active {
	position:relative;
	top:1px;
}

.woocommerce .onsale {
    color:#FFD700;
}

/*
Mini Cart
--------------------
*/

.page-numbers li {
	list-style:none;
	float:left;
	margin-right:5px;	
}

.product_list_widget li {
	position:relative;
	margin-bottom:10px;
	font-size:12px;
	list-style:none;	
}

.product_list_widget li img {
	margin-right:5px;	
}

.product_list_widget li img, .product_list_widget li .productTitle   {
	float:left;	
}

.product_list_widget li .quantity {
	position:absolute;
	bottom:0;
}

.woocommerce .buttons a {
	display:inline-block;
	margin-top:5px;
	padding:3px;
	color:#000;
	text-decoration:none;	
	background:#FFD700;
}

.woocommerce .buttons a:active {
	position:relative;
	top:1px;
}

/*
Cart
--------------------
*/

table.cart, .cart_totals table {
	width:100%;	
	border-spacing:0;
}

.cart thead tr {
	height:50px;	
}

.cart tbody tr {
	height:50px;	
}

.product-thumbnail {
	width:55px;	
}

.product-name, .product-price, .product-subtotal {
	width:23%;
}

.qty {
	width:31%;	
}

.product-remove a.remove {
	display:block;
	width:13px;
	height:17px;
	background:url(images/remove.png) bottom no-repeat;
}

.product-remove a.remove:active {
	position:relative;
	top:1px;
}

input[name=update_cart], input[name=proceed] {
	font-family:Droid Sans, Verdana, sans-serif;
	padding:5px;
	color:#000;
	background:#FFD700;
	border:none;	
	cursor:pointer;
}

input[name=update_cart]:active, input[name=proceed]:active {
	position:relative;
	top:1px;
}

.cart_totals {
	margin-top:14px;	
}

.cart_totals table th, .cart_totals table td {
	padding:10px 0;
	border-bottom:1px solid #e8e8e8;	
}

.cart_totals .cart-subtotal th, .cart_totals .shipping th {
	font-weight:normal;	
}

.woocommerce-message {
	font-style:italic;	
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
   width: 60% !important;
}

/*
Checkout / Kasse
--------------------
*/

#customer_details h3 {
	margin-bottom:16px;	
}

#customer_details label {
	display:block;
	width:145px;
	float:left;
}

#billing_address_1_field {
	width:314px;
	float:left;	
}

#order_comments_field textarea {
	width:427px;
	height:200px;	
	padding:3px;
	font-family:Droid Sans, Verdana, sans-serif;
}

.shop_table th, .shop_table td {
	height:27px;
	vertical-align:middle;
	border-bottom:1px solid #e8e8e8;	
}

.woocommerce .payment_methods {
	margin-top:30px;	
}

.woocommerce .payment_methods li {
	padding:0;
	background:none;	
}

.place-order input[type=submit] {
	font-family:Droid Sans, Verdana, sans-serif;
	padding:5px;
	color:#000;
	background:#FFD700;
	border:none;	
	cursor:pointer;
}

.place-order input[type=submit]:active {
	position:relative;
	top:1px;
}

.checkout input {
	padding:3px;
}

#order_comments_field textarea {
   width: 100% !important;
}

.woocommerce-checkout #payment ul.payment_methods li {
   list-style: none !important;
}

/*
Order Details
--------------------
*/

.order_details {
	margin-bottom:20px;	
}

dl.customer_details {
	margin-bottom:20px;	
}

dl.customer_details dt {
	float:left;
}

dl.customer_details dd {
	margin-bottom:5px;
}

/*
Single Product
--------------------
*/

.single-product .images {
	width:200px;
	float:left;	
}

.single-product .summary {
	float:left;	
	margin-left:30px;
}

.single-product p[itemprop=price] {
	display:block;
	margin-bottom:15px;	
}

.single-product .quantity {
	width:180px;	
	margin-bottom:15px;
}

.single-product .description_tab {
	display:none;	
}

.single_add_to_cart_button {
	font-family:Droid Sans, Verdana, sans-serif;
	margin-bottom:15px;
	padding:5px;
	color:#fff;
	background:#FFD700;
	border:none;
}

.single-product .entry-content {
	margin-left:230px;	
}

.single-product .entry-content h2 {
	margin-bottom:15px;
	padding-bottom:15px;	
}

/*
Mobile
====================
*/

.mobile {
	display:none;
	height:40px;
	background-color: #FFD700;
	padding: 5px 6%;
}

.mobile-navi-button {
	float:right;
	display:block;
	width:40px;
	height:40px;
	cursor:pointer;
}

.mobile-navi {
	display:none;	
}

#mobile-nav-main, #mobile-nav-side {
	padding:10px 6% 10px 6%;
	color:#fff;
	background:#FFD700;	
}

#mobile-nav-main li, #mobile-nav-side li {
	margin-bottom:10px;
	list-style:none;
}

#mobile-nav-main li a, #mobile-nav-side li a {
	display:block;
	padding:5px;
	color:#000;
	text-decoration:none;
	background:#fee147;
}

#mobile-nav-main li .sub-menu, #mobile-nav-side li .sub-menu {
	margin:10px 0 0 15px;
}

/*
Contact Form 7
====================
*/

.wpcf7-form input, .wpcf7-form select, .wpcf7-form textarea {
	padding:5px;	
}

.wpcf7-form textarea {
	font-family:Droid Sans, Verdana, sans-serif;	
}

.wpcf7-form .wpcf7-submit {
	display:block;
	padding:5px;
	color:#fff;
	text-decoration:none;
	border:none;
	background:#FFD700;	
	cursor:pointer;
}

.wpcf7-form .wpcf7-submit:active {
	position:relative;
	top:1px;
}

/*
Classes
====================
*/

.hide, .rd {
	display:none;	
}

.clear {
	clear:both;	
}

/*
Media
=======================
*/

@media (max-width:1190px) {
    .sidebar { width:100%; margin:30px 0 0 0; }
	.container { width:100%; }
	#main-container { margin:0 auto; }
	footer { max-width:100%; }
    footer { margin-bottom:30px; }
}

@media (max-width:976px) {
	#main-container { border-top:none; }	
	.menu-hauptmenue-container, .menu-nebenmenue-container, #search, .shadow-left, .shadow-right, .post .date p:nth-child(-n+3) { display:none; }
	.mobile, .mobile-navi .menu-hauptmenue-container, .mobile-navi .menu-nebenmenue-container, .mobile-date { display:block; }
	#menu-hauptmenue > li {	float:none;	}
	#menu-hauptmenue { margin:0 auto; }
	#logo { position:relative; top:0; left:0; margin:0 auto 20px auto; }
	#logo, header img { float:none; }
	header img { width:100%; }
	header { padding-top:20px; text-align:center; }
	div.right { width:90%; padding:2% 5%; }
	.post { display:block; margin-bottom:15px; padding-bottom:17px; text-align:left; }
	.post .content { width:100%; }
	.right h2 { margin:10px 0 10px 0; padding-bottom:16px; }
	.post .date { width:100%; margin:0; float:none; text-align:left; }
	.post .mobile-date { margin-top:5px; font-style:italic; }
	.day, .month { float:left; margin-bottom:5px; font-family:Droid Sans, Verdana, sans-serif !important; }
	h3.postTitle { margin-left:0; }
	.woocommerce-result-count, .woocommerce-ordering { float:none; margin:0; }
	.woocommerce-result-count { margin-bottom:10px; }
	.woocommerce .products li p { width:100%; margin-left:0; }
	.woocommerce .products li .amount, .woocommerce .products li .button { position:relative; display:block; margin-bottom:10px; bottom:0; }
	.woocommerce .products li .price del .amount { margin-bottom:10px; }
	.woocommerce .products li .button { display:inline-block; }
	.woocommerce .products li .button:active { top:1px; bottom:0; }
	#billing_address_1_field { width:auto; float:none; margin-bottom:10px; }
	#order_comments_field textarea { width:100%; }
	#customer_details label { float:none; }
	footer { padding:0 5%; }
	footer .links { width:100%; }
	footer .links li, footer .links li:last-child { margin-top:10px; }
}

@media (max-width:560px) {
	th.product-thumbnail, th.product-quantity, td.product-thumbnail, td.product-quantity { display:none; }
	.product-price, .product-subtotal { width:30%; }
	.product-name { width:40%; }
    .post a img { width:100%; height:auto; }
}