/*
Theme Name: Boss Dog
Theme URI: https://orcharddesigns.com
Author: OrchardDesigns.com
Author URI: https://orcharddesigns.com
Description: Custom theme for Boss Dog Brewing.
Version: 12.0.1
Tags: 
Text Domain: blankslate
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}



@font-face {
	font-family: 'Andrew Footit';
	src: url('fonts/Andrew Footit - Hudson NY Serif.eot');
	src: local('☺'), url('fonts/Andrew Footit - Hudson NY Serif.woff') format('woff'), url('fonts/Andrew Footit - Hudson NY Serif.ttf') format('truetype'), url('fonts/Andrew Footit - Hudson NY Serif.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Nexa Light';
	src: url('fonts/Nexa Light.eot');
	src: local('☺'), url('fonts/Nexa Light.woff') format('woff'), url('fonts/Nexa Light.ttf') format('truetype'), url('fonts/Nexa Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Michroma';
	src: url('fonts/Michroma.eot');
	src: local('☺'), url('fonts/Michroma.woff') format('woff'), url('fonts/Michroma.ttf') format('truetype'), url('fonts/Michroma.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Nexa Bold';
	src: url('fonts/Nexa Bold.eot');
	src: local('☺'), url('fonts/Nexa Bold.woff') format('woff'), url('fonts/Nexa Bold.ttf') format('truetype'), url('fonts/Nexa Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

header{
	list-style: none;
}

header .socialarea li:last-child a {
    padding-right: 0 !important;
}

.thirdsec a:hover, .thirdsec a:focus {
    background-color: #fff;
    color: #b9282b !important;
}

.beerarea.alignsec {
    max-height: none;
    background-size: cover;
    padding: 30px 0px 320px 0px;
    position: relative;
	background-position: 50% 50%;	
    margin-top: 0;	
}
.beerlogo {
    display: block;
    text-align: center;
    margin-top:-20px;
}

.beerlogo img {
    max-width: 430px;
    width: 100%;	
}

h1.entry-title
{
    font-family: 'Andrew Footit';
    color: #bc2427 !important;
    font-size: 48px;
}


.hoursarea {
    text-align: center;
    display: block;
    margin: auto;
    background-color: #231e20;
    padding: 5px 10px 5px 10px;
    margin-top: 19px;
    max-width:450px;
    color:#fff;
    font-size: 18px;
     font-family: 'Nexa light';
}

.hoursarea strong {
    color: #ffffff;
    font-family: 'Nexa bold';
    font-size: 18px;
}
.hoursarea p
{
margin:0px;
padding:0px;
}



.columnhead {
    display: inline-block;
    background-color: rgba(186, 65, 68, 0.87);
    padding: 6px 14px;
    margin-top: 120px;	
    color: #fff !important;
}

.tabularcontent {
    display: table;
    /*background: url(/wp-content/uploads/2017/12/picsofcap.png);*/
    background-size: cover;
    width: 100%;
    height: 100%;
    max-width: 670px;
    position: absolute;
    max-height: 220px;
    right: 0;
    bottom: 27%;
}

.tabulararea h2 {
    text-align: center;
    border-bottom: 3px solid #b9282b;
    padding-bottom: 0px;
    font-family: 'Michroma';
    font-size: 23px;
    margin-top:4px;
}

.tabulararea h3 {
    text-align: center;
    font-family: 'Andrew Footit';
    font-size: 29px;
    margin-top: 0px;
}

.tabulararea p {
    font-family: 'Nexa Light';
    font-size: 17px;
    text-align: center;
}

.tabulararea p strong {
    color: #bd2426;
    font-family: 'Nexa bold';
}

.tabulararea {
    padding-bottom: 57px;
    padding-left: 23px;
    padding-right: 23px;
    background: url(/wp-content/uploads/2017/12/lmnog.png);
    padding-top: 10px;
    display: inline-block;
    width: 63%;
    background-size: cover;
}
.tabularimage {
    display: inline-block;
    width: 37%;
    vertical-align: bottom;
    margin-left: 0px;
    position: relative;	
}

.tabularimage img {
    width: 100%;
}

.tabularimage .smallersizelogo img {
    width: 100%;
}

.specialimage
{
width:100%;min-height:242px;background-size:cover;
}

.smallersizelogo {
    position: absolute;
    width: 30%;
    height: 100%;
    display: flex;
    align-content: center;
    align-items: center;
    left: -36px;
}

nav#menu {
    text-align: right;
}

nav#menu ul li:last-child {
    padding-right:0px;
}


nav li.menu-item-has-children {
    position: relative;
}

nav li.menu-item-has-children ul.sub-menu {
    position: absolute;
    width: 250px;
    margin-top: 0px !important;
    display: none;
    z-index: 9999;
    background-color: #bc2427;
    padding: 0px 5px !important;
    text-align:left;
}

nav li.menu-item-has-children:hover ul.sub-menu {
    display: block;
}

nav li.menu-item-has-children ul.sub-menu li {
    padding: 0px !important;
    font-size: 10px !important;
}

.sub-menu li
{
width:100%;
display:inline-block;

}
.sub-menu a:hover{color:#000 !important;}




.logosec img {
    width: 100%;
    max-width: 220px !important;
    padding: 10px 0px;	
}

nav#menu li {
    display: inline-block;
	padding: 0px 15px;
}

nav#menu li a {
    font-size: 22px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Andrew Footit';
	transition: 0.3s ease-in-out;
}

nav#menu li a:hover, nav#menu li a:focus {
    color: #da2325;
}

header#header {
    background: url(/wp-content/uploads/2017/12/headerpic-1.jpg);
}

nav#menu li:before {
    content: '';
    background: url(/wp-content/uploads/2017/12/star.png);
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 9px;
}
	#container .container
	{
	padding:20px 20px 20px 30px;
	}
	
	.entry-content
	{
	padding:00px 20px 20px 15px;
	}
	

	
.socialarea {
    padding-bottom: 15px;
    padding-top: 8px;
}

.alignsec {
    padding: 150px 0px;
    background-size: cover;
	margin-top: 12px;
	max-height: 390px;
    background-position: 50%;	
    overflow: hidden;
    display: block;	
}

.alignsec h1 {
    margin: 0;
    font-family: 'Andrew Footit';
    font-size: 70px;
}

.alignsec a {
       display: inline-block;
    background-color: rgba(189, 36, 37, 0.9);
    padding: 6px 14px;
    color: #fff !important;
}

.sec1.alignsec {
    text-align: right;
}

.sec2.alignsec {
    text-align: left;
}

.sec3.alignsec {
    text-align: right;
}

.sectioning.firstsec {
    padding-right: 100px;
}

/*.sec4.alignsec {
    padding: 240px 0px;
    margin-top: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}*/

body .socialarea ul.cnss-social-icon li a.cnss-facebook {
    background-color: transparent !important;
}

body .socialarea ul.cnss-social-icon li a.cnss-twitter {
    background-color: transparent !important;
}

body .socialarea ul.cnss-social-icon li a.cnss-instagram {
    background-color: transparent !important;
}

.threesec {
    list-style: none;
    display: table;
    width: 100%;
}

.threesec .sectioning {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.threesec .sectioning li {
    height: 100%;
}

.threesec .sectioning li .textwidget {
    height: 100%;
}

.threesec .sectioning li .textwidget p{
   margin-bottom: 0px;
	font-family: 'Nexa Light';	
}

.firstsec p {
    color: #fff;
    font-family: 'Nexa Bold';	
}

.firstsec a {
    font-size: 15.5px;
    text-transform: uppercase;
    color: #fff !important;
    position: relative;
    top: -3px;
}

.firstsec sub {
    margin-top: 0px;
    display: table;
    font-size: 13px;
    margin-left: auto;
    margin-right: 50px;
    position: relative;
    top: 1px;
}

.secondsec p:after {
    content: '';
    background-image: url(/wp-content/uploads/2017/12/feather.png);
    display: inline-block;
    width: 50px;
    height: 23px;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 10px;
}

.secondsec p:before {
    content: '';
    background-image: url(/wp-content/uploads/2017/12/feather.png);
    display: inline-block;
    width: 50px;
    height: 23px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
    transform: rotate(180deg);
    vertical-align: bottom;
    position: relative;
    top: -4px;
}

.thirdsec a {
    background-color: #231e20;
    color: #fff !important;
    display: inline-block;
	transition: 0.3s ease-in-out;
    text-transform: uppercase;
    font-family: 'Andrew Footit';
    font-size: 23px;
    padding: 6px 16px 6px 16px;
}

.secondsec p {
    font-size: 17px;
    color: #fff;
    padding: 4px 0px;
    font-weight: 100 !important;
}

.redbar {
    background-color: #b9282b;
}

footer#footer {
    background-color: #151414;
    list-style: none;
    padding-top: 23px;
}

.footernumbersec p {
    margin-bottom: 0;
	font-family: 'Nexa Bold';	
	color: #fff !important;
}

.footernumbersec p a {
    color: #fff !important;
    font-size: 25px;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    display: block;
}

.footernumbersec sub {
	margin-top: 0px;
    display: block;
    margin-left: auto;
    margin-right: 53px;
    font-size: 16px;
    text-align: right;
}

.footernumbersec {
    padding-top: 54px;
}

.footerhotlinks {
    margin-top: 67px;
}

.footerhotlinks a {
	background-color: #b8282c;
    color: #fff !important;
    font-family: 'Nexa Light';
    font-size: 13px;
    padding: 11px 22px;
    text-transform: uppercase;
    margin: 0px 5px;
    white-space: nowrap;
	transition: 0.3s ease-in-out;
}

a:focus, a:hover {
    text-decoration: none !important;
}

.footerhotlinks a:hover, .footerhotlinks a:focus{
background-color: #941a1e;
}

footer ul.cnss-social-icon li {
    margin: 0px 6px !important;
}


.copyright {
    text-align: center;
    color: #403f3f;
	font-family: 'Nexa Light';	
    padding-bottom: 10px;
}
footer ul.cnss-social-icon li a {
    width: 30px !important;
    height: 30px !important;
}

footer ul.cnss-social-icon li a i {
    font-size: 24px !important;
}

.page-id-67 .col-md-3 img
{

width:100% !important;
height:auto !important;

}
.page-id-67 .col-md-9 a
{

font-size:22px;

}


@media (min-width: 1200px){

.container {
    max-width: 1250px !important;
	width: 100% !important;
}

}

@media (min-width: 992px){
.container {
    width: 100% !important;
}
}


footer ul.cnss-social-icon li.cn-fa-icon a.cnss-facebook {
    background-color: #d62f32 !important;
    padding-bottom: 31px !important;
    padding-left: 14px !important;
    padding-right: 26px !important;
}

footer ul.cnss-social-icon li.cn-fa-icon a.cnss-twitter {
    background-color: #d62f32 !important;
    padding-bottom: 31px !important;
    padding-left: 9px !important;
    padding-right: 30px !important;
}

footer ul.cnss-social-icon li.cn-fa-icon a.cnss-instagram {
	background-color: #d62f32 !important;
    padding-bottom: 31px !important;
    padding-left: 10px !important;
    padding-right: 32px !important;
}

footer ul.cnss-social-icon {
    margin-top: 60px;
}

.sectioning.firstsec {
    padding-right: 100px;
}
.mobilemenubtn{
	display: none;
}




@media only screen and (max-width:800px) and (min-width:700px){
.sec4.alignsec {
    padding: 170px 0px !important;
}
.tabularcontent{
min-height: 261px;
    max-height: 270px;	
}
	
.tabulararea {
    max-width: 430px; 
}
	
}	


@media only screen and (max-width:992px) and (min-width:800px){
	
nav#menu li a {
	font-size: 16px;
}
	
nav#menu li {
    display: inline-block;
    padding: 0px 2px;
}

.container {
    width: 100% !important;
    padding: 0;
}	
	
.logosec img {
    width: 100%;
    max-width: 190px !important;
    margin-bottom: 22px;
}	
	
.threesec .sectioning li .textwidget p{
font-size: 13px;		
}	
	
.secondsec p:before{
width: 40px;
height: 13px;		
top: -5px;	
}	
	
.secondsec p:after{
width: 40px;
height: 13px;		
}
	
footer#footer{
    text-align: center;		
}
	
.columnhead{

}	
	
.footernumbersec {
    padding-top: 24px;
    max-width: 200px;
    margin: auto;
}	
	
.footernumbersec sub{
margin-right: 12px;		
}	
	
footer ul.cnss-social-icon {
    margin-top: 40px;
    text-align: center !important;
    margin-bottom: 29px;
}	
	
.firstsec sub{
font-size: 9px;
margin-right: 10px;	
}	
	
.sectioning.firstsec {
    padding-right: 0px;
}
	
	
	
header#header .col-md-3 {
    width: 30%;
    display: inline-block;
}
	
header#header .col-md-9 {
    width: 69%;
    display: inline-block;
}	
	
}


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

.mobilemenubtn{
	display: block;
}
	
.sectioning.firstsec {
    max-width: 144px;
    margin: auto;
}	
	
.hoursarea strong:nth-child(3):before {
    left: 4%;
}	
	
	.beerarea .container {
    /*width: 100%;
    padding: 0;*/
}

.footerhotlinks a{
padding: 9px 10px;		
}	
	
header#header {
    background-size: cover;
}
	
.beerarea.alignsec {
    max-height: none;
    background-size: cover;
    padding: 30px 0px 20px 0px;
    position: relative;
    margin-top: 0;
}	

.hoursarea strong:nth-child(3) {
    padding: 0px 7px 0px 15px;
}

	
	
.tabularcontent {
    display: block;
    /*background: url(/wp-content/uploads/2017/12/picsofcap.png);*/
    background-size: cover;
    width: 100%;
    height: 100%;
	max-width: 100%;
    position: relative;
    max-height: none;
    right: 0;
    bottom: 0;
    /*min-height: 295px;*/
}

.smallersizelogo {
    display: none;
}	
	
.columnhead{
margin-bottom: 50px;
}	
	
.tabulararea {
	max-width: none;
    padding-bottom: 97px;
    padding-left: 23px;
    padding-right: 23px;
    padding-top: 30px;
    display: block;
    background-size: 100% 100%;
    width: 100%;
}
	
.tabularimage {
    display: block;
    width: 100%;
    vertical-align: bottom;
    margin-left: 0;
    margin-top: 20px;
    text-align: center;
}
	
.tabularimage img {
    width: 100%;
    max-width: 370px;
}
	
	
.threesec {
    list-style: none;
    display: block;
    width: 100%;
	padding: 10px 0px;	
}
	
.sectioning.firstsec {
    padding-right: 0px;
}
	
.footerhotlinks {
    margin-top: 39px;
    text-align: center;
}
	
.threesec .sectioning {
    display: block;
    vertical-align: middle;
    text-align: center;
 	padding: 3px;
}

.alignsec {
	padding: 150px 0px;	
    background-position: 50%;	
}	
	
.alignsec h1 {
 font-size: 60px;
}
	
.footernumbersec {
    padding-top: 24px;
}	
	
.copyright{
    padding-top: 20px;		
}	
	
footer#footer li#media_image-2 img {
    width: 60%;
    display: block;
    margin: auto;
}	
	
/*.sec4.alignsec {
    padding: 130px 0px;
    background-size: cover;
	
}*/
	
.firstsec a {
    font-size: 15.5px;
    text-transform: uppercase;
    color: #fff !important;
    position: relative;
    top: 0;
}
	
.firstsec sub {
    margin-top: 0px;
	display: table;
    font-size: 13px;
    margin-left: auto;
	margin-right: 15px;
    position: relative;
    top: 0px;
    text-align: right;
	margin-top: 2px;
}
	
.secondsec p {
    font-size: 13px;
    color: #fff;
    text-align: center;
    padding: 4px 0px;
}	
	
.secondsec p:before{
content: '';
width: 29px;
top: -6px;	
height: 9px;		
}	
	
.secondsec p:after{
content: '';
width: 23px;
height: 11px;		
}	
	
.mobilemenubtn i {
    font-size: 33px;
    color: #fff;
    position: absolute;
 	right: 20px;
    top: 17px;
}	
	
.logosec {
    text-align: center;
}
	
ul.cnss-social-icon {
    text-align: center !important;
}

header .container {
    padding-right: 0px;
    padding-left: 0px; 
	}
	
nav#menu {
    text-align: center;
    display: none;
    position: absolute;
    width: 100%;
    /*background: url(/wp-content/uploads/2017/12/headerpic.jpg);*/
	background-color: #bc2425;
    left: 0;
    background-size: 100% 100%;
    z-index: 9;
    padding: 13px 21px;
}	
	
nav#menu li {
    display: block;
    padding: 0px 0px;
	position: relative;
}
	
nav#menu li a {
    font-size: 22px;
    color: #fff;
    width: 100%;
    display: block;
    text-transform: uppercase;
    font-family: 'Andrew Footit';
    transition: 0.3s ease-in-out;
}	
	
nav#menu li:before {
    content: '';
    background: url(/wp-content/uploads/2017/12/star.png);
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 0px;
	position: absolute;
    left: 0;
    top: 18%;
}	
	.footernumbersec p{
    max-width: 220px;
    margin: auto;
    display: block;
    position: relative;		
	}	
	
.footernumbersec sub {
 position: absolute;
    right: 13%;
    margin-right: 0;
}
	
}




@media only screen and (max-width:1025px) and (min-width:992px){

nav#menu li a {
    font-size: 18px;
}
footer ul.cnss-social-icon li a i {
    font-size: 13px !important;
}
	
footer ul.cnss-social-icon li.cn-fa-icon a.cnss-facebook {
    background-color: #d62f32 !important;
    padding-bottom: 26px !important;
    padding-left: 0px !important;
    padding-right: 2px !important;
}	
footer ul.cnss-social-icon li.cn-fa-icon a.cnss-twitter {
    background-color: #d62f32 !important;
    padding-bottom: 29px !important;
    padding-left: 6px !important;
    padding-right: 8px !important;
}
footer ul.cnss-social-icon li.cn-fa-icon a.cnss-instagram {
    background-color: #d62f32 !important;
    padding-bottom: 28px !important;
    padding-left: 10px !important;
    padding-right: 23px !important;
}
	
footer ul.cnss-social-icon li {
    margin: 0px 2px !important;
}	
	
.footerhotlinks a{
    font-size: 11px;		
}	
	
	
}


@media only screen and (max-width:1200px) and (min-width:1025px){
	
nav#menu li {
    display: inline-block;
    padding: 0px 5px;
}
	
	
}

@media only screen and (max-width:1024px) and (min-width:992px){
	
nav#menu li {
    display: inline-block;
    padding: 0px 8px;
}
	
	
}


@media only screen and (max-width:1200px){
	.sec4.alignsec{
    background-size: cover;		
	}	
}




@media only screen and (max-width:992px){
	nav#menu li:before{
    background-image:none !important;
	}
	
	
	nav#menu a
	{
	font-size:32px !important;
	}
	nav#menu a:active, nav#menu a:hover
	{
	color:#000 !important;
	}
	


	
	.sub-menu, .sub-menu li
	{
	width:100% !important;
	
	}
	
	nav li.menu-item-has-children ul.sub-menu
	{
	padding:20px 0px !important;
	position:relative !important;
	}
	
	
	.sub-menu li a
	{
	text-align:center;
	color:#000;
	width:100%;
	display:inline-block;
	
	}

	

	
	
}



@media only screen and (max-width:420px){
#container .container
{
padding:10px;
}
.tabularimage img
{
max-width:100%;
}
.specialimage
{
width:100%;min-height:380px;
background-size:cover;
border:4px solid white;
margin-top:-20px;
}
}



@media only screen and (min-width:421px) and (max-width:795px){
.specialimage
{
width:100%;min-height:580px;
background-size:cover;
border:4px solid white;
margin-top:-20px;
}
}