/*
Graphic Identity
Fonts:
Logo = Insignia Pro Roman
Sans Serif = Myriad Pro
Serif = Minion
Signature RGB Colors:
Red Arrow Fill = rgb(241,91,71) (PMS 485)
Light Blue Arrow Fill = rgb(197, 232,239) (PMS 632, 25%)
Blue Arrow Fill = rgb(0,180,0) (PMS 632, 100%)
Black
Green = rgb(114,191,68) (PMS 368) — or a darker green rgb(0, 152,116)
*/

html {
    Dt: env(safe-area-inset-top);
    Ct: env(safe-area-inset-bottom);
    Et: env(safe-area-inset-left);
    kt: env(safe-area-inset-right);
    overflow-x: hidden;
    overflow-y: scroll;box-sizing: border-box;
	font-family:Arial;
}
#top_bg {position:fixed;top:0;background:white;border-bottom:1px solid #ccc;}
#pgwp , #body_left{}
#main {background:white;}
.front #mission {display:none;}

.wb-sortclass.hide {display:none;}

#brand {display:none;}
#top_left, #body_bg #body_left, #body_bg #body_right, #top_right {background:white !important;padding:0 !important;}
#headimg {background:white;padding-bottom:10px;}
h1 {font-size:2.4em !important;}
h2, h3.block-title, .block-title {font-size:2em !important;}
h1, h2, h3, h4, h5, h6, .block-title {/*font-family:Alegreya;*/text-transform:uppercase;} /*Not H2*/
.block-views .block-title {padding-bottom:40px;}
p {font-size:1.2em;line-height:1.5em;}
p a, p a.link { text-decoration: underline !important;}
/*Home page title*/
.front .field--name-node-title {display:none;}

/*logged in*/
.logged-out .login-link {}
.logged-in .login-link {display:none;}
.logged-out .my-account-link {display:none;}

.align-right {padding-left:30px;margin-bottom:20px;}
.width-500 {width:500px;}
.mobile {display:none;}
/*Slideshow*/
.slideshow .mobile {}
.flex-direction-nav a:before  {color:white;}

#body_bg not:(.form--inline .form-actions) .button {background:white;padding:20px 40px;border-radius:20px;margin:10px 0 0;font-weight: bold;
    color: rgb(241, 91, 71);text-transform:uppercase;}
	
.view-events .form--inline .form-actions  {clear: none;     margin: 14px;display: inline-block;}
	
.button:hover {}
a.button {background:rgb(241,91,71) !important;padding:10px 80px !important;color:white;border-radius:30px;text-transform:uppercase;text-decoration:none !important;font-weight:bold;}
a.button:hover {background:rgb(253,71,51) !important;color:white;}
.button.disabled {background:#eee;}
.pure-button {}
.google-translator-disclaimer-modal button:first-child {    background: #eee;    border-color: green;}
.google-translator-disclaimer-modal button:last-child {    background: #eee;    border-color: red;}

.button-3-column .button {    display: inline-block;
    width: 25%;    text-align: center;    margin: 3%;    padding: 20px 0;
    font-size: 24px;
    background: white;
    border: 2px solid;border-bottom:2px solid !important;
}
.button-3-column .button:first-child {margin:3%;} 
.button:hover,.button {transition:color 2s, background-color:2s;}
.button.red:hover {color:white;background-color:red;}
.button.blue:hover {color:white;background-color:blue;}
.button.green:hover {color:white;background-color:green;}
.button.orange:hover {color:white;background-color:orange;}
.button.yellow:hover {color:white;background-color:#8B8000;}
.button.purple:hover {color:white;background-color:purple;}


/*CONTENT BLOCKS*/
/*.region-content .block_3 {width:66%;vertical-align:top;display:inline-block;}*/
/* {width:33%;vertical-align:top;display:inline-block;}*/
/*.region-content .block_4 .block {margin:0 !important;}*/

/*TOP REGION*/
.region-topreg #block-zeropointwb-popuptriggers .field--name-body {padding:0;}
.region-topreg .div-trigger {padding:0 10px;/*color:white;*/cursor:pointer;}
#block-zeropointwb-search {
  /*display: none;*/
}
#block-zeropointwb-headerlinks p {margin:0;}
#block-zeropointwb-headerlinks p a {padding:5px 10px;display:inline-block;}

/*COLORS*/
a, a:link, h1, h2, h3, .block-title, #name-and-slogan a {}
.region-topreg a, .region-topreg a:link {/*color:white;*/}

/*Off the rails*/
.region-content .block,#block-zeropointwb-page-title,
.node-blog #block-zeropointwb-page-title {margin:40px 60px !important;}

/*100% width*/
#main,#middlecontainer,#body_right,
.region-content #block-zeropointwb-views-block-taxonomy-terms-block-1, 
.region-content .block.full-width{padding:0 !important;margin:0 !important;}
.region-content .block.center-content .block-content {text-align:center;}
.region-content .block.full-width .block-title {    padding: 40px 0 20px 60px;}
.region-content .block-block-content.full-width .block-content {padding:30px 50px;}
.region-content .block-block-content.full-width.p4 .block-content {padding:4px;}

/*Top region*/
#google_translator_element a, #google_translator_element span, #google_translator_element div, .block-google-translator a {/*color:white;*/}
#google_translator_element img {display:initial;}

#block-zeropointwb-page-title, .node-blog #block-zeropointwb-page-title {margin:0 60px !important;}

.center {text-align:center;}
.center .pure-img {margin:0 auto;width:100%;}
.center .view-content {text-align:center;}

a, a.link {  border-bottom: 0 !important;}

/*BLOCKS*/
.front #main .block_6,.front.logged-out #main .block_5  {background:#eee;}
.front #main .block_6 .view,.front.logged-out #main .block_5 .view {padding-top:20px;}
/*CONTACT PAGE*/
#edit-map {width:45%;float:right;}
.iframe-rwd  {position: relative;padding-bottom: 76.25%;height: 0;overflow: hidden;}
.iframe-rwd iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;
}

/*ANNOUNCEMENTS*/
.region-content #block-zeropointwb-views-block-announcements-block-1.block {margin: 40px 10px !important;}
.spb-popup-main-wrapper {border-radius:10px;box-shadow: 0px 0px 10px black;}
.announce {padding:10px 20px;color:red;font-weight:bold;}
.announce strong {color:black;}
.announce strong.announce {color:red;}
.announce.alert {border:2px solid red;}
.announce .views-field {display:block;}
.announce .views-field-title {font-size:24px;padding-right:20px;}
.announce .views-field-view-node {margin-top:5px;background:#ccc;width:140px;text-align:center;}
.announce  a {color:red !important;text-decoration:underline;}
.block-zeropointwb-searchform-modal form {width:400px;}
.block-zeropointwb-searchform-modal .js-form-item {width:100%;}
.block-zeropointwb-searchform-modal .button {padding:.5em 1em;}

.mobile-border {border-bottom:1px solid black;}

.spb_center {top:25%;}
.spb_center .announce .views-row {padding:20px 0;border-bottom:1px solid black;}

/*BLOG*/
.view-blog .views-field-field-category, .view-blog .field--name-field-category  {background:#D91311;background:rgb(241 ,91 ,71);}
.view-blog .views-field-field-category a,.view-blog .field--name-field-category a,.view-blog .field--name-node-title a {padding:10px;color:white;display:block;}
.view-blog .field--name-node-title.field--type-ds a {padding:0;}
/*overrides*/
.field--type-entity-reference.field__items {margin:0 !important;}
.field--type-entity-reference.is-term .field__item {display:block !important;}

.view-blog .view-content {}
.view-blog .views-row {    box-shadow: 1px 1px 3px black;    width: 240px;}
.view-blog .views-field-title, .view-blog .field--name-node-title {    background: black;    font-size: 20px;    line-height: 30px;
    padding: 15px 0;}
.view-blog .views-field-title a {color:white;}
.view-blog .views-field-title a:hover {color:#eee;}
.view-blog .views-field-created,.view-blog .field--name-node-post-date {padding:15px 0;}
.view-blog .views-field-view-node, .view-blog .field--name-node-link {    padding: 10px 0 !important;    width: 90%;    margin-bottom: 10px;}

/*TAXONOMY TERMS*/
.view-taxonomy-terms .views-field-name {    font-size: 36px;    font-weight: bold;    margin: 0 0 10px;}
.view-taxonomy-term h3 {/*opacity:0;*/}
.view-taxonomy-term .view-grouping-header {opacity:0;}
.view-taxonomy-term .view-grouping-content h3 {font-size:30px;text-align:center;}
/*COLUMNS*/

.column {}
.two-column {width:45%;display:inline-block;vertical-align:top;}
.two-column:first-child {margin-right:8%;}

/*COLORS*/
.blue {background:#0482A5;}
.red {background:rgb(241,91,71);}
.green {background:rgb(114,191,68);}
.light-blue {background:rgb(197, 232,239);}
.color {padding:30px 50px;}

.green .field--name-body {padding:30px;background:white;box-shadow: 0 3px 5px black;}

.blue a,.box .views-field-name a {}
.color .block-title, .color h2, .color h3, .color h4, .color h5, .color h6 {color:white;text-shadow: 3px 2px 1px BLACK;}
 .green.color h2, .green.color h3,  .green.color h4,  .green.color h5,  .green.color h6 {color:black;text-shadow: none;}

.color .block-title {padding-bottom:20px;}
.color .contextual-links a {color:inherit !important;}
.color  .block-title {font-size:50px !important;}

.green li {font-size:20px;}

/*READ MORE*/
.node-readmore {background:#2f71a2;padding:10px 20px !important; text-transform:uppercase;font-size:20px;}
.node-readmore a {color:white !important;}

/*FOOTER*/
.pure-u-md-3-5 {width:100% !important;}
.region-footer .block-wrapper, #footer .footer-3column {display:inline-block;vertical-align:top;margin:3%;width:27%;}
#footer, #footer p {color:#eee;}
#footer .menu li {position:relative;padding:5px 30px;border:0;
    margin-bottom: -40px;display:inline-block;margin-top:10px;}
#footer .menu a {line-height:70px;color:white;}
#bottom_bg .menu a, #footer .block-content a {color:white;}
#footer .icon-menu a::before { 
    padding: 50px 25px 0px;
    content: '';left: 50%;
transform: translate(-50%, -25px);
    position: absolute;   }
#footer .icon-menu .scan::before {    background: url(/sites/bluepassbook.com/files/images/scan.jpg) no-repeat; background-size: cover; }
#footer .icon-menu .badge::before {background:url(/sites/bluepassbook.com/files/images/badge.jpg) no-repeat;background-size: cover;}
#footer .icon-menu .activity::before {background:url(/sites/bluepassbook.com/files/images/activity.jpg) no-repeat;background-size: cover;}

#brand {display:none;}
	{}
/*TICKER*/
.tickerview {text-align:left;}
.tickerview .views-row {display:inline-block;}
/*
.tickerview  { height: 30px; }
.tickerview .view-content { font-size:20px;font-weight:bold; padding: 0;  margin: 0;  white-space: nowrap;   position: absolute;/*animation: ticker 20s linear infinite;*/ }
/*.tickerview .views-row {display: inline-block;   margin-right: 20px;}

@keyframes ticker {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-100%); }
}
*/
/*TBM*/
.tbm {background-color:transparent;}
.tbm-item.level-1 {border:none;position:relative;}
.tbm-item.level-1.open>.tbm-submenu {min-width:300px;}
/*Slideshow*/
#views_slideshow_cycle_main_taxonomy_terms-block_1, #views_slideshow_cycle_main_taxonomy_terms-block_3,#views_slideshow_cycle_main_slideshow-block_1 {overflow:hidden;}
.term-float {position:absolute;top:0;    width: 100%; height: 100%;}
.term-inner { padding: 40px 60px 40px 40px;}
.term-name {font-size:30px;margin-bottom:30px;}
.term-name a, .term-name a:hover, .term-name a:active,.term-name a:focus {color:white !important;}
.term-description {margin-bottom:20px;line-height:130%;}
.term-more, .views-field-view-node, .view-blog .field--name-node-link {color:white;background:orange;padding:10px 20px;border:1px solid white;display:inline-block;}
.term-more a,.term-more a:active,.term-more a:hover,.term-more a:focus, .views-field-view-node a,.views-field-view-node a:hover,.views-field-view-node a:focus, .views-field-view-node a:active, .view-blog .field--name-node-link a {color:white !important;text-transform:uppercase;}
.flexslider .slides, .views_slideshow_cycle_teaser_section {padding:0;}
.header-mobile .view-header {display:none;}
.flex-control-paging li a.flex-active {background:red ;}

/*TEASER OVERLAY ON SLIDESHOW*/
.ttb {width:100%;background:url('/sites/default/files/images/sw1.png');background-repeat: no-repeat;height:100%;top:100%;margin-top:-170px;position:absolute;display:block;}
.ttp {    position: absolute;    bottom: 0;    padding: 10px 10px 0px 60px;width:100%;}
.node-page .ttp {padding:10px 10px 0 40px;}
.tt {font-size:50px;color:#2f71a2;font-family: 'Alegreya';}
.ttl {border-radius:10px;background:#2f71a2;display:inline-block;color:white;margin-right:30px;}
.ttl a {color:white !important;padding:10px 25px;display:block;}
.ttt {font-size:24px;display:inline-block;color:#2f71a2;font-weight:bold;}
.tt, .ttl {display:none;}

/*SAFARI FIX*/
.term-float .field-content {/*display:block;position:relative;*/}

#block-zeropointwb-spinner {
    display: none; 
    position: fixed;
    background: black;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    z-index: 44444;}
#spinner {    background: url(/sites/bluepassbook.com/files/images/bpspin.png) no-repeat;    background-size: cover;    height: 100px;    width: 100px;
    top: 50%;    position: absolute;    left: 50%;    margin-top:-50px;margin-left:-50px; color: transparent; animation: rotation 2s infinite linear;}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
/*Right Column Field*/
.field--name-field-right-column {float:right;width:25%;margin-left:8%;}
.field--name-field-right-column p:first-child {margin-top:0;}
.field--name-field-right-column ul {list-style:none;}
.field--name-field-right-column ul li {}
.field--name-field-right-column ul li a {text-decoration:underline;}

/*Form*/
input,textarea {max-width:90vw;}

.site-logo img {/*height:50px;*/padding-left:60px;height:115px;width:auto;}
.logoimg {}
.wbs .site-logo img {height:45px;}
.wbs .region-topreg {display:none;}
.wbs .region-header .block_2 {display:none;}

/*.wbs #body_bg {margin-top:90px;}*/

#name-and-slogan {padding:15px !important;}
#top_bg {position:fixed;width:100%;top:0;background:white;z-index:11;}
.toolbar-fixed #top_bg {top:40px;}
#body_bg {margin-top:270px;padding-bottom: 50px;}

.region-help {margin-top:30px;}

.notice {text-align:center;padding:10px 0px;background:#eee;font-style:italic;margin:10px 0 20px;}

#bottom_bg {    bottom: 0;    width: 100%;    background: black;    border-top: 1px solid yellow;}
/*#bottom_bg,#bottom_bg a,#footer, #footer a, #menu2 a {   color:white !important; }*/


/*HEADER*/
.region-header {width:100%;display:block;margin-bottom:20px;}
.region-header .block-wrapper {width:48%;display:inline-block;vertical-align:top;}
.region-header .block-wrapper.block_2 {text-align:right;}
 
/*MENU*/
#menu {width:100%;margin-right:3%;display:block;margin-left:0 !important;}
#menu ul.level-0 {background:#4770B7;background:rgb(197,232,239);}
#menu .block-content {}
#menu .block-wrapper {margin-bottom:10px;}
#menu .tbm-link.level-1 {color:white;color:black;}
#menu .tbm-link.level-1:hover, #menu .tbm-link.level-1:focus {background-color:darkblue;background-color:rgb(197,232,239);}
.menuband, .primary-nav__menu--level-1 {border:0 !important; }
.tbm-submenu-toggle {background:transparent !important;color:black !important;}
@media screen and (min-width:1151px) {
	.tbm-submenu-toggle {width:1.5rem;}
	.tbm-link.level-1.tbm-item--has-dropdown {padding-right:.5rem;}
}
.tbm-item.level-1 >.tbm-link-container:hover {background:darkBlue;background:rgb(197,232,239);}

#block-zeropointwb-account-menu {}
#block-zeropointwb-account-menu li {background:none;}
#block-zeropointwb-account-menu li a {background:none !important;color:white !important;font-size:12px;}
#block-zeropointwb-main-menu .pure-menu-link {background:none !important;color:black !important;text-shadow:none !important;}
#block-zeropointwb-main-menu .pure-menu-link:hover, .pure-menu-link:focus {background:none !important;color:#707070 !important;}

/*HIGHLIGHTED*/
.region-highlighted {border:0 !important;}

/*HOME PAGE CATEGORIES*/
h2.h2red {font-size:48px !important;color:rgb(241,91,71);margin-bottom:0;text-transform:initial;}
.active-image .views-row:first-child img {transform: rotate(-5deg);margin-top:0;margin-bottom:0px;}
.active-image .views-row img {transform: rotate(0deg);margin-top:-17px;margin-bottom:17px;}
.active-image .views-row:last-child img {transform: rotate(5deg);margin-top:0;margin-bottom:0px;}
.active-image .views-field-title {font-size:26px;padding-top:20px;}
.active-image .view-header strong {color:#4770B7;}
.view-home-page-categories .view-header strong {color:#4770B7;}

/*QUICK LINKS*/
.quick-links a {padding:5px 10px;margin:5px;background:#6DD0F6;color:black !important;display:block;}
.quick-links a:hover {background:#6de4f6;}

/*SIDEBAR LEFT*/
#middlecontainer {background:white;}
#middlecontainer #sidebar-left {font-size:12px;margin:0;}
#sidebar-left .block.themed-block {background-image:none;background:none;border:0;padding:0;color:#eee;}
#sidebar-left .block-content ul.menu {padding:0;}
#sidebar-left .block-content ul.menu .menu-item {list-style-image:none;list-style-type:none;text-transform:uppercase;border-bottom:1px solid #ccc;}
#sidebar-left .block-content ul.menu .menu-item:hover {background:orange;}
#sidebar-left .block-content ul.menu .menu-item:first-child {border-top:1px solid #ccc;}
#sidebar-left .block-content ul.menu .menu-item:last-child {}
#sidebar-left .block-content ul.menu .menu-item a {margin:0 2em;padding:10px 0;display:block;width:100%;}
#sidebar-left .block-title,#sidebar-left h2 {text-align:center;font-size:12px !important;padding-left:2em;padding-right:2em;color:#eee;}
#sidebar-left p {padding-left:2em;padding-right:2em;font-size:12px;text-align:center;}
#sidebar-left a {color:white;}
#sidebar-left #mc_embed_signup {width:auto;background:none;font-size:12px;text-align:center;}
#sidebar-left #mc_embed_signup form {}
#sidebar-left #mc_embed_signup label {text-align:center;}
#sidebar-left #mc_embed_signup .button {font-size:12px;display:block;margin:0 auto;}

.column-center {text-align:center;}
.center .view-content {text-align:center;}
.column-3 .views-row,.column-5 .views-row {display:inline-block;width:30%;margin:1%;vertical-align:top;text-align:center;}
.column-5 .views-row {width:18%;}
.column-3 .title {font-weight:bold;font-size:36px;width:260px;margin:0 auto;}
.column-3 .title a {color:rgb(241,91,71);}
.column-3 .box {border:2px solid black;padding:10px 20px;margin-top:20px;}
.view-home-page-categories .views-row:nth-child(2) .column-3 .box {background:#C5E8EF;}
.view-home-page-categories .view-display-id-block_2 .view-content {text-align:center;}
.column-3 .more a {font-weight:bold;color:rgb(241,91,71);}
.box .views-row{    border: 1px solid #222;    box-shadow: 1px 2px 4px black;
    background: white;   padding-bottom:10px;}
.box .views-field-name,
.box .views-field-title {font-size: 30px;    line-height: 30px;padding:15px 0; font-weight:bold;min-height:60px;}
.field--name-body .column-3 {width:29%;margin:1%;display:inline-block;vertical-align:top;text-align:center;}
.field--name-body .column-3 img {width:100%;}
.box .views-field-body {min-height:60px;    padding: 10px 20px 20px;}
.box .views-field-description__value {padding:10px;}
.box .pure-img {width:100%;}
.row-white .views-row {
    background: white;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 4px black;}

/*Proximity*/
.prox .view-filters {display:none;}
.prox .views-row {width:30%;margin:0 auto;}
.prox .views-field-title {text-align:center;font-weight:bold;}
.prox .views-field-field-rule-link-button {padding:20px 0px;background:green;color:white;text-align:center;margin:20px auto;width:60%;display:block;font-size:24px;}
.prox .views-field-field-rule-link-button a {color:white;}
.prox .views-field-field-media-image img {margin:0 auto;}

.prox  {  animation: cssAnimation 0s 4s forwards;  opacity: 0; }

@keyframes cssAnimation {
  to   { opacity: 1; }
}
/*EVENTS*/
.column-5 .type-Event.views-row {width:100%;margin:20px 0;}
.column-5 .type-Event.views-row .field--name-field-media {width:50%;float:right;}
.column-5 .type-Event.views-row .field--name-body {width:46%;float:left;margin:2%;}
.column-5 .type-Event.views-row .field--name-field-link {font-size:20px;float:left;clear:left;margin-bottom:40px;margin-left:20px;}
.column-5 .type-Event.views-row .field--name-field-link a {padding:20px 40px;color:white;background:orange;}
.view-image-right.view-display-id-page_1 .view-content {text-align:left;}
.view-image-right .field--name-field-media {float:right;margin-left:30px !important;width:30%;}
.view-image-right .field--name-field-media img {width:100%;height:auto;}
.view-image-right .views-row {margin:0 0 30px;border-bottom:2px solid #ccc;}
.node--view-mode-teaser {border-bottom:none !important;}
.view-image-right .field--name-field-link {font-size:20px;}
.view-image-right .field--name-field-link a {text-decoration:underline;color:#2f71a2;}
.view-image-right .field--name-body {/*width:62%;*/}

.field--name-field-gallery {text-align:center;}
.field--name-field-gallery > .field__item {display:inline-block;width:30%;margin:1%;}

/*BADGES*/
.badges .view-filters {display:none;}

.badges .wb-filter {background:url('/sites/bluepassbook.com/files/images/filter.jpg') no-repeat; background-size: cover;height:50px;width:50px;color:transparent;}
.badges .views-field-title {height:40px;}
.badges .views-field-field-media-image img {margin:0 auto;}
.badges .views-row {position:relative;}

.node-points_award h1.page-title {display:none;}
.node-points_award #main {max-width:500px;margin:0 auto;padding:0 10px;}

.views-field-field-date-meeting,.views-field-field-date {position:absolute;top:-5px;right:-5px;text-align:center;width:40px;border:1px solid #ccc;text-transform:uppercase;box-shadow:3px 3px 5px black;}
.jday {background:white;font-size:20px;}
.jmonth {background:red;color:white;font-size:11px;padding:2px 0;font-weight:bold;}
.badges .views-field-nid-2 {position:absolute;background:white;box-shadow:3px 3px 5px black;    top: 0;    left: -15px;    width: 30px;    border-radius: 100%;    overflow: hidden;}
.badges .views-field-nid-2 img {}

#qr-reader {margin:0 auto;max-width:100%;}


/*Print QR Code*/
body.view-location-qr {}
body.view-location-qr .page-title,body.view-location-qr #top_bg {display:none;}

body.view-location-qr #top_right,body.view-location-qr #body_right,body.view-location-qr #top_left,body.view-location-qr  #body_left {background:none;}

.view-location-qr .views-row {position:relative;margin:0 auto;width:5in;background: url(/sites/bluepassbook.com/files/images/qrbg.png) no-repeat;   height:7in;text-align:center;color:white; background-size: cover;font-size:40px;text-shadow:3px 3px 5px black;font-weight:bold; }
.view-location-qr h2 {color:white;}
.view-location-qr .views-field-field-url-to-qr {background:white;padding:20px;width:200px;margin:0 auto;}
.view-location-qr .views-field-title {padding-top:1in;}
.view-location-qr .views-field-nid {    margin-top: 0.5in;
    background: url(/sites/bluepassbook.com/files/images/bpspin.png) no-repeat;
    background-size: 50px;    height: 50px;    margin-left: 40px;    padding-left: 40px;}
.view-location-qr .views-field-title-1 {position:absolute;top:20px;width:280px;left:100px;font-size:30px;}
.view-location-qr .views-field-field-media-image {    position: absolute;
    top: 10px;    left: 10px;       overflow: hidden;}
.view-location-qr .views-field-field-media-image img {    border-radius:100%;
    width: 60px;    background: white;}

 /*CART*/
.region-topreg {width:100%;/*background:#0482A5;*/padding:0 !important;}
.region-topreg .block-wrapper {padding:0 10px;}
.toolbar-fixed.toolbar-tray-open #top_bg{top:80px;}
.cart-block--summary__count {font-size:10px;}
.cart-block--summary__icon img {margin:0 auto;}
.view-display-id-page_1 .view-content {text-align:center;}    
.cart-block--contents.is-outside-horizontal {width:auto;}

/*TBM MEGA MENU MOBILE*/
.tbm--mobile-show .tbm-collapse { height:100vh;   width: 100% !important;    left: 0;    position: fixed !important;
    top: 50px !important;overflow:scroll;}
.tbm.tbm--mobile.tbm--mobile-show .tbm-button {position:fixed;right:0;top:0;}
.tbm-nav .tbm-link.no-link.tbm-no-submenu:hover, .tbm-nav .tbm-link.no-link.tbm-no-submenu:focus, [dir='ltr'] .tbm-nav .tbm-link.no-link.tbm-no-submenu:hover, [dir='ltr'] .tbm-nav .tbm-link.no-link.tbm-no-submenu:focus {color:white !important;}

/*Leaderboard*/
.user-circle img {height:50px;width:50px;border-radius:100%;vertical-align:middle;margin-right:20px;}
/*POPUPS*/
.spb_minimized {right:2%;}


#bottom_bg {overflow: hidden;   -webkit-overflow-scrolling: touch;}
/*#bottom_bg a {color:white !important;}*/


@media screen and (max-width:1350px) {
     .column-5 .views-row {width:21%;margin:1%;}
}

@media screen and (max-width:1290px) {
     .ttb {padding-left:60px;}
}
@media screen and (max-width:1192px) {
    .term-float {width:100%;}
	.term-float .ttb {}
}
@media screen and (max-width:1150px) {
	#headimg {padding-bottom:0;}
    .column-5 .views-row {width:30%;margin:1%;}
    .announce .views-field {display:block;text-align:center;}
    .announce .views-field-title {padding-right:0px;}
    .announce .views-field-view-node {float:none;margin:5px auto;width:200px;}
    .button-3-column .button {    display: inline-block;    width: 90%;  margin: 1% 3%;    padding: 20px 0;   }
    #menu {}
	.tbm.tbm--mobile .tbm-button {    right: 0;top:15px;   position: absolute;width:58px;}
	.region-header .block-wrapper {width:100%;}
	.site-logo img {height:auto;float:none;padding-left:30px;padding-top:15px;}
	.region-header .block_2 {display:none;}
	.column-3 .title {width:initial;}
	.tbm-item.mobile {display:block;}
	.region-header, #menu {display:inline-block;width:48%;vertical-align:top;}
}

@media screen and (max-width: 64em) {
	#header .region .block-system-branding-block {float:none;margin:0;width:100%;}
	
}

@media screen and (max-width:976px) {
    .pure-menu-heading, .menu-toggle {display:block !important;border-bottom:1px solid #ccc !important;}
    .pure-menu-horizontal {display:none;}
    #menu {}
    #edit-map {width:90%;float:none;margin:0 auto;}
}

@media screen and (max-width:890px) {
     .column-3 .views-row {    display: inline-block;    width: 25%;  margin: 3%;    vertical-align: top;    text-align: center;  box-shadow: 2px 3px 5px #202020;  background:white;}
    .badges .views-row {margin-top:40px;margin-bottom:40px;}
    .badges .views-field-field-date-meeting, .badges .views-field-field-date {right:unset;top:-32px;left:0;width:100%;box-shadow:1px 1px 1px black;}
    .badges .views-field-nid-2 {}
    .jday, .jmonth {display:inline-block;width:50%;height:24px;line-height:24px;vertical-align:middle;}
    .align-right {width:100%;}
    .align-right img {margin:0 auto;}
    .column-3 .views-row, .column-5 .views-row {width:100%;margin:10px 0;}
    .column-3 .views-row .pure-img,.column-5 .views-row .pure-img {width:100%;}
	.column.two-column {width:100%;margin:auto;}
	.column.two-column img {margin:0 auto;}
    .region-footer .block-wrapper,#footer .footer-3column {width:95%;margin:2%;display:block;}
    /*EVENTS*/
.column-5 .type-Event.views-row {width:100%;margin:20px 0;}
.column-5 .type-Event.views-row .field--name-field-media {width:100%;float:none;}
.column-5 .type-Event.views-row .field--name-body {width:96%;float:none;margin:2%;}
.column-5 .type-Event.views-row .field--name-field-link {font-size:20px;float:none;clear:both;margin-bottom:40px;margin-left:00px;}
.column-5 .type-Event.views-row .field--name-field-link a {padding:20px 40px;color:white;background:orange;}
.header-mobile .view-header {display:block;}
.header-mobile .view-content {display:none;}    
.header-mobile .view-header .view-content {display:block;}
.width-500 {width:300px;}
	.ttb {padding-left:80px;}
	.view-image-right .field--name-field-media {float:none;margin:0 auto 30px !important;width:100%;}
	.view-image-right .field--name-body {width:100%;}
	.mobile-border {border-bottom:none;}
	.field--name-field-right-column {width:100%;margin:0;}
	.field--name-body {width:100% !important;}
	#block-zeropointwb-content .layout__region--content { display: flex; flex-direction: column; }
	.field--name-field-right-column { order: 2; }
	.field--name-body { order: 1; }

}
@media screen and (max-width:769px) {
    .region-content .block, #block-zeropointwb-page-title, .node-blog #block-zeropointwb-page-title {margin:10px 20px !important;}
    .mobile {display:block;}
	.slideshow .mobile {display:none;}
    .not-mobile {display:none;}
	.slideshow .not-mobile {display:block;}
    
     #middlecontainer {margin:0 !important;}
     #pgwp #top_bg {background:white !important;height:80px;}
     #main {margin:15px !important;}
     #main {margin:0 !important;}
     .region-header {}
     #name-and-slogan {padding:5px 0 0 50px !important;}
    
     .prox .views-row {width:100%;}
     .badges .view-content {text-align:center;}
     .badges .wb-filter {text-align:center;margin:0 auto;display:block;}
     .badges .views-field-title {font-size:10px;height:24px;font-weight:bold;
    padding-top: 12px;    background: #eee;}
    
     body.user-logged-in.badges {background:#1B9AE4;}
     .badges .views-row .views-field-nid img {    width: 80%;margin: auto;   display: block;
      margin-top: 10%;}
     h1.page-title {text-align:center;color:black;}
     #body_bg {margin-top:110px;border:0 !important;margin-bottom:50px;}
     #qr-reader {width:100% !important;margin:0 auto;}
     
     /*shop*/
     .cart-block--summary__count {display:none;}
    .view-products.view-display-id-page_1 .views-row {width:90%;} 
    .view-products.view-display-id-page_1 .field--name-field-media {width:40%;float:left;}
    .view-products.view-display-id-page_1 .field--name-price{
    width: 50%;
    padding: 0;
    float: right;}
    .view-products.view-display-id-page_1 .field--name-title{
    width: 50%;
    padding: 0;
    float: right;}
    .view-products.view-display-id-page_1 .field--name-body{
    width: 50%;
    padding: 0;
    float: right;}
    .view-products.view-display-id-page_1 .field--name-variations{
    width: 50%;
    padding: 0;
    float: right;}
    .cart-block--contents.is-outside-horizontal {}
    table td {width:100% !important;display:block !important;padding:0px !important;}
    table td p, table td h3, table td h2, table td h4, table td h5, table td h6 {padding:20px !important;}
    .width-500 {width:100%;float:none;padding-left:0;}
	
	.ttb {}
	.term-float .ttb {display:none;}
	.node-page .ttp, .ttp {position:relative;}
	.term-float {position:relative;}
}
@media screen and (max-width:650px) {
	.spb-popup-main-wrapper {width:90% !important;margin-left:-45% !important;}
}

@media screen and (max-width:550px) {
    .toolbar-fixed #top_bg {top:0px;}
    .view-location-qr .views-row {width:90%;font-size:20px;}
    .view-location-qr .views-field-title-1 {font-size:20px;}
    .view-location-qr .views-field-nid {line-height:50px;padding-left:0;}
    /*User Login*/
    #block-zeropointwb-userlogin {text-align:center;}
    #block-zeropointwb-userlogin input {width:90%;margin:10px auto;}
    body.logged-out.qr-scanner #block-zeropointwb-qrscannernotic3 {text-align:center;}
    #block-zeropointwb-userlogin .item-list li {display:none;}
	.term-float .ttb {}
}

@media screen and (max-width:475px) {
     .region-header {}
	 #pgwp #top_bg {height:140px;}
	 #menu {}
     #name-and-slogan {display:none;}
	 .region-topreg {text-align:center !important;float:none !important;}
	 .region-topreg .block-wrapper {float:none;display:inline-block;}
}