/*
 * Cordless Dog 3.0
 * Copyright © Cordless Dog
 * www.cordlessdog.com
 * 2015-09-14
*/

.documentation-toc h4 {
	margin-top: 20px;
	margin-left: 76px;
}

@media (min-width: 300px) {
	video {
		max-width: 100%;
		height: auto;
	}
}

@media (min-width: 550px) {
	video {
		width: auto;
		height: auto;
	}
}

@media (min-width: 300px) {
	.documentation-toc h4 {
		font-size: 24px;
	}
	
	.documentation-toc-header-knitcounter h4 {
		margin-left: 86px;
		font-size: 18px;
		margin-bottom: 31px;
	}
}

@media (min-width: 550px) {
	.documentation-toc h4 {
		font-size: 24px;
	}
	
	.documentation-toc-header-knitcounter h4 {
		margin-left: 66px;
		font-size: 18px;
		margin-bottom: 31px;
	}
}

@media (min-width: 800px) {
	.documentation-toc h4 {
		font-size: 30px;
	}
	
	.documentation-toc-header-knitcounter h4 {
		margin-left: 80px;
		font-size: 18px;
		margin-bottom: 31px;
	}
}

.documentation-toc-header-stay {
	background-position: left top;
	background-image: url("/images/Stay.png");
	background-repeat: no-repeat;
	background-size: 64px 64px;
}

.documentation-toc-header-knitcounter {
	background-position: left top;
	background-image: url("/images/Knit%20Counter.png");
	background-repeat: no-repeat;
	background-size: 64px 64px;
}

#documentation-toc-index {
	margin-top: 10px;
}

#documentation-toc {
	margin-top: 10px;
}

@media (min-width: 300px) {
	#documentation-toc-index {
		display: block;
	}
	
	#documentation-toc {
		display: none;
	}
	
	#toc-toggle {
		display: inline;
	}
	
	#toc-toggle a {
		text-decoration: none;
	}
}

@media (min-width: 550px) {
	#documentation-toc-index {
		display: block;
	}
	
	#documentation-toc {
		display: block;
	}
	
	#toc-toggle {
		display: none;	
	}
}

.documentation-viewer {
	margin-top: 20px;
}

.documentation-toc ul {
	list-style-type: none;
}

.documentation-toc ul ul {
	margin-left: 10px;
}

.toc-section-header {
	font-family: AvenirNext-Medium, HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	height: auto;
}

ol img {
	margin-top: 10px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}