/*
Theme Name: the spirits business
Theme URI:
Description: theme for thespiritsbusiness.com
Author: Union Press - LS
version: 2.0
*/



/* basics */
/*@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i');*/

@font-face {
    font-family: 'Ubuntu';
    src: url('https://www.thespiritsbusiness.com/content/wp-content/themes/thespiritsbusiness/fonts/ubuntu/ubuntu-b.ttf') format('truetype');
}

@font-face {
    font-family: 'Ubuntu-m';
    src: url('https://www.thespiritsbusiness.com/content/wp-content/themes/thespiritsbusiness/fonts/ubuntu/ubuntu-m.ttf') format('truetype');
}

@font-face {
    font-family: 'Ubuntu-c';
    src: url('https://www.thespiritsbusiness.com/content/wp-content/themes/thespiritsbusiness/fonts/ubuntu/ubuntu-c.ttf') format('truetype');
}

@font-face {
    font-family: 'helvetica';
    src: url('https://www.thespiritsbusiness.com/content/wp-content/themes/thespiritsbusiness/fonts/');
    src: url('https://www.thespiritsbusiness.com/content/wp-content/themes/thespiritsbusiness/fonts/at-gothic/atgothicextendedextralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.thespiritsbusiness.com/content/wp-content/themes/thespiritsbusiness/fonts/at-gothic/atgothicextendedextralight-webfont.woff') format('woff'),
         url('https://www.thespiritsbusiness.com/content/wp-content/themes/thespiritsbusiness/fonts/at-gothic/atgothicextendedextralight-webfont.ttf') format('truetype'),
         url('https://www.thespiritsbusiness.com/content/wp-content/themes/thespiritsbusiness/fonts/at-gothic/atgothicextendedextralight-webfont.svg#atgothicextendedExXLt') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* Responsive design - media setup */

@media (max-width: 980px){
	/*body{padding-top:50px;}*/
  .rightbar{display:none;}

}
@media (max-width: 900px){
	#mainframe {margin: 0px 5px 0px 5px;}
	#login_label{display:none;}
	/*#archivewrapper{width:190px;}*/
  #archivewrapper{width:100%!important; max-width:220px; margin: 0 0 2.5%; }
  .drawinText {position: relative!important;}
  .media-carousel img {height:auto!important;}
}

@media (max-width: 850px) {
	#container-nav{padding-top:0px!important;padding-bottom: 0px!important;}
	body{background:white;}
	#background{background:white;}
	#subs_top_button{display:none;}
	#dbtv_top_button{display:none;}
	.job-ad-wrap {width: 50%; float:left}
	#content{width: 850px; padding-left:0;}
}

@media (max-width: 766px) {
	body{padding-top:0px;}
	#logo{/*display:none;*/ width:65%; float:left; margin-top: 10px;}
}

@media (max-width: 768px) {
	body{background:white;}
	#mainframe{padding:0px 10px; }
	ul.this_menu li a {font-size:14px;margin: 0px 2px;padding:5px 5px;}
	#content{width:100%;padding:0px;border-right:none;}
	/*#content img{width:100% !important;height:auto;}*/
	#content img{/*width:100%*/ height:auto;}
	#content .wp-caption{width:100% !important;}
	/*#top-banner{display:none;}*/
	#small_logo{width:70px;margin:0px;float:left; display:none;}
	#headlines img{display:none;}
	#headlines{width:100%;}
	#rightcol{display:none;}
	#header{height:40px;}
	#infobar{display:none;}
	#footer table{display:none;}
	.nav_button{padding: 6px 6px; margin: 10px 7px 8px 0;}
	#subs_top_button{display:block;}
	#dbtv_top_button{display:block;}
  .segmentMore h3 {font-size: 18px !important;}
}

@media (max-width: 699px) {
.row .finewine, .row .recent_article {margin-right: -10px!important; margin-left: -0px!important;}
.recent_article .row{margin-left:0px; margin-right:0px;}
.tag-wine, .tag-spirit, .tag-beer, .tag-mostread, .tag-restaurants, .tag-dining {border-right:0px none transparent!important;padding-right:0px!important;}
.frnt-gallery {height:auto!important;}
.frnt-more-news {height:auto!important;}
#wpadminbar {position:fixed!important}
.features {height:20px!important}
}


@media (max-width: 580px) {
    #mainframe{margin: 0px 5px 0 5px; padding:0px 10px;}
	#background{padding-top:10px}
	#subs_top_button{display:none;}
	#dbtv_top_button{display:none;}
	.post > h1{line-height:auto!important; }
	.post-mobile{padding-left:0px!important; padding-right:0px!important; padding-top:20px!important}
	#m-menu > .nav > li {border-bottom:1px solid #eee; 	border-right:0px none transparent!important;}
	/*#m-menu > .nav > li:nth-child(odd) {background: #f6f6f6;}
	#m-menu > .nav > li:nth-child(even) {background: #ffffff;} */
  .navbar{box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075)!important;}
	.navbar-default .navbar-nav .open .dropdown-menu > li {border-bottom:1px solid #eee}
	/*.navbar-default .navbar-nav .open .dropdown-menu > li:first-child {background: #666; }*/
	.navbar-default .navbar-nav .open .dropdown-menu > li: {background: #ffffff; }
	.navbar-default .navbar-nav .open .dropdown-menu > li > a  {color:#000;}
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{max-height:700px!important}
	#logo{margin-top: 15px!important;}
	.navbar-toggle{margin-right: 0px!important;}
	.colhead > h2{margin:10px 0px 20px 0!important}
	.search-result-text{float:none!important}
	#content{margin-top: -15px;}
	login-mobile{display:block!important}
	.lr_borders{border-left: 0px transparent none!important;border-right: 0px transparent none!important;}
	.wp-caption img {width:100%!important}
	.overlay{position:relative}
	 #top-banner{height:auto!important; width:auto!important; padding-top:0px;}
	 .nav_button_search{margin: 8px 5px 0 0px; padding: 9px 10px;}
	 .leaderboard-wrap img {width:100% !important; height: auto !important}
   tag-wine .segmentMore h3 {font-size: 22px !important;}
	}

/* For portrait iphone */
@media (max-width: 430px) {

	ul.this_menu li a {font-size:11px;margin: 0px 2px;padding:5px 4px;}
	.nav_button{margin:12px 5px 0 0; padding:6px 7px;}
	#awards_top_button{display:none;}
	#newsletter{width:100%!important; height:auto!important}
	#iba-logo{width:100%!important}
	html, body{margin-top:0px!important; padding-top:0px!important}
	#archivewrapper, .tag-thumbnail{width:100%!important; max-width: 100%}
	/*.mc-form-ls{top: 65px!important; height: 170px!important;}*/
	/*#newsletter {background: url(https://www.thespiritsbusiness.com/content/http://www.thespiritsbusiness.com/media/2017/03/sb-newsletter-bg4.jpg) no-repeat top center!important;}*/
}


@media (min-width: 768px) {
	#top-banner{display:block;}
	#logo{display:inline;width:300px;margin:5px 10px 0px -5px;float:left;}
	/*#mainframe { margin: 5px 5px 0 5px; padding: 45px 10px;	}*/
	/*body{#background:yellow;padding-top:50px;}
	#mainframe { padding-top: 40px;}*/
	ul.this_menu li a {font-size:15px;margin: 0px 2px;padding:5px 5px;}
	/*#mainframe{margin:40px 5px 0  5px;padding:0px 10px;}*/
	#content{width:100%;}
	#small_logo{display:none;}
	#header{height:70px;}
	.nav_button{padding: 6px 6px; margin: 10px 7px 8px 0;}
  .rightbar{width:100%; border-left: 0px transparent none;}

}
@media (min-width: 851px) {
	#background {background:#ddd}
  #background-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-image: -webkit-linear-gradient(rgba(0,0,0,0.7) 100%, rgba(0,0,0,1) 100%), url("//thespiritsmasters.com/wp-content/uploads/2019/10/ivan-cortez-2FDstXKqaxI-unsplash.jpg");
  }
  .mag-menu{margin-top:0}
}


@media (min-width: 1250px) {
	#mainframe{/*padding-top:40px; */ margin:0px auto 0 auto;}
	ul.this_menu li a {font-size:16px;margin: 0px 5px;padding:5px 5px;}
	/*#content{width:928px;padding-left:0;}*/
	/*.rightbar{display:inline-block;}*/
	#top-banner{display:block;	}
	#logo{width:380px;margin:5px 10px auto -5px; }
	.container-fluid{max-width:1273px;}
	.job-ad-wrap {width: 24%;}
	.post > h1{line-height:24px}
	.navbar-nav > li {margin-top: 5px; margin-bottom:0px}
	/*.top-leader-banner {margin:8.5% auto 3.5%!important}*/

}


@media (min-width: 1300px) {

	#content{width:943px;padding-left:0;}
	.rightbar{display:inline-block;}
	.nav_button{ margin: 8px 0px 0 5px; padding: 9px 10px;}
	#container-nav {padding-top: 2px;}
	/*#top-banner {padding-top: 15px; }*/

}


/* basics */

*{margin:0; padding:0;}

body {width:100%; font-family:arial, sans-serif;}

h1 {font-family: 'Ubuntu', georgia; font-size: 18pt;text-align:left;}
h2 {font-size: 10pt;padding:5px 10px;margin-bottom:4px;}
h3 {font-family: 'open sans', arial, 'atgothicextendedExXLt',sans-serif !important;font-size: 12pt !important;text-align:left;padding:0px 0px 2px 0px;}
h4 {font-size: 9pt;}
img {border:none;}
img a{text-decoration:none;}
img.left{ float: left; margin-right:10px; margin-top:10px; margin-bottom:10px;}
img.right{ float: right; margin-left:10px; margin-top:10px; margin-bottom:10px;}
.nav_button_search{position: relative; float: right;  background-color: transparent; border: 1px solid #CCC;border-radius: 4px; /*margin: 8px 5px 0 0px; padding: 9px 10px;*/}
.nav_button{position: relative; float: right;  background-color: transparent; border: 1px solid #CCC;border-radius: 4px;}
.login-mobile{position: relative;  background-color: white; border: 1px solid #CCC;border-radius: 4px; margin: 1% -15px; padding: 9px 10px; display:none}
.login-mobile > .glyphicon-user {padding-right: 10px;}
.container-fluid{/*padding:0 5px;*/ background:white}
.navbar{
	/*background:white;*/
	background: transparent;
	box-shadow: none;
	border-bottom: 0 none transparent;

}
.navbar-collapse {background:white;}

/* links */

a{ color:#336699;text-decoration:none;}
a:hover{ color:#336699;text-decoration:none !important;}

p { margin:12px 0; }

li{	list-style-type:none;margin-bottom:5px; }

ul.this_menu {
	margin:15px 0px 0 0;
	padding:0;
	text-decoration:none;
}

ul.this_menu li a {
	color: #666;
	display:block;
	font-family: 'open sans', arial,sans-serif;
	font-weight:bolder;
	text-decoration:none;
}

ul.this_menu li a:hover {
	background:#DDD;
	border-radius:3px;
	text-decoration:none;
}

/* mainframe */

.lr_borders {
  /*
	padding: 0 15px;

  border-left:1px #ccc solid;
	border-right:1px #ccc solid;
	#line-height:16px;*/
	}

/* no-gutters Class Rules */
.row.no-gutters {
   margin-right: 0;
   margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
   padding-right: 0;
   padding-left: 0;
}

.rb_thumbnail{

	float:left;
	margin:0 5px 5px 0px;
	width:80px;
	height:auto;

}

.mostsect h3{

	margin:0;

}

/* --------------------------------------------- */

#top-banner{
	min-height:100px;
	/*padding-top:10px;*/
  margin-left: auto;
  margin-right: auto;
	padding-right:0;
	background:white;
	color:#333;
/*	text-align:center; */
	}

#single{background:white;}

/* header */

#infobar{
	border-top:2px solid #333;
}


#header {
	position:relative;
  	width:100%;

	color: #666;
	background:white;
	}


#header h2{
	font:normal 20pt arial;
	padding:0px 0px 0px 0px;
	margin:0;
	}

#header h2 a{color: #404040; text-decoration: none;}
#header h2 a:hover{color: #666; text-decoration: none;}


#header h3{
	font:normal 10pt arial;
	color:#333;
	padding: 0 0 0 0px;
	margin:0;
	}


.socialbuttons
{
	position:relative;
	margin-right: 40px;
	height: 20px;
	width: 110px;
	display: inline-block;
	float: right;
	z-index:4;
	float:right;
}

#logo{
	border:none;
	position: relative;
}

#HKlogo{
	border:none;
	position:absolute;
	left:0px;
	top:15px;
	width:610px;}

#header-right{
	position:absolute;
	width:300px;
	height:60px;
	right:0px;
	bottom:60px;
	}

#login{
	/*position:absolute;*/
	bottom:0px;
	right:0px;
	padding:5px 10px;
	}

#subscribe{
	position:absolute;
	#right:20px;
	#top:-98px;
	width:215px;
	}

#text_overlay{
	display:block;
	position:absolute;
	right:20px;
	top:5px;
	width:215px;
}

#text_overlay_logged{
	display:block;
	position:absolute;
	top:5px;
	width:215px;
}

/* search */

#search{
	position:absolute;
	right:0px;
	padding:5px 10px;
	color:black;
	background:#CCC;
	border:1px solid black;
	}

.menusearch{
	margin:0px 0px 0px 0px;
	width:200px;
	padding:0px 2px 0 0;
	position:absolute;
	right:0;
	bottom:13px;
	}

#s{

	font:normal 12px Georgia, tahoma, sans-serif;
	background: #ddd;
	display:inline;
	height: 20px;
	width:70%;
	margin:0px;
	border: 0px;
	padding-left:5px
	}

#srchbtn{
	width:20px;
	height:20px;
	position:relative;
	top:6px;
	}




/* main menu */

/*
#sb-fixed-nav {position: relative; top:0; margin-bottom: 0px;}
*/

#container-nav{padding-top:4px; padding-bottom:4px;}

#new_menu li{text-transform: uppercase;}

#new_menu li:hover{color:#ddd; cursor:pointer;}

#navigation{
	height:60px;
	text-transform:capitalize;

}

.menu{
text-align:center;
}


#menu {
	font-family: arial, tahoma, sans-serif;
	font-size: 11px;
	color:black;
	width:auto;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
/*	border-top:2px solid #333; */
	background:#CCC;
	overflow:hidden;
	text-transform:uppercase;
	position:relative;
}


#menu a{
	text-decoration:none;
	}

#menu ul {
	margin:0 0px;
	padding:0;
	text-decoration:none;
}

#menu ul li {
	list-style-type: none;
	float:left;
	margin: 0;
	padding:0;
}

#menu ul li a {
	padding:5px 10px;
	margin: 0px 0px;
	color: black;
	display:block;
	border-right:1px solid white;
}

#menu ul li a:hover {
	background:#888;
}

.current-menu-item {
	background:#e1e1e1;
	padding:4px
	}

.current-menu-item:hover{
   background:#aaaaaa;

}

.current-menu-item a{
	color:black;
	text-decoration:none;
	}

/* submenu */

#submenu {
	font-family: arial, tahoma, sans-serif;
	font-size: 10px;
	width:100%;
	overflow:hidden;
}


#submenu ul {
	margin:0;
	padding:0;
}

#submenu ul li {
	list-style-type: none;
	float:left;
	margin: 0;
	padding: 0;
}

#submenu ul li a {
	padding:0px 0px;
	margin: 5px 5px;
	color: #006699;
	display:block;
	border-bottom:1px solid #ccc;
	text-decoration:none;
}

#submenu ul li a:hover {
	color:#333;
	border-bottom:1px solid #FFD300;
}

/* main menu */

#secondmenu {
	font-family: arial, tahoma, sans-serif;
	font-size: 11px;
	color:black;
	width:auto;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	border-top:2px solid #888;
	background:#EEE;
	overflow:hidden;
	text-transform:uppercase;
	position:relative;
}

#secondmenu a{
	text-decoration:none;
	}

#secondmenu ul {
	margin:0 0px;
	padding:0;
	text-decoration:none;
}

#secondmenu ul li {
	list-style-type: none;
	float:left;
	margin: 0;
	padding:0;
}

#secondmenu ul li a {
	padding:5px 10px;
	margin: 0px 0px;
	color: black;
	display:block;
	border-right:1px solid white;
}

#secondmenu ul li a:hover {
	background:#888;
}

.current-menu-item {
	/*background:#888;*/
	background:#ccc;
	}

	/*
.menu-item hover {
	background:#aaa;
}*/

.wrap {
	width: 940px;
	/*margin: 0 auto;*/
	padding: 0 ; /* 25px gutters */
	text-align: left;
}

.title {
		float: left;
		font-size: 37px;
		font-weight: bold;
		letter-spacing: -1px;
}

/* BOOSTRAP MENU CUSTOMIZE */

.navbar-default .navbar-nav > li > a {
	/*font-weight: bold;*/
	/*font-family: 'open sans', arial, 'atgothicextendedExXLt',sans-serif;*/
}

.navbar-default #m-menu .navbar-nav > li > a {
  font-family:'Ubuntu', arial, 'atgothicextendedExXLt',sans-serif;
  font-weight: 400;
  color:#222
}

.nav > li > a {

	padding: 10px 10px;
}

.navbar-nav > li:hover {
	background: #f1f1f1;
}

#m-menu > .nav > li {

	border-right:1px solid #eee;

}

#responsive-submenu{overflow:hidden;height:25px;background:#289c9c;/*background:#aaa;*/margin-top:3px;padding:3px 10px;color:white;letter-spacing:3px;font-weight:500;}

/* social us */
.fb, .ing, .lid, .tw {
  display:inline-block; /*padding:3%; width: 27px; border-radius: 5px;line-height: 1.6; font-size: 17px;*/
  text-align: center;
  color:white;
  cursor: pointer;
  transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  border-radius: 50%;

}

div.fb > .fa, div.ing > .fa, div.lid > .fa, div.tw > .fa  {width: 18px; text-align: center; font-size: 18px; text-decoration: none; margin: 5px;}
.fb {background:rgb(59, 89, 152); opacity:1}

.ing {background:#fe6b5c}

.lid  {background:rgb(28, 134, 188)}

.tw {background:#00ABF0}

.fb:hover, .ing:hover, .lid:hover, .tw:hover {opacity:0.85 }

/* footer */

#footer{
	/*font-size: 12px;*/
	#width:100%;
	#margin:0px;
	background:white;
	#margin-top:10px;
	border-top:1px dotted #BBB;
	font-family: arial,'open sans', 'atgothicextendedExXLt',sans-serif;
	}

#footer a{
	color:black;
	}

#footer a:hover{
	color:#336699;
	}

#footer-text{
	background:#AAA;
	border-top:2px solid black;
	padding:10px 15px;
	margin: 0;
	color: #333;
	text-align:right;
	}

#footer table{
	border-top:2px solid grey;
	background:#CCC;
	margin:0;
	margin-top:10px;
	padding:20px;
	}

#footer ul{
	margin-top:20px;
	margin-bottom:10px;
	}


#footer-new {
	/*font-size: 12px;*/
    width: 100%;
    margin: 0px;
    margin-top: 10px;
    border-top: 1px dotted #BBB;
    font-family: arial, 'open sans', 'atgothicextendedExXLt',sans-serif;
}
#footer-new table {
    border-top: 2px solid grey;
    background: #CCC;
    margin: 0;
    margin-top: 10px;
    padding: 20px;
	width: 100%;
}

#footer-new p{padding:10px 15px;margin: 0; color: #000; text-align:right;}

#footer-new a{
	color:black;
    font-family:  arial, 'open sans', 'atgothicextendedExXLt',sans-serif;
	font-size: 14px;
	}


#footer-new a:hover{
	color:#336699;
	}

#footer-text{
	background:#AAA;
	border-top:2px solid black;
	padding:10px 15px;
	margin: 0;
	color: #333;
	text-align:right;
	}


#footer-new ul{
	margin-top:20px;
	margin-bottom:10px;
	}




#cookie-bar{
line-height: 24px;
text-align: center;
padding: 8px 0;
font-size: 1em;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 100;
/*background: orange;*/
background:steelblue;
transition: transform .3s;}

.cookie-old{
/*display:inline-block;*/ display:none; width:10%; ; background-color:#444; color:white;text-align:center;  border:1px solid steelblue; font-size:12px; margin-left:0.5%; margin-right:1%}

.cookie-info{
display:inline-block; /*width:80%; */ background-color:steelblue; /*text-align:left;*/ text-align:center;	 font-size:13px;; color:white}

.cookie-close{
display:inline-block; /*width: 6%;*/ width: 10%;  background-color:azure; padding-left:1%; padding-right:1%; -webkit-border-radius:4px; border-radius:4px;  color:black; font-weight:bold; text-align:center; font-size:12px; }



/* --------- SNOW ---------- */


.snow {
  width: 100%;
  height: 100%;
  /*position: absolute;*/
  position: inherit;
  top: 0;
  left: 0;
  background-image:
    url(https://www.thedrinksbusiness.com/wordpress/wp-content/themes/thedrinksbusiness/images/backgrounds/sn-1b.png),
    url(https://www.thedrinksbusiness.com/wordpress/wp-content/themes/thedrinksbusiness/images/backgrounds/sn-2b.png),
    url(https://www.thedrinksbusiness.com/wordpress/wp-content/themes/thedrinksbusiness/images/backgrounds/sn-3b.png);
  z-index: 1;
  pointer-events: none;
  -moz-animation: snow 10s linear infinite;
  -webkit-animation: snow 10s linear infinite;
  animation: snow 10s linear infinite;
}

@-moz-keyframes snow {
  0% {
    background-position: 0 0, 0 0, 0 0;
  }
  50% {
    background-position: 500px 500px, 100px 200px, -100px 150px;
  }
  100% {
    background-position: 500px 1000px, 0 400px, 0 300px;
  }
}

@-webkit-keyframes snow {
  0% {
    background-position: 0 0, 0 0, 0 0;
  }
  50% {
    background-position: 500px 500px, 100px 200px, -100px 150px;
  }
  100% {
    background-position: 500px 1000px, 0 400px, 0 300px;
  }
}

@keyframes snow {
  0% {
    background-position: 0 0, 0 0, 0 0;
  }
  50% {
    background-position: 500px 500px, 100px 200px, -100px 150px;
  }
  100% {
    background-position: 500px 1000px, 0 400px, 0 300px;
  }
}


/* --------- APPEARANCE ---------- */

.sb-main {/*background:#ff6a5e;*/ background:#f25358; color:white}
.sb-sub {background:#289c9c; color:white}
.navbar-default #m-menu .navbar-nav > li > a:focus, .navbar-default #m-menu  .navbar-nav > li > a:hover { background:transparent; color:#ff6a5e }
#m-menu .dropdown-menu {/*background:#ff6a5e;*/background:#52999a}
#m-menu .dropdown-menu > li > a {/*color:white*/ color:black}
#m-menu .dropdown-menu > li > a:focus, #m-menu .dropdown-menu > li > a:hover  {color:black}


/* --------- page ---------- */

.page {
	position:relative;
	}

.rightbar{

	right: 5px;
	top: 0;
  width:100%;
  max-width: 305px;
	margin: 0 0px 10px 1px;
	font: 14px normal Georgia;
	border-left: 1px dotted grey;
	padding-left: 15px;
	padding-right: 0px;
	/*position:absolute;
	right:15px;
	top:0;
	width:285px;
	margin:0 0px 0 25px;
	font:14px normal Georgia;
	border-left:1px dotted grey;
	padding-left:15px;*/
	}

#newsletter_rb{
	margin-top:9px;
	width:300px !important;
	height:150px !important;
	background-image:url('//www.thedrinksbusiness.com/wordpress/wp-content/themes/thedrinksbusiness/images/db-newsletter300x150.gif') !important;
	background-repeat:no-repeat;
	background-position:center;
	}

.singlempu p{
	margin:0;
	}

.rightbar h2{
	margin:10px 0;
	background:#ff6a5e;
	color:white;
	font-family:'open sans', arial, 'atgothicextendedExXLt',sans-serif !important;
	/*background:#CCC;*/
	}


/* --------- content ----------- */


#content {
	position:relative;
	overflow: hidden;
	#background:white;
	min-height:900px;
	}

.post {
	margin:0;
	padding:0;
	line-height: 20pt;
	text-align:left;
	color:#222;
	}

.post a{
	color:#336699;
	text-decoration:none;
}

.post ul li{
	list-style-type:disc !important;
	padding-left:10px;
	margin-left:25px !important;
	}

.post ol li{
	list-style-type:decimal !important;
	padding-left:10px;
	margin-left:25px !important;
	}


.wp-editor ul li{
	list-style-type:disc !important;
	padding-left:10px;
	margin-left:25px !important;
}

.wp-editor ol li{
	list-style-type:decimal !important;
	padding-left:10px;
	margin-left:25px !important;
}

h2 .entry{
	background:#DDD;
	padding:10px;
	font-size:14px;
	font-family: Georgia;
	font-weight:normal;
	}

.entry p {
 	/*    font-family: 'Istok Web', sans-serif;  added 19-4-17
	font-family: geome-med, 'geome-med', georgia;
	*/
}
.post h1{
	font-size:24px;
	/*	padding:0px 0px 20px 0px;*/
	padding:0px 0px 4px 0px;
	margin:10px 0 0px 0;
	/*border-bottom: 1px dotted red;*/
	border-left: 4px solid #00b3e3;
	padding-left: 5px;
	}

.post > h1{
	font-family: 'Ubuntu', arial, sans-serif;
	color:#444;
	font-size:34px;
	}

.post h2{
	font:bold 15px arial, tahoma, sans-serif;
	padding:8px 5px;

	}

.post h2 a{
	font-size:18px;
	color: #333;
	text-decoration: none;
	}

.post h2 a:hover{
	color: #777;
	text-decoration: none;
	}



#standfirst{
	background:#DDD;
	padding:10px;
	font-size:16px;
	font-family: 'Ubuntu', "Times New Roman";
    /*font-family: 'EB Garamond', serif;*/  /* added 19-4-17 */
	}

.standfirst{
	background:#e1e1e1;
	margin:12px 0; !important;
	padding:10px !important;
	line-height: 20pt !important;
	/*font-size:16px !important;
	font-family: Georgia !important;
	font-weight:bold;
    font-family: 'EB Garamond', serif;*/  /* added 19-4-17 */
	font-family: 'Ubuntu-m', "Times New Roman";
	font-size:16px;
	/*font-weight:normal !important;*/
	}

.postmetadata{
	clear: both;
	background:#F7F7F7;
	padding:6px;
	margin: 10px 0 20px 0;
	}

#socialmedia{
	margin-top:20px;
	padding-left:35px;
	}

#adSense{
margin:20px 10px 20px 0;
padding:20px 0;
border-top:2px solid #CCC;
/*border-bottom:2px solid #CCC;*/
}

.navigation {
	border-bottom:1px dotted #CCC;
	position:relative;
	font-size:9pt;
	font-family: Georgia;
	width:100%;
	margin:0;
	padding:0px;
	overflow:hidden;
	background:#EEE;
	text-align:center;
	}

#prev{
	position:absolute;
	left:80px;
	top:0px;
	z-index:1000;
	font-size:10pt;
	}

#next{
	position:absolute;
	right:70px;
	top:0px;
	z-index:1000;
	font-size:15pt;
	}

##numbers{
	margin-top:10px;
	padding-top:20px;
	text-align:center;
	background:white;
	}

.short_numbers{
	display:none;
}

@media(max-width:500px){

	.numbers{
		display:none;
	}

	.short_numbers{
		display:block;
	}

	#next{display:inline-block; left: 0px;top: 0px; position:relative; font-size: 12pt; width:45%}
	#prev{display:inline-block; left: 0px; top: 0px; position:relative; font-size: 12pt;  width:45%}
	.navigation{height:auto}
	.cookie-old, .cookie-info { display:block!important; width:100%!important}
	.cookie-close {display:block!important; width:50%!important; margin:0.5em 6em;padding-top: 3px; padding-bottom: 3px;}
}

a.alignleft {float:left; margin:25px 0;}
a.alignright {float:right; margin:25px 0;}

/* ----------------------------------- */


#archivewrapper{
	height: 260px;
	width: 220px;
	/*#width: 300px;*/
	overflow: hidden;
	margin:0 0 2.5%;
	margin-right:1.2%;
	/*border: 1px solid #e1e1e1;*/
	padding-left: 0px;
	padding-right: 0px;
  background: #f1f1f1;

}

/*
#archivewrapper:nth-child(4n+4){

	margin-right:0;

}
*/

.archiveEntry{}

.archiveEntry h3{font-family:'open sans', arial, 'atgothicextendedExXLt',sans-serif!important; font-weight:bolder}
.archiveEntry h2{font-family:'open sans', arial, 'atgothicextendedExXLt',sans-serif!important; font-weight:bolder}


.pagenaviNav{
	margin: 10px 2px;
	/*border-bottom:1px solid #e1e1e1;*/

	}

#arc-lrge-wrapper{margin-bottom:1; margin-bottom: 1%; padding-bottom: 1.5%; /*border-bottom:1px dotted purple;*/ vertical-align: top; /*margin-right: 20px;*/}
#arc-large-story{width:450px;/*width:430px;*/ margin-right:1.2%; height:420px; display: inline-block; background:#eee; position: relative;}
#arc-large-story-tite{width:100%; /*height: 110px;*/ min-height:110px; max-height:138px;  position:absolute; bottom:0px; background:#063579; border-top:2px solid #eee }
.tag-lrg-img {overflow:hidden}
#arc-large-story img {width:450px; /*width:430px; height:350px; */ height:auto; }
#arc-smaller-story{ #height:350px; display: inline-block; position: relative; vertical-align: top; }
.arc-story-left{padding: 0; width: 100%; height: 140px; margin-right: 15px; border-bottom: 1px dotted #ccc;  margin-bottom: 1.2%; padding-bottom: 1%; overflow:hidden}
.arc-story-left p{color: #555; font-size:12.3px}
#arc-large-story-tite h3{font-family:'Ubuntu-m', sans-serif!important;font-weight: bold; font-size: 14pt!important}
.arc-story-left:last-child{margin-bottom:0; border-bottom: none}
.arc-left-thumb-wrap{/*margin-right:15px; width:170px;*/ height:130px; width:160px; overflow:hidden; float: left;}
.arc-left-thumbnail{ /*width:170px;*/width:150px; height:auto!important;}
.arc-story-left h3 {margin-top:0px; margin-bottom:0; font-family:'Ubuntu', sans-serif!important; }
.arc-story-left h3 a:link {color:#333}
.arc-story-left h3 a:hover {color:#23527c}

/* ----------------------------------- */

/* taxonomy page */


.tagpost {
	margin:0;
	padding:0;
	line-height: 16pt;
	text-align:left;
	color:#222;
	font-family: arial,sans-serif;
	}

.tagpost a{
	color:#000000;
	text-decoration:none;
}

.tagpost a:hover{
	color:#336699;

}


.taglist{
margin:20px 20px 0px 0px;
padding:20px 10px;
width:100%;
overflow:hidden;
}

.taglist p{
margin:0;
}

.taglist h2{
margin-bottom:10px;
padding:0;
font-size:20px;
font-family:Georgia;
}

.tag-thumbnail{
	width:220px;
	/*width:300px;*/
	height:auto;
}

.tag-img{height:150px; overflow:hidden}

/* ----------------------------------- */


/* comments */

#commentform{
	background:#fff;
	margin:0;
	padding:0;
	}

#commentform p{
	color: #333;
	}

#commentform a{color: #333; text-decoration: none; border-bottom: 1px dotted #465D71;line-height: 14pt;}

#commentform h3{
	font-family: arial;
	font-size: 10pt;
	font-weight: 300;
	color: #333;
	margin:0;
	padding:0;
	}

#comment{
	width:100%;
	}

#author, #email, #url, #comment, #submit{
	background: #fff;
	font-family: arial;
	font-size: 8pt;
	margin:5px 5px 0 0;
	padding:0;
	border: 1px solid black;
	}

#submit{
	margin:5px 5px 0 0;
	padding:10px;
	background:#FFD300;
	font-weight:bold;
}

#comments{margin:0; padding:0}

ol.commentlist {list-style-type: none; margin:0; padding:0;}

.avatar{float:left; margin:0 12px 0 0;}

ol.commentlist li {
	background: #fff;
	margin:10px 0;
	padding:5px 0 5px 10px;
	list-style-type:none;
	}

ol.commentlist li.alt {background: #eee;}
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}

ol.commentlist a {color:#333;}

cite {
	font-family: arial, verdana, tahoma;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	}

cite a{color: #333; text-decoration: none; border-bottom: 1px dotted #465D71;}

/* misc */

img.centered{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width:100%;
	height:auto;
	}

.aligncenter{
	display: block;
	margin-left: auto;
	margin-right: auto;
	/*width:100%;*/
	height:auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

@media (min-width: 950px) {
#mainframe {padding-top: 75px;}

/*
#sb-fixed-nav {position: fixed; margin-bottom: 0px;}*/
 nav#sb-fixed-nav.navbar.navbar-default.navbar-fixed-top.ssb-fixed-nav > nav#sb-fixed-nav.navbar.navbar-default.navbar-fixed-top.ssb-fixed-nav div#topbar-signup.container-fluid {display: none}

	.aligncenter{
		display: block;
		#float:left;
		margin:0 auto 20px auto;
		/*width:640px;*/
		width:auto;
		max-width:100%;
		/*max-width:640px;*/
		height:auto;
	}

	img.centered{
		display: block;
		margin:0 auto 20px auto;
		/*width:640px;*/
		width:auto;
		max-width:100%;
		height:auto;
	}
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   margin-bottom:15px;
   padding-top: 4px;
   /* margin: 10px; */
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}


.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 5px 4px 5px;
   margin: 0;
   font-style: italic;
}

/*
.wp-caption img.wp-caption{width:100%!important}

#content img.wp-caption{width:100%!important} */


.alignright {
	float: right;
	margin-left:10px;
	}

.alignleft {
	float: left;
	margin-right:10px;
	}

.size-medium{
	margin-bottom:10px;
	}



table {
	width:100%;
	background:#EEE;
	margin-bottom:10px;
	}

/*table tr {
	border-bottom:1px solid black;
	}*/


/* ****************** NEWS AND VIEWS ******************* */

.newsfeat {
    #width: 390px;
    border-right: 1px solid #CCC;
    margin: 0px 0px 5px 0px;
    padding-right: 10px;
}

.newsfeatdisplay {
    padding: 5px 0px;
    /*border-bottom: 2px solid purple;*/
    position: relative;
	min-height: 200px;
}

.newsfeatthumb {
    /*width: 380px;
    height: 350px;*/
	width: 100%;
	height:auto;
}

.overlay {
    margin: 5px 0px;
    padding: 5px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    background: rgb(200,200,200);
    background: rgba(200,200,200,0.9);
}

#featurecol {
    top: 0px;
    #width: 540px;
    /*border-right: 1px solid #CCC;*/
    margin: 0px 0px 5px 0px;
    padding-right: 10px;
}

.segment {
    display: table;
    height: 110px;
    #position: relative;
    overflow: hidden;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 2%;
}

.news-thumbnail {
    padding: 0px 10px 5px 0px;
    width: 150px;
    height: 150px;
    float: left;
}

.sbtvthumb {
    width: 80px;
    float: left;
    padding-bottom: 10px;
    padding-right: 10px;
}

.crap h1{

    border-left: 3px solid purple;
    padding-left: 7px;
}

#iba-logo{width:300px}


.article-box-out-wrapper {background:#bbbbbb; border:1px solid #444444;height:auto}

.article-box-out-wrapper h2 {padding:4px 8px}

.article-box-out {background:#eeeeee; padding:8px}

.mobile-show {display:none}

.top-leader-banner { margin:0.4em auto 2.5%}

/* SB AWARDS PAGE */

.sm-awards-logo{
  height:200px;
  display:block;
  width:100%;
  vertical-align: top;
  margin:0 auto;
  background:url('http://www.thespiritsbusiness.com/content/wp-content/themes/thespiritsbusiness/images/sm-awards-logo-2017.jpg');
  background-repeat:no-repeat;
  background-position: center center;
  background-size: 1000px 170px;}

/* ****************** BRAND CHAMPTIONS *************** */
/* menu */
	#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
	border: none;
	margin: 0;
	padding: 0;
	line-height: 1;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* First Level Menu */

#cssmenu {
	height: 37px;
	display: block;
	padding: 0;
	margin: 0 auto;
	border-radius: 5px;
	width: 100%;
	height:auto;
}
#cssmenu,
#cssmenu > ul > li > ul > li a:hover {
	height:auto;
background: #eaeaea; /* Old browsers */
background: -moz-linear-gradient(top,  #eaeaea 0%, #dbdbdb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eaeaea 0%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eaeaea 0%,#dbdbdb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eaeaea 0%,#dbdbdb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eaeaea 0%,#dbdbdb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */
}
#cssmenu > ul {
	list-style: inside none;
	padding: 0;
	margin: 0;
}
#cssmenu > ul > li {
	list-style: inside none;
	padding: 0;
	margin: 0;
	/*float: left;*/
	display: block;
	position: relative;
	border-bottom:1px solid #f1f1f1;
}
#cssmenu > ul > li > a {
	outline: none;
	display: block;
	position: relative;
	padding: 12px 20px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	text-transform:uppercase;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}
#cssmenu > ul > li > a:hover {
	background: #52999a;
  color:#black;
	/*color: #ffffff;*/
}
#cssmenu > ul > li:last-child > a {
	border-bottom:none;
}
#cssmenu > ul > li > a:after {
	content: '';
	position: absolute;
	top: -1px;
	bottom: -1px;
	right: -2px;
	z-index: 99;
	border-color: #3c3c3c;
}

/* Sub Level Menu */

#cssmenu ul li.has-sub:hover > a:after {
	top: 0;
	bottom: 0;
}
#cssmenu > ul > li.has-sub > a:before {
	content: '';
	position: absolute;
	top: 18px;
	right: 6px;
	border: 5px solid transparent;
	border-top: 5px solid #ffffff;
}
#cssmenu > ul > li.has-sub:hover > a:before {
	top: 19px;
}
#cssmenu ul li.has-sub:hover > a {
	background: #0a86d5;
	border-color: #0a86d5;
	padding-bottom: 13px;
	padding-top: 13px;
	top: -1px;
	z-index: 999;
}
#cssmenu ul li.has-sub:hover > ul,
#cssmenu ul li.has-sub:hover > div {
	display: block;
}
#cssmenu ul li.has-sub > a:hover {
	background: #0a86d5;
	border-color: #0a86d5;
}
#cssmenu ul li > ul,
#cssmenu ul li > div {
	display: none;
	width: auto;
	position: absolute;
	top: 38px;
	padding: 10px 0;
	background: #0a86d5;
	border-radius: 0 0 5px 5px;
	z-index: 999;
}
#cssmenu ul li > ul {
	width: 200px;
}
#cssmenu ul li > ul li {
	display: block;
	list-style: inside none;
	padding: 0;
	margin: 0;
	position: relative;
}
#cssmenu ul li > ul li a {
	outline: none;
	display: block;
	position: relative;
	margin: 0;
	padding: 8px 20px;
	font: 10pt Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}
#cssmenu ul ul a:hover {
	color: #ffffff;
}
#cssmenu > ul > li.has-sub > a:hover:before {
	border-top: 5px solid #ffffff;
}

.scroll-link{font-size:15px}

/* ----------   MARGINS AND GUTTERS --------- */

.no-lgutter {padding-left:0}
.no-rgutter {padding-right:0}
.no-gutter {padding-left:0; padding-right: 0}

/*@media screen and (max-width: 900px) { */


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

.mobile-show {display:block}

}

@media screen and (max-width: 1100px) /* Hand Held */ {
/*.mobile-show {display:block}*/
.relatedposts {width: 100%; margin:0.6em 1.5em 0 0.2em; float: left; font-size: 12px;}
.relatedposts h3 {font-family:'atgothicextendedExXLt',arial,sans-serif; font-size: 16px; margin: 0 0 0.2em 0 ; padding-left:1%; border-left:6px solid #F63 }
.relatedposts h2 {font-family:'atgothicextendedExXLt',arial,sans-serif; font-size: 16px; margin: 0 0 0.2em 0 ;}
.relatedthumb-container{margin: 0.625rem 1.800rem 1.800rem 0 ; width:226px; height:270px; border-bottom:1px solid #F63; background: #f4f4f4; display:inline-block; vertical-align:top; overflow: hidden;}
/*.relatedthumb { #float: left;  }*/
.relatedthumb-container:nth-child(3n+4){margin: 0.625rem 0rem 1.800rem 0; }
.relatedthumb img {margin: 0 0 0.3em 0; padding: 0; opacity:0.7; -webkit-opacity:0.7; -moz-opacity:0.7; width:226px; border:1px solid #eee; 	max-height:122px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s;  transition: all 0.3s;}
.relatedthumb img:hover{opacity:1; -webkit-opacity:1; -moz-opacity:1;  -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}
.relatedtitle {padding-top: 0.1875rem; padding-bottom: 0; word-wrap: break-word; font-family:'atgothicextendedExXLt',arial,sans-serif; font-size: 16px; padding-left: 10%; padding-right: 0.4rem;}
.relateddate{margin:1.6rem 0; padding-left: 10%; padding-right: 0.4rem; color:#666}
.relatedthumb a {font-family:'atgothicextendedExXLt',arial,sans-serif; font-size: 16px; text-decoration: none; display:block;  }
.relatedthumb a:hover {color: #000;}
}

@media screen and (max-width: 580px) /* Mobile */ {
nav#sb-fixed-nav.navbar.navbar-default.navbar-fixed-top {position: fixed!important;}
nav#sb-fixed-nav.navbar.navbar-default.navbar-fixed-top +  .smartbanner {margin-top:80px!important;}
.aligncenter {width:100%; max-width:auto;}
.mobile-hide {display:none}
.mobile-show {display:block}
#m-menu .dropdown-menu {background: #f6f6f6;}
.navbar-default .navbar-nav .open .dropdown-menu > li {border-bottom:0 transparent none;}
.relatedthumb-container{margin-top:1.3rem; width:100%; height:auto}
.relatedthumb-container:nth-child(3n+4){margin-top:1.3rem; width:100%; height:auto;}
.relatedthumb {float: none; padding-top:0;  margin: 0 auto 1em; }
.relatedthumb a  {margin: 1em auto; }
.relatedthumb img {margin: 0 auto; padding: 0; width:100%;  height:auto; }
.relatedthumb img:hover { -moz-transform: none; -webkit-transform: none; transform: none }
.relatedposts {float: none; padding:0 10px}
.features {height:auto!important;line-height: 28px!important}
div.row div.col-sm-4.col-md-4 a.scroll-link div.features{padding:5px 0; }
.scroll-link{font-size:18pt; color:#444; font-family: 'Ubuntu', sans-serif; font-weight: 900;}
#left-fix, #right-fix {display:none}
/*#m-menu > ul > li.dropdown.bc_dropdown > ul > li:hover {display:none!important}*/
/*#next{display:block; left: 0px;top: 0px;}
#prev{display:block; left: 0px; top: 0px;}
.navigation{height:auto}*/
div.fb > .fa, div.ing > .fa, div.lid > .fa, div.tw > .fa  {width: 26px; font-size: 26px; text-decoration: none; margin: 15px;}
#social-us {margin: 0 0px 10px!important;}
}

/* Portrait */
@media only screen
  and (min-device-width: 600px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1) {

.nav_button {margin:8px 0px 0 0px!important; padding:5px!important}
.comp-new-results {  border:0 none transparent!important; border-bottom: 1px dashed #dddddd!important; border-radius:0!important; -webkit-border-radius: 0!important }

}


@media screen and (min-width:901px) and (max-width:1248px){
#mainframe{margin:5px 5px 0  5px; padding: 15px 10px;}
}