/* @containers
********************************************************************************************
********************************************************************************************/


.container,
.container_alt {
width: 100%;
max-width: 1120px;
margin: 0 auto;
padding:0 0;
overflow:hidden;
position:relative;
}

.container_alt{ overflow:visible;}
#navigation .searchform{display: none;}

#footer .container{ background:none !important;}

.aq_span12{ width:100% !important;}

/* @columns
********************************************************************************************
********************************************************************************************/

.onecol, .twocol, .threecol, .fourcol, .fivecol,.fifthcol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol,.warpbox {
margin-left:0;
float: left;
min-height: 1px;
}

.foocol{
margin:0 -2px 0 0;
width:36.5%;
padding: 50px 5% 5px 5%;
position:relative;
height:100%;
min-height:1px;
float:left;
}

.foocol.first,.foocol.last{width:32%;}

.foocol.first{
padding: 50px 5% 6px 20px;
border-left:none !important;
}

.foocol.last{
padding: 50px 20px 5px 5%;
border-right:none !important;
}

/*sidebar*/
.fourcol{ width:32.3%; padding:0 0;margin:0 0 0 0 !important;}

/*content*/
.eightcol{width:67.7%;padding:0 0; margin:0 0 0 0 !important;}




.sixcol{width:50%}

.fourcol,
.aq-block-aq_3_column_block,
.eightcol,
.aq-block-aq_2_3_column_block{ margin:0 0 50px 0; }

.first,
.aq-first {margin-left: 0px !important;}

.widgetable{ margin:0 0 0 2px;overflow:hidden; height:100%; position:relative;}

.sidewrap{ padding:30px 20px 0 20px; overflow:hidden; font-size:90%;}

#sidebar{ height:100%; position:absolute; right:0;}

.archive #sidebar,
.search #sidebar{ height: auto; position:relative; right:0;}

/* @responsive mode
********************************************************************************************
********************************************************************************************/


/* iPad Landscape */
@media screen and (max-width: 1030px) {

	#sidebar {
		position: relative !important;
	}
  
}

/*iPad Portrait */
.mobile-home-banner{display: none;}
@media screen and (max-width: 770px){
    
        #sidebar .sidewrap>.textwidget:first-child{display: none;}
        .mobile-home-banner{display: block; clear:both; text-align: center;}
        .mobile-home-banner>div{margin: 0 auto !important;}
		
	.nav a, .bigmenu > ul > li > a, #portfolio-filter a{ font-size:12px !important;}

	/*#header{ position:relative; top:auto; left: auto; padding:10px 0; margin:0 !important;}*/
		
	/* #titles {
	    margin-bottom:20px !important;
	    margin-top: 10px !important;
	}*/

	#titles img, #titles h1{ margin-top:0 !important; /*padding:0 40px;*/}
    .rndColors { padding: 5px; text-align: center; display: none;}

	.entry_item p, .entry_item ul {
	    margin: 10px 0;
	}

	.entryhead iframe{ max-height:300px;}

	.single_layout .entry { padding: 5px 0 40px 0;}

	.single_layout h2.posttitle,
	.single_layout h1.entry-title{margin:35px 0 20px 0;}

	.single_layout .alignright {
		margin: 10px 0 15px 35px !important;
	}

	.single_layout .alignleft {
		margin: 10px 35px 15px 0 !important;
	}

	.flexinside {margin: -50px 0 0 0;}

	.my-format .coco-social-buttons{ display:none;}

	.blogger div.post .meta{ margin:0 5px 7px 0;}

	p.teaser{ font-size:85%;}

	p.meta_more { }

	.tab-post img {width: 50px;}

	img.authorlogo {border: 2px solid #fff;width: 50px;}

	h3.author_name {
	    margin: -90px 0 35px;
	    padding: 25px 75px 15px 15px;
	}

	.my-format.format-quote p.teaser{ font-size:15px !important;line-height: 22px;}



	.onecol, .twocol, .threecol,.threecol_spec, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol,.fifthcol
	{
	width: auto;
	float: none !important;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: 0;
	margin-right: 0;
	}

	.threecol{ min-height:0; border:none !important; padding:20px 0;}

	.fourcol{
	padding: 0 !important;
	max-width: inherit;
	float:none;
	margin:0 auto 30px auto;
	}

	.sixcol{
	padding: 0 !important;
	float:none;
	margin:0 auto 30px auto;
	}

	#header h1,
	#header h2{ float:none !important; margin:20px auto !important; text-align:center !important;}

	#header img {float:none; margin:0 auto; text-align:center; max-width:100%;}

	/* #titles{ margin-top:10px !important; margin-bottom:10px !important; float:none; width:100% !important;} */

	#content{
		padding-left:0;
		padding-right:0;
		margin-top:0;
	}

	#sidebar{float:none !important; max-width:inherit !important; }

	.related li {
		width: 48%;
		margin: 0 1% 25px 1%;
	}

}

.kika-branding{display: none;}

/* Mobile */

@media handheld, only screen and (max-width: 740px) {
    
    .flex-direction-nav a{opacity: 1;}
    
    .commentlist li.comment{padding: 20px 0 10px 10px;}
    ul.children li.comment:last-child{padding: 20px 0 10px 10px !important;}
    .comment-author.vcard{padding-left: 80px;}
    .comment-meta{padding-left: 80px;}

	/*//// 
	stacked clomuns & posts */

	/* columns */
	#footer .foocol,
	.flexwrap,
	.blocker,
	.widgetable,
	.eightcol,
	.fourcol{    
		max-width:inherit !important;	
	}

	#footer {
		padding: 30px 30px 0 30px;
	    overflow: hidden;
	    font-size: 90%;
	}

	h2.block, h2.archiv, h2.widget, .pagination {
		max-width: inherit !important;
	}

	.footerhead h2, .footerhead img{ max-width:100% !important;}

	/* posts */


	/*//// 
	end stacked colmuns & posts */


	.pagination{ max-width:inherit !important;}


	/* mobile menu */
	.kika-branding{float: left; margin-left: 10px; display: block; width: 200px;}
	.kika-branding-img{display: inline-block; vertical-align: bottom;}
	.kika-branding-img img{display: block; width: 40px; height: auto;}
	.kika-branding-text{display: inline-block; vertical-align: bottom; font-size: 14px; line-height: 1; margin-left: 5px; font-weight: bold; color: #000; font-family: Montserrat, "Open Sans", Arial, Helvetica, sans-serif;}
	.kika-branding-text a, .kika-branding-text a:hover{color:#fd643b;}
	a#navtrigger,
	a#navtrigger-sec{ display:block !important; float: right; margin: 0 10px;}

	.navhead{ position:relative; padding: 5px 0;}

	#header a.searchSubmit { display: none;}

	#navigation{ display:none; position:relative; top:auto; margin:-240px 0 0 0 !important; padding:240px 0 0 0; background-color:#222 !important;-moz-border-radius: 2px;-khtml-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px; border-top: none !important; }
	#navigation a{ color:#ddd !important}
	#navigation .searchform{display: block; margin: 0; width: auto; position: absolute; left: 10px; top: 130px; right: 10px;}
	#navigation .searchform input.s:focus{outline: none;}
	#navigation .searchform .searchSubmit{right: 5px;}
	

	#header ul.nav,
	#header #main-nav,
	#header.left-header #main-nav{ width:100% !important; margin:0 0 0 0 !important; padding:0 0 0 0 !important;}

	ul.nav li,
	.nav li ul{ width:100% !important; background-color: transparent !important; border:none !important; float:none; display:block;margin:0 0 0 0 !important; position:relative !important; left:auto !important; display:block !important; visibility:visible !important; }

	#navigation .nav li ul li > a{ border-bottom:1px dotted #444 !important;}

	ul.nav li a{ width:100% !important; text-align:left; padding:12px 20px !important; margin:0 0 0 20px;}

	.nav li a.sf-with-ul {padding-right: 0 !important;}

	#main-nav > li > a {margin: 0 0 0 0 !important;}

	.nav > li > ul > li,
	.nav li ul ul li,
	#main-nav li ul li > a,
	.nav li ul li > a {max-width: 100% !important;margin:0 0 0 0; padding:0 0 0 0;}

	.nav li ul{ padding:0 20px;}

	#main-nav li.mega ul.sub-menu { min-height:0px;}

	.nav li ul ul{ margin:0 0 0 0; padding:0 0 0 0;}

	.mega2 .sf-sub-indicator{ display:none;}

	div.sub,
	.nav > li > ul:after{ display:none !important;}

	.sf-arrows .sf-with-ul::after { right: 15px;}

	/* end mobile menu */


}


@media only screen and (max-width: 640px) {

.blogger div.post, .blogger div.page,
.blocker .tab-post{ width:100% !important; float:none; padding:0 0 15px 0 !important; margin:0 0 15px 0 !important; height:auto;}

.foocol, .foocol.first, .foocol.last {
	width: 90%;
}

#footer .foocol {
	border-left: none;
	border-right: none;
}

}


@media only screen and (max-width: 560px) {

	#header h1 {
		letter-spacing: 4px;
		font-size: 30px;
	}

	#header h3 {
		font-size: 16px;
	}

	/*.related .item {
		width: 100%;
		margin-left: 0;
		margin-bottom: 15px;
	}*/
        .entry>div:first-child{width: 100% !important; float: none !important; margin-left: 0 !important;}
}

@media only screen and (max-width: 320px) {

	#header h1 {
		letter-spacing: 4px;
		font-size: 28px;
		padding: 0;

	}
	
}