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

::-webkit-scrollbar-thumb {
	background:transparent;
}

/*Menu*/

nav .theme-nav {
	width:calc(100% - 30px);
	left:15px;
	background-color: white;
	transition: 0.7s;
}

.mobile-nav {
	height:auto !important;
}

nav.basic .theme-nav#current {
	bottom:41px;
}

.theme-nav .theme-item {
	padding-left:30px !important;
	margin-top:-6px;
}

div.mobile-menu {
	display: block;
	position:fixed;
	height:40px;
	border-bottom: 1px solid black;
	width:calc(100% - 30px);
	left:15px;
	z-index: 1;
	background-color: white;
}

.mobile-menu h1#menu {
	float: left;
}

.mobile-menu h1#focus {
	float: right;
}


footer {
	display: none;
	bottom: auto;
    width: calc(100% - 30px);
    top: 40px;
    height: auto;
    right: auto;
    background-color: white;
    left: 15px;
    padding-bottom:7px;
    z-index: 6;
    border-top: 0px;
    border-bottom: 1px solid black;
}

footer li {
	line-height: 40px;
}

footer li#home_link {
	display: block;
}

main#home + footer li#home_link {
	display:none;
}

footer li:nth-of-type(2) {
	padding-top:0;
}


/*content*/

main .content, main .content .column {
	height:auto;
	width:100%;
}

main .content {
	padding-top:50px;
	padding-bottom:90px;
}

main .content .column#column-left, main .content .column#column-right {
	padding-left:15px;
	padding-right:15px;
	width:calc(100% - 30px);
}

/*event*/

/*toggleclass*/

main .events {
	position:fixed;
	top:0;
	border-left:1px solid black;
	left:calc(100vw + 1px);
	width:100vw;
	height:100vh;
	background-color:white;
	z-index: 10;
	transition: 1s;
}

main .event-column {
	width: calc(100% - 30px);
	padding-left:15px;
	height:calc(100vh - 41px);
	margin-top:-3px;
	position: absolute;
}

.event-column > * {
	margin-right: 0;
}

.events h1, .events span.spacer  {
	margin-left:15px;
}

.events h1::before {
	content:'←';
	float:left;
}

/*theme pages*/

div#home {
	display: none;
}

section.overlay {
	opacity: 0;
}

nav .theme-nav {
	bottom:0;
}

/*current*/

nav.current .theme-nav#current {
	height: auto;
	top:41px;
}

nav.current .theme-nav#current .theme-item {
	margin-top:-10px;
}

nav.current + main#themes .content {
	padding-top:90px;
	padding-bottom:50px;
}

/*past*/

nav.past .theme-nav#current {
	top:41px;
	z-index: 5;
}

nav.past .theme-nav#current .theme-item {
	display: none;
}

.showItem {
	display: inline-block !important;
}

nav.past .theme-nav#past {
	height:auto;
	top:82px;
}

nav.past + main#themes .content {
	padding-top:120px;
	padding-bottom:0px;
}

/*Single page*/

.content .column#column-single {
	width:calc(100% - 30px);
	padding-left:15px;
}

}