/*
	Theme Name: Black Hole Brewery
	Theme URI: https://www.websitedesignderby.com/
	Description: A theme created by Website Design Derby Ltd
	Author: Website Design Derby Ltd
	Version: v2.0
*/

/* ==================================================
   Global Styles
================================================== */

*, *:after, *:before
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html, body
{
	height: 100%;
	width: 100%;
}

html
{
	overflow: auto;
	overflow-x: hidden;
	overflow-y: scroll;
	
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body
{
	font-family: "Nunito Sans", Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.45em;
	line-height: 1.6em;
	color: #000;
	background: #2B2523;
	letter-spacing: 0em;
	
	text-rendering: optimizeLegibility;
	vertical-align: baseline;
}

::selection
{
	background: #111;
	color: #FFF;
}

::-moz-selection
{
	background: #111;
	color: #FFF;
}

a
{
	color: #000;
	text-decoration: underline;
}

	a:hover
	{
		color: #000;
		text-decoration: none;
	}

.mobonly
{
	display: none;
}

.centretext
{
	text-align: center;
}

img
{
	max-width: 100%;
	height: auto;
}

/* ==================================================
   Main Styles
================================================== */

#topcont
{
	background: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 3px solid #EEE;
	
	-webkit-transition: background 0.2s ease-out 0s;
	-moz-transition: background 0.2s ease-out 0s;
	-o-transition: background 0.2s ease-out 0s;
	transition: background 0.2s ease-out 0s;
}

	#topcont #topleft
	{
		
	}
	
		#topcont #topleft p
		{
			margin: 0;
		}
	
			#topcont #topleft p a
			{
				float: left;
			}
		
				#topcont #topleft p a img
				{
					display: block;
					width: 100%;
					max-width: 140px;
					
					-webkit-transition: padding 0.2s ease-out 0s;
					-moz-transition: padding 0.2s ease-out 0s;
					-o-transition: padding 0.2s ease-out 0s;
					transition: padding 0.2s ease-out 0s;
				}
		
	#topcont #topright
	{
		
	}
	
.page-child #gallerycont
{
	display: none;
}
	
#gallerycont
{
	background: #000 url("images/black-hole-hero.png") no-repeat 65% 50%;
	background-size: cover;
}

	.page-id-9 #gallerycont, .page-id-92 #gallerycont
	{
		background: #000 url("images/jupiter-landing-hero.png") no-repeat 65% 50%;
		background-size: cover;
	}
	
	.page-id-94 #gallerycont, .page page-id-96 #gallerycont
	{
		background: #000 url("images/cyborg-hero.png") no-repeat 65% 50%;
		background-size: cover;
	}
	
	.blog #gallerycont
	{
		background: #000 url("images/ufo-hero.png") no-repeat 65% 50%;
		background-size: cover;
	}
	
		#gallerycont .container
		{
			padding-top: 110px;
			padding-bottom: 110px;
		}
		
			#gallerycont h1
			{
				color: #FFF;
				font-weight: 700;
				font-size: 2.8em;
				line-height: 1em;
				text-transform: none;
				letter-spacing: 0em;
				margin: 0 auto 30px auto;
			}
			
			#gallerycont p
			{
				color: #FFF;
				font-size: 1.2em;
				line-height: 1.3em;
				font-weight: 700;
				margin: 0 auto 20px auto;
			}
			
				#gallerycont p:last-child
				{
					margin: 0 auto;
				}
			
#mainfull
{
	background: #FFF;
	padding-top: 40px;
	padding-bottom: 40px;
}

#homebox1
{
	background: #F5F3F2;
	padding-top: 40px;
	padding-bottom: 40px;
}

#homebox2
{
	background: #FFF;
	padding-top: 40px;
	padding-bottom: 40px;
}

	#homebox2 img
	{
		display: block;
		width: 100%;
		max-width: 210px;
		margin: 0 auto 20px auto;
	}

#homebox3
{
	background: #F5F3F2;
	padding-top: 40px;
	padding-bottom: 40px;
}

	#homebox3 img
	{
		display: block;
		width: 100%;
		max-width: 600px;
		margin: 0 auto 20px auto;
	}

#homebox4
{
	background: #FFF;
	padding-top: 40px;
	padding-bottom: 40px;
}

#footercont
{
	padding-top: 40px;
	padding-bottom: 40px;
	color: #FFF;
}

	#footercont a
	{
		color: #FFF;
		text-decoration: underline;
	}
	
		#footercont a:hover
		{
			color: #FFF;
			text-decoration: none;
		}

	#footercont img
	{
		display: block;
		width: 100%;
		max-width: 200px;
		margin: 0 auto 20px auto;
	}
	
	#footercont h5
	{
		color: #FFF;
	}
	
	#footercont .email-octopus-form-wrapper
	{
		margin-bottom: 20px;
	}
	
		#footercont .email-octopus-form-wrapper label
		{
			display: none;
		}
		
	#footercont .menu ul, 
	#footercont .menu ul li
	{
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

#copyrightcont
{
	padding-top: 40px;
	padding-bottom: 40px;
	color: #FFF;
	color: rgba(255,255,255,0.7);
	text-align: center;
	font-size: 90%;
	border-top: 1px dotted #555;
	line-height: 1.2em;
}

	#copyrightcont a
	{
		color: #FFF;
		text-decoration: underline;
	}
	
		#copyrightcont a:hover
		{
			color: #FFF;
			text-decoration: none;
		}

	#copyrightcont p
	{
		margin: 0 0 5px 0;
	}

/* ==================================================
   Media Queries
================================================== */

@media only screen and (max-width: 1200px)
{
	
	
	
}

@media only screen and (max-width: 992px)
{
	
	#maincont
	{
		
	}
	
		#maincont .container
		{
			background-image: none;
		}
		
	#footercont
	{
		
	}
	
	#footercont p:last-child
	{
		margin-bottom: 0;
	}
	
		#footercont .col-12,
		#footercont .socmedmenu
		{
			margin-bottom: 30px;
		}
	
}

@media only screen and (max-width: 768px)
{

	#gallerycont
	{
		text-align: left;
	}
	
		#gallerycont .container
		{
			padding-top: 50px;
			padding-bottom: 50px;
		}
		
	#ctacont
	{
		
	}
	
		#ctacont .col-lg-4
		{
			text-align: left;
			padding-top: 20px;
		}
		
	#footercont
	{
		padding-top: 30px;
		padding-bottom: 10px;
	}

}

@media only screen and (max-width: 576px)
{
	
	
	
}