/*
  Theme Name: LBWD Custom Theme
  Theme URI: http://www.longbeachwebdesign.com
  Description: A custom theme developed by Long Beach Web Design
  Version: 1.0
  Author: Long Beach Web Design
  Author URI: http://www.longbeachwebdesign.com

  License: MIT
  License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/
/* latin */


/**
 * @license
 * MyFonts Webfont Build ID 3133568, 2015-11-30T14:39:38-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: CenturyGothicStd-Bold by Monotype 
 * URL: http://www.myfonts.com/fonts/mti/century-gothic/std-bold/
 * Copyright: Copyright The Monotype Corporation. All rights reserved.
 * Licensed pageviews: 250,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3133568
 * 
 * © 2015 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
/*@import url("//hello.myfonts.net/count/2fd080");*/

  
@font-face {font-family: 'CenturyGothicStd-Bold';src: url('2FD080_0_0.eot');src: url('2FD080_0_0.eot?#iefix') format('embedded-opentype'),url('2FD080_0_0.woff2') format('woff2'),url('2FD080_0_0.woff') format('woff'),url('2FD080_0_0.ttf') format('truetype'),url('2FD080_0_0.svg#wf') format('svg');}
 
*,
*:after,
*:before {
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-font-smoothing:antialiased;
  font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
  font-size:62.5%;
}
body {
  font:700 1.6em/1.6 "Muli", "CenturyGothicStd-Bold", sans-serif;
    font-weight:normal;
  color:#636363;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}

.clear {
    clear:both;
    *zoom:1;
}
img {
  max-width:100%;
  vertical-align:bottom;
}
a {
  /* color:#ca006c; */
  text-decoration:none;
}
a:hover {
  color:#333;
}
a:focus {
  outline:0;
}
a:hover,
a:active {
  outline:0;
}
input { padding: 7px 20px;}
input:focus {
  outline:0;

}

input[type="submit"], .btn {
  box-shadow: none;
  color: #fff;
 font-family: "Gotham A", "Gotham B";
  text-transform: uppercase;
  font-weight: 600;
   padding: 7px 20px;
  text-align: center;
    border:none;
  background: #ca006c;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.btnblue {
  box-shadow: none;
  color: #fff;
 font-family: "Gotham A", "Gotham B";
  text-transform: uppercase;
  font-weight: 600;
   padding: 7px 20px;
  text-align: center;
    border:none;
  background: #0081c6;;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
input[type="submit"]:hover, a:hover.btn {
  color: #222;
  }
.header-donate a:hover {color: #222 !important;}
h1,h2,h3,h4 {text-transform:uppercase;font-weight:bold; font-family: "Gotham A", "Gotham B";}
h3 {font-size:1.625em;}
.sidebar-widget h3 {text-transform: capitalize;color:#c8006b;text-align:center;margin-bottom:10px}
.video-contain {clear:both;margin:0 auto; text-align:center;width:100%;}
.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.search-submit {background:transparent;position:relative;top:10px;border:0;}

.mpink {color:#ca006c;}
.mblue {color:#0081c6;}

#colorbox:focus {
outline: none;
}
#cboxSlideshow {position:absolute;bottom:-26px;right:185px;}
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
  max-width:100%;
  width:100%;
  margin:0 auto;
    padding:0;
  
}
/* header */
.header {
    background:#fff;
    width:100%;
    padding:14px 0 15px;
    margin:0 auto ;
    height:100px;
position:fixed;
    top:0;
    z-index: 99999999999;
    clear:both;

}
/* logo */
.logo {
    margin:0 auto;
    width:920px;

}
.logo-img {
    float:left;

}
/* nav */
#access {   position:fixed; top:100px; }


article {width:100%;}
.gotham {font-family: "Gotham A", "Gotham B";}


/* sidebar */
.sidebar {float:left;width:300px;margin:20px 0 0;padding:0}


.sidebar-member {margin:0 auto;font-weight:bold;font-size:1.3em;}
.sidebar-member ul li {line-height:1.1em;margin:15px 0;}
.join-btn {box-shadow: none;
  color: #fff;
  font-family: "Gotham A", "Gotham B";
  text-transform: uppercase;
  font-weight: 600;
   padding: 9px 30px;
    margin:0 auto;
  text-align: center;
    border:none;
  background: #e8863e;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;}


main {width:100%;margin:0 auto;}
.newback {background:#eaeaea;width:100%;}


/** hidden search field **/
#searchbar {
  display: none;
  float: right;
  

  z-index: 9999999999;
 
top:145px;
position:fixed;
    
    width:100%;
    margin:0 auto;

}
.search-inner {  padding:0px;height: 43px;width:950px;margin:0 auto; }
.search-input {
  display: block;
  width: 200px;
  border: 7px solid  #006297; ;
    float:right;
  outline: none;
  padding: 0 0 0 10px;
  height: 42px;
  line-height: 30px;
 -webkit-box-shadow: -1px 2px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: -1px 2px 2px rgba(0,0,0,0.2);
  box-shadow: -1px 2px 2px rgba(0,0,0,0.2);
  color: #676767;
}
.search-blue {background: #006297;}
#topnav {float:right;width:40px;height:45px;}
body #searchtoggl img {height:32px;width:32px;margin-left:3px;}
body #topnav a {padding:0;margin:0;}
body #topnav ul {margin-top:4px;}
body #topnav a:hover {background:transparent;}
body #topnav li:hover > a,
body #topnav ul ul :hover > a,
body #topnav a:focus {
  background: transparent;
}
body #topnav li:hover > a,
body #topnav a:focus {
  background: transparent; /* Show a solid color for older browsers */
  color: #eee;
}




.breadcrumbs a, .breadcrumbs {color:#8b8b8b;text-transform:uppercase;}
.acc-menu {float:left;width:300px;margin:70px 0 25px;clear:both;}

/* footer */
.footer {
      background: #0082c8;padding:0px 0 20px;width:100%;margin:0 auto;
font-family: "CenturyGothicStd-Bold", sans-serif;
    font-weight:normal;
}
.footer a:hover {text-decoration:underline;color:#fff;}
.footer-tabs {background: #0082c8;width:100%;margin:80px auto 0;font-family:"CenturyGothicStd-Bold", sans-serif;font-weight:normal;}
body .responsive-tabs-wrapper {
margin:0 auto;
    max-width:920px;
    margin-bottom: 0px;
    min-height:275px;
    max-height:277px;
}
.responsive-tabs {position:relative;top:-60px;}
body .responsive-tabs ul.responsive-tabs__list {

    margin: 20px 0 0 13%;
    

}

Body .responsive-tabs .responsive-tabs__list__item:hover {
  color: #fff;
  background:  #006296;
    text-decoration:underline;
}

body .responsive-tabs .responsive-tabs__panel {
    background: #0082c8;
    border: 1px solid #0082c8;
    border-top: 1px solid #0082c8;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    clear: left;
    margin-bottom: 0;
    color:#fff;
    font-size:14px;
    padding: 20px 20px 0;
    word-wrap: break-word;
}
body .responsive-tabs .responsive-tabs__list__item--active, body .responsive-tabs .responsive-tabs__list__item--active:hover {
    background: #0082c8 !important;
    border-color: #0082c8 !important!;
    color: #fff;
    padding-bottom: 11px;
    margin-top: 0;
    position: relative;
    top: 1px;
}

body .responsive-tabs .responsive-tabs__list__item {
    background: #006296;
    border: 1px solid transparent;
    border-bottom: none;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #fff;
    font-size: 15px;
    line-height: 19px;
    text-transform: inherit;
    margin: 1px 12px 0 0;
    padding: 10px 12px 10px;
    white-space: nowrap;
    float: left;

}
.footer-inner {
    width:100%;
    background:#006296;
    margin:0 auto 15px;
    padding:30px 0;
    position:relative;height:100%;}
.footer-main, .footer-socialsearch {width:100%;clear:both;margin:0 auto;}
.footer-main-widget {max-width:385px;width:30%;float:left;margin-right:5%;display:inline-block;}
.footer-main-widget div {font-size:18px;font-weight: bold;color:#333;}
.footer-main-widget img {text-align:center;margin:0 auto 0;clear:both;width:280px;border:4px solid #fff;}
.footer-main div:last-child {margin-right:0;}
.footer-main-widget h3 {color:#fff;margin:0 0 15px;text-align:center;}
.small-gray {font-size:.775em !important;color:#333;text-transform: uppercase;font-family: "Gotham A", "Gotham B" !important;}
.footer-social a {margin:0 5px ;}
.footer-social {width:300px; margin:20px auto;text-align:center;}
.widget-divide {background: url(img/widget-divide.png) no-repeat center center;text-align:center;margin:0 auto;max-width:372px;clear:both;height:10px;padding:30px 0;}
.footer-hours {font-size:0.775em !important;font-family: "Gotham A", "Gotham B" !important;font-weight: 700 !important;color:#fff !important;width:97%;margin:0 auto !important;}
.footer-socialsearch-widget {width:385px;margin:0 auto;clear:both;text-align:center;}
.footer-socialsearch-widget .search-input {margin:0 0 0 50px;}
.copyright {text-align:center;font-size:12px;color:#fff;max-width:920px;margin:0 auto;height:45px;}
#menu-footer-bottom-menu {list-style-type: none;margin:0;text-align:center;padding:0;font-size:12px;font-weight:normal;min-width:330px;max-width:350px;height:45px;}
#menu-footer-bottom-menu li {float:left;padding:0 1em;}
.footer a {color:#fff;}
.footer-center-menu {margin:15px auto 0;width:330px;height:45px;display:inline-block}
.footer-inner .widget_nav_menu {float:left;width:20%;font-size:14px; display:inline-block;height:100%;}
.footer-menu-contain {margin:0 auto;max-width:920px;height:100%;max-height:400px;clear:both;}
.footer-menu-contain:after{
    clear: both;
    content: "";
    display: block;
}
.footer-inner ul {margin:0;padding:0;list-style-type: none;
}
.header-donate {float:right;margin-top:7px;margin-right:10px;}
.footer .sub-menu {margin:16px 0;}
.footer-inner .menu {
    text-align: left;
    margin: 0 auto;
    min-width: 0;
    max-width: 100%;
    height: 100%;
   
}
.footer-address-left {float: left; width: 55%; margin-top: 17px;}
.footer-address-right {float: right; width: 41%; text-align: left;}
.footer-map {float: left; width: 55%;}
.footer-map-info {float: right; width: 41%; margin-left: 4%; margin-top: 22px;}
.copy-inner {float:left;margin-top:15px;}





/* Home Page
-------------------------------------------------------------- */

.home-banner h1 {font-size:3.75em;text-align:center;text-transform: none;}
.home-featured-contain {max-width:920px;margin:0 auto 0;width:1300px;padding:40px 0;display:block; height:100%;clear:both;font-family:"CenturyGothicStd-Bold", sans-serif;font-weight:normal;}
.home-featured {width:272px;float:left;margin:0 52px 0 0;position:relative;}
.home-featured img {margin-bottom:4px;}
.home-featured-contain div:last-child {margin:0;}
.home-featured-title{    width:100%;

    font-family: "Gotham A", "Gotham B";
    font-weight:700;
    font-size:24px;
    line-height:30px;
    
    
  ;
    }
.home-featured-title a {color:#636363;}
.home-featured-text {height:auto;min-height:65px;margin:0;color:#636363; font-family: 'CenturyGothicStd-Bold';line-height:18px;}
.home-featured-text .view-article {display:none;}
.view-article {font-weight:bold;text-transform:uppercase;color:#222;}
.view-article:hover {color:#ca006c;}
.home section {max-width:1300px; float:none;margin:60px auto;clear:both;width:100%;}

.custom.tparrows:before {
    font-family: "revicons";
    font-size: 72px;
    color: #fff;
    display: block;
    line-height: 72px;
    text-align: center;
    position:relative;
    top:50%;
}
.custom.tparrows:hover {background:transparent; text-shadow:1px 1px 2px #000;}

.custom.tparrows {
    cursor: pointer;
    background: transparent;
    width: 120px;
    height: 520px;
    position: absolute;
    display: block;
    z-index: 100;
    top:42% !important;
    
}

.top {width:45px;height:45px;margin-left:60px;float:right;opacity:1;}
.top:hover {opacity:.5;}
.imgbanner {clear:both;}
.fixed-spacer {display:block;clear:both;position:relative;width:100%;height:145px;z-index:1;}
.credit {float:right;margin-top:15px;} 



/* Basic Menu
-------------------------------------------------------------- */

#access {
  clear: both;
  display: block;
  text-align:center;
  margin: 0 auto 0px;
  width: 100%;
  height:45px;
    font-family: "Gotham A", "Gotham B";
    background: #0082c8;
    padding:0;
-webkit-box-shadow: 0px 12px 30px -1px rgba(50, 50, 50, 0.24);
-moz-box-shadow:    0px 12px 30px -1px rgba(50, 50, 50, 0.24);
box-shadow:         0px 12px 30px -1px rgba(50, 50, 50, 0.24);
    z-index: 99999999999;
    

    
    
}
.nav-shadow {width:100%;height:35px;background: url(img/menu-shadow.png) no-repeat top center;position:relative;}
.menu{text-align:left;margin:0 auto;min-width:920px;max-width:950px;height:100%;}
body #mega-menu-wrap-header-menu {max-width:800px;width:auto;text-align:left;display: inline-block;float:left !important;}
#mega-menu-wrap-header-menu #mega-menu-header-menu {

    text-align: left;

}
#mega-menu-header-menu {display:inline-block !important;}
#access ul {
    display: inline-block; 
   *display: inline; /* ie7 fix */
  font-size: .8em !important;
  list-style: none;
  margin: 0 0 0 0;
  padding-left: 0;
    font-weigth:700;
}
#access li {
  display:inline;
  float: left;
}
#access a {
  color: #fff;
    font-weight:bold;
  display: block;
  line-height: 2em;
  padding: 0 1.2125em;
  text-decoration: none;
    text-transform: uppercase;
}
#access ul ul {
  -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
  box-shadow: 0 3px 3px rgba(0,0,0,0.2);
  display: none;
  float: left;
  margin: 0;
  position: absolute;
  top: 3.333em;
  left: 0;
  width: 188px;
  z-index: 99999;
}
#access ul ul ul {
  left: 100%;
  top: 0;
}
#access ul ul a {
    font-family: 'CenturyGothicStd-Bold';
  background: #f9f9f9;
  border-bottom: 1px dotted #ddd;
  color: #444;
  font-size: 13px;
  font-weight: normal;
  height: auto;
  line-height: 1.4em;
  padding: 10px 10px;
  width: 168px;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
  background: #efefef;
}
#access li:hover > a,
#access a:focus {
  background: #006297; /* Show a solid color for older browsers */
  color: #eee;
}
#access ul li:hover > ul {
  display: block;
}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
  font-weight: bold;
}

body #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {

    padding: 0px 12px 0px 12px !important;
    font-weight:600 !important;
   
}
.mega-sub-menu li {float:left;width:auto;}
.menu-trigger {display:none;}
/*------------------------------------*\
    PAGES
\*------------------------------------*/
.post-content {width:76%;margin:0 0 0 5%;float:left;}
.post-content h2 {margin:0 0 10px;}
.post-thumb {float:left;width:19%;height:150px;display:block;}
section {width:555px; float:left;margin:70px 65px 0 0;}
section.right-section {margin:70px 0 0  65px }
.search-results article {margin:40px 0; border-bottom: 1px solid #000;padding-bottom:40px;}
.pagination {text-align:center;font-size:1.8em;font-weight:bold;}
.btn-contain {margin:40px auto;text-align: center;}
.standard-page {width:920px;margin:0 auto 0;min-height:500px;clear:both;}
.full-page {width:920px;margin:0px auto 0;min-height:500px;clear:both;}
.full-page section {width:920px; float:left;margin:40px 65px 0 0;}
.left-sidebar {width:300px;margin: 20px 0 0;padding: 0;float:left;}
.alt-sidebar {width:300px;margin: 20px 0 0;padding: 0;float:left;}
#wrap-migla section {margin:0;}
body #mc_embed_signup form {
    display: block;
    position: relative;
    text-align: left;
    padding: 0;
    margin:0;

}
body #mc_embed_signup input {
    border: 0;
    -webkit-appearance: none;
}
/* Exhibition Page
-------------------------------------------------------------- */
.exhibition-btn {box-shadow: none;
  color: #fff;
  font-size:1.8em;
  font-weight: 600;
   padding: 9px 30px;
    margin:0 auto;
  text-align: center;
    border:none;
    
  background: #222222;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;}
.exhibition-btn h4 {margin:0;}
.exhibition-btn a {color:#fff;}
.exhibition-feat-img img{width:100% !important;}
.exhibition-feat-title {
  width: 100%;
  position: absolute;
  z-index: 2;
  bottom: 0;
    
  font-family: 'Tahoma', sans-serif;
  font-weight: 700;
  font-size: 26px;
  line-height: 1.8em;
  
  padding: 10px 15px;
}
.exhibition-feat-title a {color:#fff;text-shadow: 2px 2px 4px rgba(0,0,0,0.9); }
.exhibition-feat-title a:hover {color:#ddd; }
.exhibition-feat {position:relative;}
.exhibition-item {position:relative;width:385px;float:left;margin:40px 16px;}
.exhibition-slider-contain {min-height:600px;clear:both;}
.exhibition-feat-img {max-width:920px;}
.exhibition-info-contain {clear:both;margin:50px 0 0;color:#898989; }
.exhibition-info-left {width:32%;float:left;border-left:15px solid #e9e9e9;padding-left:20px;line-height:18px;}
.exhibition-info-right {width:63%;float:right;}



/* Events Page
-------------------------------------------------------------- */

body a.reg-now-btn {box-shadow: none;
  color: #fff;
    float:right;
    display:block;
  font-family: "Gotham A", "Gotham B";
  text-transform: uppercase;
  font-weight: 600;
   padding: 7px 20px;
  text-align: center;
    margin:15px 0 0;
    border:none;
  background: #ca006c;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
text-shadow:none;
font-size:1.4em;}
body a.reg-now-btn:hover  {color:#222;}
.event-content form .ticket-selector-submit-btn {display: none;visibility: hidden;}
.event-tickets form .ticket-selector-submit-btn {display:block;visibility:visible;}
.event-content {position:relative;}
.event-datetimes ul {margin:0;padding:0;}
.event-content .download-iCal-frm {display:none;visibility: hidden;}
.event-content .entry-meta {display:none;visibility: hidden;}
.espresso-venue-dv h3, .espresso-venue-dv h4 {clear:both;}
.event-tickets {display:inline-block;width:100%;}
.espresso_event_type-single-event .post-content h2 + p  {display:none;visibility: hidden;}
body #espresso_calendar:not(.ui-widget) .fc-header-title h2, .fc-header-title h2 {
   font-size: 1.6em;
  margin: 0;
  font-weight: 700;
   font-family:'Tahoma';
  line-height: 1;
  vertical-align: bottom !important;
}

body #espresso_calendar:not(.ui-widget).calendar_fullsize .fc-button {
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
  border: 0 !important;
  padding: 5px 10px;
  border-radius: 0px;
  background: #fff;
  box-shadow: none;
  text-shadow: 0px 0px 0px #fff;
  word-wrap: normal;
  font-weight: 400;
  font-size: 1.3em;
  opacity: 1;
  margin-right: 1px;
  transition: all 0.1s ease-in-out 0s;
}
.event-left {margin-top:100px;font-size:16px !important;}
.event-left .small-text {
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 1;
}
#spco-steps-display-dv {

    margin: 0 0 2em !important;

}
.event-tickets section {max-width:32%;}
.display-tckt-slctr-tkt-details {display:none;visibility: hidden}
.event-venues-h3 {font-family: 'CenturyGothicStd-Bold';line-height:18px;font-size:16px;margin-bottom:0;font-weight:700;}
.espresso-venue-dv h4 {font-family: 'CenturyGothicStd-Bold';line-height:18px;font-size:16px;font-weight:700 !important;margin-top:0;}
body .ticket-selector-submit-btn {
    float: left;
}
tr.ticket-on-sale {padding:10px 0;}
.tckt-slctr-tkt-details-tr {height:15px;}
.tkt-slctr-tbl-wrap-dv {
    margin: 1em 0;
    font-size: 16px !important;
}
/* Members
-------------------------------------------------------------- */

#basic-member {
margin:0 auto;
    opacity: 0;
    transition: all 0.4s ease-in-out 0s;
    visibility: hidden;
        width: 0;
    height:0;
    float:left;
}
#basic-member:target {
    opacity: 1;
    visibility: visible;
   width:100%;height:auto;margin:25px 0;clear:both;
}
div.s2member-pro-authnet-form-description-div {
   font-family: 'CenturyGothicStd-Bold' !important;
}
div.s2member-pro-authnet-form-section-title {

    font-family: 'CenturyGothicStd-Bold' !important;
}

/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
  TYPOGRAPHY
\*------------------------------------*/

@font-face {
  font-family:'Font-Name';
  src:url('fonts/font-name.eot');
  src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
    url('fonts/font-name.woff') format('woff'),
    url('fonts/font-name.ttf') format('truetype'),
    url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) and (max-width:919px) {
    body {width:100%;height:100%;}    
h1 {font-size:1.7em;}
.fixed-spacer {display:none;visibility: hidden;}
.home-featured {
    width: 95%;
    float: none;
    margin: 0 auto;
    position: relative;
    clear:both;
}    

.home-featured-contain {width:100%;display:block; height:100%;clear:both;}
    .home-featured-contain div:last-child {
    margin: 0 auto;
}
.home-banner h1 {
    font-size: 1.75em;
    text-align: center;
    text-transform: none;
}   
.home section {width:95%; float:none;margin:60px auto;clear:both;}    
.header {text-align:center;width:100%;position:relative;padding-bottom:0px;}   
.logo {width:95%;margin:0 auto;clear:both;text-align:center;float:none;}    
.logo-img {
    float: none;
}    
.header-donate {
display:none;
}
 #mega-menu-wrap-header-menu #mega-menu-header-menu {
     clear:both;
     height:auto;
     min-height:100%;
     display:block;
    width:100%;

}   
  #mega-menu-wrap-header-menu .mega-menu-toggle {width:100%;}  
body #mega-menu-wrap-header-menu {
    max-width:100%;
    width: 100%;
    text-align: left;
    display: inline-block;
    float: none !important;
    height:100%;
}    
 
.menu {min-width:100%;max-width:100%;width:100%;}  
    
.menu {
    text-align: center;
    margin: 0 auto;
    min-width: 100%;
    max-width: 100%;
    height: auto;
}    
    
    nav ul li {
  width: 100%;
         display:inline-block;
}

#access ul ul {
  display: block;
  float: none;
  position: inherit;
  box-shadow: none;
    width:100%;
    text-align:center;
}

#access ul ul a {
  width: inherit;
  background: none;
  border: none;
}

#access ul ul li {
  width: 100%;
   
}

#access li:hover > a, #access a:focus {
  background: #fff !important;
}

.menu-trigger {
  text-align: center;
  padding: 0 0 10px;
  overflow: hidden;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  display: block;
  cursor: pointer;
    margin:0 auto;
  width: 100%;
    clear:both;

}

#access {
     clear: both;
    text-align: center;
    margin: 0 auto 0px;
    float: none;
    height:100%;
    box-shadow: none;
    position:relative;
      top:auto;
    display:none;
}

.nav-expanded {
  display: block !important;
    height:100%;
}

#access ul {
  margin: 0;
    clear:both;
}    

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item, #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item {
    margin: 0 auto 0;
    width:100%;
    display: inline-block;
    height: auto;
}  
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu {display:inline-block;width:100%;position:relative;clear:both;}
    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu {
    position: relative;
    left: 0;
    top: 0;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {color:#333;}
    
#topnav {display:none;}    
 #searchbar {
    display: block;
    float: left;
    z-index: 9999999999;
    top: auto;
    position: relative;
    width: 100%;
    margin: 0 auto;
}   
.search-inner {width:100%;background:#006297;padding-top:6px;}    
.search-input {
    display: block;
    width: 90%;
    border: 0px;
    float: none;
    outline: none;
    padding:0px 0px 0px 10px;
    height: 30px;
    margin:0 auto;
    line-height: 30px;
    -webkit-box-shadow: -1px 2px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: -1px 2px 2px rgba(0,0,0,0.2);
    box-shadow: -1px 2px 2px rgba(0,0,0,0.2);
    color: #676767;
} 
    
.full-page {
    width: 98%;
    margin: 0 auto;
    padding:1%;
    min-height: 500px;
    clear: both;
}   
.full-page section {
    width: 100%;
    float: left;
    margin: 0 auto;
    clear:both;
}    
.standard-page {
    width: 98%;
    padding:1%;
    margin: 0 auto;
    min-height: 500px;
    clear: both;
}    
section {
    width: 100%;
    float: left;
    margin: 0 auto;
    clear:both;
}    
section.right-section {    width: 100%;
    float: left;
    margin: 0 auto;
    clear:both;}   
.sidebar, .alt-sidebar, .left-sidebar {
    float: left;
    width: 100%;
    margin: 30px auto;
    padding: 5px;
    clear:both;
    text-align:center;
}   
.acc-menu {display:none;visibility: hidden}

    
.exhibition-item {
    position: relative;
    width: 100%;
    float: left;
    margin: 20px auto;
    clear:both;
}
.exhibition-slider-contain {min-height:400px;clear:both;}    
.exhibitions-featured-contain {width:100%;margin:0 auto;text-align:center;overflow:hidden;}  
    .exhibition-feat-title {
  width: 100%;
  position: absolute;
  z-index: 2;
  bottom: 0;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.8em;
  
  padding: 10px 15px;
    
}
    
.exhibition-info-left {width:100%;float:none;margin:0 auto;}
.exhibition-info-right {width:100%;float:none;margin:0 auto;}    
    
#espresso_calendar:not(.ui-widget) .fc-event {
    margin: 0 1.5px 3px;
    border: 1px solid #eee;
    border-radius: 0;
    /* background-color: #eee; */
    font-size: 85%;
    line-height: 1;
    background-color: #0082c8;
}        
    
    
    
    
 body .responsive-tabs-wrapper {
    margin: 0 auto;
    max-width: 100%;
    margin-bottom: 0px;
    min-height: 100%;
    max-height: 100%;
} 
    .footer-menu-contain {
    margin: 0 auto;
    max-width: 100%;
    width:100%;
    height: auto;
    clear: both;
}
.footer-address-left {float: none; width: 100%; margin: 17px auto ;}
.footer-address-right {float: none; width: 100%; text-align: left;margin:0 auto;}  
.footer-map {float: none; width: 100%;clear:both;}
.footer-map-info {float: none; width: 100%; margin-left: 0; margin-top: 22px;}
.footer-menu-1, .footer-menu-2, .footer-menu-3, .footer-menu-4 {display:none !important;}
.footer-menu-5 {text-align:center;}
.cnss-social-icon {width:154px;margin:0 auto !important;}
.copy-inner {float:none;margin:15px auto;clear:both;width:100%;} 
    .footer-center-menu {
clear:both;
    width: 100%;
    height: 45px;
}
 .copyright {
    text-align: center;
    font-size: 12px;
    color: #fff;
    max-width: 920px;
     width:100%;
    margin: 0 auto;
    height: auto;
}
.credit {float:none;margin:15px auto;clear:both;width:100%;} 
.top {
    width: 45px;
    height: 45px;
    margin: 0 auto;
    clear:both;
    float: none;
    opacity: 1;
}
body .responsive-tabs .responsive-tabs__heading {
    background: #006296;
    border: 1px solid #0082c8;
    border-top: none;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-transform: inherit;
    margin: 0;
    padding: 10px 0;
    padding-left: 20px;
    position: relative;
}    
#menu-footer-bottom-menu {
    list-style-type: none;
    margin: 0;
    text-align: center;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
    min-width: 100%;
    max-width: 100%;
    height: 45px;
}  
#menu-footer-bottom-menu li {
    float: left;
    padding: 0 .8em;
}    
  
    
    
    
    

.menu-icon {overflow: hidden;}

    
    
}



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

}



@media only screen and (min-width:768px) and (max-width:919px) {
.home-featured {
    width: 50%;
    float: none;
    margin: 0 auto;
    position: relative;
    clear: both;
}
.past-exhibitions .home-featured {
    width: 46%;
    float: left;
    margin: 0 auto;
    position: relative;
   clear:none;
}
.home-featured img {
    clear:both;
    display:block;
    margin:0 auto;
}
body .responsive-tabs ul.responsive-tabs__list {
    margin: 20px 0 0 0;
}
body .responsive-tabs .responsive-tabs__list__item {
    margin:0 .5% 0 0;
    border:0;}
    
#menu-footer-bottom-menu {
    list-style-type: none;
    margin: 0 auto;
    text-align: center;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
    min-width: 320px;
    max-width: 320px;
    width:320px;
    height: 45px;
}    

.footer-map {float: left; width: 55%;}
.footer-map-info {float: right; width: 41%; margin-left: 4%; margin-top: 22px;}
 
    
    
    
    
    
    
    
    
}
@media only screen and (min-width:1024px) {

}
@media only screen and (max-width:1140px) {

}
@media only screen and (max-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
     only screen and (min-resolution:144dpi) {

}


/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
  background:#04A4CC;
  color:#FFF;
  text-shadow:none;
}
::-webkit-selection {
  background:#04A4CC;
  color:#FFF;
  text-shadow:none;
}
::-moz-selection {
  background:#04A4CC;
  color:#FFF;
  text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
  margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
  display:block;
  margin:5px auto 5px auto;
}
.alignright {
  float:right;
  margin:5px 0 20px 20px;
}
.alignleft {
  float:left;
  margin:5px 20px 20px 0;
}
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 .wp-caption-text,
.gallery-caption {
  font-size:11px;
  line-height:17px;
  margin:0;
  padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
  * {
    background:transparent !important;
    color:#000 !important;
    box-shadow:none !important;
    text-shadow:none !important;
  }
  a,
  a:visited {
    text-decoration:underline;
  }
  a[href]:after {
    content:" (" attr(href) ")";
  }
  abbr[title]:after {
    content:" (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content:"";
  }
  pre,blockquote {
    border:1px solid #999;
    page-break-inside:avoid;
  }
  thead {
    display:table-header-group;
  }
  tr,img {
    page-break-inside:avoid;
  }
  img {
    max-width:100% !important;
  }
  @page {
    margin:0.5cm;
  }
  p,
  h2,
  h3 {
    orphans:3;
    widows:3;
  }
  h2,
  h3 {
    page-break-after:avoid;
  }
}
//* {
  background: #000 !important;
  color: #0f0 !important;
  outline: solid #f00 1px !important;
}