/** Project: Envoy 
 *  Description: 
 *
 *  @creator       Thinkin-Tags v0.5.3
 *  @framework     YAML v4.1.2
 *  @file          screen.css
 */

@media screen {

	body {
		overflow-y: scroll;
	}

	.ym-wrapper {
		margin: 0 auto;
		max-width: 80em;
	}

	.ym-wbox {
		padding: 1.5em;
	}

	header {
		background: #444;
		color: #ccc;
	}

	header h1 {
		background: transparent;
		color: #fff;
	}

	header .ym-wbox {
		padding: 1.5em;
	}

	nav {
		background: #222222;
	}

	main .info {
		margin-bottom: 1.5em;
	}

	main aside .ym-gbox-right {
		border-left: 1px #ddd solid;
	}

	footer {
		background: #eee;
		color: #444;
	}

	footer p {
		margin: 0;
	}

	footer .ym-wbox {
		padding: 1.5em;
	}

	.ym-gbox {
		padding: 0 1.5em;
	}

	.ym-gbox-left {
		padding: 0 1.5em 0 0;
	}

	.ym-gbox-right {
		padding: 0 0 0 1.5em;
	}

	.ym-skiplinks a.ym-skip:focus,
	.ym-skiplinks a.ym-skip:active {
		background: #333;
		border-bottom: 1px #000 solid;
		color: #fff;
		padding: 10px 0;
		text-align: center;
		text-decoration: none;
	}

}

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

	.linearize-level-1,
	.linearize-level-1 > [class*="ym-c"],
	.linearize-level-1 > [class*="ym-g"] {
		display: block;
		float: none;
		margin: 0;
		padding: 0;
		width: auto !important;
	}

	.linearize-level-1 > [class*="ym-c"] > [class*="ym-cbox"],
	.linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"] {
		margin: 0;
		overflow: hidden;
		padding: 0;
	}

	.secondary {
		border-top: 1px #888 solid;
		margin-top: 1.5em !important;
		padding-top: 1.5em !important;
	}

	main aside .ym-gbox-right {
		border: 0 none;
	}

	.ym-searchform {
		display: block;
		float: none;
		text-align: right;
		width: auto;
	}

	.ym-searchform input[type="search"] {
		width: 14%;
	}

}

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

	.linearize-level-2,
	.linearize-level-2 > [class*="ym-c"],
	.linearize-level-2 > [class*="ym-g"] {
		display: block;
		float: none;
		margin: 0;
		padding: 0;
		width: auto !important;
	}

	.linearize-level-2 > [class*="ym-c"] > [class*="ym-cbox"],
	.linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"] {
		margin: 0;
		overflow: hidden;
		padding: 0;
	}

	header .ym-wbox {
		padding: 0.75em 10px;
	}

	header h1 {
		font-size: 1.5em;
		line-height: 1em;
		margin: 0;
	}

	footer .ym-wbox,
	.ym-wbox,
	.ym-searchform,
	nav .ym-hlist ul {
		padding-left: 10px;
		padding-right: 10px;
	}

	.ym-searchform,
	nav .ym-hlist ul,
	nav .ym-hlist li {
		display: block;
		float: none;
		text-align: left;
		width: auto;
	}

	.ym-searchform input[type="search"] {
		width: 75%;
	}

}