body 		{ font-family: 'Lato'; font-size: 14px; line-height: 1.4; color: #333; background-color: #f0f0f0; }
.fa-btn 	{ margin-right: 6px; }
.inner 		{ max-width: 1024px; box-sizing: border-box; margin: auto; }
p 			{ font-size: 16px; margin-bottom: 20px; }

/* Main */

#app-head 				{ background-color: #010864; }
#app-head .burgee 		{position: absolute;left: 50%;top: 41px;height: 80px;background: rgba(255,255,255,0.4);padding: 14px 14px 11px;/* display: none; */border-radius: 4px;margin-left: -510px;}
#app-head .burgee img 	{ height: 100%; }
#app-head .burgee.right { margin-left: 383px; }

#app-head .account 		{position: absolute;top: 10px;right: 14px;color: #fff;}
#app-head .account a 	{ color: #aaa; }

#app-head .title		{ text-align: center; color: #cb9a22; padding: 24px 0 30px; }
#app-head .title h1 	{ margin: 0;font-size: 64px;text-transform: uppercase;margin-bottom: 8px;letter-spacing: 5px;}
#app-head .title h1 	{ font-family: 'Lora'; font-style: italic; font-weight: 700; }
#app-head .title h2 	{ margin: 0; font-size: 24px; text-transform: uppercase; font-weight: 400; letter-spacing: 4px; }
#app-head .title h2 	{ font-family: 'Lora'; font-weight: 700; }

#app-head .burger 		{display: none;position: absolute;cursor: pointer;color: #fff;font-size: 24px;padding: 4px 12px;}
#app-head .burger .fa-close { display: none; }
#app-head #nav-trigger 	{ display: none; }

#app-head nav 			{ display: flex; justify-content: space-between; box-sizing: border-box; }
#app-head nav a 		{ padding: 12px 12px 10px; display: block; text-align: center; color: #fff; text-decoration: none; }
#app-head nav a:hover 	{ background: #fff; color: #333; }
#app-head nav a.active 	{ background: #fff; color: #333; }
#app-head nav .nav-disabled { padding: 12px 12px 10px; display: block; color: #fff; cursor: default; }
#app-head nav .nav-disabled:hover { background: rgba(255,255,255,0.2); }

#app-content 			{}
#app-content > div 		{ background-color: #fff; padding: 24px; }

.club-closed			{ background-color: #fff; color: #333; text-align: center; font-family: 'Lato'; font-weight: 700; font-size: 36pt; letter-spacing: 2px; padding: 24px; margin: -24px -24px 24px; border-bottom: 1px solid #ddd; }

#app-foot 				{ text-align: center; margin: 16px 0; color: #bbb; font-size: 13px; }
#app-foot a 			{ color: #888; }

/* -- General */

.cms  					{position: relative;min-height: 1.4em;}
.cms table  			{ width: 100%; }
.cms table td 			{ padding: 4px; border: 1px solid #ccc; }

.cms .edit 				{ position: absolute; top: 0; right: 0; }

.thread 				{ margin-bottom: 32px; }
.thread .title 			{ margin-bottom: 18px; }
.thread .posts 			{  }
.thread .post 			{ border-bottom: 1px solid #ccc; padding: 18px 8px; }
.thread .post.first 	{ background: #f8f8f8; }
.thread .post .author 	{ color: #777; margin-bottom: 0px; }
.thread .post .date 	{ color: #aaa; margin-bottom: 18px; }

.gallery 				{ margin-top: 64px; width: 390px; }
.gallery .navig 		{ display: -webkit-flex; -webkit-vertical-align: center; -webkit-align-items: center; }
.gallery .navig 		{ display: flex; vertical-align: center; align-items: center; }
.gallery .navig > div	{ flex-grow: 1; }
.gallery .navig > div	{ -webkit-flex-grow: 1; }

.gallery .navig > div	{ font-size: 32px; line-height: 32px; padding: 4px 16px; background: rgba(0,0,0,.1); cursor: pointer; }
.gallery .navig > div:hover	{ background: rgba(0,0,0,.15); }
.gallery .navig .right						{ text-align: right; }
.gallery .navig .middle						{ text-align: center; font-size: 18px; }
.gallery .navig .middle.active				{ background: rgba(0,0,0,.15); }
.gallery .navig .middle .fa-play			{ display: none; }
.gallery .navig .middle.active .fa-play		{ display: inline-block; }
.gallery .navig .middle.active .fa-pause	{ display: none; }

.gallery .images		{ position: relative; background: #000; }
.gallery .images .image 	{ position: absolute; height: 100%; width: 100%; left: 50%; transform: translateX(-50%); }
.gallery .images .image 	{opacity: 0;transition: opacity 0.5s ease-in-out;background-size: contain;background-repeat: no-repeat;background-position: center;}
.gallery .images .image.active { opacity: 1; }

/* -- Print */

@media only print
{
	#app-head nav 		{ display: none; }
	#app-head .burgee 	{ display: none; }
	#app-head .account 	{ display: none; }
	#app-head .title h1 { font-size: 32px; }
	#app-foot  			{ display: none; }
	.print-hide 		{ display: none; }
	#app-content .inner h2 { font-size: 20px; }
	#app-content .inner h4 { font-size: 16px; }
	table.table td 		{ padding: 2px 8px !important; }
}

/* -- Other */

h2 						{ margin: 0 0 24px; }

@media only screen and (max-width : 1023px) {
	#app-head .burgee 		{ display: none; }
	#app-head .burger 		{ display: block; }

	#app-head nav 			{ display: block; position: fixed; overflow: auto; width: 200px; top: 0; left: 0; z-index: 10; background-color: #010864; height: 100%; border-right: 2px solid #000; }
	#app-head nav a, #app-head nav .nav-disabled { text-align: left; }
	#app-head nav 			{ transform: translateX(-100%); -webkit-transform: translateX(-100%); }

	#nav-trigger:checked ~ nav { animation: .1s linear slidein forwards; -webkit-animation: .1s linear slidein forwards; }
	#nav-trigger:checked ~ .burger { left: 200px; }
	#nav-trigger:checked ~ .burger .fa-bars { display: none; }
	#nav-trigger:checked ~ .burger .fa-close { display: block; }
}

@keyframes slidein { to { transform: translateX(0%); } }
@-webkit-keyframes slidein { to { -webkit-transform: translateX(0%); } }