@charset "UTF-8";

/* reset fallback values in modern browsers */

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

	.ym-wrapper, body.html-fullheight footer {

		min-width: 0px;

		width: auto;

	}



	/* Make a large image flexible in width */

	img {

		max-width: 100%;

		height: auto;

	}

}



/* normal screens, tablet(landscape)  */

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

	/* only remove gutters for more place */

	body {

		padding: 0;

		margin: 0;

	}

	header {

		padding-top: 0;

		margin-top: 0;

	}

}


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

	#daynav { background:transparent;}
    .tinynav { display: block }
    #daynav #togglewp, .htel { display: none }
	#tnav { display:none;}
	
	
    .blog { padding:0 3em;}
	.com_content-view-article .item-page { padding:0 3em;}
}
@media screen and (max-width: 781px) {
 .nav3.showme { display:none;}

}

@media screen and (max-width: 740px), screen and (max-width: 768px) {
	
	.gtrans { position:relative; text-align:left;} 
        body.html-fullpage #nav { display:none;}
		.blog { padding:0 1em;}
	     .com_content-view-article .item-page { padding:0 1em;}
   
	/* Linearize only inner main columns (not col-x), e.g. category blog with multiple columns */

	#main .ym-equalize > * > .ym-gbox,

	#main .ym-equalize > * > .ym-gbox-left,

	#main .ym-equalize > * > .ym-gbox-right {

		padding-bottom: 0 !important;

		margin-bottom: 0 !important;

	}

	#main .ym-grid,

	#main .ym-grid > [class*="ym-g"],

	#main .ym-grid > [class*="ym-col"] {

		display: block !important;

		float: none !important;

		margin-left: 0 !important;

		margin-right: 0 !important;

		width: 100% !important;

	}

	#main .ym-grid > [class*="ym-g"] > [class*="ym-gbox"],

	#main .ym-grid > [class*="ym-col"] > [class*="ym-cbox"] {

		padding-left: 0;

		padding-right: 0;



		/* optional for containing floats */

		overflow: hidden;

	}

}



/* mobile phones, small tablets and very small screens */

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

	/* disable absolute positioning for topnav to prevent overlaying */

	#topnav {

		position: relative;

		top: auto;

		right: auto;

		margin-bottom: 1em;

	}



	/* Linearize all columns */

	.ym-column,

	.ym-column .ym-col1,

	.ym-column .ym-col2,

	.ym-column .ym-col3 {

		display: block !important;

		float: none !important;

		margin-left: 0 !important;

		margin-right: 0 !important;

		width: 100% !important;

	}



	/* disable equal heights for grids */

	.ym-equalize > * > .ym-gbox,

	.ym-equalize > * > .ym-gbox-left,

	.ym-equalize > * > .ym-gbox-right {

		padding-bottom: 0 !important;

		margin-bottom: 0 !important;

	}



	/* Linearize all grids */

	.ym-grid,

	.ym-grid > [class*="ym-g"],

	.ym-grid > [class*="ym-col"] {

		display: block !important;

		float: none !important;

		margin-left: 0 !important;

		margin-right: 0 !important;

		width: 100% !important;

	}

	.ym-grid > [class*="ym-g"] > [class*="ym-gbox"],

	.ym-grid > [class*="ym-col"] > [class*="ym-cbox"] {

		padding-left: 0;

		padding-right: 0;



		/* optional for containing floats */

		overflow: hidden;

	}



	/* Linearize the horizontal navigation */

	body .ym-hlist ul,

	body .ym-hlist ul li {

		display:block;

		float: none;

		width: auto;

		text-align: left;

	}

	body .ym-hlist ul {

		padding: 0.5em;

	}

	body .ym-hlist ul li {

		margin-bottom: 2px;

	}

	body .ym-hlist ul li span.subtitle-empty {

		display: none !important;

	}

}



/* small mobile phones */

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



	/* reduce font size for very small displays */

	body {

		font-size: smaller;

	}

}