@import url(https://fonts.googleapis.com/css?family=Varela+Round);
@import url(/assets/css/finkl.css);


body, html {margin:0; padding:0;}

body {
    background:#ffa287;
    color:#000;
    font-family: 'Varela Round', sans-serif;
    font-size:10pt;
    min-width:320px;
}

.message {
    background:#2cff6a;
    color:#000;
    font-size:1.5em;
    padding:1em;
    text-align:center;
}

p {
    font-size: 11pt;
    line-height: 1.4;
}

.welcome .content,
.inner-content {
    position: relative;
    max-width: 600px !important;
}

.welcome a {
    color:#000 !important;
}

#static {display:none;}
#map {height:300px; margin-bottom:1em;}

form #map {float:right; background:red; width:50%; margin-top:3em; position:relative; z-index:999;}

img {max-width:100%;}

a,
a:link,
a:visited
{ color:#000; text-decoration:none;}

a:hover,
a:focus,
a:active
{ text-decoration:underline;}

.home .main,
.default .main {
    background:#000;
    color:#fff;
}

.welcome,
.nexty,
.nexty .main,
.pagey .main {
    background:#fff;
    color:#000;
}

.nexty a,
.nexty a:link,
.nexty a:visited {
    text-decoration:underline;
    color:#000;
}

.nexty a:hover,
.nexty a:focus,
.nexty a:active { text-decoration:none;}

.default .main a,
.default .main a:link,
.default .main a:visited,
.main .default a,
.main .default a:link,
.main .default a:visited
{ color:#ffa287; }

::selection {
    color: #000;
    background: #2cff6a;
}
::-moz-selection {
    color: #000;
    background: #2cff6a;
}

.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 18px;
    margin-bottom: 0.5em;
}
.switch>span {
    position: absolute;
    width: 150px;
    top: 2px;
    left: 45px;
    font-size: 0.85em;
    line-height: 18px;
    cursor: pointer;
    text-transform: uppercase;
}
.switch input {display:none;}
.switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    border-radius: 18px;
    -webkit-transition: .4s;
    transition: .4s;
}
.switch .slider:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 4px;
    bottom: 3px;
    background-color: #000;
    border-radius: 50%;
    -webkit-transition: .4s;
    transition: .4s;
}
.switch input:checked + .slider {
    background-color: #2cff6a;
}
.switch input:focus + .slider {
    box-shadow: 0 0 1px #2cff6a;
}
.switch input:checked + .slider:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
}

.menu,
h1, h2, h3 {
    font-family:'finklthickline', sans-serif;
    font-weight:normal;
    line-height:1.6;
    margin:0;
    padding:0;
    text-indent:-0.15em;
}

.masthead {
    padding:2em;
}

.masthead nav {position:relative;}

.masthead strong {
    display:inline-block;
    width: 260px;
    max-width:60%;
}

.menu-box {
    background:#E6E6E6;
    padding:3em;
    position:absolute;
    top:-2em;
    right:-2em;
    min-width:50%;
    z-index:9999;
}


.menu {
    font-size:1.3em;
    list-style-type:none;
    padding:0;
    margin:0 0 2em 0;
}

.menu a {display:block; padding:0.75em 0;}

[data-nav-visible="false"] .menu-box {display: none;}
[data-nav-visible="true"] .menu-box {display: block;}

a.menu-opener {
    position:absolute;
    top:50%;
    right:0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

a.menu-closer
{
    position:absolute;
    top:20px;
    right:20px;
    cursor:pointer;
    font-size:1.8em;
}

.open {
    position:relative;
    display:block;
    width:35px;
    text-indent:-999px;
    height:15px;
    border-top:3px solid #000;
    border-bottom:3px solid #000;
}

.open:before {
    content:"";
    position:absolute;
    top:6px;
    left:0;
    width:100%;
    border-top:3px solid #000;
}

.welcome {
    padding:4em 0.5em;
    text-align:center;
    background-repeat:no-repeat;
    background-position:left top;
    text-transform:uppercase;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image:url(/assets/img/ano.jpg);
}

.event-page .welcome {
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.welcome h1 {margin:0; padding:0; line-height:1.5;}

.event-page h1,
.nexty h2,
.welcome span {
    border-bottom:5px solid #2cff6a;
    display:inline-block;
    padding-bottom:0.25em;
    margin-bottom:0.25em;
    color:#000;
}
.welcome span {
    color:#fff;
}
.event-page .welcome span {
    color: #000;
}

h1>span {
    display:block;
    color:#ffa287;
}

.welcome span:last-child {
    margin-bottom:0;
}

.exhibits {margin:0; padding:0 1em; list-style-type:none;}
.home .exhibits {padding: 0;}

.event-listing strong {font-size:1.3em;}
.exhibit>span {display:block; margin-top: 0.25em;}
.event-page .exhibit>span {display:none;}

.event-listing h2 {margin-bottom:0.25em; font-size:1.8em;}
.event-listing .info {font-size:1.3em;}

.event-listing>img {
    display: block;
    width: 350px;
    margin: -1.5em 0 1.5em;
}

.info {
    margin-bottom: 2em;
}
.info>p,
.info>a {
    display: block;
    margin-top: 0.5em;
}

.home .event time {
    display: block;
    margin-top: 0.5em;
}

.home .exhibits li {margin-bottom:1.5em;}
.home .exhibits li:after {
    content:"";
    width:1.5em;
    display:block;
    height:1.5em;
    border-bottom:1px solid;
}


.nexty .event {
    border-bottom:1px solid;
    padding:2em;
    margin:0 -2em;
}


input[type=submit],
a.more,
a.external {
    font-size:1.25em;
    margin-top:1.5em;
    padding:0.25em 0.5em;
    text-transform:uppercase;
    display:inline-block;
    background:#2cff6a;
    border:3px solid #2cff6a;
    color:#000 !important;
    text-decoration:none !important;
    -webkit-appearance: none;
    cursor: pointer;
    -webkit-transition: all 0.35s; /* Safari */
    transition: all 0.35s;
}

input[type=submit]:hover,
input[type=submit]:focus,
a.more:hover,
a.more:active,
a.more:focus,
a.external:hover,
a.external:active,
a.external:focus {
    background:#000;
    color:#2cff6a !important;
}

a.external {
    font-size: 1em;
    margin: 0.5em 1em 0.5em 0;
}

.nexty {
    font-size:1.1em;
}

.event-page .welcome {
    background-image:none;
}


.welcome .content {text-align:left; padding-top: 0; padding-bottom: 0;}
.welcome .content span {display:inline; border:0;}
.welcome .content p {text-transform:none;}


/* .exhibit-container{ */
/*     overflow:auto; */
/* } */
/* .exhibit-container ul { */
/*     min-width:40em; */
/*     -webkit-column-count:3; */
/*     -moz-column-count:3; */
/*     -ms-column-count:3; */
/*     -o-column-count:3; */
/*     column-count:3; */
/*     -webkit-column-gap:15px; */
/*     -moz-column-gap:15px; */
/*     -ms-column-gap:15px; */
/*     -o-column-gap:15px; */
/*     column-gap:15px; */
/*     columns:3; */
/*     list-style-type:decimal; */
/*  */
/*     -webkit-column-width:10em; */
/*     -moz-column-width:10em; */
/*     -ms-column-width:10em; */
/*     -o-column-width:10em; */
/*     column-width:10em; */
/* } */
/* .exhibit-container ul  li { */
/*     padding:1em 0; */
/* } */

.exhibit-container ul {
    list-style-type:decimal;
}
.exhibit-container ul li {
    line-height:2;
}

.pagey .exhibit-list {
    display:none;
}

.pagey .event-listing {
    border-bottom:1px solid #333;
}

.pagey .welcome h1 {
    margin-bottom:-2em;
}

.upcoming-events .main,
.past-events .main {
    background:#000;
    color:#fff;
}
.upcoming-events .welcome h1,
.past-events .welcome h1 {
    margin-bottom: 0;
}
.upcoming-events .event-listing a,
.past-events .event-listing a {
    color:#ffa287;
}

.masthead nav,
.content {
    display:block;
    max-width:900px;
    margin:0 auto;
}

.content {
    padding: 4em 2em;
}

.footer .icon {
    font-size:2em;
}

.footer .social {
    margin: 2em 0;
}

.footer img {
    width: 200px;
    max-width:25%;
}

.footer .vcard img {
    max-width:100%;
    margin-bottom:1em;
}

.footer .vcard p,
.footer .vcard span {
    display: block;
    font-size: 8pt;
    margin-top: 0;
}

.footer .vcard .org {
    font-size: 10pt;
}

.footer .admin {
    margin: 1em 0;
    padding: 1em 0 0;
    border-top: 1px solid #000;
}
.footer .admin>li {
    list-style-type: none;
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid #000;
}
.footer .admin>li>a {
    display: inline-block;
    line-height: 1;
    margin-right: 0.5em;
    padding: 0.5em 0.5em 0.35em;
    border: 2px solid #000;
    background: #000;
    color: #ffa287;
}
.footer .admin>li>a:hover,
.footer .admin>li>a:focus,
.footer .admin>li>a:active {
    text-decoration: none;
    background: #ffa287;
    color: #000;
}
.footer .admin>li>span {
    display: block;
    margin-bottom: 0.5em;
    font-size: 1.1em;
    text-transform: uppercase;
}

.info_window {
    color:#000;
    padding:1em;
}


.exhibit-page .superevent,
.exhibit-page .description {
    margin:1em 0;
}

.exhibit-page .superevent {
    border-top:1px solid;
    padding-top:1em;
}

.exhibit-page h1 {
    font-size:1.6em;
}

.title-byline {
    color:#ffa287;
    display:block;
}

#directionsPanel {
    background:#fff;
    padding:1em;
}

.section {
    margin-top:1em;
}

.sponsors {
    margin-top:6em;
    background:#fff;
    color:#000;
    padding:2em;
    text-align:center;
}

.sponsors h3 {
    margin:2em;
}

.sponsors ul {
    list-style-type:none;
    margin:0;
    padding:0;
}
.sponsors a {
    display: block;
    padding: 20px;
}
.sponsors img {
    max-width:150px;
    max-height: 80px;
}

.pagination a,
.pagination a:link,
.pagination a:visited
{
    color:#fff;
    border:1px solid #000;
}

.pagination a:hover,
.pagination a:active,
.pagination a:focus {
    border-color:#ffa287;
}

.pagination li>* {
    display:inline-block;
    padding:0.5em;
    margin:0.5em;
}

.pagination .pagination-current span {
    background:#ffa287;
    color:#000;
}

.pagination {
    background:#000;
    list-style-type:none;
    color:#fff;
    padding:1em;
    margin:0;
}

.pagination li {
    display:inline-block;
}

.resources {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.resources>li {
    margin-bottom: 0.5em;
}
.resources>li .icon {
    color: #2cff6a;
}

@media (min-width: 768px) {

    .sponsors ul {
        text-align: center;
    }
    .sponsors ul>li {
        display: inline-block;
        width: 32.333%;
        height: 100%;
        vertical-align: middle;
    }
    .sponsors a {
        vertical-align: middle;
    }
    .sponsors img {
        max-width:100%;
    }

    .event-listing>img {
        width: 214px;
    }

    .exhibits {
        padding: 0;
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
        -moz-column-count: 2; /* Firefox */
        column-count: 2;
        -webkit-column-gap: 2em; /* Chrome, Safari, Opera */
        -moz-column-gap: 2em; /* Firefox */
        column-gap: 2em;
        list-style-position: inside;
    }
    .home .exhibits>li {
        display: inline-block;
        width: 100%;
    }

    .menu-box {
        min-width:35%;
    }

    .row .primary {
        padding-right: 150px;
    }
    .row .secondary {
        position: absolute;
        top: 5em;
        right: -90px;
        width: 250px;
    }

    .footer .content {
        position: relative;
    }
    .footer .vcard {
        position: absolute;
        top: 4em;
        right: 2em;
    }
    .footer .vcard p,
    .footer .vcard span {
        text-align: right;
    }

}