/*
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;
}
#top_bg {/*position:fixed;*/top:0;background:white;border-bottom:1px solid #ccc;}
#brand {display:none;}
#top_left, #body_left,#body_right, #top_right {background:white !important;padding:0 !important;}
#headimg {background:#eee;padding-bottom:10px;}
h1 {font-size:2.4em !important;}
h2, h3.block-title, .block-title {font-size:2em !important;}
.block-views .block-title {padding-bottom:40px;}
p {font-size:1.2em;line-height:1.5em;}

.node__links {margin-bottom:5em !important;}

.align-right {padding-left:30px;margin-bottom:20px;}

.mobile, .mobile-only {display:none;}

.showbuthide {display:none;}

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

/*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, #middlecontainer #block-zeropointwb-views-block-gallery-block-2.block,
.region-content #block-zeropointwb-views-block-taxonomy-terms-block-1, .region-content .block.full-width{padding:0 !important;margin:0 !important;}

.region-content .block.full-width .block-title {
    padding: 40px 0 20px 60px;}
/*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;}

/*HEADER*/
#header .block ul {font-weight:bold;}

/*BLOCKS*/
.front #main .block_6,.front.logged-out #main .block_5  {}
.front #main .block_6 .view,.front.logged-out #main .block_5 .view {padding-top:20px;}
.front .block_5, .front .block_4 {width:47%;display:inline-block;vertical-align:top;}
.front .block_5 {float:right;}
.front .block_4 {}
.front .block_5 .block, .front .block_4 .block {margin:0 !important;}

/*HOME PAGE*/
.h2-wrap {    text-align: center;    font-size: 30px;}
.section {border:1px solid #ccc;background:#eee;padding:1%;}
.section.no-bg {border:0;background:transparent;padding-top:0;}
.left,.right {width:45%;margin:1%;display:inline-block;vertical-align:top;}
.right {float:right;margin-right:0;}
.left {float:left;}
.largetext {font-size:18px;padding:0 20px 10px;line-height:150%;}
h3 {font-size:34px;}
.section .readmore {display:block;width:200px;text-align:center;margin:40px auto 0;padding:10px 20px;background:green;color:white;text-transform:uppercase;}
.domain-wrap {padding:2%;margin:1%;width:94%;background:#eee;border:1px solid #ccc;text-align:center;clear:both;}
.domain-wrap h2 {    font-size: 30px;}
.domain-wrap a {padding:10px 30px;background:green;color:white !important;text-transform:uppercase;color:white;}


/*ENTITY BROWSER*/
.wb-click-select .views-field-entity-browser-select input.form-checkbox {display:none;/*position:relative;top:-150px;width:150px;height:170px;background-color:transparent;*/}
.wb-click-select .views-row.selected {border:2px solid green;}
.inline-block .views-row {display:inline-block;vertical-align:top;}
.col-4 .views-row {width:21%;margin:1%;border:2px solid transparent;}
.view-customers .views-field-title {font-weight:bold;}

/*ANNOUNCEMENTS*/
.announce {border:2px solid red;padding:10px 20px;}
.announce .views-field {display:inline-block;}
.announce .views-field-title {font-size:24px;padding-right:20px;}
.announce .views-field-view-node {float:right;margin-top:5px;}
/*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};

/*COLORS*/
.blue {background:#0482A5;padding:30px 50px;}
.blue a,.box .views-field-name a {color:white !important;}
.blue .block-title, .blue h2, .blue h3, .blue h4, .blue h5, .blue h6 {color:white;}
.blue .block-title {padding-bottom:20px;}
.blue .contextual-links a {color:inherit !important;}

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

/*VIDEO*/
.narrow-video {float:left;}
.narrow-video video {width:270px;}
.narrow-image {}

/*LIVESTREAM VIDEO*/

.view-videos .views-field-title {padding:10px 0;}
.views-field-field-video-thumbnail {top:0;width:100%;}
.youtube-container--responsive {margin:0 !important;}

/*GALLERY*/
.view-gallery article {display:inline-block;}
.view-gallery .views-field-field-media {text-align:center;}

/*FOOTER*/
.pure-u-md-3-5 {width:100% !important;}
.region-footer .block-wrapper {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;}
.social-media-icon {display:inline-block;margin:10px;}
#brand {display:none;}

/*TBM*/
.tbm {background-color:transparent;}
.tbm-item.level-1 {border:none;}

/*Slideshow*/
#views_slideshow_cycle_main_taxonomy_terms-block_1 {overflow:hidden;}
.term-float {position:absolute;top:0;    
    width: 400px;    background-image: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0));
    height: 100%;color:white;}
.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 {padding:0;}
.header-mobile .view-header {display:none;}

#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);
  }
}

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

.site-logo img.logoimg {}
#name-and-slogan {padding:15px !important;}
#top_bg {width:100%;top:0;background:white;z-index:5;}
.toolbar-fixed #top_bg {top:40px;}
#body_bg {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 {display:inline-block;}

/*MENU*/
#menu {margin-right:3%;display:inline-block;vertical-align: middle;}
#menu .block-content {float:right;}
#menu .block-wrapper {}
#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:16px;}
#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;}
.tbm-button {margin:0;}

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


.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;position:relative;}
.column-5 .views-row {width:18%;}
.box .views-row{    border: 1px solid #222;    box-shadow: 1px 2px 4px black;
    background: white;   padding-bottom:10px;}
    .box .views-field-name {background:black; font-size: 20px;
    line-height: 30px;padding:15px 0;}
.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-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;}

/*MINI BLOCK*/
.mini-block-wrapper {text-align:center;}
.mini-block {display:inline-block;vertical-align:top;width:30%;margin:1%;padding:2%;border:1px solid black;box-shadow:1px 1px 5px;}
.mini-block p {}
.mini-block img {}

/*BUTTON*/

.button, .field--name-field-link a {margin:20px 0;padding:10px 20px;border-radius:10px;color:white !important;font-weight:bold;display:inline-block;}
.button:hover,.field--name-field-link a:hover {color:#eee !important;}
#body_bg .button, .button a {background:green !important;color:white !important;}
#footer .button {background:#222;}

.pure-button {color:black !important;}
.pure-button:hover {color:#222 !important;}
/*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*/
/*
.node__content .field--name-field-media > .field__item {width:30%;display:inline-block;}
.node__content .field--name-field-media {text-align:center;}

.node__content .field--name-field-media {width:30%;float:right;}
*/
.field--name-field-gallery .field__item {display:inline-block;margin:5px;}
.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-blog .type-Event .field--name-field-date {    padding: 20px 0;float:left;width:50%;    font-size: 20px;
    font-weight: bold;}
.view-blog .type-Event .field--name-field-date  p {padding:20px;}

/*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%;}


/*People*/
.view-people .field--name-field-media img {margin:0 auto;border-radius:100%;display:block;}
.view-people .field--name-field-position .field__item {marging-top:10px;font-size:30px;}

/*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%;float:none !important;background:#0482A5;padding:0 !important;height:25px;line-height:25px;overflow:hidden;}
.region-topreg .block-wrapper {float:right;padding:0 10px;}
.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*/
.tbm--mobile-show .tbm-collapse {    width: 100% !important;    left: 0;    position: fixed !important;
    top: 50px !important;}

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


#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:1192px) {
    .term-float {position:relative;width:100%;background:black;}
}
@media screen and (max-width:1150px) {
     .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;}
}
@media screen and (max-width:1024px) {
	
    #menu {right:0;position:absolute;}
    #pgwp #top_bg {background:#eee !important;height:50px;}
	.logoimg { height: 2.5em;margin:5px 0 0 10px;}
	.region-header {vertical-align:top;}
	.section, .left, .right, .section form {float:none;width:90%;display:block;margin: 20px auto;}
	.h2-wrap {font-size:20px;}
	h2 {}
	
}
@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;}
    
	.field--name-body .column-3 {width:100%;}
}

@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%;}
    .region-footer .block-wrapper {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;}

	.view-blog .type-Event .field--name-field-date  {float:none;width:100%;}
	/*MINI BLOCK*/
	.mini-block {width:94%;}
	/*LIVESTREAM*/
	.views-field-field-video-thumbnail {position:relative;}
	.views-field-field-facebook-embed-code {display:none;}

}
@media screen and (max-width:769px) {
    .region-content .block, #block-zeropointwb-page-title, .node-blog #block-zeropointwb-page-title {margin:10px 20px !important;}
    .mobile, .mobile-only {display:block;}
    .not-mobile {display:none;}
	.domain-wrap a {display:block;        width: 200px;        margin: 0 auto;}
    
     #middlecontainer {margin:0 !important;}
     #pgwp #top_bg {background:#eee !important;}
     #main {margin:15px !important;}
     #main {margin:0 !important;}
     .region-header {width:300px;}
     #name-and-slogan {padding:5px 0 0 50px !important;}
	 
	 .front .block_5, .front .block_4 {width:100%;}
    .front .block_5 {display:none;}
	
     .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 {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;}
	.formkit-header h2 {font-size:24px !important;}
	.section form {width:100%;}
}

@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;}
}

@media screen and (max-width:475px) {
     .region-header {}
     #name-and-slogan {display:none;}
}