/*

 Theme Name:   GOA Registry
 Author:       Matt Lembo
 Author URI:   matt.lembo@gmail.com
 Version:      0.6.3
 License:      PRIVATE

*/

* {
	box-sizing:border-box;
}

pre {
	display: block;
	padding-top:1vw;
	padding-bottom:1vw;
	background:#333;
	color:white;
	font-size:14px;
}

body {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height:100vh;
}

main {
	margin-top:calc(80px + 2vw);
	padding-top:5vw;
	padding-bottom:5vw;
}

#main-header {
	position: fixed;
	top:0;
	width:100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background:white;
	z-index: 50;
	width:100%;
	border-bottom:1px solid var(--wp--preset--color--goa-red);
	padding-top:1vw;
	padding-bottom:1vw;
	.custom-logo-link img {
		display: block;
		height: 80px;
		width:auto;
	}
}

#main-menu-panel-closer {
	position: absolute;
	top:20px;
	right:20px;
}

#main-footer {
	background: var(--wp--preset--color--goa-red);
	color:white;
	padding-top:5vw;
	padding-bottom:5vw;
}

#main-menu-panel {
	position: fixed;
	z-index: 100;
	top:0;
	width:300px;
	left:100vw;
	background:#f7f7f7;
	height:100vh;
	padding:20px;
	padding-top:50px;
	border-left:1px solid var(--wp--preset--color--goa-red);
	transition:left .25s;
	&.open {
		left:calc(100vw - 300px);
	}
	nav {
		margin-bottom:50px;
	}
	ul {
		list-style: none;
	}
	ul, li {
		margin:0;
		padding:0;
	}
	ul {
		margin-top:20px;
	}
	li {
		margin:5px auto;
	}
	a {
		display: block;
		padding:5px 10px;
		border-radius:3px;
		text-decoration: none;
		color:black;
		border:1px solid transparent;
		&:hover {
			background: white;
			border-color:#e5e5e5;
		}
	}
}

table.dataTable {
	display: block;
	width:100% !important;
	overflow-x:auto;
	padding:20px 0;
	td,tr {
		white-space: nowrap;
	}
}

.dataTables_length {
	padding:6px;
}