/**
 * General CSS + Fixes
 * v=20170612
 */
body,body *,.member .stripe-button-el span{font-family:'Roboto', sans-serif}
.page-content, .page-content p span {font-family:'Roboto', sans-serif  !important}
.navbar,.navbar .center{font-weight:500}
.page-content{padding-top:56px;padding-bottom:50px;}
.with-subnavbar .page-content{padding-top:104px}
.with-small-toolbar{padding-bottom:48px}
.tour-cover .page-content{padding-top:120px}
.tour .page-content .inner-content {
    height: calc(100% + 1px);
}
.with-circle-in-subnavbar .page-content{padding-top:182px}
.img-circle{border-radius:50%}
.img-circle-wrapper{text-align:center}
.tab-link.active,.custom-toolbar .toolbar a.link.active{border-bottom:5px solid rgba(0, 0, 0, 0.2)}
.text-center{text-align:center}
img{max-width:100%;height:auto}
.tour-cover .tour-cover-thumb,.tour img,.event .event-thumb,.map img{width:100%;height:auto;max-width:100%}
.white-border-button{background:none;border:1px solid #fff;border-radius:8px;padding:0 12px!important;font-weight:normal;font-size:12px;height:25px!important;line-height:25px!important;margin:0 16px}
.navbar.navbar-hidden ~ .subnavbar, .navbar.navbar-hidden ~ .toolbar:not(.messagebar):not(.toolbar-bottom){transform:none;-webkit-transform:none;-ms-transform:none;bottom:0}
.no-margins{margin:0}
.tour .toolbar,.tour .toolbar-inner,.event .toolbar, .event .toolbar-inner{display:block;}
.no-border.list-block .item-inner::after,.no-border.list-block ul::after,.no-border.list-block ul::before,.no-border.list-block ul::before,.tour .list-block ul::before,.tour .list-block ul::after{display:none!important}
.list-block.media-list .item-link .item-title-row,.no-border.list-block .item-link .item-inner{background:none!important;min-height:auto!important}
.modal-overlay, .picker-modal-overlay, .popup-overlay, .preloader-indicator-overlay{background:rgba(0,0,0,0.8)}
img{background:#eee}
.subnavbar .button.tab-link{padding:0;margin-left:0;display:inline-block}
.hidden {display: none !important;}
.hidden .item-inner:after {display:none;}
.toolbar-inner {
     justify-content: space-around!important;
}
/**
 * New icons
 */
 i.icon.icon-up{width:24px;height:24px;font-size:0;background-image:url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgMjg0LjkyOSAyODQuOTI5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyODQuOTI5IDI4NC45Mjk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNMjgyLjA4MiwxOTUuMjg1TDE0OS4wMjgsNjIuMjRjLTEuOTAxLTEuOTAzLTQuMDg4LTIuODU2LTYuNTYyLTIuODU2cy00LjY2NSwwLjk1My02LjU2NywyLjg1NkwyLjg1NiwxOTUuMjg1ICAgQzAuOTUsMTk3LjE5MSwwLDE5OS4zNzgsMCwyMDEuODUzYzAsMi40NzQsMC45NTMsNC42NjQsMi44NTYsNi41NjZsMTQuMjcyLDE0LjI3MWMxLjkwMywxLjkwMyw0LjA5MywyLjg1NCw2LjU2NywyLjg1NCAgIGMyLjQ3NCwwLDQuNjY0LTAuOTUxLDYuNTY3LTIuODU0bDExMi4yMDQtMTEyLjIwMmwxMTIuMjA4LDExMi4yMDljMS45MDIsMS45MDMsNC4wOTMsMi44NDgsNi41NjMsMi44NDggICBjMi40NzgsMCw0LjY2OC0wLjk1MSw2LjU3LTIuODQ4bDE0LjI3NC0xNC4yNzdjMS45MDItMS45MDIsMi44NDctNC4wOTMsMi44NDctNi41NjYgICBDMjg0LjkyOSwxOTkuMzc4LDI4My45ODQsMTk3LjE4OCwyODIuMDgyLDE5NS4yODV6IiBmaWxsPSIjRkZGRkZGIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==)}

/**
 * Alter Left Panel Nav
 */
.homepage-panel-nav .navbar{padding:0 16px;line-height:56px}
.homepage-panel-nav .content-block{padding:0}
.homepage-panel-nav .content-block,.homepage-panel-nav .list-block{margin-top:12px}
.homepage-panel-nav .list-block .item-inner i{display:block;float:left;margin-right:10px}

/**
 * Alter toolbar
 */
.custom-toolbar.toolbar{height:55px}
.custom-toolbar.toolbar a.link{display:inline-block;width:25%;text-align:center;position:relative;height:100%}
.custom-toolbar.toolbar a i{color:#fff;display:inline-block;position:absolute;top:8px;left:0;width:100%}
.custom-toolbar.toolbar a span{font-size:11px;width:100%;display:inline-block;margin-left:0!important;padding-top:17px}
.toolbar-inner a span:first-letter {text-transform: capitalize;}
/**
 * Alter Homepage Cards
 */
.index .card,.index .card-header{display:block}
.index .card-header{min-height:130px;max-height:200px;background-size:100% auto;background-position:center center;position:relative}
.index .card-header a{display:block;width:100%;height:100%;position:absolute;top:0;left:0;color:#fff;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8)}
.index .card-header a{
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, rgba(0,0,0,0.7) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(40%, rgba(255,255,255,0)), color-stop(100%, rgba(0,0,0,0.7)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, rgba(0,0,0,0.7) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, rgba(0,0,0,0.7) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, rgba(0,0,0,0.7) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, rgba(0,0,0,0.7) 100%);
}
.index .card-header a span{font-size:20px;bottom:0;left:0;width:100%;padding:15px;position:absolute;font-weight:500;line-height:1em;box-sizing:border-box}
.index .card-header a span small{font-size:14px;font-weight:normal;display:block}
.index .card .material-icons {font-size: 16px;vertical-align: sub;margin: 0 3px 0 0;}

.home .card,.home .card-header{display:block}
.home .card-header{min-height:130px;max-height:200px;background-size:100% auto;background-position:center center;position:relative}
.home .card-header a{display:block;width:100%;height:100%;position:absolute;top:0;left:0;color:#fff;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8)}
.home .card-header a{
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, rgba(0,0,0,0.7) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(40%, rgba(255,255,255,0)), color-stop(100%, rgba(0,0,0,0.7)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, rgba(0,0,0,0.7) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, rgba(0,0,0,0.7) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, rgba(0,0,0,0.7) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, rgba(0,0,0,0.7) 100%);
}
.home .card-header a span{font-size:20px;bottom:0;left:0;width:100%;padding:15px;position:absolute;font-weight:500;line-height:1em;box-sizing:border-box}
.home .card-header a span small{font-size:14px;font-weight:normal;display:block}
.home .card .material-icons {font-size: 16px;vertical-align: sub;margin: 0 3px 0 0;}
.card-header {padding-top: 62.5%; background-repeat:no-repeat; background-size:cover !important;}
/**
/**
 * Alter Tour Cards
 */
.tours .card,.tours .card-header{display:block}
.tours .card-header{min-height:130px;max-height:200px;background-size:100% auto;background-position:center center;position:relative}
.tours .card-header a{display:block;width:100%;height:100%;position:absolute;top:0;left:0;color:#fff;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8)}
.tours .card-header a{
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, rgba(0,0,0,0.7) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(40%, rgba(255,255,255,0)), color-stop(100%, rgba(0,0,0,0.7)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, rgba(0,0,0,0.7) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, rgba(0,0,0,0.7) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, rgba(0,0,0,0.7) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, rgba(0,0,0,0.7) 100%);
}
.tours .card-header a span{font-size:20px;bottom:0;left:0;width:100%;padding:15px;position:absolute;font-weight:500;line-height:1em;box-sizing:border-box}
.tours .card-header a span small{font-size:14px;font-weight:normal;display:block}
.tours .card .material-icons {font-size: 16px;vertical-align: sub;margin: 0 3px 0 0;}

/**
 * Alter Tour Cover & Single Event page
 */
.tour-cover .subnavbar,.event .subnavbar{height:64px;position:relative;overflow:visible}
.tour-cover .subnavbar span,.event .subnavbar span{font-size:20px;line-height:1.3em}
.tour-cover .subnavbar span small,.event .subnavbar span small{font-size:14px;font-weight:normal;display:block}
.tour-cover .subnavbar span small .material-icons {font-size: 16px;vertical-align: sub;margin: 0 3px 0 0;}
.tour-cover .subnavbar .link,.event .subnavbar .link{font-size:18px;height:auto;line-height:1em;border:2px solid #fff;background:#fff;color:#000!important;border-radius:20px;padding:0 12px;font-weight:normal;text-transform:none;line-height:38px;height:38px;position:absolute;right:16px;bottom:-19px}
.tour-cover .content-block,.event .content-block{margin-top:0}
.tour-cover .tour-cover-thumb{background-color:#eee;width:100%;background-size:cover;height:250px;background-position:center center}

/**
 * Alter Tour pages
 */
.tour .content-block:first-of-type{margin:10px 0}
.tour audio{width:100%}
.step-title,.section-title{font-weight:500;margin-bottom:0;font-size:16px}
.step-subtitle{margin-top:0}
.tour .step-figure {margin:0;font-style:italic;}

/**
 * Alter Tour & Events List
 */
.tour-list .list-block,.tour .list-block,.events-list .list-block{margin-top:0}
.tour-list .list-block img,.tour .list-block img,.events-list .list-block img{width:48px;height:48px}
.item-shadow {width:48px;height:48px;border-radius:50%;background: #eee;}

/**
 * Alter Map
 */
.map.page,.map .leaflet-container{background:#000}
.map .button.tab-link{height:48px;line-height:48px}
.map .subnavbar{border-top:1px solid rgba(0, 0, 0, 0.1);padding:0}
.map .floating-button{bottom:66px;position:fixed}
.map .tabs,.map .tabs .indoor,.map .tabs .outdoor{height:100%;width:100%}
.map .tabs .indoor-map-container{display:flex;align-items:center;justify-content:center;text-align:center;height:100%}
.map .leaflet-marker{display:none}
.map .leaflet-marker-icon{background:none;box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);background:#f44336;border-radius:15px;padding:10px}
.map .leaflet-popup-content-wrapper{border-radius:0}
.map .leaflet-popup-content{font-size:14px}
.map .leaflet-popup-content a{color:#f44336}

/**
 * Alter About Us
 */
.with-circle-in-subnavbar .subnavbar{height:126px;display:block;padding:0}
.with-circle-in-subnavbar .subnavbar .img-circle{display:block;margin:auto;width:80px;height:80px}
.with-circle-in-subnavbar .subnavbar .img-circle-wrapper{margin:0 0 10px 0}

/**
 * Alter Donate Form
 */
.donate .button-fill{width:100%}
.donate .content-block-title {white-space: normal}

/**
 * Alter Become a Member page
 */
.donate .stripe-button-el,.donate .stripe-button-el:active:not(:disabled),.donate .stripe-button-el.active,
.member .stripe-button-el,.member .stripe-button-el:active:not(:disabled),.member .stripe-button-el.active{background:#f44336;color:#fff;width:100%;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);border-radius:2px;line-height:36px;height:36px}
.donate .stripe-button-el span,.donate .stripe-button-el:active:not(:disabled) span,.donate .stripe-button-el.active span,
.member .stripe-button-el span,.member .stripe-button-el:active:not(:disabled) span,.member .stripe-button-el.active span{background:none;width:100%;text-shadow:none;box-shadow:none;text-transform:uppercase;font-weight:400;font-size:14px;width:auto;display:inline-block;position:relative}

/**
 * Alter Find page
 */
/*.find .navbar{background:none;color:#000}*/
.find .navbar i.icon.icon-close-black{width:15px}
.find .content-block-inner::before,.content-block-inner::after{display:none}
.find .content-block{margin-bottom:0;margin-top:0}
.find .picker-keypad-button{font-size:10vh;position:relative}
.find .picker-keypad.picker-modal-inline{height:58vh;width:100%;margin:auto}
.find i.icon-keypad-delete{width:44px;height:32px;background-size:44px 32px;}
.find #stop-number-input{border:0;font-size:30px;width:100%;border-bottom:3px solid #eee;padding:10px 0;text-align:center}
.find .ripple{color:#000;position:relative;padding:10px}
.find .ripple .ripple-wave{}
.find .circle{background:#000;border-radius:50%;width:45px;height:45px;text-align:center;font-size:17px;line-height:45px;color:#fff;display:inline-block}
.find .circle.faded{background:#d1d2d4;}


.event .event-thumb {
    height: 270px;
    background-size: cover;
    background-position: center center;
}
/**
 * Breakpoints
 */
/* Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    .find .picker-keypad.picker-modal-inline{height:45vh}
    .find .picker-keypad-button{font-size:8vh}
    .find .circle{width:20px;height:20px;line-height:20px}
}
@media only screen
and (min-device-width: 480px)
and (max-device-width: 839px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
    .index .card-header {
        min-height: 150px;
        max-height: 200px;
    }
}
@media only screen
and (min-device-width: 737px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
    .index .card-header {
        min-height: 180px;
        max-height: 220px;
    }
}

@media only screen
and (min-device-width: 1025px)
and (max-device-width: 2048px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
    .index .card-header {
        min-height: 230px;
        max-height: 280px;
    }    
}

@media only screen and (max-width: 386px) {
  .subnavbar span:first-child {
    font-size: 16px;
  }
}

@media only screen
and (min-device-width: 737px){
  .tour-cover .tour-cover-thumb {background-size: contain; height:0;background-repeat: no-repeat;background-position: center top;padding-top: 66.64%;}
}

.list-block .accordion-item ul li {
    list-style: initial;
    margin-left: 25px;
}

.marker img {
    border: 10px solid;
    border-color: #f44336;
    width: 32px;
    height: 32px;
    border-radius: 15px;
    box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);
}

.img-rounded-square {border-radius:10%;}

/*-----Material icons aliases ----*/
.material-icons:before{
 direction: ltr;
    display: inline-block;
    font-family: 'Material Icons';
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}
.tours_icon:before{
    content: 'directions'
}
.maps_icon:before{
    content: 'map';
}
.about_institution_icon:before{
    content:'info_outline';
}
.events_icon:before{
    content: 'date_range',
}
.keypad_icon:before{
    content:'apps'
}
.languages_icon:before{
  content: 'languages';
}
.custom_page:before{
    content: 'fiber_manual_record'
}
.external_link:before{
    content: 'external_link'
}
.settings_icon:before{
    content: 'settings'
}

/*------ Navigation -------*/
a[href='cuseum://settings']{
    display:none;
}

/* ------Floating button ---*/
.custom-floating-button{
    bottom: 10px;
    border: solid;
    box-shadow: 0px 9px 12px 16px #ffffff;
}

.btn-midsize {
  width: 47%;
}
.btn-left {
  float: left;
  z-index: ;
}
.btn-right {
  float: right;
}

.button-rounded{
    border-radius: 25px!important;
}
.floating-button-wrapper{
  position: fixed;
  bottom: 50px;
  left: 10px;
  right: 10px;
  z-index:100;
  margin-bottom: 5px;
}

.tabs {
    padding: 65px 0px;
}

/* add bottom margin to the last container-fluid inside a content-block */
.page-content.content-block .container-fluid:last-child {
  margin-bottom: 100px;
}

.page-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.picture-div {
  width: 280px;
  height: 265px;
  background-image: url('../img/selfie-graphic.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
  display: inline-block;
}
.big-text {
  font-size: 26px;
  text-align: center;
  width: 100%;
}

.toolbar-force-color {
  background-color: #2b3e56 !important;
}

#page-match {
  position: absolute;
  width: 100%;
  height: 95%;
  margin-top: -32px;
  background-color: #2b3e56;
  color: #fff;
  z-index: 100;
}
#page-match .body {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
#page-match .body .content {
  width: 200px;
  height: 200px;
  display: inline-block;
  text-align: center;
}
#page-match .body .content p {
  font-size: 20px !important;
  color: #fff !important;
}
#page-match .footer {
  position: fixed;
  bottom: 15px;
  left: 0;
  right: 0;
  font-size: 20px;
  text-align: center;
}
.footer-caption {
  font-size: 20px !important;
  color: #fff !important;
}
.block-result {
  margin-top: 25px;
  width: 90%;
}
.block-result .block-pct {
  background: url('../img/selfie-percentage-seal.png') no-repeat center center;
  background-size: cover;
  width: 150px;
  height: 72px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  display: inline-block;
  float: left;
  margin-right: 15px;
}
.block-result .block-pct big {
  font-size: 30px;
  float: left;
  margin-top: 37%;
  margin-left: 37%;
}
.block-result .block-pct small {
  font-size: 16px;
  margin-top: -12px;
  margin-left: 40%;
  float: left;
  display: inherit;
}
.block-result .block-name {
  color: #333;
  font-size: 26px;
  margin-top: 56px;
  float: left;
}

.block-name {
    margin: 0;
}

.bleed-image {
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 440px;
  width: 204px;
}

.bleed-image-right {
  right: 0;
}
.bleed-image-left {
  left: 0;
}

.match-class {
  text-align: center;
  font-weight: bold;
  font-size: 22px;
  padding: 0px 10% !important;
}

.media-container {
  font-style: italic; 
  font-family: inherit;
  text-align: center;
}

.media-container img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.media-container-limited-width img {
  max-width: 50%;
}

.page-content a {
  color: #308F96;
}

.custom-content a {
  font-style: italic;
  color: #308F96;
}

.custom-content {
  font-family: 'Roboto', sans-serif !important;
  box-sizing: border-box;
  overflow: auto;
  height: 100%;
  position: relative;
  z-index: 1;
  font-size: 14px;
  line-height: 1.5;
  padding-top: 20px;
  padding-bottom: 100px;
}

.biography{
    margin: 10px;
}

.wrapper {
    display: flex;
    flex-direction: column;
}

.president-name {
    color: #333;
    font-size: 26px;
    margin-top: 0;
    float: left;
}

#read-biography {
    position: relative;
    padding-left: 30px;
    width: 80%;
    display: inline-block;
    margin-top: 20px;
    font-size: 14px

}

#read-biography::before {
    content: "";
    display: inline-block;
    height: 25px;
    width: 25px;
    position: absolute;
    top: 22%;
    left: 7%;
    background-image: url('../img/noun_read.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.item-title {
  overflow: visible !important;
}