/* If "RAFT Tablet Adaptations" is turned on in the theme style settings, this file will be called by RapidWeaver. Feel free to modify any of the rules here and adjust colour settings etc. Some style sets like RAFT navigation are stored in the main style.css file (so these can also be used by non-tablet / mobile devices). If updating this file, don't forget to copy the same CSS code over into the 481.css file. */

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

.spacer, #headerMargin {
	height: 10px;
}

#headerContent {
	width: auto;
	float: none;
	text-align: center;
}

#navContent {
	display: none;
}

.raftNavWrapper {
	display: block;
}

#aside {
	float: none;
	display: block;
	width: auto;
	clear: both;
	margin: 0 0 10px;
	padding: 0;
}

#sidebarWrapper {
	display: block;
	position: relative;
	border: 1px solid #D3D3D3;
}

#sidebarContent {
	display: none;
	padding: 10px;
	margin: 0;
	color: #777777;
	background: #ffffff;
}

#sidebarTitle {
	position: relative;
	display: block;
	background: #E9E9E9;
	color: #3F3F3F;
}

#sidebarTitle h3 {
	font-size: 18px;
	padding: 12px;
	margin: 0;
	line-height: 1.20em;
	font-weight: bold;
}

#sidebarWrapper #raftSidebarArrow.opened {
	position: absolute;
	top: 0px;
	right: 15px;
	width: 30px;
	height: 45px;
	display: block;
	z-index: 20;
	background: url(../../images/editable_images/raft-sidebar-open.png) no-repeat center center;
}

#sidebarWrapper #raftSidebarArrow.closed {
	position: absolute;
	top: 0px;
	right: 15px;
	width: 30px;
	height: 45px;
	display: block;
	z-index: 20;
	background: url(../../images/editable_images/raft-sidebar-closed.png) no-repeat center center;
}

#contentContainer {
	margin-top: 10px;
	margin-bottom: 10px;
}

#contentContainer #content {
	margin-left: 0px;
	margin-right: 0px;
}

#contentContainer #contentWrapper {
	column-count: 1;
    -moz-column-count: 1;  
    -webkit-column-count: 1;
    column-gap: 0px;   
    -moz-column-gap: 0px;  
    -webkit-column-gap: 0px; 
}

#backToTopWrapper {
	display: block;
	position: relative;
	border: 1px solid #D3D3D3;
	padding: 0;
	margin: 0;
}

#backToTopWrapper a {
	background: #E9E9E9;
	color: #3F3F3F;
	text-decoration: none;
	display: block;
	font-size: 18px;
	padding: 12px;
	margin: 0;
	line-height: 1.20em;
	font-weight: bold;
}

#backToTopWrapper #topArrow {
	position: absolute;
	top: 0;
	right: 15px;
	width: 30px;
	height: 45px;
	display: block;
	z-index: 20;
	background: url(../../images/editable_images/raft-top-arrow.png) no-repeat center center;
}

} /* End @media block */