
/* BOOTSTRAP  */

.row{/*margin:0;*/}
.no-margin{margin:0;}
.no-padding{padding:0}
.no-padding-left{padding-left:0 !important;}
.no-padding-right{padding-right:0 !important;}
.spacer-10{margin:5px auto}
.spacer-20{margin:10px auto}
.spacer-30{margin:15px auto}
.spacer-40{margin:20px auto}


/*  HEADER REGION  */

body { background-color:#ffffff; }
h1{letter-spacing: -1px; line-height: normal; }
h2{letter-spacing: -1px; line-height: normal; }
header {position: relative; background-color: #002339; letter-spacing: -1px; width: 100%;}

.container-main-content a:link, .container-main-content a:visited {
    color: #ea5042;
	font-weight: bold;
}

.intro-over-pic p a {
    color: #ea5042;
    font-weight: bold;
}

/*#heading-container {
    height: 160px;	
} */




/* LOGO */

#LWF_Logo {margin-right: 0; margin-top: 0; position: absolute; z-index: 1; clear: both;}

#LWF_Logo img {width: 100%;height: auto;}

header>div#heading-container>.anniversary-stamp { display: block; position: absolute; z-index: 1; right: 30px; bottom: 30px; width: 160px; padding: 20px; margin: 0; }

.anniversary-stamp img {width: 100%; height: auto;}


/* NAVBAR */

.navbar { border-radius:0; z-index: 2; width: 100%; }
.navbar-default{background-color: #ea5042;border-color:#ea5042;}

.navbar-default .navbar-nav>li>a {
  font-family: 'open_sansbold', arial, sans-serif;
  font-size:14px;
  color:#ffffff;
  padding-left: 10px;
  padding-right: 10px;
}
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover
{
    color: #fff;
    background-color: #002337;
}

ul.nav li.dropdown:hover ul.dropdown-menu{
	display: block;
}



/* SOCIAL */


.social-btn { 
    display: inline-block;
    position: relative;
    cursor: pointer;
    width: 32px;
    height: 32px;
    border:0;
    padding-right: 0px;
    margin-right:6px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.8em;
    border-radius: 27px;
    -moz-border-radius:27px;
    -webkit-border-radius:27px;
    
}
.social-btn:hover { 
    text-decoration:none;
    color: #fff;
    background: #002337;
}
.facebook-btn{background: #fff;}
.facebook-btn:before{ color:#ea5042;font-family: "FontAwesome";content: "\f09a"; }
.twitter-btn{background: #fff;}
.twitter-btn:before{color:#ea5042;font-family: "FontAwesome";content: "\f099"; }
.linkedin-btn{background: #fff;}
.linkedin-btn:before{color:#ea5042;font-family: "FontAwesome";content: "\f0e1";}
.instagram-btn{background: #fff;}
.instagram-btn:before{color:#ea5042;font-family: "FontAwesome";content: "\f16d";}

.navbar-social {
   margin-top:8px;
}

/* CTA PANEL */

.cta-panel{font-family: 'open_sansregular', arial, sans-serif;font-size:24px;color:#ffffff; line-height: normal;}
.cta-panel p, .cat-panel span { margin: 0; }
.cta-panel .strapline { font-family: 'open_sanssemibold', arial, sans-serif; text-transform: uppercase; color: #002337; line-height: normal; }
.cta-panel .event-date { font-family: 'open_sansbold', arial, sans-serif; color: #ffffff;  border-right: 1px solid #ffffff; padding-right: 16px; margin-right: 8px; }
.cta-panel .event-location,.cta-panel .event-new-location { font-family: 'open_sanssemibold', arial, sans-serif; color: #ffffff; }
.cta-panel .event-location {border-right: 1px solid #ffffff;padding-right: 16px;}
.cta-panel .exhibit-cta a{ 
	font-family: 'open_sanssemibold', arial, sans-serif; 
	text-decoration: none; 
	border: 2px solid #ffffff;
	padding: 6px; 
	font-size: 20px;
}

a.cta-exhibiting{
	/* display:none; */
	color:#ffffff;
}

body.page-1054 a.cta-exhibiting{
	display:inline-block;
}

a.cta-registration,
a.cta-exhibiting:hover{
	color:#ffffff;
	background-color:#ea5042;
	border-color:#ffffff;
	transition:0.3s;
}

p.exhibit-cta a.cta-registration:hover{
    color: #ffffff;
    text-decoration: none;
    border: 2px solid #ffffff;	
	background-color: #002337;
}

.cta-panel-mobile{text-align:left;}
/* .cta-panel-768{height:60px;line-height:60px;} */
.btn-cta{background-color:#d94037;color:#fff; }
.btn-cta:hover, .btn-cta:focus{ background-color:#bc362e; color:#ffffff;} 
.btn-register-2 {
    margin-left: 34px;
}



/* NEWSLETTER SIGNUP PANEL  */

.newsletter-signup-panel { background: #F0E640; margin: 0 auto; width: 100%; position: relative; z-index: 1; }
.newsletter-signup-panel form div div input.form-control { border-radius: 0; }
.newsletter-signup-panel form div div input.form-control::placeholder { color: #002337; }
.newsletter-signup-panel form div.col-lg-4 { padding-left: 0; padding-right: 0; }
.newsletter-signup-panel form div.col-lg-4:first-child { padding-right: 10px; }
.newsletter-signup-panel form div.col-lg-4:last-child { padding-left: 10px; }
.newsletter-signup-panel form .btn-sign-up {  
	display: block;
	background: #f0e640;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #002337;
    border: 1px solid #002337;
    border-radius: 0;
	position: relative;
	top: 20px;
 }


.newsletter-signup-panel form .btn-sign-up:hover
{  
	color:#ffffff;
	background-color:#ea5042;
	transition:0.3s;
 }




/* HOMEPAGE BACKGROUND VIDEO */


	/*  stops video loading on other content pages  */


	.video-panel {
		display: none;	
	}


	.page-1054 .video-panel {
		display: block;
		overflow: hidden;
		position: relative;
		}

    .videoContainer {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	#hero {
		position: relative;
		background: url(/media/1387/fallback-pic.jpg) no-repeat;
		background-size: cover;
		}
	iframe {
		/* optional */
		width: 100%;
		/* height: 100%; */
		}











/* MAIN CONTAINER */
.row-main-content { margin: 0 auto; padding: 0; }
.h1-title { text-transform: uppercase; }



#main-content {
    padding:10px;
}


/* FOOTER */

footer { width: 100%; height: 530px; background-color: #f0e640; position: relative; }

footer div div.container { background: url(/Media/Images/bg-footer-blocks.png) right 26px no-repeat scroll; margin: 0 auto; height: 325px; }


.row-footer {
    padding: 0;
	color: #002337;
}


.footer-info { text-align: left; padding-bottom: 30px; }


.col-footer{margin-bottom:30px;padding:0 40px;}
.footer-title{
	font-family: 'open_sansbold', sans-serif;
	text-transform: uppercase;
	letter-spacing: -1px;
    font-size:22px;
    padding-bottom:10px;
}


/*.btn-sign-up { padding:8px 20px; border-color:#ababab;border-radius:6px;color:#ffffff;} */
.form-group {padding: 10px 0; margin: 10px 0;}
.footer-date{font-size:18px;line-height:16px;}
.footer-email{margin:12px 0;}
.footer-email a, .footer-email a:hover{color:#ea5042;font-size:20px;}
.footer-copyright{font-size:14px}




/*What's on*/
.thumbnail-whatson{
	padding:0;
	overflow:hidden;
	box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.2);
	position:relative;
	border:none;
}

.thumbnail-overlay{
    font-family: arial, sans-serif;
    position: absolute;
	color: #FFF;
    height: 60px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: rgba(0, 35, 45, 0.6);
    transition: 0.2s height;
    text-align: center;
    vertical-align: text-bottom;
    padding-top: 14px;
}

.thumbnail-whatson:hover > .thumbnail-overlay{
	height:100%;
}

.thumbnail span.caption{
	font-size:22px;
	color: #FFF;
}

p.summary{
	padding-top:12px;
	font-size:14px;
}

/*Programme*/
.row-programme{
	padding-left: 8%;
    padding-right: 8%;
}

.table>tbody>tr>td.programme-entry-time{
	width: 80px;
    vertical-align: middle;
}



/*  CTA in main body copy area  */


#main-content p.exhibit-cta { }

#main-content p.exhibit-cta a { 

padding: 12px; 
font-size: 22px;
font-family: 'open_sanssemibold', arial, sans-serif; 
	text-decoration: none; 
	border: 2px solid #002337;
	color: #002337;
	background-color: rgba(0,0,0,0);
	border-color:#002337;
	transition:0.3s; 
}


#main-content p.exhibit-cta a:hover {
    color: #ffffff;
    text-decoration: none;
    border: 2px solid #002337;	
    background-color:#ea5042;

}

/* Drinks business page heading */

.page-1404 .headline-panel div.container.container-main-content h1.h1-title {
    text-transform: initial;
	width: 80%;
}

/* 'What's On' page */


.page-1362 table tbody tr td {
	padding: 20px;	
}

