/*
Theme Name: the drinks business
Theme URI: 
Description: theme for thedrinksbusiness.com
Author: Union Press - MQ
version: 2.0
*/

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

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


					/**************************************************
					***************  Responsive Design  ***************
					***************  Media Set Up       ***************
					************************************************* */


/* ********************** Screen & Width **********************  */


@media screen and (max-width: 900px) /* Mobile */ {
.mobile-show {display:block}
.menu {font-size: 14px; text-align: left;}
#arc-large-story, #arc-large-story img {width:100%!important;  height: auto !important;} 
#arc-large-story {  display: block!important; margin-bottom: 3%; swidth:45%!important}
#arc-smaller-story{width:100%} 
.tag-lrg-img {/*height:550px; height:auto;*/ max-height: 600px;}
#new-prod-smaller-story{width:370px;}	
.new-prod-story-left, #new-prod-smaller-story{height:auto!important}
#sign-up-wrapper{background-position: left!important;}
#mc_embed_signup{width:60%!important}
#newsletter-description{text-align:left!important; margin-left:60px!important;}
}

@media (max-width: 850px) {
	#container-nav{padding-top:0px!important;padding-bottom: 0px!important;}
	#background{background:white;}

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

}


@media screen and (max-width: 699px) /* Mobile */ {
#new-prod-large-story{width:100%; overflow:hidden}
#new-prod-large-story img, #new-prod-smaller-story{width:100%}
.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;}
.relatedposts h3{border-left: 0px none transparent!important;}

}

@media (max-width: 580px) {
.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-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:500px!important}
.navbar-toggle{margin-right: 0px!important;}
#logo-2{margin-top: 15px!important;}
#logo-cn{margin-top: 15px!important;}
/*#logo-cn{margin-top: 0.5em!important; width: 100%;}*/
.wp-caption img {width:100%!important}	
img.alignleft, img.alignright {width:100%!important}

}

@media screen and (max-width: 500px) /* Mobile */ {
#mainframe { margin: 0px 5px 0 5px!important;}
.aligncenter {width:100%; max-width:auto;}
.our-team-container{margin: 5% auto;}
.secndrow{margin-t: auto}
.aligncenter {width:100%; max-width:auto;}
.mobile-hide {display:none}
.mobile-show {display:block}
.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}
.menu {font-size: 14px; text-align: left;}
/*.navbar-default{top: 0px!important;}*/
#our-team-wrapper{ margin-top:1%; margin-bottom: 1%;}
#new-prod-lrge-wrapper{width:100%; height:auto!important; margin-right:0px !important; margin-left:0px}
#new-prodwrapper {width:100%!important; display:block; border-bottom: 1px dashed #cccccc; margin: 0% 0% ; padding: 2.2% 0;}
.new-prod-thumbnail{width:35%; float:left; margin-right: 1.5%;}
.new-prod-story-left {margin-right:0px; padding: 1% 2.5%;}
.new-prod-seperator {display:none;}
.login-mobile{display:block!important}
.cookie-old, .cookie-info { display:block!important; width:100%!important; margin-left:0;}
.cookie-close {display:block!important; width:50%!important; margin:0.5em 6em;padding-top: 3px; padding-bottom: 3px;}
#left-fix, #right-fix {display:none}	

}



@media screen and (max-width: 450px) /* Mobile */ {
#archivewrapper, #arc-smaller-story, .tag-thumbnail {width:100%!important; height: auto!important;}
#arc-smaller-story, #arc-large-story {display:block!important; width:100%!important; }
.arc-left-thumbnail {/*width: 40% !important;*/width: 120px !important;}
.arc-story-left {height:auto!important; margin-bottom: 2.2%!important; overflow:visable!important;}
.arc-left-thumb-wrap{width: 130px!important; height:auto!important}
#arc-large-story-tite, #arc-large-story img {min-height: auto!important;max-height: auto!important;}
#arc-large-story-tite{position: relative!important; padding-bottom: 2%;}
#arc-lrge-wrapper, #arc-large-story{margin-right: 0!important; margin-bottom: 6%;}
.article-box-out-wrapper {display:none!important;}
#new-prod-large-story{height:250px; overflow: hidden;}
.new-prod-lrg-img{width:100%; height:auto;}
.leaderboard-wrap img {width:100% !important; height: auto !important}
.current-edition{display:none!important}
.switch-edtion{text-align:center!important; margin: auto; font-weight:bold}
#mc_embed_signup label {padding-bottom:0px}
.newsletter-heading{border-top:0px none transparent ;text-transform:uppercase;margin: 3.5%;}
#newsletter-description {padding-top: 22px!important; font-size: 16px;margin-left: -50px; text-align: center; }
.newsletter-type{display:none!important}
#sign-up-wrapper{background-position: top!important;}
.front-page-btn .col-xs-6 {padding-left:0px!important; padding-right:0px!important;}
.features{height:auto!important}
#db-reader-logo {width:100%!important;margin:3px 0px 3px 2px;}
#sign-up-wrapper{background-position: center;}
#mc_embed_signup .row{width:100%}
#newsletter-description{text-align:center!important;  margin-left:-50px!important}
#mc_embed_signup {width:100%!important}
.tag-lrg-img{min-height:200px!important; max-height:350px!important}
.tag-categories-mob{display:block}


}


/* ********************** Min Width **********************  */


@media (min-width: 451px) {

/*#content img  {#height:150px;}*/
.tag-thumbnail {height:156px;}
#arc-smaller-story{height:450px}
}

@media (min-width: 700px) {
      
	/*#header{height:70px;}*/
	#arc-lrge-wrapper{margin-right:0px}
	#arc-large-story-tite{bottom: 0px;  height: 150px;}
	/*body*/ #mainframe{padding-top:50px;}
	ul.this_menu li a {font-size:15px;margin: 0px 2px;padding:5px 5px;}
	#mainframe{margin:0px 5px 0  5px;padding:0px 10px;}
	#content{width:100%;}
	.rightbar{display:none;}
	/*#small_logo{display:none;}*/
	#logo{display:inline;width:300px;margin:15px 20px 0 8px;float:left;}
	#logo-2{display:inline;width:300px;margin:15px 20px 0 8px;float:left;}
	#logo-cn{display:inline;width:300px;margin:15px 20px 0 8px;float:left;}
	#header{height:70px;}
	.nav_button{padding: 9px 10px; margin: 10px 7px 8px 0;}
	.new-prod-thumbnail, #new-prodwrapper{width:250px; height:auto}
	nav.navbar {background: transparent;  box-shadow: none; border-bottom: 0 none transparent;}
}



.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;
  }
}

@media (min-width: 760px) {
    #mainframe{margin:20px 5px 0  5px;padding:0px 10px;}
	#top-banner{display:block;}
	.menu-item ul li {list-style-type:square}
	#logo-2{display:inline;width:300px;margin:5px 10px 0px -5px;float:left;}
	#logo-cn{display:inline;width:300px;margin:5px 10px 0px -5px;float:left;}
	#background {background:#ddd}

}


@media (min-width: 902px) {
#new-prodwrapper{width:300px; height:300px}
.new-prod-thumbnail {width:300px; /*height:200px*/}
.new-prod-img{height: 250px; overflow: hidden;}


}

@media (min-width: 902px) {
	#arc-smaller-story{width:340px; height:350px} 	
	.arc-story-left, arc-smaller-story {height:auto}
	.tag-lrg-img {height:350px;}
}


@media (min-width: 950px) {
      
	.aligncenter{
		display: block;
		margin:0 auto 20px auto;
		/*width:100%;*/
		/*max-width:100%;*/
		max-width:800px;
		height:auto;
	}
	
	img.centered{
		display: block;
		margin:0 auto 20px auto;
		width:640px;
		height:auto;
	}	
}	
	
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   margin-bottom:15px;
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   padding-top: 15px;
}


.wp-caption > .aligncenter {width:100%!important} /* ADDED 30 - 3 - 17 BY LS*/

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

.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;
	}
	

.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}

@media (min-width: 1000px) {
	#arc-smaller-story{width:440px;} 	
	#new-prod-smaller-story{width:550px}

}

@media (min-width: 1100px) {
	#arc-smaller-story{width:550px;}
}


@media (min-width: 1250px) {
	#arc-smaller-story{width:440px;} 
	.mobile-show {display:none!important}
	#logo-2, #logo-cn{width:420px;margin:0px 35px auto 5px; }
	#m-menu > .nav > li{padding: 0 7px}


}

@media (min-width: 1300px) {
	
	#mainframe{padding-top:40px; margin:20px auto 0 auto;}
	ul.this_menu li a {font-size:16px;margin: 0px 5px;padding:5px 5px;}
	/*#content{width:928px;padding-left:0;}*/
	#content{/*width:943px*/width:924px;padding-left:0;}
	.rightbar{display:inline-block;}
	#top-banner{display:block;}
	/*#logo{width:400px;margin:10px 40px 0 10px; }
	#logo-cn {width:400px;margin:10px 40px 0 10px; }*/
	.container-fluid{max-width:1273px; background:white}
	.job-ad-wrap {width: 24%;}
	div#single, .top-banner-row {margin-left:0; margin-right:0}
		
}




/* ********************** Max Width **********************  */

@media (max-width: 850px) {
      
	#subs_top_button{display:none;}
	#dbtv_top_button{display:none;}
	.job-ad-wrap {width: 50%; float:left}

	
}


@media (max-width: 700px) {

	body{background:white;padding-top:50px;}
	#mainframe{margin:40px 5px 0  5px;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%*/ height:auto;}
	#content .wp-caption{width:100% !important;}
	.rightbar{display:none;}	
	#logo{display:none;}
	/*#logo-2{display:none;}*/
	/*#small_logo{display:inline;width:70px;margin:0px;float:left;}*/
	#headlines img{display:none;}
	#headlines{width:100%;}
	#rightcol{display:none;}
	#header{height:40px;}
	#infobar{display:none;}
	#footer table{display:none;}
	.nav_button{padding: 9px 10px; margin: 10px 7px 8px 0;}
	#subs_top_button{display:block;}
	#dbtv_top_button{display:block;}

}

@media (max-width: 699px) {

#wpadminbar {
    position: fixed !important;
}
}

@media (max-width: 580px) {
      
	/*#subs_top_button{display:none;}*/
	#dbtv_top_button{display:none;}
	.tag-img {min-height:200px;max-height:350px}

	

}

/* 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;}*/
	.tag-lrg-img {height:auto;}


}


@media(max-width:500px){

	.numbers{
		display:none;
	}
	
	.short_numbers{
		display:block;
	}
		
	.navigation{
		height:30px;
	
	}
	#next{
	position:absolute;
	right:10px;
	top:0px; 
	z-index:1000;
	font-size:15pt;
	}
	#prev{
	position:absolute;
	left:10px;
	top:0px;
	z-index:1000;
	font-size:10pt;
	}

}


@media (max-width: 900px){

	#login_label{display:none;}
	.mobile-show {display:block}
	.relatedposts {width: 100%; margin:0.6em 1.5em 1.5em 0.2em; float: left; font-size: 12px;}
	.relatedposts h3 {font-family:'atgothicextendedExXLt',arial,sans-serif; font-size: 16px; margin: 0 0 0.2em 0 ; /* border-left:6px solid #F03*/ }
	.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;}	
	.menu {text-align: left;}

}


/*@media (min-width: 1250px) {
	
	.rightbar{display:block; width:100%}
	#top-banner{display:block;}
	#logo{width:400px;margin:10px 40px 0 10px; }
	.container-fluid{max-width:1273px;}
	.job-ad-wrap {width: 24%;}
	.mobile-show {display:none!important}

		
}*/

/* basics */

*{margin:0; padding:0;}

body {width:100%; font-family:arial, sans-serif;}
	
h1 {font-family: 'atgothicextendedExXLt',arial,sans-serif; font-size: 18pt;text-align:left;color:black;}
h2 {font-size: 10pt;padding:5px 10px;margin-bottom:4px;}
h3 {font-family: 'atgothicextendedExXLt',arial,sans-serif;font-size: 12pt;text-align:left;padding:0px 0px 2px 0px;}
/*h3 {font-family: 'atgothicextendedExXLt',arial,sans-serif !important;font-size: 12pt;text-align:left;padding:0px 0px 2px 0px;} */
h4 {font-size: 9pt;}		
img {border:none;}
img a{text-decoration:none;}x
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; margin: 5px 0px 0 5px; 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;}
.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: 'Arial Narrow', arial;
	text-decoration:none;
}

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

/* mainframe */

.canvas {
  position: relative;
  right: 0;
  z-index: 2;
  min-height: 100%;
  background: #fff;
}

.btn-flat {
    filter:progid:DXImageTransform.Microsoft.Gradient(enabled='false');
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-image:none;
    border:0;
}

.form-control{
	font-size:16px;
}


.lr_borders {
	padding: 20px 15px 0px 15px;
	/*border-left:1px #ccc solid;
	border-right:1px #ccc solid;
	line-height:16px;*/
	}
	
	
.rb_thumbnail{

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

}

.mostsect h3{

	margin:0;

}

/* --------------------------------------------- */
	
#top-banner{
	/*#width:728px;
	#max-height:100px;
	#margin-bottom:40px;
	*/
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	padding-right:0;
	background:white;
	color:#333;
/*	text-align:center; */
	}
	
#single{background:white;}

#page{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;
}
#logo-2{ 
	border:none;
	position: relative;
}

#logo-cn{ 
	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 */

.this_menu li{list-style-type: none;
	float:left;
	margin: 0;
	padding:0;}
	
.new_menu li{
	float:left;
	border-right:2px solid white;
	padding:0 5px;
	margin:0 2px;
	/*font-size:12px;*/
}

.new_menu a{
	color:white;
}
.new_menu .dropdown-menu{
	color:black;
}

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

#new_menu li{text-transform: uppercase;}

#new_menu li:hover{color:#DBC8F5; 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;
}


/* 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;
}


.grey-sub-menu{
  height:25px;
  background:#BBB;
  margin-top:3px;
  padding:3px 10px;
  color:white;
  letter-spacing:3px;
  font-weight:500;
  overflow:hidden;
	
}

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

}

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


.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: arial, 'open sans', sans-serif;
/*	font-family: 'Arial Narrow', arial;
	font-weight: bold;*/
}

.nav > li > a {
	
	padding: 10px 10px;
}

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

#m-menu > .nav > li {
	
	border-right:1px solid #efefef;

}


#responsive-submenu{overflow:hidden;height:25px;background:#bbb;margin-top:0px;padding:3px 10px;color:white;letter-spacing:3px;font-weight:500;}
	
/* footer */
	
#footer{
	font-size:12px;
	background:white;
	/*border-top:1px dotted #BBB;*/
	font-family:Georgia;
	/*margin-left: -5px;
	margin-right: -5px;*/
	}
	
#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;
	font-family: Arial, Helvetica,sans-serif;
    font-size: 12px;
	/*width:100%;  addd 31-3-17 - LS */
	}
	
#footer ul{
	margin-top:20px;
	margin-bottom:10px;
	}


/* --------- cookies ---------- */

	
#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;
transition: transform .3s;}

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

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

.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:white; text-align:center; font-size:12px; }




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

.page {
	position:relative;
	}

/* LS NEW RIGHT BAR ADDITIONAL */
.rightbar{
	top: 0;
	/*right: 5px;
	width: 304px;
	margin: 0 0px 10px 1px;
	margin: 0 0px 10px 31px;
	font: 14px normal Georgia;*/
	border-left: 1px dotted grey;
	padding-right: 0px;
	/*display:inline-block;
	width: 304px;
	margin: 0 0px 10px 25px;
	right: 15px;
	padding-left: 15px;

	*/
	}
	
/*	
.rightbar{
	position:absolute; 
	right:15px; 
	top:0; 
	width:315px;
	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:#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;
	}

.post h1{
	font-size:24px;
	text-transform:uppercase;
	padding:0px 0px 20px 0px;
	margin:10px 0 0px 0;
	#border-bottom: 2px dotted #555;
	border-bottom: 1px dotted red;
	font-family: 'atgothicextendedExXLt',arial,sans-serif;
	color:#000;
	}
	
.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: Georgia;
	}
	
.standfirst{
	background:#DDD;
	margin:12px 0; !important;
	padding:10px !important;
	line-height: 20pt !important;
	font-size:16px !important;
	font-family: Georgia !important;
	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-top:1px solid #CCC;
	border-bottom:1px solid #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;
}

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


/* New Rightbar Single Page */
.cls-stor-container{ border-bottom:1px dotted #ccc; max-height: 128px;overflow: hidden; }
.l-stor-container a:link {text-decoration:none}
.l-stor-container a:hover {color:#337ab7!important; /*text-decoration:underline!important*/}
.rightbar-stories-img {padding: 0; float: left; width:130px; height: 72px; margin-right:15px; border:1px solid #ccc}
.jobs-img{padding: 0; float: left;margin-right:15px; border:1px solid #ccc}
.rightbar-stories-excerpt {font: 11px normal arial,verdana}
.r-awards {margin-bottom:3%; border-bottom:1px dotted #ccc; overflow:hidden}
.r-awards p {font-family:'atgothicextendedExXLt', arial,verdana}
.r-jobs {margin-bottom:0%; border-bottom:1px dotted #ccc; overflow:hidden}
.r-jobs h3 {margin-top:1%; margin-top:2%}
.nav-tabs {border-bottom: 3px solid red;}
.nav-tabs > li {background: #eee;}
.nav-tabs > li.active > a:active, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {/* background: red; color: white;*/ }
.nav-tabs > li.active > a:active, .nav-tabs > li.active > a:focus {background-color: red; color: white;  border: 1px solid red; }
.nav-tabs > li > a {margin-right: 0px; /*color:white*/}
.result-wid {width: 50%;}
.upcoming-wid {width: 50%;}
hr{margin:0px}
h3 {font-size:14px!important; font-family:'open sans', arial, 'atgothicextendedExXLt',sans-serif!important }
.more-news {	
padding: 5px 10px;
margin: 2% 0px 5% 5px;
text-align: right;
font-size: 14px;	
width: 100%;
color:black;
text-transform:uppercase;
font-family:arial, 'atgothicextendedExXLt',   sans-serif !important;
}

.rightbar-title-container{

float: left;
width: 140px;
vertical-align: top;
margin-top: -10px;	
}

.d-break- {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

 /*  -ms-word-break: break-all;
  This is the dangerous one in WebKit, as it breaks things wherever 
  word-break: break-all;*/
  /* Instead use this non-standard one: 
  word-break: break-word;*/

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}

	
	
/* WHO WE ARE PAGE - LS */

#our-team-wrapper{margin-top:25px; margin-bottom:20px}
.our-team-container {display:block; height:400px; width:280px; background:#1e1e1e}
.our-team-image {overflow:hidden}
.our-team-text-wrap {position:absolute; bottom:0; height:100px; width:280px; background:#f1f1f1; overflow:hidden; cursor:pointer}
.our-team-text-wrap:hover{-webkit-transition: height 0.5s ease; transition: height 0.5s ease; -moz-transition:height 0.5s ease; height:380px; opacity: 0.8; -webkit-opacity:0.8; -moz-opacity:0.8}
.team-name {font-size: 23px; font-weight:bold; margin-bottom: 5px; margin-top: 15px; color: #444; text-align: center;}
.team-role{ font-size: 18px; margin-top: 5px; color: #999999; text-align: center;}
.team-excerpt{font-size: 14px; color: #444; padding-left:4px; text-align: center; padding-right:4px}
.team-read-more{font-size: 14px; color: black; text-align:center}
.our-team-small-wrapper {padding-left:15px; padding-right:15px}
.our-team-small-wrapper .row{ margin-bottom: 5px; margin-top: 5px; border-bottom:1px dashed #e1e1e1}
.our-team-cat h2 { font-size: 18px; color: #444; }
.our-team-small::before {content: ' ▪ '; color:red}		
.secndrow{margin-top:12px}

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

/* archive */

.pagetitle{
	/*font:26px normal Georgia;
	border-bottom:1px solid black;
	margin-bottom:20px;*/
	margin-top: 10px;	
	
	}

#archivewrapper{
	height: 265px;
	width: 220px;
	/*#width: 300px;*/
	overflow: hidden;
	margin:1.5% 0;
	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}	
	
.pagenaviNav{
	margin: 10px 2px;
	/*border-bottom:1px solid #e1e1e1;*/

	}

#arc-lrge-wrapper{margin-bottom:1; margin-bottom: 2%; padding-bottom: 2.5%; border-bottom:1px dotted red; 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:rgba(225, 225, 225, 1); border-top:2px solid red }
.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:'open sans', arial, 'atgothicextendedExXLt',sans-serif; font-weight:bolder}
.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:'open sans', arial, 'atgothicextendedExXLt',sans-serif!important; font-weight:bolder}	
.arc-story-left h3 a:link {color:black}
.arc-story-left h3 a:hover {color:#23527c}
	
/*	
.pagetitle h1 {	
	font-size:font-family: 'atgothicextendedExXLt',arial,sans-serif;
	font-size: 24px;
}

.archiveEntry{
	padding:10px;
	border-bottom:1px solid black;
	}
	
.pagenaviNav{
	margin:10px;
	}*/
	
/* ----------------------------------- */	

/* 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;
	/*float:right;  addd 31-3-17 - LS */
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	/*float:left;  addd 31-3-17 - LS */
	}

/* Subscription ONLY */

.category-subscription h1{border-left:3px solid red; padding-left:5px}
/*.category-subscription h1::before {  content: "\10148";}*/
.category-subscription .fa, .recent_article .fa{font-size:25px;}
.recent_article .fa{color:red}



/********** NEW FRONT PAGE MAILCHIMP DESIGN  **********/

.newsletter-heading{border-top:1px solid #eee;text-transform:uppercase;margin-top:40px;}
#newsletter-description {padding-top: 38px; font-size: 18px;margin-left: -50px; text-align: center; }
#sign-up-wrapper{background-position:center;}
.current-edition, .switch-edtion{ display:inline-block}



@media screen and (min-width:450px) and (max-width:600px){
	.tag-img {min-height: 165px;}	
}	
@media screen and (min-width:500px) and (max-width:754px){
	#archivewrapper{width: 48%; margin-right: 1%;}
	.tag-thumbnail{width: 100%;}
}

@media screen and (min-width:560px) and (max-width:824px){

.new-prod-story-left{padding: 2% 2%;}
.new-prod-img{width: 100%;overflow: hidden;height: 200px;}
.new-prod-thumbnail{width:100%}
#new-prodwrapper{width:32%}
}


@media screen and (min-width:680px) and (max-width:824px){
#new-prod-large-story{height: auto; width: 250px;}
#new-prod-large-story img{/*width: 250px;*/width: 300px;}
#new-prod-smaller-story{width:350px}
.new-prod-lrg-img{ overflow: hidden; height: 300px; width: 250px;}

}

@media screen and (min-width:901px) and (max-width:1000px){

#new-prod-smaller-story{width:370px;}	
.new-prod-story-left, #new-prod-smaller-story{height:auto}
.new-prod-lrg-img{width:350px; overflow:hidden}

}


/* MailChimp Form Embed Code - Slim - 12/15/2015 v10.7 */
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; letter-spacing:.03em; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto; transition: all 0.23s ease-in-out 0s;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}     
#mc_embed_signup .clear {clear:none; display:inline;}

#mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
#mc_embed_signup input.email {font-family:"Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif; font-size: 15px; display:block; padding:0 0.4em; min-height:32px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#mc_embed_signup input.button {display:block; width:35%; margin:0 0 10px 0; min-width:90px;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

.frnt-mc-email {width: 81%; margin: 0px auto 15px; background: white; border: 1px solid #ccc; font-weight:border; border-radius: 0; -webkit-border-radius: 0;}

#mc_embed_signup{background:transparent; clear:left; font:14px Helvetica,Arial,sans-serif; }