/*
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 {padding-bottom:10px;}

body {font-family: 'Times New Roman', sans-serif;}
.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 {display:none;}


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

/*FONT*/
h1,h2,h3,h4,h5,h6 {font-family: 'Montserrat', sans-serif;}

/*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,
#block-zeropointwb-views-block-galleries-block-1 {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;}

#block-zeropointwb-cheeseburgermenutrigger {display:none;}
#block-zeropointwb-mobilehomepage {display:none;}

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

.float-right {float:right;padding-left:20px;}

a {  border-bottom: 0 !important;}

a.button:hover {color:#eee;}

/*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;}
#top_bg, .themed-block {background:none;background-color:transparent !important;background-image:none !important;}
#sidebar-left .block, #sidebar-right .block {border:0 !important;}

/*TB MAIN*/
#tb-main-row {width:911px;margin:0 auto;clear:both}
#tb-main-row-2 {width:911px;margin:0 auto;clear:both;}
#content-tb-main {width:600px;float:left;}
#content-tb-main-2 {width:540px;float:left;}
#content-tb-main-right {width:200px;float:right;}
#content-tb-main-right-2 {width:300px;float:right;}
#content-tb-full {clear:both;}

/*QUOTE PAGE*/
body.get-a-quote #middlecontainer, body.services #middlecontainer {width:911px;margin:0 auto !important;}
body.get-a-quote #middlecontainer .pure-u-lg-21-24 {width:600px;}
body.get-a-quote .pure-u-lg-3-24 {width:300px;}
body.get-a-quote #middlecontainer .block {margin:0 !important;}

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


/*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 {display:inline-block;vertical-align:top;margin:3%;width:27%;}
#footer, #footer p, #footer h2 {color:white;}
#footer ul {list-style:none;text-align:left;}
#footer li {display:block;}
#footer .menu li {padding:5px 30px;border:0;text-align:left;display:block;   margin-bottom: -40px;margin-top:10px;}
#footer .menu a {line-height:70px;color:white;}
#footer .menu .contextual-links a {color:black;}
#bottom_bg .menu a, #footer .block-content a {color:#00AFC4;}

#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 {padding:0 20px;max-height:150px;}
#name-and-slogan {padding:15px !important;}
#top_bg {position:fixed;width:100%;top:0;background:white;z-index:55;}
.toolbar-fixed #top_bg {top:40px;}
.toolbar-tray-open #top_bg {top:80px;}
#body_bg {margin-top:180px;padding-bottom: 50px;}

.wbz .logoimg {height:40px;}
.wbz .region-topreg {height:0;opacity:0;position:relative;}
.wbz #menu {position:relative;z-index:10000;}
.wbz #header {height:40px;}
.wbz .region-header {vertical-align:top;}
.wbz #menu .block-wrapper, .wbz .tbm.tbm--mobile .tbm-button {margin:0;}

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

/*TOP REGION*/
.region-topreg {padding:0 20px !important;}

/*HEADER*/
#header {width:911px; margin: 0 auto;}
.region-header {display:inline-block;float:left;}

/*MENU*/
#menu {margin-right:3%;display:inline-block;float:right;}
#menu .block-content {float:right;}
#menu .block-wrapper {margin-bottom:10px;}
#block-zeropointwb-main-menu .pure-menu-link,#block-zeropointwb-mainnavigation .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 ,#block-zeropointwb-mainnavigation .pure-menu-link:hover,#block-zeropointwb-mainnavigation .pure-menu-link:focus{background:none !important;color:#289DCC !important;}
.tbm-link.level-1 {text-transform:uppercase;    font-weight: bold;    font-size: 14px;    padding: .75rem .75rem;}
.tbm-link.level-1:hover, .tbm-link.level-1:focus {color:#289DCC;background-color:white;}

/*HIGHLIGHTED*/
.region-highlighted {border: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;}
.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;}

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

/*Slideshow*/  
#block-zeropointwb-views-block-galleries-block-1 {  max-height: 500px;    overflow: hidden;}

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


/*TBM*/
.tbm--mobile-show .tbm-collapse {    width: 100% !important;    left: 0;    position: fixed !important;
    top: auto !important;}


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

/*WB*/
.tbw-banner-1{
  /*padding:10% 0;background: url(../images/ladder.jpg);
  background-size:cover;
  height: 100%;*/
  
}
.your-cleaner {background: url(../images/cleaner.png);}
.red-tree {background-size:cover;background-attachment:fixed;height:600px;background:url(../images/red-tree1400.jpg) no-repeat;background-position:center 70%;color:transparent;}
#block-views-node-gallery-slideshow-block {max-height:500px;overflow:hidden;}
.tbw-banner-1 .box {position:absolute;top:100px;z-index:5;
    margin-left: 10%;
    width: 40%;}
.tbw-banner-1 h1 {line-height:80%;text-shadow:2px 2px 5px black;font-size:120px;font-weight:800;color:white;margin:0;}
.tbw-banner-1 h3 {color:white;font-size:18px !important;font-weight:bold;text-shadow:1px 1px 3px black;text-align:left;padding-left:100px;}

h1.page-title {display:none;}
/*Supertop Block*/
#block-block-7 {float:right;}
#block-block-10 {float:left;text-align:left;}
#block-block-6 {float:right;clear:right;}

h2 {}
h2, h4  {text-align:left;font-weight:bold;margin-bottom:20px;text-transform:uppercase;}
h4  {text-align:left;font-size:16px !important;}
.pane-content {text-align:left;}
h3 {text-align:left;letter-spacing:-.78px;font-weight:bold;margin-bottom:20px;}
h3.small {    font-size: 20px;margin: 40px 0 20px;font-weight:normal;}
h4 {margin:20px 0;font-size:16px;}
body p {color:rgba(40,26,23,.6);font-size:19px;letter-spacing:.09px;line-height:32.3px;}
body blockquote p {font-size:26px;color:black;}

body strong {color:rgba(40,26,23,.6);}
.panels-flexible-region-1-center {width:600px;}
.panels-flexible-region-1-right {width:220px;float:right;}
.panels-flexible-region-3-center {width:540px;}
.panels-flexible-region-3-right {width:300px;float:right;}
#block-panels-mini-home-lower-panes {max-width:911px;margin:40px auto;}
.panel-pane {margin:40px 0;}
a.button,a.button:link {color: #fff; text-transform:uppercase;
    background-color: #4fa3f3;font-size:14px;
    border-color: #4fa3f3;
    display: inline-block;
    width: auto;
    height: auto;
    padding: 1em 2.5em;
    border-width: 0;
text-align: center;}
a.button:hover {opacity:.8;}
blockquote {border:0 none;background:transparent;padding:0;font-size:26px;line-height:36px;margin:0;padding:20px 0;text-shadow:0 none;}

.column {width:45%;}
.column1 {float:left;}
.column2 {float:right;}

.not-front h4 {margin:40px 0 0px;}
.not-front h2 {font-size:39px;margin:40px 0 20px;}
.not-front h3.small {font-size:20px;margin:40px 0 20px;}
.not-front h3.big {font-size:39px;margin:30px 0 20px;}
.not-front div.hr {border-top:2px solid #4fa3f3;}

/*Get a quote*/
.form-item-submitted-address-postal-code {clear:both;}
/*Masonry*/
.masonry-item {width:32%;padding:0;margin:.5%;background:transparent;border:0 none;}
.masonry-item img {display:block;}
.node.view-mode-node_gallery_node_thumbnail  {margin:0;}
#super-top {}
#super-top .region {margin:0 auto;max-width:911px;}
#super-top .block {margin:0;text-align:right;}
#super-top p {margin:0;}
.social-media {font-size:14px;margin:0 10px;}
.phone {color:#4fa3f3;font-weight:bold;font-size:22px;display:inline;}
.break-after {display:inline;}

/*User Register*/
.page-user-register .horizontal-tabs ul.horizontal-tabs-list {display:none;}

/*app*/


@media only screen and (max-width: 64em) {
	body #top_right {background:white !important;}
}

@media only screen and (max-width: 650px) {
	div.error, div.status, div.warning {    padding: 15px;    width: 70%;    margin: 0 auto;    font-size: 26px;    text-align: center;}
}

@media screen and (max-width:1350px) {
     .column-5 .views-row {width:21%;margin:1%;}
}
@media screen and (max-width:1300px) {
	#menu {clear:right;}
}
@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) {
    
    #block-zeropointwb-cheeseburgermenutrigger {display:block;}
    
    .cheeseburger-menu__side-trigger {display:none;}
    #block-zeropointwb-mobilehomepage {display:block;}
    #header {width:100%;}
    #header .block-system-branding-block {margin:0;}
    
    
    /*MENU to top left*/
    #menu {position:fixed;top:0;left:0;width:100%;}
    #menu .block-content {float:left;}
    /*Slogan to top middle*/
    #header .region-topreg {text-align:center;width:100%;top:45px;text-align:center; z-index:0; padding: 0 !important;}
    #header .region-topreg p {margin-top:0;}
	.tbm--mobile-show .tbm-collapse {top:50px !important;}
	
	/*Logo under slogan*/
    .region-header {margin:0 auto;  z-index:555; position: absolute;           left: 50%;        transform: translatex(-50%);}
    
	/*COLUMNS*/
	.column1,.column2 {float:none;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;}
	/*
	#header {width:90%;}
	.region-topreg, .region-header, #menu {width:100%;text-align:center !important;margin:0 auto;display:block;}
	#menu {right:30px;top:35px;position:absolute;float:right;width:50px;}
	.region-header {width:100px;float:left;}
	.region-topreg {float:none !important;}
	a.site-logo {display:block;width:60px;}
	a.site-logo img {height:50px;}
	#menu .block-content,#header .block-system-branding-block {float:none !important;}
	#body_bg {margin-top:80px;}
	.tbm.tbm--mobile .tbm-button {margin: 0 auto;}
	
	.wbz .logoimg {height:40px;}
	.wbz .region-topreg {height:0;opacity:0;position:relative;}
	.wbz #menu {position:relative;z-index:10000;    display: inline-block;    float: right;}
	.wbz #header {height:40px;}
	.wbz #top_right {background:white;}
	.wbz .region-header {vertical-align:top;}
	.wbz #menu .block-wrapper, .wbz .tbm.tbm--mobile .tbm-button {margin:0 auto;}
	.wbz a.site-logo img {padding:0;height:unset;float:none;}
	*/
	.wbz .region-header {z-index:55555;}
	.layout-content {}
	#tb-main-row,#content-tb-main,	#content-tb-main-right,	#content-tb-full,
	#tb-main-row-2,	#content-tb-main-2,	#content-tb-main-right-2 {width:90vw;}
	#tb-main-row {}
	#content-tb-main {}
	#content-tb-main-right {}
	#content-tb-full {}
	#tb-main-row-2 {}
	#content-tb-main-2 {}
	#content-tb-main-right-2 {}
	.tbw-banner-1 h3 {padding-left:0;}
	.tbw-banner-1 h1 {font-size:40px;}
	
	body.get-a-quote #middlecontainer, body.services #middlecontainer {width:100%;}
	body.get-a-quote .pure-u-lg-3-24,body.get-a-quote #middlecontainer .pure-u-lg-21-24 {width:90%;margin:0 auto;}
	body.get-a-quote .pure-form input, body.get-a-quote .pure-form select {width:100%;}
	.field-item .pure-img, .colorbox .pure-img {width:44%;}
	
}

@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;}
    .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;}
.float-right {float:none;padding-left:0px;}
}
@media screen and (max-width:769px) {
	.phone {display:block;}
    .region-content .block, #block-zeropointwb-page-title, .node-blog #block-zeropointwb-page-title {margin:10px 20px !important;}
    .mobile {display:block;}
    .not-mobile {display:none;}
	#body_bg {margin-top:110px;border:0 !important;margin-bottom:50px;}
    /*
     #middlecontainer {margin:0 !important;}
     #pgwp #top_bg {}
     #main {margin:15px !important;}
     #main {margin:0 !important;}
     .region-header {}
     #name-and-slogan {}   
     
     h1.page-title {text-align:center;color:black;}
     
     */
     
    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;}
}

@media screen and (max-width:550px) {
    .toolbar-fixed #top_bg {top:0px;}
    
    /*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;}
}