/**********************************

Theme Name: HISTORICKC
Author: PixelNation
Description: Historic Kansas City Wordpress Theme
Version: 1.0
Text Domain: wordpress-theme

**********************************/


/*********************** 
 CSS IMPORTS
 ***********************/
 img.club1228 {
margin-left: auto;
margin-right: auto;
}

/*********************** 
 RESET STYLES
 ***********************/

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: top; background: transparent; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; color: inherit; } ins { background-color:#ff9; color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; } table { border-collapse: collapse; border-spacing: 0; }

/*********************** 
 GENERAL STYLES
 ***********************/
 
body, html { padding: 0; margin: 0; font-size: medium; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1; }
 
h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #646464; }
h1 { }
h2 { }
h3 { }
h4 { }
h5 { }

ul, ol, p { font-size: .9em; margin: 0 0 15px 0; line-height: 1.4em; color: #646464; }
ul, ol { margin-left: 30px; }
img { max-width: 100%; height: auto; }
.bold { font-weight: 700; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }
 
input, textarea, select, button { font-size: inherit; font-family: Arial, Helvetica, sans-serif; font-weight: normal; }

input { }
textarea { }
select { }
button { }

/*********************** 
 SHARED STYLES
 ***********************/
 
 .container { width: 95%; max-width: 1000px; min-width: 280px; margin: 0 auto; padding: 0 2.5%; } 
 .column { display: inline-block; *display: inline; zoom: 1; }
 
 .col-2 { width: 50%; }
 .col-3 { width: 33.333333%; }
 .col-3-2 { width: 66.666666%; }
 .col-4 { width: 25%; }
 .col-4-2 { width: 50%; }
 .col-4-3 { width: 75%; }
 .col-5 { width: 20%; }
 .col-5-2 { width: 40%; }
 .col-5-3 { width: 60%; }
 .col-5-4 { width: 80%; }
 .col-6 { width: 16.666666%; }
 .col-6-2 { width: 33.333333%; }
 .col-6-3 { width: 50%; }
 .col-6-4 { width: 66.666666%; }
 .col-6-5 { width: 83.333333%; }
 .col-7 { width: 14.28571428571428%; }
 .col-7-2 { width: 28.5714284%; }
 .col-7-5 { width: 71.4285716%; }
 .col-7-6 { width: 85.7143%; }
 
 #main-wrapper { min-height: 500px; margin-bottom: 50px; } 
 #main-wrapper .more { font-style: italic; }
 
 .historickc-button { background: #b23533; color: #fff; border: none; outline: none; cursor: pointer; display: inline-block; margin: 0 10px 20px 0; padding: 5px 10px; font-size: .9em; text-decoration: none; }
 .historickc-membership button { background: #b23533; color: #fff; border: none; outline: none; cursor: pointer; display: inline-block; margin: 0 10px 20px 0; padding: 5px 10px; font-size: .9em; text-decoration: none; }

/*********************** 
 HEADER STYLES
 ***********************/
 
 body { background: url('assets/img/historickc-background.jpg') center 100px no-repeat fixed #e7e7e9; background-size: cover; }
 
 header { background: url('assets/img/historickc-header-background.png') top center repeat-x; font-size: .85em; }
 header .logo { position: relative; }
 header .logo .mobile { display: none; }
 header .logo .donate { position: absolute; top: 100%; left: 8px; }
 header .logo .donate a { display: inline-block; margin-top: 15px; text-transform: uppercase; text-decoration: none; font-size: .85em; color: #999; font-weight: 700; }
 header .logo .donate a:hover { color: #ba0818; }
 
 #header-nav { margin: 27px 0 0 1%; width: 81.33333%; background: url('assets/img/historickc-header-menu-background.png') top center repeat-x; }
 #header-nav .contact { padding: 15px 2% 0 0; text-align: right; width: 31.33333%; }
 #header-nav .contact img { margin-top: -5px; opacity: .7; }
 #header-nav .contact img:hover { opacity: 1; }
 #header-nav #phone { display: inline-block; margin-right: 5px; font-size: .9em; }
 #header-nav #phone .mobile { display: none; }
 #header-nav #phone a { text-decoration: none; }
 #header-nav #phone a:hover { text-decoration: underline; }
 
 #menu-header-menu { padding: 5px 0 10px; color: #505050; margin: 0 0 0 10px; line-height: 1em; }
 #menu-header-menu a { text-decoration: none; color: inherit; }
 #menu-header-menu > li { display: inline-block; position: relative; z-index: 100; padding: 10px 10px 13px 10px; font-weight: bold; cursor: default; }
 #menu-header-menu > li > a { cursor: default; }
 #menu-header-menu .sub-menu { position: absolute; width: 200px; display: none; background: url('assets/img/historickc-header-subbackground.png') top center repeat-x #bd0b1b; padding: 10px; margin: 12px 0 0 0; list-style: none; left: 0; line-height: 1em; font-size: 1em; }
 #menu-header-menu .sub-menu li { background-color: #ccd0d3; color: #88898b; margin: 3px 0 0 0; padding: 9px 5px 6px 10px; font-weight: normal; border-left: 5px solid #fff; }

 #menu-header-menu li.current-menu-parent { color: #bd0b1b; padding-bottom: 8px; border-bottom: 4px solid #bd0b1b; }
 #menu-header-menu li:hover { background-color: #bd0b1b; color: #fff; }
 #menu-header-menu li:hover .sub-menu { display: block; }
 #menu-header-menu .sub-menu li:hover { background-color: #88898b; }
 
 #mobile-nav { display: none; margin-right: 4%; }
 #mobile-menu { display: none; position: absolute; z-index: 10; left: 0; top:0; box-shadow: 0 0 15px rgba(0,0,0,.5); width: 100%; background: #b23533; text-align: left; margin: 0; padding: 70px 0 0 0; }
 #menu-header-menu-1 { padding: 0; width: 90%; margin: 0 auto; font-size: 1em; }
 #menu-header-menu-1 li { list-style: none; }
 #menu-header-menu-1 > li { border-top: 1px solid #d99a99; padding: 10px 0 10px 20px; font-weight: bold; background: url( 'assets/img/historickc-menu-plus.png') left top no-repeat; }
 #menu-header-menu-1 > li:first-child { border: none; }
 #menu-header-menu-1 > li.active { background-image: url('assets/img/historickc-menu-minus.png'); }
 #menu-header-menu-1 a { text-decoration: none; color: #fff; }
 #menu-header-menu-1 .sub-menu { display: none; font-weight: normal; margin: 10px 0 5px 0; padding: 0; }
 #menu-header-menu-1 .sub-menu li { }
 #menu-header-menu-1 li.active .sub-menu { display: block; }
 
 #mobile-button { padding: 14px 0 23px 0; margin: 0 0 0 10px; width: auto; cursor: pointer; font-weight: bold; color: #505050; position: relative; z-index: 200; }
 #mobile-button img { display: inline-block; margin: -2px 0 0 5px; }
 #mobile-button img.active { display: none; }
 #mobile-nav.active #mobile-menu { display: block; }
 #mobile-nav.active #mobile-button { color: #fff; }
 #mobile-nav.active #mobile-button img.inactive { display: none; }
 #mobile-nav.active #mobile-button img.active { display: inline-block; }
 
 #mobile-social {  width: 100%; background: #f7f7f7; padding: 15px 0; margin: 30px 0 0 0; text-align: center; border-bottom: 10px solid #fff; }
 #mobile-phone { display: inline-block; margin: 5px 5px 0 0; font-weight: bold; }
 #mobile-phone a { text-decoration: none; color: #505050; }
 #mobile-phone .mobile { display: none; }
 
 #newsletter-signup { text-align: right; background: url('assets/img/historickc-newsletter-background.png') top center repeat-x #cbcfd2; width: 37%; margin: 9px 0 0 57%; padding: 8px 3%;  }
 #newsletter-signup .wpcf7 { background: #efefef; padding: 4px 1%; font-size: .9em; }
 #newsletter-signup p { margin: 0; padding: 0; }
 #newsletter-signup .ajax-loader { display: none; }
 #newsletter-signup input { width: 63%; margin: 0 2% 0 0; border: 2px solid #fff; outline: none; padding: 3px 2%; }
 #newsletter-signup input[type="submit"] { width: 26%; background: #b23533; color: #fff; border: none; outline: none; cursor: pointer; padding: 3px; }
 #newsletter-signup .wpcf7-not-valid-tip { display: none; }
 #newsletter-signup input.wpcf7-not-valid { border-color: #b23533; }
 
/*********************** 
 HOME STYLES
 ***********************/
 
 #home-main { width: 82.5%; padding: 25px 0 0 0; font-size: .9em; }
 
 #home-main #home-controls { background: url('assets/img/historickc-home-background.png'); margin: 0; padding: 15px 0 15px 25px; list-style: none; overflow: auto; clear: both; }
 #home-main #home-controls li { background: #ccd1d4; cursor: pointer; margin: 0 0 5px 0; color: #fff; padding: 7px 70px 7px 15px; border-left: 10px solid #fff; float: left; clear: both; }
 #home-main #home-controls li.active { background: #fff; border-color: #ba0818; color: #646464; position: relative; }
 #home-main #home-controls li.active:before { content: ""; background: url('assets/img/historickc-subnav-flag.png') center right no-repeat; background-size: 100% 100%; width: 10px; height: 100%; position: absolute; left: 0; margin-left: -20px; top: 0; }
 #home-main #home-controls li .content { display: none; width: 72%; padding-left: 3%; margin: 10px 0; }
 #home-main #home-controls li .home-image { display: none; width: 25%; height: 150px; margin: 10px 0; background: center center no-repeat; background-size: cover; }
 
 #home-main #home-content { background: url('assets/img/historickc-home-background.png'); position: relative;  } 
 #home-main #home-content .content { display: none; background: url('assets/img/historickc-home-content-background.png') top center no-repeat; background-size: 100% auto; margin: 15px 20px; padding: 20px 30px; min-height: 200px; }
 #home-main #home-content .content.active { display: block; }
 #home-main #home-content .content h2 { margin: 0 0 15px 0; padding: 0; font-weight: normal; font-size: .9em; }
 #home-main #home-content #fb-root { position: absolute; top: 28px; right: 13%; }
 #home-main #home-content .home-view { font-size: .8em; font-style: italic; color: #646464; }
 
 #home-main #home-content .home-image { height: 200px; background: center center no-repeat; background-size: cover; margin: 0 0 15px 0; }
 
 /*********************** 
 PAGE STYLES
 ***********************/
 
 #breadcrumbs { margin: 5px 0 20px 16.5%; padding: 0 0 0 2.5%; font-size: .75em; color: #999999; }
 #breadcrumbs a { text-decoration: none; }
 #breadcrumbs a:last-child { color: #4B4B4B; }
 
 #page-sidebar { width: 15%; margin: 0 .75% 0 .75%; }
 #page-sidebar #sidebar-menu {  background: #f4f4f4; padding: 1px 0; }
 #page-sidebar ul { margin: 0; padding: 0; }
 #page-sidebar li { display: none; }
 #page-sidebar li.current-menu-ancestor, #page-sidebar li.current-menu-ancestor li { display: block; }
 #page-sidebar li.current-menu-ancestor > a { display: none; }
 #page-sidebar .sub-menu { margin: 10px; line-height: 1.1em; }
 #page-sidebar .sub-menu a { text-decoration: none; }
 #page-sidebar .sub-menu li { background: #cdd1d3; margin: 3px 0 0 0; padding: 7px 5px 7px 12px; border-left: 10px solid #bec1c8; color: #fff; }
 
 #page-sidebar #sidebar-callout { background: #fff; padding: 10px 9% 1px 9%; margin: 20px 0 0 0; font-size: .75em; }
 #sidebar-callout h5 { margin: 0 0 7px 0; line-height: 1.1em; }
 #sidebar-callout .callout-image { width: 100%; height: auto; margin: 0 0 7px 0; }
 
 #page-sidebar .sub-menu li.current-menu-item, #page-sidebar .sub-menu li:hover { background: #fff; color: #8a8a8a; border-color: #ba0818; position: relative; }
 #page-sidebar .sub-menu li.current-menu-item:before { content: ""; background: url('assets/img/historickc-subnav-flag.png') center right no-repeat; background-size: 100% 100%; width: 10px; height: 100%; position: absolute; left: 0; margin-left: -20px; top: 0; }
 
 #page-main { background: #fff; padding: 20px 0 20px 2.5%; width: 80%; }
 #page-main #section-title { width: 100%; background: url('assets/img/historickc-section-title-background.png') bottom center repeat-x; font-family: Times New Roman, serif; font-size: 2em; color: #b23533; font-weight: normal; padding: 0 0 20px 0; margin: 0 0 20px 0; }
 
 #page-content { background: url( 'assets/img/historickc-main-background-left.png') top left no-repeat; border-bottom: 1px solid #c1c1c1; padding: 0 0 30px 20px; margin: 0 3% 5px 0; font-size: .9em; overflow: auto; clear: both; }
 #page-content #page-title { color: #bd0714; background: url('assets/img/historickc-h1-background.png') left center no-repeat; margin: 0 0 15px -21px; padding: 1px 0 1px 40px; text-transform: uppercase; font-size: .9em; }
 
 #page-image { height: 260px; width: 35%; border: 10px solid #cbcfd2; margin: 0 0 20px 25px; float: right; background: center center no-repeat; background-size: cover; }
 #page-image.short { height: 140px; }
 
 /***********************
  BIO STYLES
  ************************/
  
 .bio.column { background: #ececec; width: 27.3333%; margin: 0 0 30px 3%; padding: 10px 2%; }
 .bio.column:first-child, .bio.column:nth-child(3n + 1) { margin-left: 0; }
 
 .bio h4 { margin-bottom: 10px; font-size: .9em; line-height: 1.3em; }
 .bio h5 { margin-bottom: 10px; font-size: .8em; line-height: 1.2em; font-style: italic; }
 .bio .image { height: 140px; width: 100%; margin: 0 0 15px 0; background: center center no-repeat #fff; background-size: cover; }
 .bio .image a { display: block; width: 100%; height: 100%; }
 
 .bio.blocks { background: #ececec; padding: 10px 2%; margin: 0 0 20px 0;  }
 .bios .bio.blocks:nth-child(odd) { background-color: transparent; }
 .bio.blocks h5 { margin-top: -5px; }
 .bio.blocks .image { height: 150px; }
 .bio.blocks .col-4 { width: 15%; }
 .bio.blocks .col-4-3 { width: 83%; padding-left: 2%; }
 
 .bios .level { outline: 1px solid #eaeaea; padding: 10px 2.5%; margin: 0 0 20px 0;  width: 94%; }
 .bios .level h2 { color: #bd0714; text-transform: uppercase; margin: 0 0 10px 0; }
 .bio.sponsors { background: transparent; padding: 0; width: 31.3333%; }
 .bio.sponsors.column { margin-left: 3%; }
 .level .bio.sponsors.column:first-child, .level .bio.sponsors.column:nth-child(3n + 2) { margin-left: 0; }
 .bio.sponsors h4 { display: none; }
 .bio.sponsors .image { background-size: 80% auto; }
 
 .bio.preservationist.featured h2 { color: #bd0714; text-transform: uppercase; margin: 0 0 5px 0; }
 .bio.preservationist h4 { text-transform: uppercase; }
 .bio.preservationist.featured .col-4 { width: 30%; }
 .bio.preservationist.featured .image { height: 280px; }
 .bio.preservationist.featured .col-4-3 { width: 68%; }
 
 /**********************
  ARTICLE STYLES
  ***********************/
  
 .articles .article.blocks { background-color: #ececec; padding: 15px 2%; margin: 0 0 0 0;  }
 .articles .article.blocks:nth-child(odd) { background-color: transparent; }
 .article.blocks .inactive { opacity: .3; }
 .article.blocks .view { width: 29%; border-right: 1px solid #ccc; text-align: right; padding: 10px 10%; }
 .article.blocks .download { width: 30%; padding: 10px 10%; }
 .article.blocks h4 { font-size: .9em; margin: 0 0 5px 0; line-height: 1.2em; }
 .article.blocks .date { margin-top: -10px; color: #bd0714; font-size: .9em; }
 
 /*********************
  SITE STYLES
  *********************/
  
 #sites .site { background-color: #ececec; padding: 15px 2%; margin: 0 0 0 0;  }
 #sites .site:nth-child(odd) { background-color: transparent; }
 
 #sites .site h4 { margin: 0 0 10px 0; font-weight: 700; font-size: .9em; text-transform: uppercase; line-height: 1.1em; }
 #sites .site .header { background: #cdd1d3; padding: 0 3% 15px 7%; width: 88%; font-size: .75em; color: #505050; margin: 0 0 15px 0; }
 #sites .site .header a { text-decoration: none; }
 #sites .site .header a:hover { text-decoration: underline; }
 #sites .site .header .label { background: #7d7d7d; display: inline-block; width: auto; padding: 7px 10px; color: #fff; margin: 0 0 10px 0; }
 #sites .site .more { text-decoration: none; font-style: italic; font-size: .9em; }
 #sites .site .more:hover { text-decoration: underline; }
 
 #sites .site .site-image { width: 90%; margin: 0 auto; display: block; background-size: cover; background-position: center center; height: 150px; }
 #sites .site .site-image.mobile { display: none; }
 #sites .site .site-map .wrapper { width: 70%; border: 1px solid #d7d7d7; padding: 5px; position: relative; margin-left: 2%; }
 #sites .site .site-map .wrapper .carrot { position: absolute; left: 100%; top: 0; }
 #sites .site .site-map .google-map { height: 140px; }
 
 #site-sidebar { width: 15%; margin: 0 .75% 0 .75%; }
 #site-sidebar #sidebar-menu {  background: #f4f4f4; padding: 1px 0; }
 #site-sidebar ul { margin: 0; padding: 0; }
 #site-sidebar li { display: none; }
 #site-sidebar li.current-menu-ancestor, #site-sidebar li.current-menu-ancestor li { display: block; }
 #site-sidebar li.current-menu-ancestor > a { display: none; }
 #site-sidebar .sub-menu { margin: 10px; line-height: 1.1em; }
 #site-sidebar .sub-menu a { text-decoration: none; }
 #site-sidebar .sub-menu li { background: #cdd1d3; margin: 3px 0 0 0; padding: 7px 5px 7px 12px; border-left: 10px solid #bec1c8; color: #fff; }
 
 #site-sidebar #sidebar-callout { background: #fff; padding: 10px 9% 1px 9%; margin: 20px 0 0 0; font-size: .75em; }
 
 #site-sidebar .sub-menu li.current-menu-item, #site-sidebar .sub-menu li:hover { background: #fff; color: #8a8a8a; border-color: #ba0818; position: relative; }
 #site-sidebar .sub-menu li.current-menu-item:before { content: ""; background: url('assets/img/historickc-subnav-flag.png') center right no-repeat; background-size: 100% 100%; width: 10px; height: 100%; position: absolute; left: 0; margin-left: -20px; top: 0; }
 
 #site-main { background: #fff; padding: 20px 0 20px 2.5%; width: 80%; }
 #site-main #site-title { background: url('assets/img/historickc-section-title-background.png') bottom center repeat-x; font-size: .85em; padding: 0 3% 20px 3%; margin: 0 0 20px 0; }
 #site-main #site-title .site-title { max-width: 50%; display: inline-block; }
 #site-main #site-title #fb-root { display: inline-block; margin: -5px 0 0 5px; }
 #site-main #site-title .control { font-weight: normal; font-size: .9em; width: 12%; padding: 5px 0; }
 #site-main #site-title .control.next { text-align: right; }
 #site-main #site-title .control a { text-decoration: none; }
 #site-main #site-title .control a:hover { text-decoration: underline; }
 #site-main #site-title .control a img { display: inline-block; padding: 0 4px; margin-top: 1px; }
 #site-main #site-title .title { text-transform: uppercase; color: #b23533; font-weight: 700; font-size: .9em; border-right: 1px solid #ccc; border-left: 1px solid #ccc; width: 72%; padding: 5px 1.5%; text-align: center; }
 
 #site-content { background: url( 'assets/img/historickc-main-background-left.png') top left no-repeat; border-bottom: 1px solid #c1c1c1; padding: 0 0 30px 20px; margin: 0 3% 5px 0; font-size: .9em; overflow: auto; clear: both; }
 #site-content #page-title { color: #bd0714; background: url('assets/img/historickc-h1-background.png') left center no-repeat; margin: 0 0 15px -21px; padding: 1px 0 1px 40px; text-transform: uppercase; font-size: .9em; }
 
 /**********************
  CALENDAR STYLES
  ************************/
  
  #calendar-keys { }
  #calendar-keys .key-label { font-size: .75em; }
  
  #calendar-type { margin: 0 0 15px 0; padding: 0; }
  #calendar-type li { display: inline-block; margin: 0 5% 0 0; border: 1px solid #b2b2b2; font-size: .75em; width: 90px; cursor: pointer; opacity: .3; }
  #calendar-type li.active { opacity: 1; }
  #calendar-type li .label { padding: 2px 5px; }
  #calendar-type li .label img { display: inline-block; padding: 6px 2px 0 0; opacity: 0; }
  #calendar-type li.active .label img { opacity: 1; }
  #calendar-type li .color { height: 20px; }
  #calendar-type li.tour .color { background-color: #e5bd89; }
  #calendar-type li.meeting .color { background-color: #ccd0d3; }
  #calendar-type li.event .color { background-color: #a8c6de; }
  #calendar-type li.action .color { background-color: #deaaae; }
  
  #calendar-content { border-bottom: 1px solid #c1c1c1; padding: 0 0 30px 0; margin: 0 3% 5px 0; font-size: .9em; }
  #calendar-content .date { text-align: center; padding: 7px 7.5%; width: 92%; line-height: 1.1em; font-size: .95em; margin: 5px 0 0 0; display: none; }
  #calendar-content .date .mobile { display: none; }
  #calendar-content .date a { text-decoration: none; color: #606161; }
  #calendar-content .date.tour { background-color: #e5bd89; }
  #calendar-content .date.meeting { background-color: #ccd0d3; }
  #calendar-content .date.event { background-color: #a8c6de; }
  #calendar-content .date.action { background-color: #deaaae; }
  #calendar-content .date.active { display: block; }
  
 .calendar { outline: 1px solid #eaeaea; overflow: hidden; padding: 10px 3% 20px 3%; }
 .calendar .month { margin: 0 0 10px 0; font-size: .85em; }
 .calendar .month .label { color: #be1728; text-transform: uppercase; text-align: center; border-right: 1px solid #999999; border-left: 1px solid #999999; width: 18%; font-weight: bold; padding: 5px 0; }
 .calendar .month .controls a { color: #999999; text-decoration: none; display: inline-block; padding: 5px 20px; }
 .calendar .month .controls a img { display: inline-block; padding: 0 4px; margin-top: 1px; }
 .calendar .month .controls.previous { text-align: right; }
 .calendar .labels { background: #be1728; outline: 1px solid #be1728; color: #fff; text-align: center; padding: 20px 0 10px 0; font-size: .8em; } 
 .calendar .runners, .calendar .days { background: #ececec; text-align: right; padding: 5px 1% 0 0; min-height: 120px; font-size: .75em; outline: 1px solid #d1d1d1; width: 13.28571428571428%;}
 .calendar .number { display: inline-block; margin-bottom: 10px; }
 .calendar .runners { background: #fff; }

 .calendar.simple { outline: none; padding: 0; background: #c9ced1; }
 .calendar.simple .month .label { width: 100%; border: none; background: #646464; color: #fff; font-size: .75em; text-transform: lowercase; padding: 8px 0; }
 .calendar.simple .labels, .calendar.simple .runners, .calendar.simple .days { min-height: 0; text-align: center; background: transparent; outline: none; color: #646464; text-transform: lowercase; padding: 0; width: 14.28571428571428%; font-size: .525em; }
 
 #calendar-sidebar { width: 13%; margin: 0 .75% 0 .75%; background: #f4f4f4; padding: 10px 1%; }
 #calendar-sidebar a { text-decoration: none; }
 #calendar-sidebar .sidebar-item.controls a { font-size: .8em; color: #999;  }
 #calendar-sidebar .sidebar-item.controls a:hover { text-decoration: underline; }
 #calendar-sidebar .sidebar-item.controls a:nth-child(2) { text-align: right; }
 #calendar-sidebar .sidebar-item { padding: 7px 4%; }
 #calendar-sidebar .sidebar-item.current { border: 1px solid #999999; }
 #calendar-sidebar .sidebar-item.current .calendar.simple { background: #fff; box-shadow: 0 0 5px rgba( 0,0,0,.5); }
 #calendar-sidebar .sidebar-item.current .calendar.simple .month .label { background: #be1728; }
 
 /**********************
  EVENT STYLES
  *********************/
  
 #event-main { background: #fff; padding: 20px 0 20px 2.5%; width: 80%; }
 #event-main #event-title { background: url('assets/img/historickc-section-title-background.png') bottom center repeat-x; font-size: .85em; padding: 0 3% 20px 3%; margin: 0 0 20px 0; }
 #event-main #event-title .event-title { max-width: 50%; display: inline-block; }
 #event-main #event-title .control { font-weight: normal; font-size: .9em; width: 12%; padding: 5px 0; }
 #event-main #event-title .control.next { text-align: right; }
 #event-main #event-title .control a { text-decoration: none; }
 #event-main #event-title .control a:hover { text-decoration: underline; }
 #event-main #event-title .control a img { display: inline-block; padding: 0 4px; margin-top: 1px; }
 #event-main #event-title .labels { display: inline-block; width: 40%; }
 #event-main #event-title .title { text-transform: uppercase; color: #b23533; font-weight: 700; font-size: .9em; border-right: 1px solid #ccc; border-left: 1px solid #ccc; width: 72%; padding: 5px 1.5%; text-align: center; }
 #event-main #event-title .title .type { border: 1px solid #b2b2b2; vertical-align: central; display: inline-block; margin: -5px 0 0 5px; }
 #event-main #event-title .title .type .label { font-size: .9em; text-transform: none; font-weight: normal; color: #999; padding: 3.5px 10px; border-right: 20px solid #ccc; display: inline-block; }
 #event-main #event-title .title .type.tour .label { border-color: #e5bd89; }
 #event-main #event-title .title .type.meeting .label { border-color: #ccd0d3; }
 #event-main #event-title .title .type.event .label { border-color: #a8c6de; }
 #event-main #event-title .title .type.action .label { border-color: #deaaae; }
 #event-main #event-title #fb-root { display: inline-block; margin: -5px 0 0 5px; }
 
 #event-header { padding: 0 10px 30px 20px; margin: 0 3% 30px 0; background: url('assets/img/historickc-event-hr.png') bottom center repeat-x; font-size: .9em; }
 #event-header .col-3 { width: 31.33333%; margin: 0 0 0 3%; }
 #event-header .col-3:first-child { margin-left: 0; }
 #event-header .col-3 > .header { background: #c0c3c8; padding: 0 3% 15px 7%; font-size: .75em; color: #505050; margin: 0 0 15px 0; }
 #event-header .col-3 > .header.mobile { display: none; }
 #event-header .col-3 > .header a { text-decoration: none; }
 #event-header .col-3 > .header a:hover { text-decoration: underline; }
 #event-header .col-3 > .header .label { background: #7d7d7d; display: inline-block; width: auto; padding: 7px 10px; color: #fff; margin: 0 0 10px 0; }
 #event-header .wrapper { width: 70%; border: 1px solid #d7d7d7; padding: 5px; position: relative; }
 #event-header .wrapper > .background { padding: 10px; }
 #event-header .wrapper > .background.tour { background-color: #e5bd89; }
 #event-header .wrapper > .background.meeting { background-color: #ccd0d3; }
 #event-header .wrapper > .background.event { background-color: #a8c6de; }
 #event-header .wrapper > .background.action { background-color: #deaaae; }
 #event-header .wrapper .carrot { position: absolute; left: 100%; top: 0; }
 
 #event-calendar .calendar.simple { background: #fff; box-shadow: 0 0 5px rgba(0,0,0,.5); }
 
 #event-map { }
 #event-map .google-map { height: 140px; }
 
 #event-sponsor { margin: 20px 0 0 0; font-size: .9em; }
 #event-sponsor .title { font-weight: 700; }
 
 #event-image { width: 100%; height: 225px; background: center center no-repeat; background-size: cover; }
 
 #event-content { padding: 0 0 30px 20px; margin: 0 3% 5px 0; font-size: .9em; overflow: auto; clear: both; border-bottom: 1px solid #c1c1c1; }
 
 #event-payment { display: inline-block; float: right; width: 40%; margin: 0 0 20px 20px; position: relative; }
 #event-payment .sold-out { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url( 'assets/img/historickc-sold-out.png') center center no-repeat; background-size: cover; z-index: 1; }
 #event-payment form { background: #f4f4f4; padding: 15px 20px; text-align: center; }
 #event-payment table { width: 100%; }
 #event-payment td:first-child { font-weight: 700; color: #505050; text-transform: uppercase; font-size: .9em; }
 #event-payment select { margin: 10px 0; padding: 5px 2.5%; width: 95%; }
 
 /***********************
  MEMBERSHIP STYLES
  ***********************/
  
 .memberships { outline: 1px solid #eaeaea; padding: 10px 2.5%; margin: 0 0 20px 0;  width: 94%; }
 .memberships h3 { color: #bd0714; text-transform: uppercase; margin: 10px 0 20px 0; }
 .memberships .membership { width: 42%; padding: 20px 3% 50px 3%; margin: 0 0 20px 0; background: #eaeaea; min-height: 150px; position: relative; }
 .memberships .membership:nth-child(odd) { margin-left: 3%; }
 .memberships .membership h4 { text-transform: uppercase; margin: 0 0 10px 0; font-size: .9em; }
 .memberships .membership h4 .cost { display: inline-block; border-left: 1px solid #646464; margin-left: 5px; padding-left: 5px;}
 .memberships .membership button { background: #b23533; color: #fff; border: none; outline: none; cursor: pointer; padding: 5px 10px; font-size: .9em; position: absolute; bottom: 20px; }
  
 /*********************** 
 FOOTER STYLES
 ***********************/
 
 footer { background-color: #e3e4e8; font-size: .75em; padding: 20px 0; color: #999999; position: fixed; bottom: 0; width: 100%; }
 footer ul { list-style: none; margin-bottom: 0; margin-left: 0; line-height: 1.1em; }
 footer li { width: 90%; margin: 0 0 5px 0; }
 footer a { color: inherit; text-decoration: none; }
 footer a:hover { text-decoration: underline; }
 
 #main-wrapper footer { background-color: transparent; padding: 20px 0 0 0; margin: 0 3% 0 0; border-top: 1px solid #c1c1c1; position: static; width: auto; }
 #main-wrapper footer .container { width: 100%; padding: 0; }
 #main-wrapper footer .container .col-5-4 { width: 100%; margin: 0 0 15px 0; }
 
 /*********************
  WPCF7 CONTACT STYLES
  *********************/
  
 div.wpcf7 { background: #f4f4f4; padding: 15px 20px; font-size: .9em; clear: both; }
 div.wpcf7 input { padding: 5px 1%; width: 98%; }
 div.wpcf7 input[type="checkbox"] { width: auto; padding: 0; margin: 0; }
 div.wpcf7 input[type="submit"] { width: auto; margin: 0; background: #b23533; border: none; color: #fff; padding: 5px 15px; outline: none; cursor: pointer; }
 div.wpcf7 label { display: block; margin: 0 0 7px 0; }
 
 div.wpcf7 .form-group { border-bottom: 1px solid #e2e5e6; padding: 0 0 20px 0; margin: 0 0 20px 0; }
 div.wpcf7 .form-group label { font-style: italic; display: inline-block; margin: 0 0 10px 0; }
 div.wpcf7 .form-group .wpcf7-form-control.wpcf7-checkbox { display: block; margin: 0 0 15px 0; }
 div.wpcf7 .form-group .wpcf7-list-item { width: 32%; display: inline-block; margin: 0 0 5px 0; }
 
 div.wpcf7 .column-2 { width: 48%; display: inline-block; margin: 0 0 15px 0; }
 div.wpcf7 .column-2:nth-child(even) { margin-right: 3%; }
 div.wpcf7 .column-2 input { }
 
 div.wpcf7 .wpcf7-not-valid { background-image: url('assets/img/historickc-contact-exclamation.png'); background-position: right center; background-repeat: no-repeat; border: 1px solid #a9a9a9; padding: 6px 1%; }
 div.wpcf7 .wpcf7-not-valid-tip { display: none; }
 div.wpcf7 .wpcf7-response-output { border: none; background: #b23533; color: #fff; padding: 15px 20px; margin: 20px 0 0 0; }
 div.wpcf7 .wpcf7-mail-sent-ok { background: #00B325; } 
 
 #newsletter-signup div.wpcf7 .wpcf7-not-valid { background-image: none; }
 #newsletter-signup div.wpcf7 .wpcf7-response-output { margin-top: 5px; background: none; padding: 0; text-align: center; font-size: .9em; color: #999; }
 
 #gazette-newsletter div.wpcf7 { padding: 0; background: transparent; }
 #gazette-newsletter div.wpcf7 input { width: 30%; margin-right: 10px; }
 #gazette-newsletter div.wpcf7 input[type="submit"] { padding: 7px 15px; width: auto; }
 #gazette-newsletter div.wpcf7 .wpcf7-response-output { margin-top: 0; background: none; padding: 0 0 20px 0; text-align: left; font-size: .9em; color: #999; }
 
 /**********************
  WP-PAGENAVI STYLES
  **********************/
  
 .wp-pagenavi { margin: 20px 0 0 0; text-align: center; }
 .wp-pagenavi a, .wp-pagenavi span { padding: 4px 7px; display: inline-block; text-decoration: none; color: #7d7d7d; }
 .wp-pagenavi span { background-color: #a7a6a6; color: #fff; margin: 0 5px; }