/* Custom CSS */

/* Fonts */
/*
font-family: 'Poppins', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
*/

@font-face {
    font-family: 'SegoeUIEmoji';
    src: url('/dist/fonts/custom/SegoeUIEmoji.woff2') format('woff2'),
         url('/dist/fonts/custom/SegoeUIEmoji.woff') format('woff'),
         url('/dist/fonts/custom/seguiemj.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* General */
body {
	/*background-image: url("/dist/img/background.png");
	background-size: cover;*/
	background-color: #fff;
	margin: 0 auto;
	color: black;
	font-family: 'Poppins', sans-serif;
}

.logo{
	height: 70px;
	min-height: 70px;
}

.logo img{
	width: 380px;
}

div.taplist{
	font-size: 30px;
	font-size: 3.8vw;
	line-height: 1.5;
	padding: 0;
	border-top: solid 2px #bb981d;
}

.cerveceria{
	text-transform: uppercase;
	font-size: 35px;
}

.tap{
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	font-size: 2.7vw;
	text-align: center;
	line-height: 1.4;
}

.pad{
	padding-top: 1.29%;
	padding-bottom: 1.29%;
}

.estilo{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 35px;
	text-transform: none;
}

span.specs{
	font-weight: 700;
	font-size: 28px;
	text-transform: uppercase;
	color: #bb981d;
}

.smallersize{
	font-family: 'Poppins', sans-serif;
	font-size: 22px;
}

.price{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 40px;
	line-height: 20px;
}

.price span.smaller{
	font-size: 50%;
	position: relative;
	top: -.7em;
}

.price span.number{
	line-height: 50px;
	font-size: 28px;
}

@media (min-width: 767px){
	div.taplist{
		font-size: 30px;
		font-size: 1.8vw;
		line-height: 1;
	}
	.container-fluid{
		padding: 0 15px;
	}
}

/*div.taplist > :first-child{
	font-family: 'kindling-outline', arial, sans-serif;
	font-size: 2.7vw;
	line-height: 1;
}*/

span.smaller{
	font-size: 40%;
	position: relative;
	top: -.3em;
}

.badge{
	font-size: 30%;
	margin-top: -6px;
}

.badge.badge-taphouse{
	background: #bb981d;
    color: #000;
}

sup span{
	font-size: 50%;
}

body > div > div.d-none.d-md-block > div > div:nth-child(1) > div > div.col-1.col-md-1.tap,
body > div > div.d-none.d-md-block > div > div:nth-child(2) > div > div.col-1.col-md-1.tap,
body > div > div.d-none.d-md-block > div > div:nth-child(5) > div > div.col-1.col-md-1.tap,
body > div > div.d-none.d-md-block > div > div:nth-child(6) > div > div.col-1.col-md-1.tap,
body > div > div.d-none.d-md-block > div > div:nth-child(9) > div > div.col-1.col-md-1.tap,
body > div > div.d-none.d-md-block > div > div:nth-child(10) > div > div.col-1.col-md-1.tap,
body > div > div.d-none.d-md-block > div > div:nth-child(13) > div > div.col-1.col-md-1.tap,
body > div > div.d-none.d-md-block > div > div:nth-child(14) > div > div.col-1.col-md-1.tap,
body > div > div.d-none.d-md-block > div > div:nth-child(17) > div > div.col-1.col-md-1.tap,
body > div > div.d-none.d-md-block > div > div:nth-child(18) > div > div.col-1.col-md-1.tap{
	background-color: #bb981d;
	color: white;
}

body > div > div.d-none.d-md-block > div > div:nth-child(3) > div > div.col-1.col-md-1.tap,
body > div > div.d-none.d-md-block > div > div:nth-child(4) > div > div.col-1.col-md-1.tap,
body > div > div.d-none.d-md-block > div > div:nth-child(7) > div > div.col-1.col-md-1.tap,
body > div > div.d-none.d-md-block > div > div:nth-child(8) > div > div.col-1.col-md-1.tap,
body > div > div.d-none.d-md-block > div > div:nth-child(11) > div > div.col-1.col-md-1.tap,
body > div > div.d-none.d-md-block > div > div:nth-child(12) > div > div.col-1.col-md-1.tap,
body > div > div.d-none.d-md-block > div > div:nth-child(15) > div > div.col-1.col-md-1.tap,
body > div > div.d-none.d-md-block > div > div:nth-child(16) > div > div.col-1.col-md-1.tap,
body > div > div.d-none.d-md-block > div > div:nth-child(19) > div > div.col-1.col-md-1.tap,
body > div > div.d-none.d-md-block > div > div:nth-child(20) > div > div.col-1.col-md-1.tap{
	border: 1px solid #bb981d;
}

.taplist{
	vertical-align: middle;
}

@media (min-width: 1200px) { 
	body{
		/*width: 1920px;
		height: 1080px;*/
		max-height: 1080px;
		overflow: hidden;
	}
	.img-fluid{
		max-width: 100%;
		max-height: 185px;
	}
}

.listview hr{
	margin-top: 1px;
    margin-bottom: 1px;
    border-top: 1px solid #5e7d8a;
}

div.listview > :first-child{
	font-family: 'kindling-outline', arial, sans-serif;
	font-size: 6vw;
	line-height: 1;
}

.col-3{
	padding-right: 5px;
    padding-left: 5px;
}.col-4{
	padding-right: 5px;
    padding-left: 5px;
}.col-7{
	padding-right: 5px;
    padding-left: 5px;
}.col-2{
	padding-right: 5px;
    padding-left: 5px;
}

@media (min-width: 576px){
	.col-sm-2{
		padding-right: 5px;
	    padding-left: 15px;
	    max-width: 10.666667%;
	}
}

@media (min-width: 768px){
	.col-3 {
	    max-width: 22%;
	}
	small{
		padding-right: 30px;
	}
}

.modal {
  padding: 0 !important; // override inline padding-right added from js
}

.modal .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.modal .modal-content {
  height: auto;
  min-height: 100%;
  border: 0 none;
  border-radius: 0;
  box-shadow: none;
}

.modal {
  padding: 0 !important; // override inline padding-right added from js
}
.modal .modal-dialog {
  width: 100%;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal .modal-body {
  overflow-y: auto;
}

.modal-header, .modal-body, .modal-footer{
	padding: 0;
}

.modal-body img{
	width: 100%;
}

@media (min-width: 768px){
	.col-md-1{
		padding-left: 5px;
		padding-right: 5px;
	}
}

.card-body {
    padding: 0.7rem 1.25rem 1rem;
}

.socialnew{
	text-align: center;
	padding: 15px;
	padding-top: 30px;
}

.socialnew a{
	color: #bb981d;
	margin: 10px 5px 0 5px;
    line-height: 2.3;
}

.mobilepricenew{
	font-size: 20px;
}

.pb-12{
	padding-bottom: 12px ;
}
.pt-12{
	padding-top: 12px ;
}
.pb-13{
	padding-bottom: 13px ;
}
.pt-13{
	padding-top: 13px ;
}

.mobile-info-main{
	font-size: 30px;
	text-transform: capitalize;
}