/*
Theme Name:
Theme URI:
Author:
Author URI:
Version: 1.0
*/
html, body { height: 100%; width: 100%; position: relative; }

img { max-width: 100%; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

@viewport { width: device-width; }

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; max-width: 100%; }

.row { margin-left: -15px; margin-right: -15px; }

section, .clearfix, .container, .row { *zoom: 1; }
section:before, section:after, .clearfix:before, .clearfix:after, .container:before, .container:after, .row:before, .row:after { content: ""; display: table; }
section:after, .clearfix:after, .container:after, .row:after { clear: both; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; width: 100%; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11 { float: left; }

.col-xs-1 { width: 8.333333333333332%; }

.col-xs-2 { width: 16.666666666666664%; }

.col-xs-3 { width: 25%; }

.col-xs-4 { width: 33.33333333333333%; }

.col-xs-5 { width: 41.66666666666667%; }

.col-xs-6 { width: 50%; }

.col-xs-7 { width: 58.333333333333336%; }

.col-xs-8 { width: 66.66666666666666%; }

.col-xs-9 { width: 75%; }

.col-xs-10 { width: 83.33333333333334%; }

.col-xs-11 { width: 91.66666666666666%; }

.col-xs-12 { width: 100%; }

@media (min-width: 520px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11 { float: left; }
  .col-sm-1 { width: 8.333333333333332%; }
  .col-sm-2 { width: 16.666666666666664%; }
  .col-sm-3 { width: 25%; }
  .col-sm-4 { width: 33.33333333333333%; }
  .col-sm-5 { width: 41.66666666666667%; }
  .col-sm-6 { width: 50%; }
  .col-sm-7 { width: 58.333333333333336%; }
  .col-sm-8 { width: 66.66666666666666%; }
  .col-sm-9 { width: 75%; }
  .col-sm-10 { width: 83.33333333333334%; }
  .col-sm-11 { width: 91.66666666666666%; }
  .col-sm-12 { width: 100%; }
  .col-sm-push-1 { left: 8.333333333333332%; }
  .col-sm-push-2 { left: 16.666666666666664%; }
  .col-sm-push-3 { left: 25%; }
  .col-sm-push-4 { left: 33.33333333333333%; }
  .col-sm-push-5 { left: 41.66666666666667%; }
  .col-sm-push-6 { left: 50%; }
  .col-sm-push-7 { left: 58.333333333333336%; }
  .col-sm-push-8 { left: 66.66666666666666%; }
  .col-sm-push-9 { left: 75%; }
  .col-sm-push-10 { left: 83.33333333333334%; }
  .col-sm-push-11 { left: 91.66666666666666%; }
  .col-sm-pull-1 { right: 8.333333333333332%; }
  .col-sm-pull-2 { right: 16.666666666666664%; }
  .col-sm-pull-3 { right: 25%; }
  .col-sm-pull-4 { right: 33.33333333333333%; }
  .col-sm-pull-5 { right: 41.66666666666667%; }
  .col-sm-pull-6 { right: 50%; }
  .col-sm-pull-7 { right: 58.333333333333336%; }
  .col-sm-pull-8 { right: 66.66666666666666%; }
  .col-sm-pull-9 { right: 75%; }
  .col-sm-pull-10 { right: 83.33333333333334%; }
  .col-sm-pull-11 { right: 91.66666666666666%; }
  .col-sm-offset-1 { margin-left: 8.333333333333332%; }
  .col-sm-offset-2 { margin-left: 16.666666666666664%; }
  .col-sm-offset-3 { margin-left: 25%; }
  .col-sm-offset-4 { margin-left: 33.33333333333333%; }
  .col-sm-offset-5 { margin-left: 41.66666666666667%; }
  .col-sm-offset-6 { margin-left: 50%; }
  .col-sm-offset-7 { margin-left: 58.333333333333336%; }
  .col-sm-offset-8 { margin-left: 66.66666666666666%; }
  .col-sm-offset-9 { margin-left: 75%; }
  .col-sm-offset-10 { margin-left: 83.33333333333334%; }
  .col-sm-offset-11 { margin-left: 91.66666666666666%; } }
@media (min-width: 930px) { .container { margin-right: 50px; margin-left: 140px; padding-left: 15px; padding-right: 15px; max-width: 100%; }
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11 { float: left; }
  .col-md-1 { width: 8.333333333333332%; }
  .col-md-2 { width: 16.666666666666664%; }
  .col-md-3 { width: 25%; }
  .col-md-4 { width: 33.33333333333333%; }
  .col-md-5 { width: 41.66666666666667%; }
  .col-md-6 { width: 50%; }
  .col-md-7 { width: 58.333333333333336%; }
  .col-md-8 { width: 66.66666666666666%; }
  .col-md-9 { width: 75%; }
  .col-md-10 { width: 83.33333333333334%; }
  .col-md-11 { width: 91.66666666666666%; }
  .col-md-12 { width: 100%; }
  .col-md-push-0 { left: auto; }
  .col-md-push-1 { left: 8.333333333333332%; }
  .col-md-push-2 { left: 16.666666666666664%; }
  .col-md-push-3 { left: 25%; }
  .col-md-push-4 { left: 33.33333333333333%; }
  .col-md-push-5 { left: 41.66666666666667%; }
  .col-md-push-6 { left: 50%; }
  .col-md-push-7 { left: 58.333333333333336%; }
  .col-md-push-8 { left: 66.66666666666666%; }
  .col-md-push-9 { left: 75%; }
  .col-md-push-10 { left: 83.33333333333334%; }
  .col-md-push-11 { left: 91.66666666666666%; }
  .col-md-pull-0 { right: auto; }
  .col-md-pull-1 { right: 8.333333333333332%; }
  .col-md-pull-2 { right: 16.666666666666664%; }
  .col-md-pull-3 { right: 25%; }
  .col-md-pull-4 { right: 33.33333333333333%; }
  .col-md-pull-5 { right: 41.66666666666667%; }
  .col-md-pull-6 { right: 50%; }
  .col-md-pull-7 { right: 58.333333333333336%; }
  .col-md-pull-8 { right: 66.66666666666666%; }
  .col-md-pull-9 { right: 75%; }
  .col-md-pull-10 { right: 83.33333333333334%; }
  .col-md-pull-11 { right: 91.66666666666666%; }
  .col-md-offset-0 { margin-left: 0; }
  .col-md-offset-1 { margin-left: 8.333333333333332%; }
  .col-md-offset-2 { margin-left: 16.666666666666664%; }
  .col-md-offset-3 { margin-left: 25%; }
  .col-md-offset-4 { margin-left: 33.33333333333333%; }
  .col-md-offset-5 { margin-left: 41.66666666666667%; }
  .col-md-offset-6 { margin-left: 50%; }
  .col-md-offset-7 { margin-left: 58.333333333333336%; }
  .col-md-offset-8 { margin-left: 66.66666666666666%; }
  .col-md-offset-9 { margin-left: 75%; }
  .col-md-offset-10 { margin-left: 83.33333333333334%; }
  .col-md-offset-11 { margin-left: 91.66666666666666%; } }
/*------------------------------------*\ #Type styles
\*------------------------------------*/
html, body { height: 100%; min-height: 100%; }

body { -webkit-font-smoothing: antialiased; font-size: 100%; color: #222222; font-family: "Lato", sans-serif; min-height: 100%; }

h1, h2, h3, h4, h5, h6 { font-weight: 700; }

h1 { font-size: 2.2em; }

h2 { font-size: 2em; }

h3 { font-size: 1.8em; }

h4 { font-size: 1.6em; }

h5 { font-size: 1.4em; }

h6 { font-size: 1.2em; }

.small-head { font-size: 24px; font-weight: 400; }

ol { list-style-position: inside; list-style-type: decimal; }

p, td, dd { font-size: 15px; line-height: 1.5em; }

.light { font-weight: 300; }

.normal { font-family: 400; }

.strong { font-weight: 600; }

a { text-decoration: none; color: black; }

.text-center { text-align: center; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.page-banner { padding: 50px 0; }

.img-header { border-bottom: 5px solid #e74c3c; height: 200px; background-size: cover; background-position: center center; }
@media (min-width: 930px) { .img-header { height: 400px; } }

.contact-us-content { margin-top: 40px; }
.contact-us-content iframe { max-width: 400px; }

.the-content h2 { margin-bottom: 30px; }
.the-content strong { font-weight: 700; }
.the-content p { margin-bottom: 30px; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; font-family: "Source Sans Pro", sans-serif; color: #828282; }
.the-content ul { margin-bottom: 30px; list-style: circle inside; }
.the-content h4 { margin-bottom: 30px; }

.margin-less p { margin-bottom: 15px; }

address { margin: 20px 0; }
address p { margin-bottom: 0 !important; font-family: "Lato", sans-serif !important; }

/*------------------------------------*\ #Menu Styles
\*------------------------------------*/
.menu-open { position: fixed; top: 0; left: 0; background-color: white; height: 100%; width: 90px; transition: all 300ms linear; -moz-transition: all 300ms linear; -webkit-transition: all 300ms linear; z-index: 1001; border-right: 1px solid #e8e8e8; }

.show-mobile-nav { display: block; cursor: pointer; width: 100%; height: 50px; background: url(../img/menu-icon.svg) no-repeat top center; background-size: 55px 35px; background-position: 6px 0; width: 44px; height: 50px; margin: 35px auto 0 auto; padding: 35px 0 0 0; text-align: center; }
.show-mobile-nav.active { background-position: -43px 0; background-size: 77px 35px; color: white; }

.logo-vertical { background-image: url(../img/chibuku-vertical.svg); width: 23px; height: 206px; text-indent: -9999px; position: absolute; top: 50%; left: 50%; margin: -105px 0 0 -12px; }

.side-menu { position: fixed; width: 223px; height: 100%; top: 0; left: -223px; z-index: 1000; overflow-y: scroll; transition: all 300ms linear; -moz-transition: all 300ms linear; -webkit-transition: all 300ms linear; background-color: white; text-align: center; }
.side-menu li { margin: 15px 0; }
.side-menu li:first-child { margin-top: 0; }
.side-menu li.current_page_item { font-weight: bold; }
.side-menu li.current_page_item a { color: black; }
.side-menu a { color: #828282; font-size: 18px; }
.side-menu img { width: 150px; margin: 0 auto; }
.side-menu .btn { font-size: 16px; }

.logo-horizontal { background: url(../img/chibuku-horizontal.svg) no-repeat center center; width: 146px; line-height: 17px; text-indent: -9999px; margin: 0 auto 50px auto; padding: 50px 0; border-bottom: 1px solid #e8e8e8; }

.mobile-pane-open { left: 0px; -webkit-overflow-scrolling: touch; -webkit-box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.8); box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.8); }

.mobile-pane-push { position: relative; left: 0; transition: all 300ms linear; -moz-transition: all 300ms linear; -webkit-transition: all 300ms linear; }

@media (max-width: 930px) { .menu-open { position: relative; min-width: 100%; height: 60px; border-bottom: 1px solid #e8e8e8; }
  .show-mobile-nav { margin: 13px 20px 0 20px; text-indent: -9999px; display: inline-block; }
  .logo-vertical { background: url(../img/chibuku-horizontal.svg) no-repeat center center; width: 146px; line-height: 17px; text-indent: -9999px; margin: -10px 0 0 -73px; height: inherit; } }
.mobile-pane-push-toright { overflow: hidden; overflow-x: hidden; overflow-y: hidden; position: relative; }
.mobile-pane-push-toright .menu-open { left: 223px; background: transparent; border: none; transition: all 300ms linear; -moz-transition: all 300ms linear; -webkit-transition: all 300ms linear; }
.mobile-pane-push-toright .menu-open .logo-vertical { opacity: 0; }

.html-overflow { overflow: hidden; }

.eventgenius-built { position: absolute; bottom: 15px; text-align: center; width: 100%; left: 0; }
@media (max-width: 930px) { .eventgenius-built { position: static; margin: 100px 0 20px 0; display: block; } }

.social-links li { display: inline-block; margin: 10px 5px; }

.instagramrco, .twitterrco, .facebookrco { background-image: url(../img/social-icons.svg); background-repeat: no-repeat; width: 24px; height: 24px; text-indent: -9999px; display: block; background-size: 74px; }

.instagramrco { background-position: -53px 0; }

.facebookrco { background-position: -28px 0; }

#supersized { display: block; position: fixed; left: 0; top: 0; overflow: hidden; z-index: -999; height: 100%; width: 100%; }

#supersized img { width: auto; height: auto; max-width: none; position: relative; outline: none; border: none; }

#supersized.speed img { -ms-interpolation-mode: nearest-neighbor; image-rendering: -moz-crisp-edges; }

#supersized.quality img { -ms-interpolation-mode: bicubic; image-rendering: optimizeQuality; }

#supersized li { display: block; list-style: none; z-index: -30; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; background: #111; }

#supersized a { width: 100%; height: 100%; display: block; }

#supersized li.prevslide { z-index: -20; }

#supersized li.activeslide { z-index: -10; }

#supersized li.image-loading img { visibility: hidden; }

#supersized li.prevslide img, #supersized li.activeslide img { display: inline; }

.background-list { position: absolute; right: 50px; top: 50%; }
.background-list li { width: 10px; height: 10px; border: 2px solid white; margin: 20px 0; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; cursor: pointer; }
.background-list li.current-slide { background-color: white; }

.slideurl { position: absolute; bottom: 50px; left: 140px; color: white; }
.slideurl .btn { margin-top: 20px; }

.slide-words { background-color: rgba(0, 0, 0, 0.8); padding: 20px; }

.slidecaption, .slidesubcaption { display: block; }

.slidecaption { font-size: 30px; font-weight: bold; margin-bottom: 10px; }

.slidesubcaption { font-family: "Source Sans Pro", sans-serif; }

.load-item { background: url(../img/arrows.svg) no-repeat; background-size: 70px; width: 32px; height: 28px; display: block; position: absolute; left: 50%; margin-left: -25px; cursor: pointer; }
@media (min-width: 930px) { .load-item { right: 30px; left: inherit; } }

#prevslide { top: 40px; background-position: -37px; }
@media (max-width: 930px) { #prevslide { top: 80px; } }

#nextslide { bottom: 40px; }
@media (max-width: 930px) { #nextslide { bottom: 10px; } }

@media (max-width: 930px) { .slideurl { left: 15px; bottom: 50px; right: 15px; }
  .background-list { display: none; } }
.btn { background-color: #e74c3c; padding: 10px 20px; text-transform: uppercase; font-size: 20px; font-weight: bold; display: inline-block; color: white; text-align: center; }
.btn a { color: white !important; }

.theposts .post { border-bottom: 1px solid #cbcbcb; padding-bottom: 30px; margin-bottom: 30px; }
.theposts .post a { color: #222222; }
.theposts h2 { font-size: 20px; margin: 10px 0; color: black; }
.theposts .event-img { float: left; width: 100%; height: 150px; margin-right: 20px; margin-bottom: 20px; background-size: cover; }
.theposts .post-details { margin-bottom: 10px; }
.theposts p { color: #828282; margin: 20px 0; }

.blog { margin-top: 40px; }
.blog h2 { font-size: 30px; margin-bottom: 10px; }
.blog .date { margin-bottom: 20px; display: block; }
.blog strong { font-weight: 700; }
.blog p { margin-bottom: 30px; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }
.blog ul { margin-bottom: 30px; list-style: circle inside; }

@media (min-width: 930px) { .theposts .event-img { background-size: cover; width: 50%; height: 300px; } }
.sidebar .single-event:first-child h2 { margin-top: 0; }
.sidebar p { margin: 0; }
.sidebar h4 { min-height: 0px; margin-bottom: 20px; }
.sidebar h3 { padding-bottom: 15px; margin-bottom: 20px; font-size: 22px; line-height: 24px; font-weight: 400; }
.sidebar .venue, .sidebar .date { font-family: "Source Sans Pro", sans-serif; color: #828282; }
.sidebar .btn { margin: 30px 0; }
.sidebar .event-img { border-bottom: 5px solid #e74c3c; margin-bottom: 10px; }

.event-list tr { border-bottom: 1px solid #e8e8e8; }
.event-list tr:first-child { border-top: 1px solid #e8e8e8; }
.event-list tr td { display: block; padding: 10px 0; }
.event-list .event-date { font-family: "Source Sans Pro", sans-serif; color: #828282; }
.event-list .event-date p { margin: 10px 0; }
.event-list h4 { font-size: 18px; font-weight: 400; }
.event-list .event-img { width: 100%; height: 110px; background-size: cover; }
.event-list .event-title a { font-size: 18px; font-weight: 700; }

.active-cal { color: #222222 !important; }

@media (min-width: 520px) { .event-img { height: 230px !important; } }
@media (min-width: 1250px) { .event-filter a { display: inline-block; margin-left: -4px; }
  .event-filter a:first-child { margin-left: 0; }
  .event-list tr td { display: table-cell; padding: 40px 0 40px 40px; }
  .event-list tr td:first-child { padding-left: 0px; }
  .event-list tr td:last-child { text-align: right; min-width: 220px; }
  .event-list tr td .event-img { width: 260px; height: 150px; background-size: cover; }
  .active-cal { border-bottom: 3px solid #e8e8e8; } }
/*------------------------------------*\ #GALLERY
\*------------------------------------*/
ul.photos li { width: 100%; vertical-align: top; }
ul.photos li h5 { text-transform: uppercase; font-size: 16px; margin: 15px 0; }
ul.photos img { width: 100%; }

h4.event-name { margin-top: 20px; }

.facebook-gallery { border-top: 1px solid #e8e8e8; }

.image-height { max-height: 300px; overflow: hidden; }

.back-photos { margin-top: 20px; display: block; }

.load-more a { display: table; font-family: "Lato", sans-serif; margin: 20px auto; background-color: black; text-align: center; padding: 10px 20px; color: white; text-transform: uppercase; }

.photos h4 { text-transform: uppercase; font-size: 16px; margin: 15px 0; }

@media (min-width: 800px) { ul.photos { margin: 0 -20px; }
  ul.photos li { width: 33.33%; padding: 10px 20px; }
  .image-height { max-height: 150px; } }
@media (min-width: 1500px) { ul.photos li { width: 25%; padding: 20px; }
  .image-height { max-height: 198px; } }
.wpcf7-form { color: white; position: relative; }
.wpcf7-form .rtp-form-field { margin-bottom: 10px; }
.wpcf7-form label { margin-bottom: 4px; width: 100%; font-size: 14px; display: block; }
.wpcf7-form .wpcf7-form-control-wrap { display: block; margin-bottom: 0; width: 100%; position: relative; }
.wpcf7-form input { font-size: 1em; padding: 10px; width: 100%; outline: 0; border: 1px solid #bfbfbf; }
.wpcf7-form textarea { padding: 10px; width: 100%; border: 1px solid #bfbfbf; outline: 0; }
.wpcf7-form .wpcf7-submit { width: 100%; color: white; outline: 0; border: 0; max-width: 200px; margin: 0 auto; display: block; background-color: #fca11d; cursor: pointer; }
.wpcf7-form input.wpcf7-not-valid, .wpcf7-form textarea.wpcf7-not-valid { border: 1px solid red; }
.wpcf7-form .wpcf7-validation-errors { background-color: #f2dede; border-color: #eed3d7; color: #b94a48; margin: 15px 0 0; overflow: hidden; padding: 8px 10px; }
.wpcf7-form .wpcf7-mail-sent-ok { background-color: #dff0d8; border-color: #d6e9c6; color: #468847; margin: 15px 0 0; overflow: hidden; padding: 10px; }
.wpcf7-form .wpcf7-not-valid-tip { border: 0; color: red; font-size: 13px; right: 0px; position: absolute; top: -17px; z-index: 100; }
.wpcf7-form span.required { display: none; }
.wpcf7-form div.required { text-align: center; color: white; line-height: 13px; font-size: 13px; display: block; margin-bottom: 10px; }
.wpcf7-form .dob-day, .wpcf7-form .dob-month, .wpcf7-form .dob-year { width: auto; display: inline-block; }
.wpcf7-form .wpcf7-list-item { display: block; }
.wpcf7-form .wpcf7-list-item input[type="radio"] { float: left; width: auto; height: 22px; }
.wpcf7-form .wpcf7-list-item label { float: left; height: 22px; line-height: 28px; }
.wpcf7-form .wpcf7-radio .wpcf7-list-item { width: 80px; float: left; }
.wpcf7-form .col-md-6 { margin-bottom: 15px; }
.wpcf7-form ::-webkit-input-placeholder { color: #222222; font-size: 16px; }
.wpcf7-form :-moz-placeholder { /* Firefox 18- */ color: #222222; font-size: 16px; }
.wpcf7-form ::-moz-placeholder { /* Firefox 19+ */ color: #222222; font-size: 16px; }
.wpcf7-form :-ms-input-placeholder { color: #222222; font-size: 16px; }

.screen-reader-response { position: absolute; bottom: -20px; color: #fca11d; }

#content .wpcf7 .btn-container { text-align: center; margin-bottom: 0; overflow: visible; position: relative; }

#content img.ajax-loader { bottom: -25px; left: 49%; margin: 10px 0 0; position: absolute; }

.wpcf7-response-output { display: none !important; }

.contact-form { background-color: #222222; padding: 30px 0; }

.alignnone { margin: 5px 20px 20px 0; }

.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }

.alignright { float: right; margin: 10px 0 0 20px; }

.alignleft { float: left; margin: 10px 20px 0 0; }

.aligncenter { display: block; margin: 5px auto 5px auto; }

a img.alignright { float: right; margin: 5px 0 20px 20px; }

a img.alignnone { margin: 5px 20px 20px 0; }

a img.alignleft { float: left; margin: 5px 20px 20px 0; }

a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }

.wp-caption.alignnone { margin: 5px 20px 20px 0; }

.wp-caption.alignleft { margin: 5px 20px 20px 0; }

.wp-caption.alignright { margin: 5px 0 20px 20px; }

.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }

.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }




/* Mobile CSS for Box Office - https://bunq.eventgenius.co.uk/ */

/* Change min-width to mobile friendly viewport */
body, .boxoffice, .boxoffice .checkoutheadercontainer {
  min-width: 290px;
}

@media only screen and (max-width: 650px) {
  .page-banner { padding: 20px 0; text-align: center; }
  /* Event Listings Page */
  .topicthumb {
    margin: 0;
    padding: 15px 0 10px;
  }
  .topicthumb:last-child {
    padding-bottom: 0;
  }
    .topicthumb .goleft {
      width: 60%;
    }
      .topicthumb .goleft span, .topicthumb .goleft strong {
        width: 100%;
      }
    .topicthumb .goright {
      width: 40%;
      padding-right: 0;
    }

    .enlarge {
      margin-bottom: 10px;
    }
    .pagetitle {
      margin-bottom: 5px;
    }
    dt {
      width: 100%;
      margin: 5px 0 2px;
    }
    dd {
      margin: 0;
    }

  /* Tables */
  .tickets {
    position: relative;
    overflow: visible;
    margin-bottom: 60px;
  }
  .tickets tr.ticketheaderrow th.prespace {
    display: none;
  }
  .tickets th.qty, .tickets td.qty {
    text-align: right;
  }
  .tickets td {
    padding: 8px;
  }
  div.currencies {
    display: none;
  }
  .tickets td.detail.prespace {
    display: none;
  }
  input[type="text"], input[type="email"], input[type="password"] {
    font-size: 16px;
  }
  select {font-size: 12px;}
  select#busticketTravelSelection, select#travelSelection {
    width: 100%;
  }
  select#busticketTravelSelection {
    margin-bottom: 10px;
  }
  select#travelSelection {
    font-size: 14px;
  }
  select#travelSelection:focus {
    font-size: 16px;
  }
  input.bt_select {
    margin-left: 0;
  }
  tr.ticketsfooter {
    position: relative;
  }
  tr.ticketsfooter td.detail, tr.ticketsfooter td.total {
    text-align: right;
    min-height: 50px;
  }
  tr.ticketsfooter td.detail.cardicons {
    text-align: left;
  }
  .cardicon {
    margin-top: -8px;
  }
  tr.ticketsfooter .cardicon.comodo {
    display: none;
  }
  .tickets td.addtobasket {
    position: absolute;
    bottom: -8px;
    right: 0;
    border: none;
  }

  /* Social */
  .discounts {
    position: relative;
  }
    .discounts .actions {
      float: left;
      margin-left: 0;
      margin-right: 0;
    }
      .discounts h4 {
        clear: both;
      }
      .incentive {
        margin: 0 5px 10px 0;
      }

  /* Checkout Pages */
  .checkout .box {
    margin
  }
  .boxoffice .checkoutheadercontainer {
      padding: 0 15px 15px;
    text-align: center;
  }
  .checkoutheadercontainer .checkoutheading {
    float: none;
    margin: 0 0 5px;
  }
  .checkoutheadercontainer .countdown {
    float: none;
    display: block;
    margin-bottom: 5px;
  }
  .checkoutheadercontainer ul {
    float: none;
  }

  /* Checkout Receipt */
  .checkoutheadercontainer .checkoutheadinginfo {
    float: none;
    text-align: center;
  }
  .checkoutheadercontainer .button {
    float: none;
    margin-top: 10px;
  }
  .boxoffice .checkoutheading {
    margin: 10px;
  }
  .checkoutheadinginfo {
    margin: 0 10px 15px;
  }
  .receiptsocial a {
    float: left;
    margin: 0 10px 10px 0 !important;
  }
  .receiptsocial p {
    max-width: none;
    clear: both;
  }

  /* Checkout Footer */
  .checkoutfooter {
    margin: 10px;
    padding-bottom: 10px;
  }
  .checkoutfooter .goleft, .checkoutfooter .goright {
    float: none;
  }
  .checkoutfooter .eventgenius {
    float: none;
    margin: 5px 0 10px;
  }
  .loginoption {
    margin-left: 0;
  }
  .loginoptions {
    float: none;
    margin: 0 auto;
  }
  .loginoptions .forminfo {
    margin-left: 0;
  }
  .form .forminfo {
    margin-left: 0;
  }
  .forminfo.nooptions {
    padding-bottom: 10px;
  }
  .securecheckoutbox {
    padding-bottom: 10px;
  }
  .paymentform {
    width: 100%;
    padding: 5px 0;
  }
  .paymenthighlight {
    width: 100%;
    padding: 5px 0 10px;
    position: relative;
    top: auto;
    right: auto;
    display: block !important;
  }
  .subaction .offsetleft {
    position: relative !important;
    right: 0;
    top: 0 !important;
    float: right;
    margin-top: 10px;
  }
  .box.userloggedin {
    padding-bottom: 10px;
  }
  .ticketplanoption {
    margin-top: 10px;
  }

  /* Forms */
  #useraccount-form {
    max-width: none;
    float: none;
  }
    #useraccount-form .data {
      margin-left: 0;
    }
    #useraccount-form .forminfo {
      margin: 0;
    }
  .form .field {
    margin-left: 0;
  }
  .field {
    margin: 0 0 15px;
  }
  .field .lbl, .field .txt, #paymentform .field .lbl, #useraccount-form .field .lbl {
    width: 100%;
    max-width: none;
  }
  .field .lbl {
    margin: 0 0 5px;
  }
  .field .lbl[for=address2], .field .lbl[for=pri_address2] {
    display: none;
  }
  .field.cardprocess {
    margin: 0;
  }
  .field .data {
    margin: 0;
  }
  .expirydate {
    width: auto;
  }
  .cv2 {
    width: auto;
    text-align: left;
  }
  .field .data .txt.thin {
    width: auto;
    min-width: 63px;
  }

  /* CVV Card popup Help */
  #cvn {
    right: 120px;
    top: 85px;
    width: 160px;
    background: white;
    padding: 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,.2);
  }
  #cvn .subtle {
    display: block;
  }

  /* General */
  .useraccount .wide, .useraccount .thin, .useraccount .half {
    width: 100%;
  }
  .useraccount .goleft, .useraccount .goright {
    float: none;
  }
  .useraccount .box {
    margin-bottom: 20px;
  }

}


@media only screen and (max-width: 500px) and (min-width: 480px) {

  .eventheader.thumb {
    width: inherit;
  }
    .enlarge {
      margin-bottom: 0;
    }
    dt {
      margin: 5px 0 0;
      width: 70px;
    }
    dd {
      margin: 5px 0 0;
    }

}


/* !Responsive Styles */
/*
@media (min-width: 550px) {
    .checkoutcontainer { margin: 115px auto 20px; }
    .checkoutmaincol { width: 50%; float: left; }
    .checkoutsidecol { width: 50%; padding-left: 15px; float: right; }
    .boxoffice .checkoutcontainer { margin: 0 auto 20px; }
    .trust { margin: 0 0 20px 20px; padding: 0; float: none; max-width: 100%; }
    .trust li { margin: 0 0 10px; }
    .securecheckoutbox { text-align: left; }
    .securecheckoutbox .cardicon { margin: 0 10px 10px; }
}
*/


#fullcontent h1, h3 { font-family: "Lato", sans-serif; }
#fullcontent{font-family: Helvetica Neue, Helvetica, Arial, sans-serif;}
body { color: #333333; }
#top,.box.sub,.checkout .col.thin .box,#paymentpage { background: #FFFFFF; }
a,#trail li a,.links a { color: #003366; }
a:hover { color: #031B3C; }
.topicthumb .goleft h3 {font-size: 18px;}
.topicthumb .goleft p {font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 15px;}
.bar,.usertools,.checkout .usertools { background: #EDEDED; color: #000000; border-color: #DBDBDB; border-radius: 0.00px; }
.box .header a,.usertools,.usertools a,.checkout .usertools,.checkout .usertools a { color: #000000; }
.box,.box.sub,.tickets { border-color: #DBDBDB; border-radius: 0.00px; }
.box .header,.box.sub .header,.tickets th { background: #EDEDED; color: #000000; border-color: #DBDBDB; }
.button,.button:hover,.button:active,.button:focus,#cvnlink:hover { background-color: #e74c3c; border-color: #e74c3c; color: #ffffff; }
.button,.txt { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; border-radius: 0.00px; }
.tickets td,.discounts,.ticketrow th.detail,#basket-table.tickets td,#basket-table.tickets .total td,.checkout .ordersummary .totals td,.event,.order { border-color: #DBDBDB; font-family: Helvetica Neue, Helvetica, Arial, sans-serif;}
.slides_container,.checkoutfooter,.avatar,.slides_container { border-radius: 0.00px; }
.checkoutfooter,.checkout .checkoutfooter,#eventmap p { background: #FFFFFF; color: #333333; }