/* Go crazy with your own styles here */
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
body {
	font-family: "HelveticaNeue-Light","Helvetica Neue Light",Helvetica,Arial,sans-serif;
	background:#232e21;
	color:#feefdd !important;
}

body > div.umb-grid{
	min-height: calc(100vh - 307px);
}	

body header #toggle{
    top: 85px;
}

p {
	color:#ccc !important;
}

a {
	color: #50b2c0 !important;
}

header a{
    text-transform: uppercase;
}

a:hover{
	color: #af125a !important;
}

html body h2 a{
    font-size: inherit;
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-bottom:1rem;
}
html body h1 a.apply{
	text-align:center !important;
	display:block !important;
	margin:0.5em 0 1em 0 !important;
	font-size:1em;
}

#mobmen ul{
    list-style: none;
}

footer.dark a{
	color: #fff !important;
}

footer.dark a:hover{
	color: #325490 !important;
}

footer.dark *{
	color:#fff !important;
}

.dark * {
	color:#000 !important;
}
	
.legal ul {
	/*float:left;*/
}
.legal li {
	display: inline-block;
	margin: 0 1em;
}

footer {
	text-align:center;
	padding:1em 0 !important;
}
footer.dark {
	background: #182017 !important;
	/*color:#333;*/
}

footer div.row div.legal{
    margin-bottom:0  !important;    
}

footer div.row div.legal ul{
    margin:0;
}

.dark{
	color: #333;
}

div#construction{
	color:#F60;
}

.caption{
	font-style: italic;
	text-align:right;
}

@media (max-width: 768px) {

    html body h1 a.apply{
        font-size:3rem;
        text-wrap:wrap;
        line-height:3.5rem;
    }
    
    .shows-list a{
        text-wrap: wrap;
        text-indent: -1rem;
        margin-left: 1rem;
        display: inline-block;
    }
}