html {
	height: 100%;
}
body {
	height:100%;
	background-color: #fff;
	margin: 0;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	overflow: hidden;
}
.preview-handle{
	  position: relative;
}
.detail-container {
    width: 100%;
    height: 100vh;
}
/* when down the location bar shows */
/* this actually resizes the map */
.detail-wrapper{
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;	
}
.detail-wrapper.down {
	height: calc(100vh - 46px);
}
.detail-wrapper.up {
	height: calc(100vh - 249px);
}
.detail-wrapper.up .bp-near-me-handle{
	top:-46px;
}
.detail-wrapper.up .bp-near-me-handle{
	top:0;
}
/* this gets set by content */
.map{
	height: 100%;
	max-height: 100vh !important;
}	
#map-canvas {
	height: 100%; 
	max-height: 100vh; 
	margin: 0; 
	padding: 0;
}



/*
 'on premise' aka green strokeColor = '#0d5302', fillColor = '#259b24'
 'off premise' aka red strokeColor = '#b0120a', fillColor = '#e51c23'
 'purchase online' aka clear strokeColor = '#01579b', fillColor = '#00b0ff'
 */	
.white .off, .clear .off, .red .off, .green .off {color:rgba(255, 255, 255, 0.6);}
.clear .off:hover > i, .clear .on, i.clear, span.clear {color:#00b0ff;} 
.red .off:hover > i, .red .on, i.red, span.red {color: #e51c23;} 
.green .off:hover > i, .green .on, i.green, span.green {color: #259b24;}
.white .off:hover > i, .white .on:hover, i.white, span.white {color: #ffffff;}
span.white, span.clear, span.red, span.green{border-bottom: 1px solid}
span.clear{border-bottom-color: #00b0ff}
span.red{border-bottom-color: #e51c23}
span.green{border-bottom-color: #259b24}
span.white{border-bottom-color: #ffffff}

/* this works in webkit browsers fallback is color setting above  */
i.green{
-webkit-text-fill-color: #259b24; /* Will override color (regardless of order) */
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #0d5302;
}
i.red{
-webkit-text-fill-color: #e51c23; /* Will override color (regardless of order) */
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #b0120a;		
}
i.clear{
-webkit-text-fill-color: #00b0ff; /* Will override color (regardless of order) */
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #01579b;		
}
i.white{
-webkit-text-fill-color: #ffffff; /* Will override color (regardless of order) */
}

#menu i.fa {padding:0 20px 0 0}	
#menu p {padding:10px 20px;text-align:left;line-height: 1.5;}
#menu strong {display:inline-block;padding-top:10px}
#menu .help {text-align:center}


#of {
	/*breaks mobile
	white-space: nowrap;*/
}


/*---------------------
FAIR TM
-----------------------*/
.fs{
	font-family: "myriad-pro-condensed",sans-serif !important;
	font-style: normal !important;
	font-weight: 700 !important;
	background-color: rgba(0,0,0,0) !important;
	background-repeat: no-repeat !important;
	background-origin: border-box !important;
	background-size: contain !important;
	padding-left: .9em !important;
	letter-spacing: -0.05em !important;
}
.fs-blk{
	color:#000 !important;
	background-image: url('../img/FAIR-circle-f-blk.png') !important;
}
.fs-wht{
	color:#FFF !important;
	background-image: url('../img/FAIR-circle-f-wht.png') !important;
}

.reg:after{
	font-family: "futura-pt",sans-serif !important;
	font-size: 0.7em !important;
	vertical-align: top !important;
	content: "\00ae"; /* ® \256 */
}
.copy:after{
	font-family: "futura-pt",sans-serif !important;
	font-size: 0.7em !important;
	vertical-align: top !important;
	content: "\00a9";/* © \251 */
}
.tm:after{
	font-family: "futura-pt",sans-serif !important;
	content: "\2122"; /* ™ \u2122  */
}

.bp-directions-fab-outer, .bp-my-location-fab-outer{right:76px;width:0}
.invisible{visibility:hidden}
.visible{visibility:visible}
@media only screen and (max-height:120px){
	.bp-directions-fab{display:none}
}
@media only screen and (max-height:182px){
	.bp-my-location-fab{display:none}
}

.bp-floating-searchbox-parent{width:100%}

.bp-my-location-fab .bp-my-location-fab-outer{  top: -76px; position:absolute;z-index:2}
.bp-my-location-fab .bp-my-location-fab-inner{cursor:pointer}

.bp-directions-fab-outer{top:14px; position:absolute;z-index:6}
.bp-directions-fab-inner{cursor: pointer}
.bp-floating-searchbox-parent .bp-searchbox{position:absolute;z-index:7}
.bp-floating-searchbox-parent .bp-searchbox .bp-initial-searchbox-wrapper{z-index:8}
.bp-floating-searchbox-parent .bp-searchbox .bp-searchbox-settings-button{position:absolute;z-index:9}

.bp-searchbox .bp-gscb_a,
.bp-icon{
	background-image:url(../images/mobile9.png);
	background-size:264px 748px;
	height:24px;
	width:24px;
	margin:auto;
	display:inline-block
}

@media (-webkit-min-device-pixel-ratio:1.2),(min-resolution:1.2dppx),(min-resolution:116dpi){
	.bp-searchbox .bp-gscb_a,
	.bp-icon{background-image:url(../images/mobile9_2x.png)}
}
.bp-icon.bp-icon-directions-fab{background-position:-74px -66px;height:60px;width:60px}
.bp-icon.bp-icon-directions-fab:active{background-position:-138px -66px}
.bp-icon.bp-icon-location-fab{background-position:-74px -2px;height:60px;width:60px}
.bp-icon.bp-icon-location-fab:active{background-position:-202px -2px}

.bp-icon.bp-icon-fpo{background-position:-72px -168px}

.bp-icon.bp-icon-settings-dots{background-position:0 0}
.bp-icon.bp-icon-settings-dots.bp-icon-white-variant{background-position:-24px 0}

.bp-icon.bp-icon-expand{background-position:0 -29px;height:15px;width:22px}

html[dir="rtl"] .bp-icon.bp-icon-expand{background-position:-121px -317px}
.bp-icon.bp-icon-back{background-position:0 -48px}
.bp-icon.bp-icon-back.bp-icon-white-variant{background-position:-24px -48px}

html[dir="rtl"] .bp-icon.bp-icon-back{background-position:-72px -310px}
html[dir="rtl"] .bp-icon.bp-icon-back.bp-icon-white-variant{background-position:-96px -310px}

.bp-icon.bp-icon-forward{background-position:-72px -310px}
.bp-icon.bp-icon-forward.bp-icon-white-variant{background-position:-96px -310px}

html[dir="rtl"] .bp-icon.bp-icon-forward{background-position:0 -48px}
html[dir="rtl"] .bp-icon.bp-icon-forward.bp-icon-white-variant{background-position:-24px -48px}

.bp-searchbox .bp-gscb_a,
.bp-icon.bp-icon-close{background-position:0 -72px}	
.bp-icon.bp-icon-close.bp-icon-white-variant{background-position:-24px -72px}	
.bp-icon-hamburger{background-position:-48px -48px}	
.bp-icon.bp-icon-dropdown-caret{height:12px;background-position:-48px -366px}	
.bp-icon.bp-icon-location{background-position:0 -192px}
.bp-icon.bp-icon-call{background-position:0 -288px}
.bp-icon.bp-icon-website{background-position:0 -312px}	
.bp-icon.bp-icon-rating-star{height:14px;width:14px;background-position:-72px -334px}
.bp-icon.bp-icon-rating-star-grey-variant{height:14px;width:14px;background-position:-86px -334px}
.bp-icon.bp-icon-rating-star-half-variant{height:14px;width:14px;background-position:-100px -334px}
html[dir="rtl"] .bp-icon.bp-icon-rating-star-half-variant{height:14px;width:14px;background-position:-114px -334px}
.bp-icon.bp-icon-star{background-position:-48px -336px}
.bp-icon.bp-icon-directions{background-position:0 -432px}
.bp-icon.bp-icon-your-location{background-position:0 -191px;height:24px;width:24px}	
/* end basic placement */
.my-icon {
	background-image: url(../images/reveal-entity-icons-20131112.png);
	background-size:66px 176px;
	height:24px;
	width:24px;
	margin:auto;
	display:inline-block;
}
.my-icon.my-directions{background-position: -22px 0;}
.bp-searchbox{top:0;left:0;margin:7px}

@media (max-device-width:399px) and (min-width:400px) and (orientation:landscape),(max-device-width:599px) and (min-width:600px) and (orientation:landscape){
	.bp-searchbox{width:306px}
}
@media (min-device-width:600px) and (min-width:672px){
	.bp-searchbox{width:640px;margin-top:16px;left:50%}
	.bp-searchbox-area{left:-50%;position:relative}
}
.invisible .bp-searchbox{height:inherit;width:inherit}
.bp-searchbox-area{background-color:rgba(255, 255, 255, 0.85);border:1px solid transparent;border-right:0;border-radius:2px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;height:48px;outline:none;vertical-align:top}
.bp-searchbox-shadow{box-shadow:0 1px 2px rgba(0,0,0,0.2)}
.bp-searchbox input{background-color:transparent;border:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;font-size:16px;line-height:24px;color:#212121;font-family:Roboto,Arial,sans-serif;font-weight:300;text-overflow:ellipsis;margin:0 !important;outline:0;padding:12px 0 0 54px !important;width:100%;box-shadow:none;height:auto !important;transition:none !important;-webkit-transition:none !important}
html[dir="ltr"] .bp-searchbox input[dir="rtl"],
html[dir="rtl"] .bp-searchbox input[dir="ltr"]{padding-right:22px !important}
.bp-searchbox-settings-button{position:absolute;padding:20px 14px 20px 20px;left:-5px;top:-8px;height:24px;width:24px}
.bp-searchbox-settings-button-inner{cursor:pointer;margin:auto}
.bp-initial-searchbox-wrapper,
.bp-searchbox .bp-searchboxinput{line-height:24px;height:30px}
.bp-initial-searchbox-wrapper{height:0;position:relative;}
.bp-searchbox .bp-searchboxinput{padding:0}
.bp-searchbox .bp-gsib_a,
.bp-searchbox .bp-gsst_a,
.bp-searchbox .bp-gsst_b{border:0;box-shadow:none;margin:0;outline:none;padding:0;-webkit-box-shadow:none}
.bp-searchbox .bp-gscb_a{color:transparent !important}
.bp-searchbox .bp-gsib_b{line-height:0}
.bp-searchbox .bp-gsst_a{padding:11px 12px !important}
html[dir="ltr"] .bp-searchbox input[dir="rtl"]{padding-right:22px !important}
.bp-gscb_a{display:inline-block;font:27px/13px arial,sans-serif}
.bp-gsst_a .bp-gscb_a{color:#a1b9ed;cursor:pointer}
.bp-gsst_a:hover .bp-gscb_a,
.bp-gsst_a:focus .bp-gscb_a{color:#36c}
.bp-gsst_a{display:inline-block}
.bp-gsst_a{cursor:pointer;padding:0 4px}
.bp-gsst_a:hover{text-decoration:none!important}
.bp-gsst_b{font-size:16px;padding:0 2px;position:relative;user-select:none;-webkit-user-select:none;white-space:nowrap}
.bp-gsib_a{width:100%;padding:4px 6px 0}
.bp-gsib_a,
.bp-gsib_b{vertical-align:top}
.bp-cards-entity-top-shadow{top:0;left:0;height:15%;width:100%;background-image:-webkit-linear-gradient(bottom,transparent,rgba(0,0,0,0.7));background-image:-moz-linear-gradient(bottom,transparent,rgba(0,0,0,0.7));background-image:linear-gradient(bottom,transparent,rgba(0,0,0,0.7))}
.bp-cards-entity-back-button{top:16px;left:16px}
.invisible .bp-cards-entity-back-button{height:0;width:0}
.bp-cards-entity, .bp-near-me-handle{
	left:0;
	font-family:Roboto,Arial,sans-serif;
		background: -moz-linear-gradient(top,  rgba(255,255,255,0.6) 0%, rgba(255,255,255,1) 24px, rgba(255,255,255,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.6)), color-stop(24px,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,1) 24px,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,1) 24px,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,1) 24px,rgba(255,255,255,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,1) 24px,rgba(255,255,255,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

		-webkit-box-shadow: 0px -2px 5px 0px rgba(115,115,115,0.4);
		-moz-box-shadow: 0px -2px 5px 0px rgba(115,115,115,0.4);
		box-shadow: 0px -2px 5px 0px rgba(115,115,115,0.4);
	/*background:#fff;
	box-shadow:0 0 6px rgba(0,0,0,0.3);*/
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	outline:none;
	width:100%;
	/*height:80%;*/
	color:#666;
	font-size:14px;
	-webkit-font-smoothing:antialiased
}
.invisible .bp-cards-entity{visibility:visible}
.invisible .bp-cards-entity.bp-cards-entity-expanded{visibility:visible}
.bp-cards-entity-toggle{min-height: 157px;padding-top:15px}
@media only screen and (max-height:384px){
	.bp-cards-entity-underscroll-header{display:none}
}
@media only screen and (min-height:385px){
	.bp-cards-entity-underscroll-header{		
		width:100%;min-height:90px;overflow:hidden
	}
	.bp-cards-entity-toggle-landscape{display:none}
}
.bp-cards-entity-scrollable{-webkit-overflow-scrolling:touch;overflow-y:auto;overflow-x:hidden;height:100%}
.bp-cards-entity-scrollable::-webkit-scrollbar{display:none}
.bp-cards-entity-title{color:rgba(0,0,0,0.87);font-size:20px;padding:0 86px 0 16px;margin:0;border:0;outline:0;vertical-align:baseline;background:transparent;list-style:none}
.bp-cards-entity-title-truncate{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:inherit}
.bp-cards-entity-review{padding-top:5px;padding-left:18px;margin-right:18px;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:inherit}.bp-cards-entity-expanded .bp-cards-entity-review{white-space:normal}
.bp-cards-entity-review-number{display:inline-block;color:#E7711B;font-weight:500;font-size:14px}
.bp-cards-entity-review-starring-section{padding-right:8px}
.bp-cards-entity-review-reports-section{padding-right:6px}
.bp-cards-entity-review-reports-section-icon-zagat{vertical-align:middle;margin-bottom:2px}
.bp-cards-entity-review-text{color:rgba(0,0,0,0.54);font-size:14px}
.bp-cards-entity-dot{font-weight:900;margin:3px}
.bp-cards-entity-permanently-closed{padding:7px 16px 0 18px;font-weight:500;color:#DB4437}
.bp-cards-entity-details-text{color:rgba(0,0,0,0.54);font-size:14px;padding:5px 16px 0 18px;position:relative;bottom:0}
.bp-cards-entity-details-text-truncate{max-width:100%;vertical-align:top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bp-cards-entity-review.invisible,
.bp-cards-entity-details-text.invisible{position:relative;bottom:-15px;visibility:visible;height:inherit;width:inherit}
.invisible .bp-cards-entity-details-text.invisible{visibility:hidden}
.bp-cards-entity-details-text-width-restrict{max-width:70%}
.bp-cards-entity-details-padding{padding-bottom:20px}
.bp-cards-entity-buttons-table{display:table;width:100%;table-layout:fixed;max-width: 640px;
margin: 0 auto;}
.bp-cards-entity-rating-star{vertical-align:top;margin-top:2px}
.bp-cards-entity-buttons{display:table-row;width:100%;padding:10px 0 10px 0}
.bp-cards-entity-button{height:40px;display:table-cell;padding:13px 0;text-decoration:none;text-align:center;color:#3A84DF}
.bp-cards-entity-button:active{background-color:#F5F5F5}
.bp-cards-entity-button-text{padding-top:4px;text-decoration:none;text-transform:uppercase}
.bp-cards-entity-more-information{padding:20px 10px 20px 18px}
.bp-cards-entity-more-information:active{background-color:#F5F5F5}
.bp-cards-entity-more-information-text{color:#3B78E7}
.bp-cards-entity-more-information-text-icon-continue{float:right;margin-right:6px;position:relative;top:-3px}
.bp-cards-entity-imagery-container{padding:0;min-height:182px}
.bp-cards-entity-imagery{display:inline-block;vertical-align:top;position:relative;width:100%;height:100%}
.bp-cards-entity-imagery-image{background-color:#686868;background-position:center;background-repeat:no-repeat;background-size:cover;min-height: 182px;}
.bp-cards-entity-imagery-shadow{position:relative;bottom:90px;left:0px;z-index:2;height:90px;background-image:-webkit-linear-gradient(top,transparent,rgba(0,0,0,0.7));background-image:-moz-linear-gradient(top,transparent,rgba(0,0,0,0.7));background-image:linear-gradient(top,transparent,rgba(0,0,0,0.7))}
.bp-cards-entity-imagery-label{  position: relative; bottom: 40px; left: 0px; margin: 0 14px; color: white; font-size: 14px; z-index: 2; float: right;}
.bp-cards-entity-no-whitespace{height:0px;width:100%}
.bp-cards-entity-filler-whitespace{height:10px;width:100%}
.bp-cards-entity-horizontal-divider{border:none;height:1px;position:relative;background:#E6E6E6}

.directions-icon::before {
	background-position: 0 0;
}
.directions-icon:hover::before {
	background-position: -22px 0;
}
.icon-link {
	outline: none;
	display: table-cell;
	text-align: center;
	font-size: 12px;
	line-height: 16px;
	cursor: pointer;
	padding: 0 2px;
	min-width: 60px;
	max-width: 100px;
}
.icon-link::before {
	content: "";
	display: block;
	height: 22px;
	width: 22px;
	margin: 0px auto;
	margin-bottom: 5px;
	background-image: url(../images/reveal-entity-icons-20131112.png);
}
#table{
	background-color:#333;
	margin:0 auto;
	width:90%;
	height: inherit;
}
.google-visualization-table-table{
	width:100%;
	overflow: scroll;
}
/* my creations */
.bp-cards-back-to-map{
	position: absolute;
	width: 100%;
	z-index: 2;
}
.bp-near-me-handle-outer{
	height: 26px;
	padding: 10px 0;
	width: 100%;
}
.bp-near-me-handle{
	top:0;	
}
.bp-cards-entity.hide, .bp-near-me-handle.hide, .bp-directions-fab.hide{
	display:none;
}
.bp-cards-entity.show, .bp-near-me-handle.show, .bp-directions-fab.show{
	display:block;
}

/* override */
.bp-cards-entity-back-button {
	top: 0;
	left: 0;
	padding: 12px;
	cursor: pointer; 
	/* allows the screen clicked to close to be when the handle is up.*/
	height: calc(100vh - 272px);
}
 /* top shadow shows when handle is up*/
 .bp-cards-entity-top-shadow {
 	position: absolute;
 	z-index:1;
 }
 .sidebar {
	  overflow: auto;
	  height: 100vh;
	  display: none;
 }	 
.call, .ph_number, .hours{
	padding: 5px 0 0 0;
}
.bp-searchbox-visibility-container{
 max-width:640px;	
}
#reset-map, #near-me{cursor:pointer}

.pac-container:after{
	background-image: none;
	height:0;
}