/* @containers****************************************************************************************************************************************************************************************/
.container,.container_alt,.container_vis{
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
	padding:0 40px;
	overflow:hidden;
	position:relative;
}
.container_alt{
	padding:0 0;
}
.container_vis{
	overflow:visible;
}
#footer .container{
	background:none ;
}
.eightcol,.fourcol{
	padding:0 40px;
	position:relative;
}
/* @mobile first****************************************************************************************************************************************************************************************/
@media only screen and (min-width: 868px) {
	/* columns */
	.eightcol{
		width:73%;
		float:left;
	}
	.fourcol{
		width:27%;
		float:right;
	}
	.eightcol_blog_layout,
	.eightcol_blog_layout_2{
		width:100%;
	}
	.postbarLeft .eightcol{
		float:right;
	}
	.postbarLeft .four{
		float:left;
	}
	.postbarNone .eightcol,.tmnf-sidebar-null .eightcol{
		float:none !important;
		margin:0 auto !important;
	}
	.postbarNone .eightcol .entry,.tmnf-sidebar-null .entry,.postbarNone .postinfo,.tmnf-sidebar-null .postinfo,.postbarNone #comments,.tmnf-sidebar-null #comments{
		max-width:700px;
		float:none;
		margin:0 auto;
	}
	.postbarNone .post-head,.tmnf-sidebar-null .post-head,.postbarNone .post-pagination,.tmnf-sidebar-null .post-pagination{
		max-width:700px;
		float: none;
		margin-left:auto;
		margin-right:auto;
	}
	.postbarNone .header_text,.tmnf-sidebar-null .header_text{
		max-width:70%;
		float: none;
		margin-left:auto !important;
		margin-right:auto !important;
	}
	.postbarNone .post-head,.tmnf-sidebar-null .post-head{
		text-align:center;
	}
	.postbarNone .meta_single,.tmnf-sidebar-null .meta_single {
		float: none;
		text-align: center;
	}
	.postbarNone .meta_single .meta,.tmnf-sidebar-null .meta_single .meta{
		float: none;
		text-align: center;
		margin-bottom:15px;
	}
	.postbarNone .meta_single.meta_deko::after,.tmnf-sidebar-null .meta_single.meta_deko::after {
		left: 50% ;
		width: 260px ;
		margin-left: -130px ;
	}
	.foocol{
		width:22%;
		padding:0 50px 0 50px;
		position:relative;
		float:left;
		min-height:1px;
	}
	.foocol.second{
		width:56%;
		border-width:0 1px 0 1px;
	}
	.foocol.first{
		padding-left:40px;
	}
	.foocol.third{
		padding-right:40px;
	}
	/* defaults */
	.wrapper{
		overflow:hidden;
		padding:0 0 0 0;
	}
	.tmnf-sidebar-null .alignfull,.postbarNone .alignfull {
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
		width: auto;
		max-width: 1000%;
		margin-top:15px;
		margin-bottom:15px;
	}
	.tmnf-sidebar-null .alignwide,.postbarNone .alignwide {
		margin-left: calc(25% - 25vw) !important;
		margin-right: calc(25% - 25vw) !important;
		width: auto;
		max-width: 1000%;
	}
	.alignwide img,.alignfull img {
		display: block;
		margin: 0 auto;
	}
	.alignwide img{
		padding:8px 8px !important;
	}
	.wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {
		margin: 0 0 0 0 !important;
	}
	.post-previous,.post-next{
		width:50%;
	}
	/* other */
	.site-title .header_text {
		width: 70%;
		margin:120px 0;
	}
	.archive .site-title .header_text,.search .site-title .header_text {
		margin:120px 0 0 0;
	}
	.foocol.second .mc4wp-form{
		padding:0 80px !important;
	}
}
/* @mobile bits****************************************************************************************************************************************************************************************/


@media screen and (max-width: 1425px){
	#wp-calendar tbody td {
		padding: 8px 4px;
	}
}

@media screen and (max-width: 1165px){
	
	.format-quote p.teaser {
    font-weight: 500 !important;
    font-size: 14px !important;
	}
	
	.format-quote h2 {
		font-size: 12px !important;
	}
	
}
	@media screen and (max-width: 1025px){
		
		.wrapper {
			padding-top: 6px!important;
			padding-right: 6px!important;
			padding-bottom:6px!important;
			padding-left: 6px!important;
		}
		
		.container,.container_vis,
		.eightcol, .fourcol {
			padding: 0 20px;
		}
		
		.container_alt.container_vis{ padding:0 0;}
		
		#titles { max-width:35%;}
		
		.show-menu{ right:20px;}
		
		.header_search{ right:70px;}

		h1.entry-title,h2 .maintitle,.site-title h2,.blog3 h2.posttitle{
			font-size:6vw !important;
		}
		
		.site-title h2,
		.site-title p {
			max-width: 80%;
		}

		.blogger > .item .item_inn {
			padding: 20px 15px 0px 15px;
		}
		
		#wp-calendar tbody td {
			padding: 8px 1px;
		}
		.sidebar_item ul.menu li ul {
			margin: 10px 0 -10px 10px;
		}
		.sidebar_item .cat_nr,
		.format-quote h2{ display:none;}

		.format-quote p.teaser {
		font-weight: 400 !important;
		font-size: 12px !important;
		}
		
	}
	@media screen and (max-width: 868px){
		#titles{
			margin-top:30px !important;
			margin-bottom:0 !important;
		}
		
		.show-menu, .header_search {
			margin-top:18px !important;
		}

		/* mobile menu */
		#navigation{
			padding:550px 20px 20px 20px;
		}
		ul.nav{
			display: block;
			flex-wrap: nowrap;
			justify-content:flex-start;
		}
		ul.nav>li{
			padding:5px 40px;
			float:left;
			width:100%;
			display: block;
		}

		/* end mobile menu */
		
		/* blogger */
		/* footer + sidebar */
		.foocol,#sidebar{
			max-width:400px;
			margin:0 auto;
			width:100% !important;
			padding:20px !important
}
		.foocol{
			padding:20px 20px 0 20px !important;
		}
		#footer .sidebar_item:first-of-type {
			margin-top: 10px;
		}
		/* comments */
		.commentlist li.comment.parent {
			padding: 15px 0 0 0;
		}
		.commentlist li.comment {
			padding: 15px 0 15px 20px;
		}
		.comment-form-author, .comment-form-email, .comment-form-url {
			width: 100%;
			float: none;
			margin-right: 0!important;
		}
		.comment-author cite,.comment-meta{
			padding-left:0px;
		}
		.blogger > .item {
    		width:33.33% ;
			max-height: none;
		}
		.blogger>.item.Big{ width:66.66%;}
		.blogger>.item img{ width:100%  !important; max-width:100% !important;margin-left:0 !important;}
		
		.alignwide img{ padding:8px 0;}
		.wp-block-gallery {margin: 0 0 30px !important;}
		
		#curtain .searchform{
			max-width:70%;
			width:600px;
			height:80px;
			margin:0 0;
			float:none;
			position:absolute;
			top:10px;
			left:10px;
		}
		#curtain .searchform input.s{
			padding: 5px 20px !important;
			height:40px;
		}
		#curtain .searchSubmit,#curtain a.curtainclose {
			height:40px
		}
		#curtain a.curtainclose {
			margin:0 0;
			top:15px;
			left: auto;
			right:20px;
			width:20px
		}
		
	}
	
	@media screen and (max-width: 605px){

		h1.entry-title,h2 .maintitle,.site-title h2,.blog3 h2.posttitle{
			font-size:9vw !important;
		}
		
		.site-title h2,
		.site-title p {
			max-width: 90%;
		}
		
		.site-title p,
		.tmnf_excerpt p {
			font-size: 100%;
			margin: 0 0 10px 0;
		}
		
		.blogger > .item {
    		width:50%;
			max-height:250px;
		}
		
		.blogger>.item.Big{ width:100%;}
		
		.blogger>.item.Big,
		.blogger>.item.Vertical{max-height:500px;}
		
		.format-quote p.teaser {
		font-weight: 500 !important;
		font-size: 14px !important;
		}
		
		.item {
			margin: 0 0 40px 0;
		}
		.entry p {
    		margin: 20px 0;
		}

		ul.related li{
			width:100%;
			float:none;
		}
		.related li .imgwrap{
			float:left;
			margin:0 25px 20px 0;
			max-width:25%;
		}
		.related li h5{
			margin-top:20px;
		}
		.entry blockquote {
			padding: 0 25px !important;
		}
	}
	
	@media screen and (max-width: 405px){
		
		.header_search a {
			padding: 12px 3px 12px 6px;
		}
		
		#header ul.social-menu li {
    		margin: 0 0 0 3px;
		}
		
		.site-title h2,
		.site-title p {
			max-width:100%;
		}
		
		.blogger > .item {
    		width:100% !important;
			max-height: none;
			max-width: none;
		}
	}