/*
Theme Name: BB Campus Gas
Description: Child theme of BB Base
Author: Brent Garren for Big Bridge Design
Template: _bb_base
Version: 3.0
*/


@media screen {
	body {
		background-color:#dd1e36;
		font-family:'Nunito Sans','Arial',sans-serif;
		}
	#_bd_wrapper {
		background-color:#fff;
		}
} @media screen and (min-width:321px) {
} @media screen and (min-width:481px) {
} @media screen and (min-width:513px) {
} @media screen and (min-width:641px) {
} @media screen and (min-width:769px) {
} @media screen and (min-width:801px) {
} @media screen and (min-width:941px) {
} @media screen and (min-width:1025px) {
} @media screen and (max-width:1024px) {
} @media screen and (max-width:940px) {
} @media screen and (max-width:800px) {
} @media screen and (max-width:768px) {
} @media screen and (max-width:640px) {
} @media screen and (max-width:512px) {
} @media screen and (max-width:480px) {
} @media screen and (max-width:320px) {
} @media screen and (max-width:319px) {
}


/* STYLES ADDED BY JAKE */

._bd_content-body > p {
	margin-bottom: .2em;
}

._bd_content-body > h1, ._bd_content-body > h2 {
	margin-bottom: .2em;
	margin-top: 1em;
}

._bd_content-body > h3, ._bd_content-body > h4, ._bd_content-body > h5 {
	margin-bottom: .2em;
	margin-top: .7em;
}

._bd_content-body > h6 {
	margin-bottom: .2em;
	margin-top: 2em;
}

.menu_name > h2, .last_updated {
    display: none;
}

.tappd-menu-menu {
    display: none;
}

h3.tappd-menu-name-campus-gas-draft.tappd-menu-name {
    display: none;
}

.beer-text {
	display: block !important;
    height: auto;
    font-size: 90%;
	overflow: auto;
}

.beer-name {
    font-variant: inherit !important;
    letter-spacing: 0 !important;
	margin-top: 0 !important;
}

.beer-entry {
    border: 1px solid #ddd !important;
    border-radius: 5px !important;
    background-color: #eee;
}

.beer-logo {
    padding: 15px 8px 8px !important;
    border-bottom: 1px solid #ddd;
}




@media screen {
	#_bd_head-area {
		border-top:6px solid #dd1e36;
		padding-top:24px;
		padding-bottom:24px;
		}
		#_bd_head-box {
			display:flex;
			flex-direction:column;
			
			position:relative;
			}
		#_bd_widget-logo {
			width:100%;
			max-width:176px;
			}
		#_bd_widget-logo img {
			width:100%;
			height:auto;
			}
		#_bd_widget-social-icons {
			margin-bottom:28px;
			}
		#_bd_widget-social-icons ._bd_icon {
			max-width:30px;
			max-height:30px;
			}
		#_bd_widget-social-icons ._bd_icon:nth-child(n+2) {
			margin-left:8px;
			}
		#_bd_widget-info {
			font-size:85%;
			font-weight:bold;
			color:#dd1e36;
			}
		#_bd_widget-info span {
			display:inline-block;
			font-size:120%;
			font-weight:bold;
			text-transform:uppercase;
			margin-bottom:4px;
			}
} @media screen and (min-width:321px) {
} @media screen and (min-width:481px) {
} @media screen and (min-width:513px) {
} @media screen and (min-width:641px) {
	#_bd_widget-logo {
		position:absolute;
		top:0px;
		left:1em;
		}
	#_bd_head-box {
		text-align:right;
		}
} @media screen and (min-width:769px) {
} @media screen and (min-width:801px) {
} @media screen and (min-width:941px) {
} @media screen and (min-width:1025px) {
	#_bd_widget-logo {
		left:0px;
		}
} @media screen and (max-width:1024px) {
} @media screen and (max-width:940px) {
} @media screen and (max-width:800px) {
} @media screen and (max-width:768px) {
} @media screen and (max-width:640px) {
	#_bd_widget-logo {
		margin:0 auto 1em auto;
		}
	#_bd_head-box {
		text-align:center;
		}
} @media screen and (max-width:512px) {
} @media screen and (max-width:480px) {
} @media screen and (max-width:320px) {
} @media screen and (max-width:319px) {
}



@media screen {
	#_bd_main-menu-ul {
		height:initial;
		border-bottom:0;
		}
	#_bd_main-menu-ul li {
		padding-left:16px;
		padding-right:16px;
		}
	#_bd_main-menu-ul a {
		font-size:1.2em;
		font-weight:bold;
		text-transform:uppercase;
		color:#dd1e36;
		}
	
	._bd_menu-control::before,
	._bd_menu-control::after {
		background-color:#dd1e36;
		}
} @media screen and (min-width:321px) {
} @media screen and (min-width:481px) {
} @media screen and (min-width:513px) {
} @media screen and (min-width:641px) {
} @media screen and (min-width:769px) {
} @media screen and (min-width:801px) {
} @media screen and (min-width:941px) {
} @media screen and (min-width:1025px) {
	#_bd_neck-box {
		border-width:2px 0 2px 0;
		border-color:#dd1e36;
		padding-top:24px;
		padding-bottom:24px;
		}
} @media screen and (max-width:1024px) {
} @media screen and (max-width:940px) {
} @media screen and (max-width:800px) {
} @media screen and (max-width:768px) {
} @media screen and (max-width:640px) {
} @media screen and (max-width:512px) {
} @media screen and (max-width:480px) {
} @media screen and (max-width:320px) {
} @media screen and (max-width:319px) {
}


@media screen {
	#_bd_foot-area {
		background-color:#dd1e36;
		}
	#_bd_foot-box {
		display:flex;
		justify-content:space-between;
		
		padding-top:32px;
		padding-bottom:32px;
		}
	#_bd_foot-box ._bd_widget {
		font-size:80%;
		text-transform:uppercase;
		color:#fff;
		}
	#_bd_foot-box ._bd_widget a {
		text-decoration:none;
		color:#fff;
		}
} @media screen and (min-width:321px) {
} @media screen and (min-width:481px) {
} @media screen and (min-width:513px) {
} @media screen and (min-width:641px) {
} @media screen and (min-width:769px) {
} @media screen and (min-width:801px) {
} @media screen and (min-width:941px) {
} @media screen and (min-width:1025px) {
} @media screen and (max-width:1024px) {
} @media screen and (max-width:940px) {
} @media screen and (max-width:800px) {
} @media screen and (max-width:768px) {
} @media screen and (max-width:640px) {
} @media screen and (max-width:512px) {
} @media screen and (max-width:480px) {
	#_bd_foot-box {
		flex-direction:column;
		}
	#_bd_foot-box ._bd_widget {
		text-align:center;
		}
	#_bd_foot-box ._bd_widget:nth-child(n+2) {
		margin-top:1em;
		}
} @media screen and (max-width:320px) {
} @media screen and (max-width:319px) {
}



@media screen {
	.bb-hero-caption {
		font-size:1.2em;
		font-weight:bold;
		color:#dd1e36;
		}
} @media screen and (min-width:321px) {
} @media screen and (min-width:481px) {
} @media screen and (min-width:513px) {
} @media screen and (min-width:641px) {
} @media screen and (min-width:769px) {
} @media screen and (min-width:801px) {
} @media screen and (min-width:941px) {
	.bb-hero-caption {
		font-size:1.8em;
		}
} @media screen and (min-width:1025px) {
} @media screen and (max-width:1024px) {
} @media screen and (max-width:940px) {
} @media screen and (max-width:800px) {
} @media screen and (max-width:768px) {
} @media screen and (max-width:640px) {
} @media screen and (max-width:512px) {
} @media screen and (max-width:480px) {
} @media screen and (max-width:320px) {
} @media screen and (max-width:319px) {
}


/* UNTAPPD */
@media screen {
	.tappd-menu-menu {
		background-color:rgba(255,0,0,0.5);
		padding:12px;
		}
	.beer-list {
		display:flex;
		flex-wrap:wrap;
		}
	.menu_name > h2,
	.last_updated {
		color:red;
		opacity:0.5;
		}
	.beer-entry {
		display:flex;
		flex-direction:column;
		
		font-size:1em;
border:2px dotted rgba(255,0,0,0.5);
		border-radius:8px;
		overflow:hidden;
		}
	/* 2 PARTS */
	/* FIRST container : logo */ .beer-logo {
		text-align:center;
		background-color:#fff;
		padding:8px;
		}
	/* SECOND container : various text blocks */
	.beer-text {
		display:flex;
		flex-direction:column;
		justify-content:flex-end;
		
		height:100%;
		font-size:90%;
		padding:1em;
		}
		/* title / name */ .beer-name {			
			font-size:140%;
			font-weight:normal;
			font-variant: small-caps;
			letter-spacing:1px;
			margin-top:0.5em;
			}
		/* type of beer ex: Ale */ .beer-style {
			font-size:90%;
			border-width:1px 0 0 0;
			border-color:#343;
			padding-top:8px;
			margin-top:8px;
			}
		
		/* ORDERING */
		/* multiple usage :
			contains .beer-name
			contains .beer-description
			contains .beer-abv, .beer-ibu
			contains .brewery-name, .brewery-area */ .beer-facts {
				/* see below */
			}
		
		.beer-name {
			order:1;
			}
		/*description*/ .beer-facts:nth-child(5) {
			order:2;
			margin-bottom:auto;
			}
		/* all get order:3 */ .beer-facts {
			order:3;
			}
		/*abv*/ .beer-facts:nth-child(3) {
			display:flex;
			flex-direction:row;
			justify-content:space-between;
			
			font-size:90%;
			}
		/*brewery*/ .beer-facts:nth-child(4) {
			order:5 !important;
			
			font-size:75%;
			border-width:1px 0 0 0;
			border-color:#343;
			padding:8px 0 8px 0;
			margin-top:8px;
			}
		
} @media screen and (min-width:941px) {
	.beer-entry {
		width:calc( (100%/3) - ( (1.5em/3) * 2 ) );
		}
	.beer-entry:nth-child(n+4) {
		margin-top:1.5em;
		}
	.beer-entry:nth-child(3n+2),
	.beer-entry:nth-child(3n+3) {
		margin-left:1.5em;
		}
} @media screen and (min-width:512px) and (max-width:940px) {
	.beer-entry {
		width:calc( (100%/2) - ( (1.5em/2) * 1 ) );
		}
	.beer-entry:nth-child(n+3) {
		margin-top:1.5em;
		}
	.beer-entry:nth-child(2n+2) {
		margin-left:1.5em;
		}
} @media screen and (max-width:512px) {
	.beer-entry {
		width:100%;
		}
	.beer-entry:nth-child(n+2) {
		margin-top:1.5em;
		}
}