/**
 * TABLE OF CONTENTS
 *
 * 1. GLOBAL
 * 2. HEADER
 * 3. NAVIGATION
 * 4. TYPOGRAPHY
 * 5. CONTENT
 * 6. FOOTER
 * 7. MEDIA QUERIES
 */

/* GLOBAL *******************************************************************/
body, html {
	height: 100%;
	font: 1em 'Open Sans', sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body {
	overflow: hidden;
}
iframe {
	width: 100%;
	height: calc(100vh - 80px);
	max-width: 100%;
	border: none;
}

/* HEADER *******************************************************************/
#header {
	margin-bottom: 1em;
}
.header-nav-item {
	margin-right: 1em;
	font-size: 1.5em;
	float: left;
	color: #72221F;
	text-align: center;
	line-height: 1;
}
.header-nav-item span {
	font-size: 0.688rem;
	display: block;
}
.header-nav-item.guide-toggle {
	margin-right: 0.5em;
}
.nelson-logo {
	float: right;
	margin-top: 0.3em;
}
.oc-logo {
	display: inline-block;
	font-weight: bold;
	color: #72221F;
	font-size: 1em;
	border-left: 1px solid #E8C2C1;
	margin-left: 1em;
	padding-left: 1.5em;
	display: inline-block;
	float: left;
}
.oc-logo span {
	display: none;
}

/* NAVIGATION ***************************************************************/
#wrapper {
	padding-left: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#wrapper.toggled {
	padding-left: 250px;
}
#sidebar-wrapper {
	z-index: 100;
	position: fixed;
	left: 250px;
	width: 0;
	height: 100%;
	margin-left: -250px;
	overflow-y: auto;
	overflow-x: hidden;
	background: #fff;
	/*-webkit-transition: width 0.5s ease;
	-moz-transition: width 0.5s ease;
	-o-transition: width 0.5s ease;
	transition: width 0.5s ease;*/
	background-color: #eee;
}
.toggled > #sidebar-wrapper {
	padding-top: 0;
}
#wrapper.toggled #sidebar-wrapper {
	width: 250px;
}
#sidebar-wrapper::-webkit-scrollbar-track {
	background-color: #D6D6D6;
}
#sidebar-wrapper::-webkit-scrollbar {
	width: 12px;
	background-color: #D6D6D6;
}
#sidebar-wrapper::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #5C0101;
}
#page-content-wrapper {
	width: 100%;
	position: absolute;
	padding: 1em;
}
#wrapper.toggled #page-content-wrapper {
	position: absolute;
	margin-right: -250px;
}
.sidebar-nav {
	position: absolute;
	/*top: 9em;*/
	/*width: 250px;*/
	margin: 0;
	padding: 0;
	margin-top: 1em;
	list-style: none;
}
.sidebar-nav li a {
	display: block;
	text-decoration: none;
	color: #5C0101;
	padding: 0.75em;
	font-size: 0.875em;
}
.sidebar-nav li a:hover {
	text-decoration: none;
	background: #F1E9E9;
	background: rgba(114,34,31,0.1);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
	text-decoration: none;
}
.sidebar-nav > .sidebar-brand a {
	color: #999999;
}
.sidebar-nav > .sidebar-brand a:hover {
	color: #fff;
	background: none;
}
.search-wrapper {
	padding: 0.75em;
}
.toggled .search-wrapper {
	position: static;
	margin-bottom: 17px;
}

.search {
	margin-bottom: 0.75em;
}
#guide-close {
	padding: 1em;
	display: block;
	color: #fff;
	width: 100%;
	background-color: #2A2A2A;
	background-color: rgba(0,0,0,0.75);
	position: fixed;
	left: 0;
	top: 0;
	-webkit-transform: translateZ(0); /* fixes Chrome disappearing bug */
}
.panel-heading {
	padding: 0;
}
.panel-title a {
	display: block;
	padding: 0.7em 1em;
}
.btn-oc {
	background-color: #72221F;
	border: none;
}
.btn-oc:hover {
	background-color: #521816;
}
.learn-more > a {
	width: 90%;
}
.affix {
	margin-top: -60px;
}
.category {
	display: none;
}

/* TYPOGRAPHY ***************************************************************/

/* CONTENT ******************************************************************/
#guide {
	position: fixed;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #72221F;
	background-color: rgba(114,34,31,0.98);
	z-index: 200;
	overflow-y: auto;
	display: none;
}
#guide.toggled {
	display: block;
}
#guide h3 {
	color: #fff;
}
.oc-form-field {
	border-color: #E8C2C1;
	color: #5C0101;
}
.oc-form-field::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #B97D7B;
}
.oc-form-field::-moz-placeholder { /* Firefox 19+ */
  color: #B97D7B;
}
.oc-form-field:-ms-input-placeholder { /* IE 10+ */
  color: #B97D7B;
}
.oc-form-field:-moz-placeholder { /* Firefox 18- */
  color: #B97D7B;
}
.caption {
	font-size: 0.875em;
	margin-top: 1em;
	padding: 1em;
}
.imgpadding {
	padding:15px 40px 15px 0;
}
figcaption {
	  font-size: 90%;
    color: #818a91;
		margin-bottom:1em;
		font-style:italic;
}
#content {
    background: #fff url('../img/loading.gif') center center no-repeat;
}
.h2, h2 {
    font-size: 22px !important;
    line-height: 1.5;
		margin-top: 100px;
}
.h3, h3 {
    font-size: 18px !important;
    line-height: 1.5;
	
}
.h1, h1 {
    font-size: 40px;
    margin-top: 100px;
    text-align: center;
}
/* FOOTER *******************************************************************/

/* MEDIA QUERIES ************************************************************/

/* 590/16 */
@media all and (min-width: 36.875em) {
	.oc-logo span {
    display: inline-block;
    font-size: 1.6em;
	}
}

/* 768/16 */
@media all and (min-width: 48em) {
	#wrapper {
		padding-left: 250px;
	}
	#wrapper.toggled {
		padding-left: 0;
	}
	#sidebar-wrapper {
		width: 250px;
		padding-top: 120px;
	}
	.search-wrapper {
		position: fixed;
		top: 0;
		/*width: 236px;*/
		/*width: inherit;*/
		background-color: #eee;
		z-index: 100;
		-webkit-box-shadow: 0 5px 5px -5px #666;
		box-shadow: 0 5px 5px -5px #666;
	}
	#wrapper.toggled #sidebar-wrapper {
		width: 0;
	}
	#page-content-wrapper {
		padding: 20px;
		position: relative;
	}
	#wrapper.toggled #page-content-wrapper {
		position: relative;
		margin-right: 0;
	}
}

/* 991/16 */
@media all and (max-width: 61.9375em) {
	.affix {
		position: static;
	}
}