/*
 * Globals
 */
 
 .spacer {
	padding-bottom: 10px;
	padding-top: 10px;
}


/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
}


/*
 * Base structure
 */

body {
  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
  box-shadow: inset 0 0 5rem -1rem rgba(0, 0, 0, .5);
}

.cover-container {
  max-width: 42em;
}


/*
 * Header
 */

.nav-masthead .nav-link {
  color: rgba(255, 255, 255, .5);
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
}

.bd-placeholder-img {
	font-size: 1.125rem;
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

@media (min-width: 768px) {
	.bd-placeholder-img-lg {
	  font-size: 3.5rem;
	}
}

.b-example-divider {
	height: 3rem;
	background-color: rgba(0, 0, 0, .1);
	border: solid rgba(0, 0, 0, .15);
	border-width: 1px 0;
	box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.b-example-vr {
	flex-shrink: 0;
	width: 1.5rem;
	height: 100vh;
}

.bi {
	vertical-align: -.125em;
	fill: currentColor;
}

.nav-scroller {
	position: relative;
	z-index: 2;
	height: 2.75rem;
	overflow-y: hidden;
}

.nav-scroller .nav {
	display: flex;
	flex-wrap: nowrap;
	padding-bottom: 1rem;
	margin-top: -1px;
	overflow-x: auto;
	text-align: center;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}

/*
 * Footer Legal
 */
 
.container-footer {

}

.container-main {
	display: flex;
	flex-flow: column;
	height: 100%;
}

/* 
 * CSS overrides 
 */
 
			.styled-header {
				font-family: almaq-rough, sans-serif;
				font-weight: 400;
				font-style: normal;
			}
			.container {
			  max-width: 65em;
			}
			.nav-masthead .nav-link {
			  color: rgba(255, 255, 255, .5);
			  border-bottom: .25rem solid transparent;
			}

			.nav-masthead .nav-link:hover,
			.nav-masthead .nav-link:focus {

			  border-bottom-color: rgba(255, 255, 255, .25);
			}

			.nav-masthead .nav-link + .nav-link {
			  margin-left: 1rem;
			}

			.nav-masthead .active {
			  color: #fff;
			  border-bottom-color: #fff;
			}
			.bd-placeholder-img {
				font-size: 1.125rem;
				text-anchor: middle;
				-webkit-user-select: none;
				-moz-user-select: none;
				user-select: none;
			}

			@media (min-width: 768px) {
				.bd-placeholder-img-lg {
				  font-size: 3.5rem;
				}
			}

			.b-example-divider {
				height: 3rem;
				background-color: rgba(0, 0, 0, .1);
				border: solid rgba(0, 0, 0, .15);
				border-width: 1px 0;
				box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
			}

			.b-example-vr {
				flex-shrink: 0;
				width: 1.5rem;
				height: 100vh;
			}

			.bi {
				vertical-align: -.125em;
				fill: currentColor;
			}

			.nav-scroller {
				position: relative;
				z-index: 2;
				height: 2.75rem;
				overflow-y: hidden;
			}

			.nav-scroller .nav {
				display: flex;
				flex-wrap: nowrap;
				padding-bottom: 1rem;
				margin-top: -1px;
				overflow-x: auto;
				text-align: center;
				white-space: nowrap;
				-webkit-overflow-scrolling: touch;
			}
			.link-light {
				text-decoration: none;
				color: rgba(255, 255, 255, .5);
				border-bottom: .20rem solid transparent;
			}
			.link-light:hover, .link-light:focus {
				color: #fff;
				border-bottom-color: rgba(255, 255, 255, .33);
			}
			.beer-name {
				font-family: almaq-rough, sans-serif;
				font-weight: 400;
				font-style: normal;
			}
			
      .searchBox, #pac-input, #chevronUp  {
        display: none;
      }
      #map {
		  height: 550px;
      }
      /* Optional: Makes the sample page fill the window. */
      

      #description {
          font-family: Roboto;
          font-size: 15px;
          font-weight: 300;
      }
      
      #infowindow-content .title {
          font-weight: bold;
      }
      
      #infowindow-content {
          display: none;
      }
      
      #map #infowindow-content {
          display: inline;
      }
      
      .pac-card {
          margin: 10px 10px 0 0;
          border-radius: 2px 0 0 2px;
          box-sizing: border-box;
          -moz-box-sizing: border-box;
          outline: none;
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
          background-color: #fff;
          font-family: Roboto;
      }
      
      #pac-container {
          padding-bottom: 12px;
          margin-right: 12px;
      }
      
      .pac-controls {
          display: inline-block;
          padding: 5px 11px;
      }
      
      .pac-controls label {
          font-family: Roboto;
          font-size: 13px;
          font-weight: 300;
      }

      .search-button{
        width: 5%;
        top: 70% !important;
        left: 75% !important;
        position: absolute;
        z-index: 3;
      }
      .form-control {
          text-overflow: ellipsis;
          left: 20% !important;
          width: 60% !important;
          border-radius: 5px;

      }
      #checkboxes{
          z-index: 5;
          left: 20% !important;
          width: auto;
          position: relative;
          padding-top:.25em;
          padding-left:.1em;
          max-width:75%;
      }
      #innerChecks{
        background:rgba(255,255,255,0.7);
        display: inline-block;
      }
      @media only screen and (max-width: 768px) {
        .form-control {
                  left: 5% !important;
                  width: 90% !important;
                  border-radius: 5px;

              }
          .search-button{
              left: 85% !important;
              width: 10%;
          }
          #checkboxes{
            left: 5% !important;

          }
      }
      
      #pac-input:focus {
          border-color: #4d90fe;
      }
      
      #title {
          color: #000;
          background-color: #4d90fe;
          font-size: 25px;
          font-weight: 500;
          padding: 6px 12px;
      }
      
      #target {
          width: 345px;
      }
      
      .beerLogos {
          border: 0 none;
          display: inline-block;
          height: auto;
          width: 100%;
          vertical-align: middle;
      }


      
      .infoBubbles {
          text-align: center;
          overflow-x: hidden;
          overflow-y: hidden;
      }
      
      .rowBelowButton {
          padding-top: 3%;
          width: 100%;
      }
      
      .infoWindowName{
          font-family: almaq-rough, sans-serif;
			font-weight: 400;
			font-style: normal;
			color: #000;
      }
      .searchBox{
        position: absolute;
          font-family: 'Montserrat', sans-serif;
         font-weight: 400;
          color: #03405f;
          width:100%;
            top: 1% !important;
      }
      
      .infoWindowAddr {
          //font-family: 'Montserrat', sans-serif;
          font-weight: 400;
          line-height: 1.5;
		  color: #000;
      }
      /*This is redundant if used in website*/
      
      @media only screen and (min-width: 480px) vitality-pink.css:1857 .btn {
          letter-spacing: 1px;
      }
      
      @media only screen and (min-width: 320px) vitality-pink.css:1759 .btn {
          letter-spacing: 0;
      }
      
      .btn-sm {
          border-radius: 0;
          padding: 1% 2%;
          text-transform: uppercase;
          font-weight: 900;
          letter-spacing: 1px;
      }
      
      .btn-primary {
          color: #ffffff;
          background-color: #000;
          border-color: #033d5f;
          -webkit-transition: all 0.5s;
          -moz-transition: all 0.5s;
          transition: all 0.5s;
      }
      
      .btn-sm,
      .input-group-btn {
          border-radius: 0 !important;
          -webkit-transition: all 0.5s;
          -moz-transition: all 0.5s;
          transition: all 0.5s;
      }
      /*end redundant*/
#backButton{
  position:absolute;
  float: left;
  z-index: 30;
  border-radius: 0;
  height: 7%;
  bottom: 0%;
  display: none;
}
.float-center {
  float: right;
  position: relative;
  left: -50%; /* or right 50% */
  text-align: left;
}
.float-center > .child {
  position: relative;
  left: 50%;
}
#pac-input, #searchButton {
  position: relative;
}
#pac-input {
  top: 1% !important;
}

.checkbox {
  margin-left: 3%;
}
.chevron{
  padding-right: .5em;
}


.chevron{
  -moz-transition: transform 1s;
  -webkit-transition: transform 1s;
  transition: transform 1s;
    -moz-transform-origin: 25% 50%;
  -webkit-transform-origin: 25% 50%;
    transform-origin: 25% 50%;

}

.chevronRotate{


  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
#checkboxes{
  pointer-events: none;
}
#innerChecks, #showChecks {
  pointer-events: auto !important;
}