/*! Original CSS from: Start Bootstrap - Simple Sidebar HTML Template (http://startbootstrap.com) Code licensed under the Apache License v2.0. For details, see http://www.apache.org/licenses/LICENSE-2.0. */
/* Toggle Styles */
#wrapper { padding-left: 0; transition: all 0.5s ease; width: 100%; min-height: 100%; position: relative; }

#wrapper.toggled { padding-left: 220px; }

#topbar-wrapper { pointer-events: none; z-index: 1001; position: fixed; display: block; top: 0; left: 0px; padding-left: 20px; height: 60px; line-height: 60px; width: 100%; background-color: #FFFFFF; }

#topbar-wrapper .topbar-brand { pointer-events: auto; }

#topbar-wrapper .topbar-brand a { color: #000; }

#topbar-wrapper .topbar-brand a:hover { background: none; }

#topbar-wrapper button { pointer-events: auto; display: block; position: absolute; right: 20px; top: 11px; padding: 5px 10px; font-size: 18px; background-color: #f2f2f2; }

#topbar-wrapper button:hover { background-color: #e6e6e6; }

#sidebar-wrapper { z-index: 1000; position: fixed; left: 220px; width: 0; height: 100%; margin-left: -220px; overflow-y: auto; background: #FFFFFF; transition: all 0.5s ease; }

#wrapper.toggled #sidebar-wrapper { width: 220px; }

#page-content-wrapper { width: 100%; min-height: 100%; position: absolute; padding: 60px 15px 15px 15px; }

#wrapper.toggled #page-content-wrapper { position: absolute; margin-right: -200px; }

/* Sidebar Styles */
.sidebar-nav { position: absolute; top: 0; width: 220px; padding: 0; padding-top: 60px; list-style: none; font-family: sans-serif; }

.sidebar-nav li { text-indent: 20px; line-height: 20px; }

.sidebar-nav li a { display: block; text-decoration: none; color: #000; }

.sidebar-nav li a:hover { text-decoration: none; }

.sidebar-nav li a:active, .sidebar-nav li a:focus { text-decoration: none; }

.sidebar-nav li.active { font-style: italic; }

.sidebar-nav > .divider { font-weight: bold; margin-top: 1em; }

.sidebar-nav > .divider:first-of-type { margin-top: 0px; }

@media (min-width: 1024px) { #wrapper { padding-left: 220px; }
  #wrapper.toggled { padding-left: 0; }
  #sidebar-wrapper { width: 220px; }
  #wrapper.toggled #sidebar-wrapper { width: 0; }
  #page-content-wrapper { padding: 20px; padding-left: 0px; position: relative; }
  #wrapper.toggled #page-content-wrapper { position: relative; margin-right: 0; }
  #topbar-wrapper { background-color: inherit; }
  #topbar-wrapper button { display: none; } }

html, body { position: relative; width: 100%; height: 100%; background-color: #FFFFFF; }

.page-info { display: block; padding-bottom: 20px; width: 100%; max-width: 700px; }

#page-content-wrapper { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; }

#page-content-wrapper h1 { font-size: 16px; }

#page-content-wrapper p { font-size: 12px; max-width: 600px; }

#page-content-wrapper .content { -ms-flex-positive: 1; flex-grow: 1; }

#page-content-wrapper .content p { max-width: 600px; }

#page-content-wrapper .footer { margin-top: 2em; }

html { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

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

.copyright { color: gray; }

.art-thumb { display: block; width: auto; height: auto; margin-bottom: 40px; max-width: 600px; }

.art-thumb img { margin-bottom: 10px; }

.art-cover-container { width: 100%; height: auto; max-width: 900px; max-height: 100%; overflow-x: hidden; }

.art-cover-container img { width: 100%; height: auto; }

/*# sourceMappingURL=main.css.map */