html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {   margin:0;   padding:0;   border:0;   outline:0;   font-size:100%;   vertical-align:baseline;   background:transparent; background-repeat: no-repeat; } body { line-height: 1; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {  display:block; } nav ul {   list-style:none; } a {   margin:0;   padding:0;   font-size:100%;   vertical-align:baseline;   background:transparent; background-repeat: no-repeat; outline: none; text-decoration: none; } input, select {   vertical-align:middle; } table { border-spacing: 0; }  html {  box-sizing: border-box; } *, *:before, *:after {  box-sizing: inherit; }  .hidden { display: none; } .align_right { text-align: right !important; } .align_left { text-align: left !important; } .align_center { text-align: center !important; } .full_width, .fullwidth { width: 100%; } .nowrap { white-space: nowrap; } .clickable { cursor: pointer; } .two_col { display: flex; justify-content: space-between; } .two_col.centered { align-items: center; }  html {  font-size: 17px; } body { position: relative; color: #222; font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.6; background: #fff; } html, body{  min-height: 100%;  height: 100%; } html.iframe, html.iframe body { height: auto; min-height: 0; }  main { margin-left: auto; margin-right: auto;  min-height: calc(100vh - 447px); } .container { width: 95%; max-width: 1200px; margin-left: auto; margin-right: auto; } .container--small { max-width: 900px; } body .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background-color: rgba(55,55,55,1);  display: none; } body .overlay--transparent { background-color: rgba(55,55,55,.75); } body .overlay .preloader { width: 100%; height: 100%; background-image: url(../_shared/_img/preloader_rubiks.gif); background-repeat: no-repeat; background-position: center center; }  @media (max-width: 550px) { html {  font-size: 16px; } } @media (max-width: 450px) { html {  font-size: 15px; } }  header, header #logo { height: 140px; } header #logo a img { max-height: 100px; } header { background-color: #444;  background-size: cover; background-position:center; }   header .container { max-width: none; } header #logo {  display: flex; align-items: center; } header #logo a img { width: auto; display: block; } h1 { font-size: 2.4em;  line-height: 1.1; padding: 8px 0; } h2 { font-size: 1.5em; } h2.h2--larger { font-size: 1.8em; } h2 { font-size: 1.3em; } .main_heading { padding-top: 50px;  text-align: center;  margin-bottom: 40px; } .intro .content { text-align: center;  max-width: 900px; margin: 0 auto; } .content a { color: #c00; } .content a:hover { text-decoration: underline; } .content p, .content ul, .content ol, .content table, .content hr, .content .mb_normal, .mb_normal { margin-bottom: 1.5em; } .content .mb_none { margin-bottom: 0; } .content .mb_larger, .mb_larger { margin-bottom: 2em; }  .content hr { clear: both; height: 0px; border: none; border-bottom: 1px solid #555; }  .content img { max-width: 100%; height: auto; display: block; } .content p.imagesize_medium { max-width: 900px; margin-left: auto;  margin-right: auto; } .content p.imagesize_medium img { margin-left: auto;  margin-right: auto; } .content p.imagesize_small { max-width: 600px; margin-left: auto;  margin-right: auto; } .content p.imagesize_small img { margin-left: auto;  margin-right: auto; }   .content input, .content textarea { font-family: inherit; font-size: inherit; line-height: inherit; font-weight: inherit; } .content input[type='text'], .content input[type='email'], .content textarea { box-sizing: border-box; border: 1px solid #999; padding: 2px 3px; border-radius: 3px; } .content input[type='email'] { width: 80%; } .content .button a, .content button, .content input[type="submit"] { color: #000; border: 0; cursor: pointer; margin-top: 12px;   background-color: #ddd;   padding: 0.5em 0.85em;   border-radius: 0px; font-weight : 700; transition: all 0.2s ease-in-out; font-size: inherit; font-family: inherit; } .content .button a:hover, .content button:hover, .content input[type="submit"]:hover { color: #fff; background: #222; text-decoration: none; } .content input.secondary_submit { font-weight: 400; padding: 0; background: transparent; display: inline; color: #222; margin: 0; } .content input.secondary_submit:hover { text-decoration: underline; background: inherit; color: #000; } .content .panel { background: #eee; padding: 30px;  margin-bottom: 30px; border-radius: 1px; }  .content table tr th { text-align: left; } .content table.layout tr td, .content table.layout tr th { padding: 3px 15px; } .content table.layout tr td:first-of-type, .content table.layout tr th:first-of-type { padding-left: 0 !important; } .content table.layout tr td:last-of-type, .content table.layout tr th:last-of-type { padding-right: 0 !important; } .content table.wide_right { table-layout: auto;   border-collapse: collapse; } .content table.wide_right tr td:first-of-type { white-space: nowrap; } .content table.wide_right tr td:last-of-type { width: 100%; }  .generic_404_page main { min-height: 0; } .generic_404_page { background-color: #222; display: flex; align-items: center; justify-content: center; } #page_not_found h1 { background-image: url(../_img/digibox_arts_logo_rev.png);  text-indent: -5600px; background-size: 300px auto; height: 150px; width: 300px; margin: 0 auto;  } #page_not_found h2 { color: rgba(255,255,255,1); text-align: center; } .venue_page .intro .container { max-width: 40em; } .venue_page .intro { padding-bottom: 40px; } .event_teasers h2#upcoming_events_heading { text-align: center; font-size: 1.7em; margin-bottom: 1.5em; } .event_teasers h2#upcoming_events_heading span { border-bottom: 2px solid #222;  padding-bottom: 5px; } .event_teaser { display: flex; flex-wrap: wrap; margin-bottom: 40px; margin-left: -30px; } .event_image, .event_description {  flex: 1;  padding-left: 30px; } .event_image img { margin-left: auto; } .event_teaser .imclone { display: none; }  @media (max-width: 770px) {  .event_teaser {  text-align: center;  } .event_teaser .event_image {  display: none; } .event_teaser .imclone {  display: block;  margin-bottom: 20px;  margin-top: 10px; } .event_teaser .imclone img {  margin-left: auto;  margin-right: auto; } } footer { background: #444; margin-top: 200px; } footer nav { padding: 40px 0; max-width: 700px;  margin: 0 auto; } footer .content ul { display: flex;  margin-bottom: 0; justify-content: space-between; } footer .content li { display: flex;  margin-bottom: 0; color: #fff; } footer .content li a { color: #fff; }  @media (max-width: 800px) {  footer .content ul {  justify-content: center; } footer .content li {  padding: 0 10px;  } }  @media (max-width: 550px) {  footer .content ul {  display: block; } }