/*
 Theme Name:   Tatami Child for HSC
 Template:     tatami
 
*/

@import url("../tatami/style.css");


/* #############################
###### EIGENE ANPASSUNGEN ######
*/

/* ######## FARBEN ########## 

rot: #e2001a
dunkel blau: #397CA7

############################*/

body { 
	/*background: #f4f4f4 !important;*/ 
	color: #333538;
	max-width: 1260px;  
	padding: 0 10px;
}

a:hover {color: #333538 !important; }

hr { 
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #ccc;
	}

table td { border-top-color: #dcdcdc; }
table  { border-bottom-color: #dcdcdc; }
	
#site-header { 
	position: relative !important;
}

.site-title h2.description { padding-top: 0; }
.site-title { margin-bottom: 20px; }
#site-header h2.rounded { display: none; }

.site-title a.logo {
	max-height: 100px;
	margin-top: 70px;
}

.js .off-canvas-nav { position: absolute; }
.js .sidebar-button, .js .menu-button { background-color: #619fd2; }


/* Datum und Kategerie ausblenden */
.entry-meta { display: none; }


.main-nav { background: #fff;}
.main-nav .menu-item a:hover, .main-nav ul li a:hover { background: #dfdfdf; }

/* In Hauptnavi children nicht anzeigen */
nav.main-nav li ul { display: none; }
.menu-item-has-children.current_page_item ul { display: block; }
.current_page_ancestor ul  { display: block !important; }
.sub-menu .current_page_item  a  { color: #e2001a !important; }




#content .page {
	background-color: #edeff0;
	padding: 0 20px 20px 20px !important;
}


.entry-content a.more-link {
	text-transform: none;
}

.slideshow_container { display: none; }


.site-footer {
	/*background: #eaeaea;*/
	border-bottom: 1px dotted #ccc;
	color: #333538;
	margin-top: 80px;
	padding: 0 20px; 
}
.site-footer .credit a { 
	color: #e2001a;
	display: inline-block;
	/*font-size: 16px;*/
	margin-bottom: 20px;
	font-style: normal;
	text-decoration: underline; 
}

.footerwidgets .widget h3.widget-title { 
	border-bottom: 1px solid #d5d5d5;
	color: #333538; 
}

.footerwidgets ul.sociallinks li a.twitter {
	background: rgba(0, 0, 0, 0.2) url(../tatami/images/socialicons.png) 0 0 no-repeat;
}
ul.sociallinks li a.twitter:hover {
	background: #00a0d1 url(../tatami/images/socialicons.png) 0 0 no-repeat;
}
.footerwidgets ul.sociallinks li a.facebook {
	background: rgba(0, 0, 0, 0.2) url(../tatami/images/socialicons.png) -35px 0 no-repeat;
}
ul.sociallinks li a.facebook:hover {
	background: #3B5998 url(../tatami/images/socialicons.png) -35px 0 no-repeat;
}
.footerwidgets ul.sociallinks li a.googleplus {
	background: rgba(0, 0, 0, 0.2) url(../tatami/images/socialicons.png) -70px 0 no-repeat;
}
ul.sociallinks li a.googleplus:hover {
	background: #db4a39 url(../tatami/images/socialicons.png) -70px 0 no-repeat;
}


/* Schlagwörter */
.footerwidgets .widget_tag_cloud a {
	background-color: #c4c4c4;
	color: #fff;
	text-transform: uppercase;
}


/* ########## Schrift ########## */
.entry-header h1.entry-title,
.entry-header h2.entry-title a { color: #e2001a; }




/* ########## NAVIGATION ########## */
.sidebar-left .menu li:nth-child(4), .sidebar-left .menu li:nth-child(9) {
    /*border-bottom: 20px solid #f4f4f4;*/
    margin-top: 37px;
    border-top: 1px solid #e6e6e6;
}
.sidebar-left .menu ul li:nth-child(4), .sidebar-left .menu ul li:nth-child(9) { /* fix für sub Menu */
    /*border-bottom-width: 1px; */
    border-top-width: 0px;
    margin-top: 0;
}
.sidebar-left .menu ul ul li a { 
	color: #333538; 
	padding-left: 10px; 
	/*text-transform: uppercase;*/
	}
.main-nav .children li a:hover { color: #e2001a; } 

/*.main-nav .sub-menu .menu-item, .main-nav .children li { margin-left: 29px; }*/
.main-nav .sub-menu .menu-item a, .main-nav .children li a { 
	padding-left: 22px; 
	background: transparent url(images/hyphen.png) no-repeat 5px;
}
.main-nav .sub-menu .sub-menu .menu-item a { 
	padding-left: 38px;
	background: transparent url(images/hyphen.png) no-repeat 22px;
}
.main-nav .menu-item, .main-nav ul li { 
	text-transform: none;
}



/* #################### SIDEBAR RIGHT #################### */

#s, .main-nav .sub-menu .menu-item a, .main-nav .children li a, .entry-meta a, .entry-meta ul li.entry-comments:before, .author-details p.author-links a, #comments #respond p.comment-note a, #comments #respond p.logged-in-as a, #respond a#cancel-comment-reply-link, #comments h3.comments-title span a, #comments .comment-content ul li.comment-time, #comments .comment-content ul li.comment-time a, #comments .comment-content ul li.comment-edit, #comments .comment-content ul li.comment-edit a, #comments .comment-content p.comment-reply a, .pingback a.comment-edit-link, .widget ul li a, .format-image .entry-content p.wp-caption-text, #nav-single a, #nav-below a, .previous-image a, .next-image a, #comment-nav a, .widget_twitter ul.tweets li a.timesince {
	color: #333538;
}
.widget h3.widget-title { color: #333538; }

/*-----------------------------------------------------------------------------------*/
/*	Main Navigation
/*-----------------------------------------------------------------------------------*/
.widget_nav_menu {
	overflow:hidden;
	background:#fff;
}
.widget_nav_menu .menu-item,
.widget_nav_menu ul li {
	width: auto;
	float: none;
	border-bottom:1px solid #e6e6e6;
	text-transform:uppercase;
	font-size:14px;
	font-size:0.875rem;
	line-height:1.5;
}
.widget_nav_menu ul li:first-child {
	border-top:1px solid #e6e6e6;
}


.widget_nav_menu .menu-item a,
.widget_nav_menu ul li a {
	color:#333538;
	display: block;
	padding: 8px 30px 8px 10px;
	text-transform: none;
	-webkit-transition:.2s background ease;
		-moz-transition:.2s background ease;
		  -o-transition:.2s background ease;
		 -ms-transition:.2s background ease;
			  transition:.2s background ease;
}
.widget_nav_menu .menu-item a:hover,
.widget_nav_menu ul li a:hover {
	background:#fff;
	font-weight:normal !important;
}
.widget_nav_menu ul li.menu-item {
	padding-bottom: 0;
}
.widget_nav_menu .menu-item a:hover, .widget_nav_menu ul li a:hover {
	background: #dfdfdf;
}




/* ########## WIDGET NAV ########## */
.widget_nav_menu ul li.menu-item {
	font-size: 14px;
	font-size: 1.4rem;
}



.site-footer a.top { background: url(images/top.png) 50% 0 no-repeat; }
#footer-sidebar-2 .widget { padding-left: 0; padding-right: 0; } 

/*.js .menu-button { background-color: #5692c4 !important; }
.js .sidebar-button { background-color: #6ea3cf !important; }*/
.js .menu-button { background-color: #397CA7 !important; }
.js .sidebar-button { background-color: #397CA7 !important; }
.off-canvas-nav, .js .off-canvas-nav {
	/*background: #5692c4 url(images/bg_header.jpg) no-repeat !important;*/
	background: #397CA7 !important;
}

.entry-content a.more-link {
	color: #e2001a;
	text-transform: none;
	white-space: nowrap;
}



article.format-standard, article.format-image, article.format-aside {
	/*background-color: #f4f4f4;*/
	background-color: #edeff0;
}

article.format-standard .entry-header h1 { padding-left: 30px; }
article.format-standard .entry-content {
	padding: 0 30px 40px 30px;
	/*padding: 0 20px 40px 20px;*/
}

.entry-content blockquote, #comments blockquote { background-color: #fff; }

/* ########## NEXTGEN Gallery ########## */
.ngg-gallery-thumbnail img { border-width:0 !important; padding: 0 !important; }
.ngg-gallery-thumbnail img:hover { 
	border-width: 0 !important; 
	opacity: 0.7;
}






/* ############# Schriftgröße ÄNDERN ############### */
html { font-size: 14px; font-size: 62.5%; } 
body { font-size: 14px; font-size: 1.4rem; } /* =14px */

#content .wpcf7 input.wpcf7-text, #content .wpcf7 textarea { font-size: 14px; font-size: 1.4rem; } 

.entry-content a.more-link, .widget a.more-link {
	font-size: 14px; font-size: 1.4rem;
}


.entry-content p, .entry-summary p { font-size: 100%; }

#commentform input#author, #commentform input#email, #commentform input#url, #content .wpcf7 input.wpcf7-text {
	width: 95%;
}

.entry-header h1.entry-title, .entry-header h2.entry-title, h2 {
	font-size:20px;
	font-size:2rem;
}

.main-nav .menu-item, .main-nav ul li,
.widget ul li, .widget,
#s {
	font-size: 100%;
}

h1 {
	margin: 1rem 0;
	font-size:20px;
	font-size:2rem;
}
h2 {
	margin: 1rem 0;
	font-size:18px;
	font-size:1.8rem;
}
h3 {
	margin: 0.8em 0;
	font-size:16px;
	font-size:1.6rem;
}
.format-aside .entry-header h2.entry-title {
	font-size:18px;
	font-size:1.8rem;	
	margin: 0 0 1rem 0;
	padding:0;
}
.single-format-aside .entry-header h1.entry-title {
	font-size:18px;
	font-size:1.8rem;	
}

.widget_tag_cloud a, .archive-tags a {
	font-size:11px !important;
	font-size:1.1rem !important;
}

article.format-aside { padding: 20px; }


.widget h3.widget-title {
	font-size:16px;
	font-size:1.6rem;	
}

.entry-content a.more-link, .widget a.more-link {
	font-weight: normal !important;
	letter-spacing: 0;
}

.footerwidgets .widget h3.widget-title {
	font-size:18px;
	font-size:1.8rem;
}

.site-footer, #nav-single { 
	font-size: 14px;
	font-size: 1.4rem; 
}

td, .frm-newsletter th, .frm-newsletter option, .frm-newsletter input {
	font-size: 14px;
	font-size: 1.4rem; 
}

.frm-newsletter .standard-btn.small-btn { 
	border-width: 0; 
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: normal; 
}
.frm-newsletter td { border-top-width: 0; }


.entry-content h2 a { text-decoration: none; text-transform: uppercase; }

.entry-content blockquote p, .single-post .entry-content blockquote p, #comments blockquote p {
	font-size: 14px;
	font-size: 1.4rem; 
}

#nav-single, #nav-below, .wp-pagenavi  {
 	font-size: 14px;
	font-size: 1.4rem;
}
#nav-single a, #nav-below a, .wp-pagenavi  a { color: #e2001a; }

/* ############# ABSTÄNDEN ÄNDERN ############### */

.main-nav .menu-item a, .main-nav ul li a {
	padding: 8px 10px;
}


.main-nav .sub-menu .menu-item, .main-nav .children li {
	margin: 0 30px 0 8px;
}

/* ############# POST FORMATS ############### */
.single-format-image .entry-header { display: block; }
.format-image .entry-content p:first-child, .format-video .entry-content p:first-child {
	line-height: inherit;
}

.format-aside h2 { margin-top: 0; }

/* ############# EASY TEMPLATES ############### */

.fctextpichome .fcimg img { display: block; width: 100%; }
.fctextpichome .fcimg, .fctextpichome .fctxt {
	display: block;
}

.fctextpichome .fcimg {
	/*float: left; */
	/*margin-right: 25px;*/  
}
.fctextpichome .fctxt {
	/*padding: 15px 3% 15px 3%;*/
	padding: 15px 20px 15px 20px;
}
.fctextpichome .fctxt h1, .fctextpichome .fctxt h2, .fctextpichome .fctxt h3 {
	margin-top: 0;
	}
	.format-image .fctextpichome p {
		padding: 0 !important;
	}

/* ############# POST Styles ############### */


.tag-news_style2 .fctextpichome .fcimg {
	width: 31%;
	border-right: 10px solid #fff;
}


.post, .content-wrap .page, .type-attachment {
	margin-bottom: 30px;
}

.entry-content, .entry-summary { padding: 0; }

.fctextpichome .fctxt { padding: inherit 20px; }



/* ############# META BOX ############### */
/*.page-template-page-termine td, .page-template-page-jugend-termine td { white-space: nowrap; }*/
.page-template-page-termine td.col2, .page-template-page-termine td.col3,
.page-template-page-jugend-termine td.col2, .page-template-page-jugend-termine td.col3 { white-space: nowrap; }
.page-template-page-termine td.col1, 
.page-template-page-jugend-termine td.col1 { padding-left: 10px; }
.page-template-page-termine td.col2, .page-template-page-termine td.col3, 
.page-template-page-jugend-termine td.col2, .page-template-page-jugend-termine td.col3 
{ border-left: 1px solid #ddd; padding-left: 10px; }
.page-template-page-termine tr:nth-child(odd),
.page-template-page-jugend-termine tr:nth-child(odd) { background-color:#eee; }
.page-template-page-termine tr:nth-child(even),
.page-template-page-jugend-termine tr:nth-child(even) { background-color:#fff; }
.page-template-page-termine tr td.mheader,
.page-template-page-jugend-termine tr td.mheader { background-color:#fff; }
.page-template-page-termine table,
.page-template-page-jugend-termine table { border-bottom: 1px solid #ddd; }
.page-template-page-termine .mheader, .page-template-page-jugend-termine .mheader { 
	padding-left: 10px; font-weight: bold; 
	font-size: 16px; font-size: 1.6rem; 
}

.site-info { padding: 20px 40px 15px 40px; }
.site-info ul.credit { padding-bottom: 30px; }

/* ############# RESPONSIVE BREAK POINTS ############### */

@media screen and (max-width: 480px) {
.page-template-page-termine table, .page-template-page-jugend-termine table { line-height: 1.2; } 
.page-template-page-termine td.col2, .page-template-page-termine td.col3,
.page-template-page-jugend-termine td.col2, .page-template-page-jugend-termine td.col3 { white-space: normal; }
.page-template-page-termine td.col1, .page-template-page-jugend-termine td.col1,
.page-template-page-termine td.col2, .page-template-page-jugend-termine td.col2 { padding-left: 5px; padding-right: 5px; }

.page-template-page-termine .entry-header h1.entry-title { margin-left: 5px; }
.page-template-page-termine .mheader, .page-template-page-jugend-termine .mheader { padding-left: 5px; }

}

@media (min-width: 480px) and (max-width: 1024px) {
	/*.single-post img.wp-post-image { padding-left: 30px; }*/
	header.entry-header { /*padding-left: 30px;*/ padding-right: 30px; }
	article.format-standard .entry-header h1 { padding-left: 0; }
}
	
@media screen and (min-width: 768px) {

	.post, .content-wrap .page, .type-attachment {
		margin-bottom: 20px;
	}
	.fctextpichome .fcimg, .fctextpichome .fctxt { 
		display: inline-block;
		vertical-align: top;
	}
	.fctextpichome .fcimg { width: 31%; }
	.fctextpichome .fctxt { width: 62%; }
	
	/*.type-jugendnews .fctextpichome .fcimg { width: 31%; }
	.type-jugendnews .fctextpichome .fctxt { width: 62%; }*/

	/*.entry-content, .entry-summary { padding: 0; }*/

	.entry-content p, .entry-summary p,
	.entry-content a.more-link {
		font-size: 100%;
		margin-bottom: 20px;
	}
	.entry-meta, .wp-pagenavi span.pages, #content .wpcf7-form p, .single-post .entry-meta .share-links-wrap h3.share-this, 
	.page .entry-meta .share-links-wrap h3.share-this, #comment-nav,
	input#submit, input.wpcf7-submit,
	#content .wpcf7-form p select	{
		font-size: 14px;
		font-size: 1.4rem; 
	}
	.page .entry-header h1.entry-title {
		font-size:20px;
		font-size:2rem;
	}
	h4 {
		font-size:16px;
		font-size:1.6rem;
	}


	.sidebar-right .widget:first-child {
		padding-top: 0px !important;
	}
	.sidebar-left .widget:last-child, .sidebar-right .widget:last-child {
		padding-bottom: 20px !important;
	}

	.footerwidgets .textwidget, .footerwidgets .widget_tatami_about {
		font-size: 100%;
	}
	.site-info { padding: 20px 40px 15px 40px; }
	.site-info ul.credit { padding-bottom: 30px; }

	.page-template-page-termine #content { margin-left: 20px; margin-right: 20px; }
}

@media screen and (min-width: 1024px) {
	.container .sidebar-left, .js .container .sidebar-left 	{ margin-top: 20px; }
	.content-wrap, .js .content-wrap { margin-top: 0; }
	.slideshow_container { display: block; }
}

@media screen and (max-width: 1024px) {
	body { padding: 0; }
	.ngg_slideshow { display: none; }

	[role="banner"] { top: 10px; }
	.site-title { margin-bottom: 10px; }

	.page .entry-header h1.entry-title {
		font-size:20px;
		font-size:2rem;
	}
	
}


@media screen and (min-width: 1260px) {

	.entry-content, .entry-summary {
		padding: 0;
	}
	.entry-header h1.entry-title, .entry-header h2.entry-title {
		padding: 30px 0 25px 0;
	}

	.container, .site-title { max-width: 1260px; }
	#site-header { padding-top: 25px; padding-bottom: 0; }
	.site-title a.logo { margin-top: 0; margin-bottom: 0; }
	.sidebar-right .widget { padding-left: 0; }

	.container [role="navigation"] {
		/*margin-left: 0.7936507936507936% !important;*/ /* 10px on 1440px screen */
		margin-left: 0 !important;
		margin-right: 2.3809523809523808% !important;
		width:17.46031746031746% !important; /* 260px on 1440px screen */
	}

	.content-wrap {
		/*width: 57.93650793650794% !important;*/ /* 760px on 1440px screen */
		width: 59.52380952380952% !important;
	}
	.sidebar-right {
		width: 18.253968253968253% !important; /* 300px on 1440px screen */
		margin-left:2.3809523809523808% !important; /* 10px on 1440px screen */
		/*margin-right:0.7936507936507936 !important;*/
		margin-right:0 !important;
	}
	.sidebar-left .widget_image, .sidebar-right .widget_image {
		padding-bottom: 30px;
	}
	.sidebar-right .widget {
		padding-right: 0;
	}
	.site-info {
		padding: 20px 40px 15px 40px;
	}
	.site-info ul.credit { padding-bottom: 30px; }
	
}

@media (min-width: 1024px) and (max-width: 1260px) {

	.page-template-page-termine #content { margin-left: 20px; }

}
@media(max-width: 1260px) {
	.entry-header h1.entry-title, .entry-header h2.entry-title { padding-left: 0px; }
}

/* ############# ARTIKEL STYLES ############### */
#post-442 table, #post-442 table td  { border-width: 0; }