strong {
	font-weight: 700;
}

p, span {
	line-height: 1.45em;
}

h1, h2, h3 {
	text-transform: uppercase;
}

.header-image {
	    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 275px;
    margin-top: 10px;
    display: flex;
}

h1.header-title {
    font-size: 100px;
    text-align: center;
    margin: auto;
    color: #fff;
		text-transform: uppercase;
		font-family: "SquareSerif-Book";
		font-weight: initial!important;
}

.page-filter {
    text-align: center;
    font-size: 24px;
    color: #4d7a91;
    margin-top: 25px;
    margin-bottom: 25px;
    cursor: pointer;
		font-family: "SquareSerif-Book";
		text-transform: uppercase;
}

.filter-active {
	color: #fda81e;
}

.page-filter:hover {
    color: #fda81e;
}

/*Menu*/

.container-fluid .menu h2,
.container-fluid .brewpub h2 {
	color: #4d7a91;
    font-size: 36px;
    font-weight: initial;
    margin-top: 25px;
    margin-bottom: 15px;
    text-transform: uppercase;
		font-family: "SquareSerif-Book";
}

.container-fluid .brewpub .col-xs-6 h2 {
	font-size: 36px;
}

.menu,
.brewpub  {
	width: 100%;
	border-left: solid 50px rgba(0,0,0,0);
	border-right: solid 50px rgba(0,0,0,0);
}

.menu .row,
.brewpub .row {
	margin-right: -32.5px;
    margin-left: -32.5px;
}

.menu .row .col-xs-6,
.menu .row .col-xs-12,
.menu .row .col-xs-4,
.brewpub .row .col-xs-6,
.brewpub .row .col-xs-12,
.brewpub .row .col-xs-4 {
	padding-right: 32.5px;
    padding-left: 32.5px;
}

.menu-item-title {
	color: #fda81e;
	text-transform: uppercase;
}

.container-fluid .menu div h2 {
	font-family: "SquareSerif-Book";
	margin-top: 50px;
}

span.price {
	color: #fda81e;
}

.menu-header {
	margin-left: 30px;
	margin-top: 25px;
}

.menu-header span {
	color: #4d7a91;
    font-weight: bold;

}

.food-item {
	margin-bottom: 25px;
    line-height: 20px;
}

.food-item span.menu-item-title,
.food-item span.price {
    font-weight: bold;
}

.wine-list {
	line-height: 30px;
}

.booze-cat {
	color: #fda81e;
    margin-bottom: 10px;
    margin-top: 15px;
    font-size: 20px;
}

span.booze-title {
    font-size: 15px;
    line-height: 30px;
}

.booze-desc {
	    font-weight: 700
}

.row.tap,
.row.brewpub-private-events {
	padding-top: 25px;
}

.tap-title {
	color: #fda81e;
	text-transform: uppercase;
	display: block;
	font-size: 20px;
	margin-bottom: 5px;
	font-weight: lighter!important;
}

.tap-stats {
	padding: 10px 0;
	border-top: 2px dashed #3A5F72;
	border-bottom: 2px dashed #3A5F72;
	margin-top: 15px;
	margin-bottom: 15px;
	display: block;
	position: relative;
	float: left;
	width: 100%;
	font-size: 14px;
	font-weight: 700;
}

.menu .row .tap-stats .col-xs-4 {
	padding-right: 15px;
    padding-left: 15px;
		color: #afcdd4;
		font-weight: 700;
}

.tap-stats .tap-abv,
.tap-stats .tap-ibu,
.tap-stats .tap-grav {
	color: #fda81e;
	font-weight: 700;
}

/*Beer & Team*/

.beer-menu,
.team-menu {
	width: 100%;
	border-left: solid 50px rgba(0,0,0,0);
	border-right: solid 50px rgba(0,0,0,0);
	min-height: 600px;
}

.team-intro {
	margin-top: 25px;
}

.team-row>h2 {
	text-align: left;
    font-size: 30px;
    margin-top: 45px;
    margin-bottom: 25px;
    font-weight: lighter;
    color: #4d7a91;
    margin-left: 15px;
}

.beer,
.team {

    margin-bottom: 30px;
		-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
		       -moz-animation: fadein 1s; /* Firefox < 16 */
		        -ms-animation: fadein 1s; /* Internet Explorer */
		         -o-animation: fadein 1s; /* Opera < 12.1 */
		            animation: fadein 1s;
		}

		@keyframes fadein {
		    from { opacity: 0; }
		    to   { opacity: 1; }
		}

		/* Firefox < 16 */
		@-moz-keyframes fadein {
		    from { opacity: 0; }
		    to   { opacity: 1; }
		}

		/* Safari, Chrome and Opera > 12.1 */
		@-webkit-keyframes fadein {
		    from { opacity: 0; }
		    to   { opacity: 1; }
		}

		/* Internet Explorer */
		@-ms-keyframes fadein {
		    from { opacity: 0; }
		    to   { opacity: 1; }
		}

		/* Opera < 12.1 */
		@-o-keyframes fadein {
		    from { opacity: 0; }
		    to   { opacity: 1; }
		}

		.team {
			margin-bottom: 	70px;
		}

.beer>.beerthumb,
.team>.teamthumb {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
			position: relative;
	display: block;
	cursor: pointer;
	width: 100%;
	height: 100%;
	border: solid 3px #4d7a91;
}

.beer>.beerthumb.color-6,
.team>.teamthumb.color-6 {
  border-color: #73C8AF!important;
}
.beer>.beerthumb.color-5,
.team>.teamthumb.color-5 {
  border-color: #F1EFDA!important;
}
.beer>.beerthumb.color-4,
.team>.teamthumb.color-4 {
  border-color: #F7A330!important;
}
.beer>.beerthumb.color-3,
.team>.teamthumb.color-3 {
  border-color: #F08571!important;
}
.beer>.beerthumb.color-2,
.team>.teamthumb.color-2 {
  border-color: #E43449!important;
}
.beer>.beerthumb.color-1,
.team>.teamthumb.color-1 {
  border-color: #72CCDA!important;
}

/*.beer:before {
	 content: "";
    display: block;
    padding-top: 100%;

}*/

.beer.beer-selected,
.team.team-selected {
}

.beer-desc,
.team-desc {
  cursor: default;
	position: absolute;
	top: 105%;
	top: calc(100% + 25px);
	width: 400%;
	width: calc(400% - 30px);
	transition: 1s;
	max-height: 0;
	background-color: #c7dce1;
	color: #3a5f72;
	overflow: hidden;
	display: block;
	z-index: 5;
}

.team-desc {
	width: 300%;
	width: calc(300% - 30px);
}

.beer-desc, .team-desc {
	margin-left: 15px;
}

.beer-selected .beer-desc,
.team-selected .team-desc {
		max-height: 700px;
		border: solid 3px #4d7a91;
}

.beer-desc h1,
.team-desc h1 {
    color: #fff;
    font-size: 32px;
    border-bottom: dashed #fff 3px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    font-weight: initial;
		line-height: 32px;
}

.beer-desc h2,
.team-desc h2 {
    font-size: 30px;
    color: #3a5f72;
    border-bottom: dashed #fff 3px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    font-weight: bold;
		line-height: 30px;
}

.beer-desc p,
.team-desc p {
    color: #3a5f72;
    font-size: 16px;
		margin-bottom: 15px;
}

.beer-desc div,
.team-desc div {
    color: #3a5f72;
}

.team-desc span {
    font-weight: bold;
}

.beer-desc .bottom-desc,
.team-desc .bottom-desc {
    color: #3a5f72;
    font-weight: bold;
    font-size: 13px;
}

.bottom-desc span {
    color: #fff;
    margin-left: 5px;
    font-size: 13px;
}

.team-desc .bottom-desc span {
	margin-left: 0;
}

.bottom-desc {
	margin-top: 5px;
	text-transform: uppercase;
}


.beer-desc .col-sm-5 {
	background-color: #fff;
}

.beer-desc .col-sm-7,
.team-desc .col-sm-7 {
	padding: 50px 85px 50px 70px;
}

.beer-desc .beer-img {
    width: 100%;
    height: 500px;
    margin-top: 50px;
    margin-bottom: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.team-desc .team-img {
	width: 100%;
	height: 550px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.beer:nth-of-type(4n+1) .beer-desc,
.team:nth-of-type(3n+1) .team-desc {
	left: 0;
}

.beer:nth-of-type(4n+2) .beer-desc,
.team:nth-of-type(3n+2) .team-desc {
	left: -100%;
}

.beer:nth-of-type(4n+3) .beer-desc,
.team:nth-of-type(3n+3) .team-desc {
	left: -200%;
}

.beer:nth-of-type(4n+4) .beer-desc {
	left: -300%;
}

.row-selected {
    margin-bottom: 630px;
}

.beer-selected,
.team-selected {
    /*margin-bottom: 630px;*/
}

.beer-selected .triangle,
.team-selected .triangle {
	width: 0;
	height: 0;
	border-left: 12.5px solid transparent;
	border-right: 12.5px solid transparent;
	border-bottom: 25px solid #4d7a91;
	position: absolute;
	bottom: -25px;
	left: calc(50% - 12.5px);
}

.beer-desc .beer-label,
.team-desc .team-label {
	color: #fff;
    background-color: #3a5f72;
    display: inline-block;
    padding: 10px;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: bold;
}

.beer-close,
.team-close {
	position: absolute;
    right: 25px;
    top: 25px;
    z-index: 5;
    cursor: pointer;
}

.beer-close i,
.team-close i {
	font-size: 30px;
}

.beer-text,
.team-text {
	min-height: 100px;
	display: block;
}

h2.coming {
	font-size: 40px;
    color: #4d7a91;
    font-family: "SquareSerif-Book";
		margin-bottom: 40px;
		margin-top: 70px;
}

.coming-row {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: solid 1px #4d7a91;
	border-left: solid 15px #000;
	border-bottom: solid 1px #4d7a91;
	border-right: solid 15px #000;
	display: flex;
	margin-top: -1px;
}

.coming-row div {
	padding: 10px 0;
	margin: auto;
	margin-left: 20px;
	text-align: left;
}

.coming-row .when {
  background-color: #174358;
	text-transform: uppercase;
	margin-left: 0;
	text-align: center;
}

.coming-row .what {
	color: #fda81e;
	text-transform: uppercase;
}

.coming-soon .what-category {
	text-transform: uppercase;
}

.coming-row .what-else {
	color: #4d7a91;
}

.team .name {
	display: block;
	color: #FDA81E;
    text-transform: uppercase;
    font-size: 16px;
    margin-top: 15px;
    font-weight: normal;
    text-align: center;
}

.team .title {
	display: block;
	color: #afcdd4;
    text-align: center;
}

/*Brewpub/About/Info*/

.row.about-employment,
.row.contact-us {
	width: 100%;
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 70px);
    display: block;
    position: relative;
}

.info .row {
	margin-left: 50px;
	margin-right: 50px;
}

.info-distributor {
	margin-top: 45px;
}

.location-info span {
    margin-bottom: 10px;
    display: block;
    text-transform: uppercase;
    font-size: 18px;
    margin-top: 50px;
    color: #4d7a91;
}

.location-info>div p {
	color: #afcdd4;
}

.brewpub p,
.about p,
.info p {
	margin-bottom: 15px;
}

.brewpub a,
.about a,
.info a,
.brewpub a p,
.about a p,
.info a p {
	color: #FDA81E;
-webkit-background-clip: unset;
background-image: unset;
-webkit-text-fill-color: unset;
}

.about-gallery {
	padding-top: 30px;
}

.sb_instagram_header {
	padding: 30px!important;
	padding-top: 50px!important;
	padding-bottom: 0px!important;
}

.sbi_follow_btn a {
	background: #afcdd4!important;
    color: #174358!important;
}

.sbi_follow_btn a:hover {
	background-color: #3a5f72!important;
	color: #afcdd4!important;
	box-shadow: inset 0 0 10px 20px #3a5f72!important;
}

.info-media a {
	display: block;
	margin-bottom: 10px;
}

.container-fluid .brewpub h2,
.container-fluid .about h2,
.container-fluid .info h2 {
	text-align: left;
    font-size: 30px;
    margin-top: 45px;
    margin-bottom: 25px;
    font-weight: lighter;
    color: #4d7a91;
		font-family: "SquareSerif-Book";
}

.container-fluid .about .team-text h2 {
	margin-top: 0;
}

.brewpub img,
.about img,
.info img {
	width: 100%;
    margin-top: 40px;
    border: 5px solid #3a5f72;
    margin-left: auto;
    margin-right: auto;
    display: block;
    height: auto;
}

.brew-map {
	    height: 500px;
    margin-top: 40px;
    border: 5px solid #3a5f72;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}

.brewpub-private-events .collapse .col-sm-6 span {
    display: block;
    margin-top: 35px;
    margin-bottom: 10px;
    font-size: 20px;
		color: #4d7a91;
}

.brewpub-private-events .collapse .col-xs-12 span {
    display: block;
    margin-top: 35px;
    margin-bottom: 10px;
    font-size: 24px;
}

.brewpub-private-events .collapse .row {
	    line-height: 20px;
}

.brewpub-private-events .collapse.in {
	margin-bottom: 50px;
    border-top: #4d7a91 dashed 2px;
    padding-top: 25px;
    padding-bottom: 25px;
}

.brewpub-private-events .collapse li {
	margin-bottom: 5px;
  list-style: square;
}

.brewpub-info iframe {
	    width: 100%;
    border: 5px solid #3a5f72!important;
    margin-top: 40px;
    height: 600px;
}

iframe {
	border: 5px solid #3a5f72!important;
}

.info-distributor iframe {
	border: none!important;
	    height: 750px;
}

.container-fluid .brewpub .event h2 {
	font-size: 20px;
}

.special-events .date,
.container-fluid .brewpub .event span.day {
	color: #FDA81E;
	    text-transform: uppercase;
	    font-size: 20px;
	    line-height: 24px;
	    margin-bottom: 5px;
	    font-weight: normal;
			margin-top: 45px;
    display: block;
}
.special-events .event,
.container-fluid .brewpub .event span.event-name {
	color: #4d7a91;
	    text-transform: uppercase;
	    font-size: 20px;
	    line-height: 24px;
	    margin-bottom: 5px;
	    font-weight: normal;
			display: block;
}
.special-events .time,
.special-events .location,
.special-events .details {
	display: block;
	margin-bottom: 15px;
}

/* Gallery */

.gal-image {
	height: 300px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.gal-link {
	margin-left: 15px;
    margin-top: 45px!important;
    display: block;
    position: relative;
    float: left;
    font-size: 26px;
}

.about-gallery {
	border-left: solid 50px rgba(0,0,0,0);
    border-right: solid 50px rgba(0,0,0,0);
}

@media (max-width: 767px) {
	.menu .row,
	.brewpub .row {
		margin-right: -15px;
	    margin-left: -15px;
	}

	.menu .row .col-xs-6,
	.menu .row .col-xs-12,
	.menu .row .col-xs-4,
	.brewpub .row .col-xs-6,
	.brewpub .row .col-xs-12,
	.brewpub .row .col-xs-4 {
		padding-right: 15px;
	    padding-left: 15px;
	}

	.page-filter {
	    text-align: center;
	    font-size: 20px;
			margin-top: 20px;
			margin-bottom: 20px;
	}

	.menu, .brewpub {
	    width: 100%;
	    border-left: solid 15px rgba(0,0,0,0);
	    border-right: solid 15px rgba(0,0,0,0);
	}

	.beer-desc h1, .team-desc h1 {
		font-weight: bold;
    line-height: 24px;
		font-size: 20px;
	}

	.beer-desc h2, .team-desc h2 {
		line-height: 17px;
		font-size: bold;
		font-size: 17px;
	}

	.coming-row div {
		font-size: 14px;
		line-height: 18px;
	}
}