/*blue #1B9AE4 yellow #FECB60*/
#toggles {display:none;}
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;}
#brand {display:none;}
#top_right, #body_right, #body_left {background:none;}

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

#brand {display:none;}
/*Default Ajax spinner issue*/
.entity-browser-iframe-container .ajax-progress-fullscreen {display:none !important;}
#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);
  }
}
/*Media Browser*/
.entity-browser-iframe-container iframe {z-index:0;}

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

/*Node Edit Form*/
.node-form #edit-preview {display:none;}

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

.region-help {margin-top:30px;}
/*WELCOME MESSAGE*/
.rconcierge #body_bg {margin-top:0;}
.rconcierge.welcome #block-zeropointwb-page-title {display:none;}
.rconcierge .region-content .block-wrapper #block-zeropointwb-views-block-organizations-block-2.block-views {background:none;}
.rconcierge .views-field-field-welcome-message {    text-align: center;    font-size: 30px;    padding: 20px 0;}


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

#bottom_bg {    position: fixed;    bottom: 0;    width: 100%;    background: black;    border-top: 1px solid yellow;}
#bottom_bg,#bottom_bg a,#footer, #footer a, #menu2 a {   color:white !important; }
.column-center {text-align:center;}
.column-3 .views-row {display:inline-block;width:15%;margin:1%;vertical-align:top;text-align:center;}
.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%;}


/*NODE ADD VISIT*/
.rconcierge .node-visit-form .field--name-body {display:none;}

/*NODE ADD CONTACT*/

.node.add.contact.rconcierge #edit-field-organization-wrapper,
.node.add.contact.rconcierge #block-zeropointwb-checkin,
.node.add.contact.rconcierge #edit-field-mailing-address-0-address-country-code, 
.node.add.contact.rconcierge #edit-body-wrapper {display:none;}

/*POPUP*/
.spv-popup-content {    top: 120%;    right: 0;}
.spv-inside-popup {padding:20px 10px;}
.logout {margin-top:10px;display:block;}

/*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; }
}
/*USER HEADER BLOCK*/
.user-header-block {}
.user-header-block img {height:40px;width:auto;box-shadow:0 0 3px blue;border-radius:100%;}
.user-header-block {}

/*ORGANIZATION JOIN*/
.organization-join #main {text-align:center;}

/*ORGANIZATION*/

.node--type-organization .field--name-field-media-image {float:right;}
.node--type-organization .field--name-field-media-image img {height:50px;width:auto;}

.button-area {border-top:1px solid;border-bottom:1px solid;padding:15px 0;margin:15px 0;}
.button-area a, a.button {padding:5px 10px;border:1px solid !important;margin:5px 10px;background:white;}
.big-options .box .button.disabled {background:#eee;}


 .region-content .block-wrapper .block-views {background:powderblue;}
 .region-content .block-wrapper .block-views .block-title {
    background: white;    padding-bottom: 10px;}
/*ATTENDANCE*/
.views-field-field-class-days-1 {display:none;}
.aname div {padding:10px 15px;}
.adate {width:50px;display:inline-block;text-align:center;}
.adate.no {    color:transparent;    
    border-radius: 5px;
    position: relative;
}
.adate.no a {     color: transparent;    display: block;}

.adate.no a:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "\274c"; /* use the hex value here... */
    font-size: 14px; 
    color: #FFF;
    line-height: 14px;
    text-align: center;
}
.adate.yes a {
  display: inline-block;color:transparent;
  transform: rotate(45deg);
  height: 10px;
  width: 4px;overflow:hidden;
  border-bottom: 3px solid green !important;
  border-right: 3px solid green;position: absolute;
    margin-top: -22px;
}
.adate.yes {color:transparent;}

.adates {}
.r1 {background:#676767;color:white;}
.view-id-class_registrations .reg-row {background:#f2f2f2; color:rgb(51,51,51);}
.view-id-class_registrations .reg-row:nth-child(even) {    background: powderblue;}
.r1 .view-header {text-transform:uppercase;color:white;font-weight:bold;}
.r1 .view-header a {color:white;}
.r1 .r2 .view-header, .aname {width:19%;display:inline-block;} /*aname*/
.r2 .view-content, .adates {width:80%;display:inline-block;} /*adates*/
.r2 .view-content .view-header {width:auto;display:block;}
.r2 .view-content .view-content {} 


/*CHECK IN OPTIONS*/
.big-options {}
.big-options .box {position:relative;display:inline-block;width:25%;margin:2%;vertical-align:top;}
.big-options .box .button {     display: block;position:relative;
    padding: 30px;
    border-radius: 30px;
    background: green;
    color: white;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    text-shadow: 0 0 2px BLACK;}

.big-options .box .button:after {
    background-clip: padding-box;
    background-color: lightgreen;
    border: solid transparent;
    border-radius: 30px;
    border-width: 0 0 4px;
    bottom: -8px;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
z-index: -1;}
.big-options .box .button.disabled:after {background-color: lightgray;}

/*CLASS VIEW CHECK-IN*/
.button-rows .views-row {display:inline-block;margin:10px 20px;}
.button-rows .views-row .box {padding:20px 40px;}
.button-rows .views-row .button {padding:20px 30px;display:block;border-radius:30px;background:green;color:white;text-transform:uppercase;font-size:20px;font-weight:bold;}

/*BADGES*/

.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 .block-wrapper {float:left;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;}


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

/*HOME*/
.right50,.left50 {display:inline-block;vertical-align:middle;width:48%;margin:1%;}
.left50 {}
.right50 {}
.home-hat {}


/*COMMERCE*/
.form-wrapper__login-option input:not([type="submit"]):not([type="password"]), .form-wrapper__returning-customer input[type="password"] {width:inherit;}

@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;}
    
}
@media screen and (max-width:769px) {
     #middlecontainer {margin:0 !important;}
     #pgwp #top_bg {background:#eee !important;height:50px;}
     #main {margin:15px !important;}
     
     .region-header {width:300px;}
     #name-and-slogan {padding:5px 0 0 50px !important;}
    
     .prox .views-row {width:100%;}
     .badges .view-content {text-align:center;}
     
     .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:10px;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 {}
}

@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;}
    .right50,.left50 {display:block;vertical-align:middle;width:98%;margin:1%;}
}

@media screen and (max-width:475px) {
     .region-header {width:100px;}
     #name-and-slogan {display:none;}
}
@media screen and (max-width: 48em) {
    #header .block-system-branding-block {float:none;}
}