/*
----------------------------------
Looking at css eh?
Got a question? Found an error?
contact robert@buglogic.com
----------------------------------
*/
html, body{height:100%;}
body {display:flex; flex-direction:column; background-color:#ececec;}
.content{flex: 1 0 auto}
.show-container {height:100vh;}
.banner, a.banner {display:flex; justify-content:space-around; align-items:center;position:relative; padding:20px; text-align:center; min-height:300px;}
a.banner:hover {text-decoration:none;}
.social {position:absolute; top:10px; right:10px; display:flex;}
.social a {display:table; height:30px; width:30px; border-radius:15px; margin-left:5px; color:#FFF; text-align:center;}
.social a:hover {text-decoation:none; background:#FFF; color:#000}
.social i {line-height:30px;}
.facebook {background:#4267B2;}
.twitter {background:#1DA1F2;}
.pinterest {background:#BD081C;}
.youtube {background:#FF0000;}
.instagram {background:#833AB4;}
.city, .location, .dates {display:table; margin-left:auto; margin-right:auto; font-size:150%;}
.city {padding:3px 12px; border-radius:10%; text-shadow:0px 0px 0px transparent}
.event-ticket {text-shadow:0px 0px 0px transparent; box-shadow:1px 1px 1px #000;}
.nav-container {position:sticky; top:0; z-index:5;}
nav {display:flex; align-items:center; justify-content:center;}
nav a {display:table; padding:5px;}
nav a:hover, .big-menu a:hover, .exhibitor-table a:hover, a.event-ticket:hover, a.category-select:hover, .exhibitor-container a.cat-select:hover, .feature-table a:hover, .item-wall a, a.banner-link:hover, .show-enter a:hover {text-decoration:none}
.nav-menu {display:none; position:absolute;z-index:10;}
.nav-menu a {white-space:nowrap}
.drop-menu {display:table}
.side-nav {display:table-cell; width:20%; padding:10px;}
.side-nav img {display:table; margin-left:auto; margin-right:auto; margin-bottom:10px; max-width:90%;}
.main-content {padding-bottom:40px;}
.sponsors {display:flex;justify-content:center;align-items:center}
.sponsors img {max-width:20%; margin-left:5px; margin-right:5px;}
.event-item, .event-item-plain {padding-bottom:10px; margin-bottom:10px; margin-left:20px; margin-right:20px;}
.event-page {margin-left:20px; margin-right:20px;}
.event-page h2 {text-align:center;}
.text-reader{margin-left:auto; margin-right:auto; width:45em;}
.media img {max-width:130px;}
.player {border-radius:5px; padding:20px; margin-bottom:20px; text-align:center;}
iframe {display:table; margin-left:auto; margin-right:auto;}
a.event-ticket {display:table; margin:auto; padding:10px; font-size:150%;}
.presenter-logo img {max-width:50%; max-height:250px; margin-top:5px;}
.exhibitor-table{columns:3;column-gap:10px;margin-left:20px; margin-right:20px; margin-top:20px;}
.feature-table{columns:3; column-gap:10px; margin-left:20px; margin-right:20px;}
.feature-table a {display:inline-table;width:100%; text-align:center; font-size:115%; border-radius:10px; margin-bottom:10px;}
.feature-table a img, .feature-flex a img{border-top-right-radius:10px;border-top-left-radius:10px; width:100%; background-color:#FFF;}
.feature-flex{display:flex;flex-wrap:wrap;align-items:center; width:100%;}
.feature-flex a {display:table;width:30%;text-align:center;font-size:115%;border-radius:10px;margin-left:5px;margin-right:5px;margin-bottom:10px;}
a.category-select {cursor:pointer; display:table; margin:auto; padding:5px;}
.big-menu {padding:10px; border-radius:10px; text-align:center; font-size:90%; margin-left:20px; margin-right:20px; display:none;}
.big-menu a, .exhibitor-container a.cat-select {display:inline-block; margin:2px; padding:3px; border-radius:3px;}
.exhibitor-container {display:table; margin-left:auto; margin-right:auto; padding:10px; text-align:center; margin-bottom:10px; border-radius:5px;}
.send-button, .show-enter {cursor:pointer;}
.image-bkg {background-repeat:no-repeat; background-position:center; background-size:cover;}
.bottom{flex-shrink:0;}
.home-page {padding-top:20px; padding-bottom:20px; font-family:'Open Sans'; color:#727272;}
.home-footer, .show-enter a {background-color:#2e72ba; color:#FFF; text-align:center;}
.show-enter a {padding:10px; font-size:130%; border-radius:5px; color:#FFF; font-family:'Open Sans';}
.show-enter a:hover {background:#727272;}
.home-footer {font-weight:300; font-family:'Open Sans Condensed';}
.home-footer, .footer{display:flex; justify-content:space-around; align-items:center;}
.home-footer img, .footer img {max-width:120px;}
.home-footer a {color:#efeeb8;}
.home-footer b {font-weight:700}
/*.home-show can be dropped*/
a.home-show, div.home-show {display:table; width:75%; margin-left:auto; margin-right:auto; border:solid 2px #2e72ba; margin-bottom:20px; font-family:'Open Sans Condensed'; color:#727272; background:#FFF;}
a.home-show:hover {text-decoration:none}
.home-sub {cursor:pointer; width:75%; margin-left:auto; margin-right:auto; margin-bottom:20px; border-radius:10px; font-family:'Open Sans'; font-weight:700;font-size:130%;}
.home-description {background:#FFF; color:#727272;}
.home-name{font-weight:700; color:#FFF; text-shadow:1px 1px 2px #000; font-size:200%; line-height:100%;}
.home-venue {display:block;text-align:center;height:40px;}
.home-tag {color:#FFF; text-shadow:1px 1px 1px #000; font-weight:300;}
.home-description {font-weight:300; color:#727272; border-top:solid 2px #727272; padding-top:10px; margin-top:10px;}
.home-page-ads {display:flex; align-items:center; justify-content:center; flex-wrap:wrap; width:100%; border-top:solid 2px #727272; padding-top:20px;}
.home-page-ads img {max-width:400px; margin-left:5px; margin-right:5px;}
.home-header {background-image:linear-gradient(to right, #ececec, #ffffff); font-family:'Open Sans Condensed'; font-weight:700; padding:10px;color:#2e72ba; border-bottom:solid 1px #2e72ba;margin-bottom:20px;}
a.home-link {display:inline-table; width:40px; height:40px; border-radius:20px; text-align:center; background:#2e72ba;}
a.home-link:hover {background:#727272; text-decoration:none}
a.home-link i {color:#FFF; line-height:40px; font-size:130%;}
.home-text {font-family:'Open Sans'; color:#727272; line-height:125%; width:80%; margin:auto;}
.home-page h1, .homepage h2, .homepage h3{font-family:'Open Sans Condensed';font-weight:700;}
.home-page h1 {color:#89825f;}
.home-page h2, .homepage h3{color:#914922}
.home-page .border-area, .home-page .staff {background:#FFF;}
.home-page .staff {padding:10px; border-radius:5px;}
.home-page .border-area {border:solid 2px #727272;}
.home-page .send-button {background-color:#2e72ba; color:#FFF;}
.home-page .send-button:hover {background-color:#000;}
.home-present {height:100px;display:table;margin:auto;}
.home-present img {height:100px;}
.home-divide {display:table-cell; width:20px;}
.home-table {padding-left:40px; padding-right:40px; padding-bottom:40px;}
.home-cell{display:table-cell; margin-bottom:0px;}
.home-flex {display:flex;flex-wrap:wrap;justify-content:center;margin-left:auto;margin-right:auto;width:70%;}
.home-item {display:inline-table;}
.flex-half {width:45%;margin-left:10px;margin-right:10px;margin-bottom:20px;}
a.banner-link {display:inline-table; border-radius:5px; padding:10px;font-size:150%; margin-left:auto; margin-right:auto; margin-bottom:10px;border:solid 2px #FFF;z-index:10;box-shadow:1px 1px 2px #000; text-shadow:0px 0px 0px transparent;}
.mobile-nav {display:none; text-align:center; padding:5px;}
.bottom .social{display:none}
h1.header {text-align:center; position:relative; margin:0;}
h1.header:before {content:""; display:block; position:absolute; z-index:1; top:50%; width:100%;}
h1.header span {position:relative; z-index:2; padding:0 10px;}
.item-wall {display:flex; justify-content:center; flex-wrap:wrap; margin:auto;}
.item-wall a {display:table; width:25vh; height:25vh; text-align:center; padding:10px; border-radius:10px; margin:10px;}
.item-wall i {display:table; margin-left:auto;margin-right:auto; margin-bottom:10px; width:40px; height:40px; border-radius:20px; text-align:center; line-height:40px;}
.item-wall h2 {line-height:90%;}

@media screen and (max-width: 699px) {
	.banner, a.banner, a.home-show, .footer, .home-footer, .mobile-social, nav, .mobile-nav, .home-page-ads {display:block;}
	.footer, .home-footer {margin-bottom:10px;}
	.banner .social, .nav-container, a.menu-option, a.menu-open, .home-divide {display:none}
	.bottom .social {position:relative; top:0px; right:0px; padding-top:10px; padding-bottom:10px; display:table; margin:auto;}
	.bottom .social a {display:inline-table;}
	a.home-show {width:100%;}
	.home-table {padding-left:10px; padding-right:10px; padding-bottom:10px;}
	.home-cell{display:block; margin-bottom:20px;}
	.side-nav {display:block; width:100%;}
	nav a{display:block;text-align:center; font-size:120%;}
	.nav-menu, .drop-menu {display:block; position:relative; text-align:center;}
	.exhibitor-table{-webkit-column-count: 2;-moz-column-count: 2;column-count:2;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;position:relative; margin-left:10px; margin-right:10px; margin-top:20px;}
	.feature-table{display:flex; flex-wrap:wrap;-webkit-column-count: 0;-moz-column-count: 0;column-count:0;-webkit-column-gap:0px;-moz-column-gap:0px;column-gap:0px;position:relative; margin-left:10px; margin-right:10px; margin-bottom:20px;}
	.feature-table a, .footer div {margin-bottom:10px;}
	iframe {max-width:100%}
	.text-reader {width:90%; margin:auto;}
	.item-wall a {float:none; width:90%; height:auto;}
	.flex-half {width:90%;margin-left:0px;margin-right:0px;}
	.home-flex {width:100%}
	.home-page-ads img{display:table; margin-bottom:10px; max-width:90%; margin-left:auto; margin-right:auto;}
	.home-venue {height:auto;}
}