/*
Theme Name: Talbot Inn
Template: flat-bootstrap
*/

/* @import url("../flat-bootstrap/style.css"); */



.post-edit-link {
    display: none;
}


.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}

nav.affix {
	box-shadow: 0 0 6px #aaaaaa;

}

/* Branding */

.branding-container {
    margin-bottom: 20px;
}

.branding-container .textwidget > a:not(.btn) {
    color: #444444;
}

.branding .crest {
	max-width:100px;	
}

.branding h2,  .branding a {
	text-transform: uppercase;	
	color: #666;
	letter-spacing:3px;
} 


/* venue & social nav */


.navbar.venue-nav  {
    margin-bottom: 20px;
	min-height: 40px;
}

.venue-nav  .navbar-nav > li > a {
    padding-bottom: 10px;
    padding-top: 10px;
	color: #DDD;
}

.venue-nav .navbar-nav > li.active > a, 
.venue-nav .navbar-nav > li.active > a:hover {
	background:transparent;
	color:#FFF;
}

#social_menu a {
    color: #DDD;
    display: inline-block;
    margin-top: 5px;
	padding:5px 10px;
}

#social_menu a:hover {
	color:#FFF;
}

#social_menu li:last-child a {
	padding-right:0;	
}


.site-header .navbar li:first-child a {
    padding-left: 0;
}


.site-header ul.navbar-right {
    margin-right: 0;
}


.site-header ul.navbar-right  .list-inline > li {
	padding-left: 0px;
	padding-right: 0px;
}

.site-header ul.navbar-right  .list-inline > li  a {
	padding:5px;
}

/* make the main menu centered etc */
#menu-top-menu-1 {
	display: inline-block;
	float: none;
	margin-bottom: -6px;
}


#menu-top-menu-1 li a::before {
	content: '';
	left: -26px;
	position: relative;
	border-left: 2px solid #e6e6e6;
	border-radius: 1px;
}

#menu-top-menu-1 li:first-child a::before {
	border-left: none;
}


#menu-top-menu-1 li a {
	padding-left: 26px;
	padding-right: 26px;
    letter-spacing: 1.2px;
	color: #637063;
}


 
#menu-top-menu-1 li.current-menu-item a, 
#menu-top-menu-1 li a:hover {
    color: #000000;
}

/* hide Ts and Cs link from top menu */
#menu-top-menu-1 li:last-child {
    display: none;
}

.navbar.navbar-static-top {
	margin-bottom: 0;
}
.navbar .navbar-collapse {
	text-align: center;
}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: rgba(0, 0, 0, 0);
    color: #444444;
}

 
 /* repositioned mobile nav */
 
 .mobile-nav {
    background: transparent;
/*  box-shadow: 0 2px 4px #dddddd;
*/  position: fixed;
	 top: 0;
     width: 100%;
     z-index: 100;
}


.mobile-nav  #menu-top-menu li a  {
	font-size:18px;
	padding-left: 30px;
	padding-right: 30px;
    letter-spacing: 1.5px;
	color: #706f67;
}


.mobile-nav .navbar-toggle {
    background: #ffffff none repeat scroll 0 0;
    border: 0 none;
    margin-right: 20px;
    margin-top: 10px;
    opacity: 0.75;
    padding-top: 13px;
}


.mobile-nav .mobile-navbar-collapse {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
}


.mobile-nav  .collapse.in #menu-top-menu li {
    opacity: 1;
}
.mobile-nav  #menu-top-menu li {
    opacity: 0;
    transition: all 0.4s ease all;
}

.mobile-nav #menu-top-menu {
	display: block;
	background-color: #FFF;
    margin-top: 0;
    padding-bottom: 30px;
    padding-top: 50px;
    text-align: center;
	opacity:0.95;
	 
}
 

.navbar-toggle .icon-bar {
    position: relative;
    transition: all 150ms ease-in-out 0s;
}


.navbar-toggle .icon-bar {
    background-color: #663366;
    border-radius: 1px;
    height: 3px;
    margin-bottom: 5px;
    width: 32px;
}

.navbar-toggle.active .icon-bar:nth-of-type(1) {
	  top: 8px;
	  transform: rotate(45deg);
	 
}

.navbar-toggle.active .icon-bar:nth-of-type(2) {
	  background-color: transparent;
}

.navbar-toggle.active .icon-bar:nth-of-type(3) {
	  top: -8px;
	  transform: rotate(-45deg);
}

.mobile-nav .navbar-toggle.active .icon-bar:nth-of-type(1), 
.mobile-nav .navbar-toggle.active .icon-bar:nth-of-type(3) {
    background-color: #663366;
}
 


 

/* homepage image-wrapper 100% width */
.home-image-wrapper {
	 min-height: 400px;
	max-height: 600px;
	overflow: hidden;
}

.home-image-wrapper img {
	width: 100%;
}

/* line spacing on top content */
.text-height-spaced {
	line-height: 200%;
}
/* button spacing */
#masthead .btn {
	margin-top: 20px;
}




p {
    line-height: 200%;
}

h2, h1 {
	text-transform: uppercase;
}



.home h3 {
    margin-bottom: 20px;
	 text-transform: uppercase;
}


.top-line h3 {
    padding-top: 20px;
}



/* Activities & Local Area */

.page-template-page-activities .entry-content > h2 {
    margin-bottom: 30px;
    margin-top: 30px;
}

 div.activity.top-line {
		padding-top:25px;
		padding-bottom:25px; 
 }

div.activity.top-line::before {
	top:0;
}

div.activity.top-line h3 {
	padding-top:0px;	
	margin-top: 13px;
}




 /* Reviews - overrides to plugin css */


.sidebar-home .section {
	padding:0;
}
.gr-reviews blockquote {
	 text-align: center;
    border: 0 none;
    font-size: inherit;
	margin: 0;
    padding: 0;
}



.gr-review .gr-author {
	margin-top:0;	
}
.gr-review .gr-author-text {
    font-style: normal;
   letter-spacing: 4px;
    text-transform: uppercase;
}
    
 .gr-author-name::before {
    border: 1px solid #b57f9f;
    content: " ";
    display: block;
    margin: auto auto 20px;
    width: 30px;
}

.gr-review-body p {
    display: inline-block;
    font-family: adobe-caslon-pro;
    font-size: 32px;
    font-style: italic;
    font-weight: normal;
}

.gr-review-body p::before, 
.gr-review-body p::after {
    color: #aa89a8;	 
	font-size: 250%;
    line-height: 0;
    vertical-align: text-bottom;
}

.gr-review-body p::before {
    padding-right: 30px;
	content: "\201C";
}

.gr-review-body p::after {
    padding-left: 20px;
	content: "\201D";
}

 
.gr-review  .gr-review-url {
    color: #999999;
    display: block;
    font-size: 12px;
    letter-spacing: 1px;
    margin-top: 1em;
}

.gr-review .gr-review-url:hover {
    color: #000000;
}

/* Middle Section, Things To Do */

.middle-section-home p {
    margin-bottom: 25px;
}



/* Front adverts */

.bottle-shop-advert {
	background-image: url('/images/localarea-map_v3.jpg?v=1');
	background-position:center center;
	background-size:cover;
	text-shadow:0 0 1px rgba(255,255,255,0.1);
	text-shadow:0 0 1px rgba(255,255,255,0.25),0 0 3px rgba(255,255,255,0.2),0 0 10px rgba(255,255,255,0.1);
	color:black !important;
}

.bramley-advert {
/*
    background-image: url('/images/background-advert-bramley.jpg');
	background-position: right center;
	background-repeat:no-repeat;
*/
}
.bramley-advert {
    background-image: url("https://www.beckfordarms.com/wp-content/uploads/2017/02/bramleyproducts-cutout250.png");
    background-position: 240px center;
    background-repeat: no-repeat;
    background-size: auto 410px;
}

.front-advert p {
	width: 45%;
}

.front-advert a {
    display: block;
    margin-top: 5px;
    text-decoration: underline;
}
.front-advert h4 {
    letter-spacing: normal;
	text-transform:uppercase;
}

div.front-advert div {
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    min-height: 400px;
    max-height: 400px;
    position: relative;
}

div.front-advert img.logo {
    position: absolute;
    left: 20px;
    bottom: 20px;
	max-height: 90px;
}

section {
    padding-top: 60px;
    padding-bottom: 60px;
}

section.bright-background {
	    background-image: url('/images/white_wall.png')

}

/* Logo Credits */

section.logo-credits {
   padding-bottom: 70px;
    padding-top: 10px;
}

section.logo-credits img {
    margin: auto;
    max-width: 800px;
    width: 100%;
}



/* footer menu actually */
#menu-top-menu-2 {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}

/* required to align top */
#menu-top-menu-2 > * {
    display: inline-block;
    width: 100%;
}

/* enable page to go full width */
#page, .navbar, .after-footer {
		 max-width: none;
}

/* walkthroughs */

.walkthrough-buttons .btn {
    margin-top: 15px;
    width: 100%;
}



.section-image-overlay, .cover-image-overlay {
	padding: 10%;	
}


/* MAIN pages */


hr {
	border-color:	#706f67;
}

.button-group .btn {
    margin-right: 10px;
	margin-bottom:5px;
}

.site-main {
    padding-bottom: 50px;
}

.section-image  {  
 	margin-bottom: 20px;
    padding-bottom: 40px;
    padding-top: 40px;
	background-position: center center;
	 }

.section-image h1, .cover-image h1 {
	  display:none;	
}	

.header-image-description {
    display: none;
}

.intro-area .img-responsive {
	width:100%;	
}


.gmap {
    height: 450px;
    margin-bottom: 40px;
    overflow: hidden;
}


.site-main h4 {
    margin-top: 20px;
}

.table.table-standard th {
    border-top: 0 none;
    color: #825570;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* BOOK online */


.page-template-page-bookonline  .site-header,
.page-template-page-bookonline header.content-header {
  display:none;	
}
 
.page-template-page-bookonline .site-content {
    background: #ffffff none repeat scroll 0 0;
}

.page-template-page-bookonline .entry-content , 
.page-template-page-bookonline header.content-header {
    text-align: center;
}




 /* Full width page styles - Privacy Policy */
 

.page-template-page-fullwidth  h1.page-title {
	text-transform: uppercase;	
	color: #666;
	letter-spacing: 3px;
	font-size: 30px;
	margin-top: 35px;
	}
	
 .page-template-page-fullwidth 	header.content-header {
    min-height: auto;
}
.page-template-page-fullwidth  .page-title {
    text-align: center;
}
.page-template-page-fullwidth  .row.intro-area {
    padding-top: 0;
}
	
.page-template-page-fullwidth  .row.intro-area li {
		line-height: 200%;
	}


/* Footer */

.after-footer {
	 /*border-top: 2px solid #c9c4b1;*/
	 background: #667161
}

#site-credits {
    padding-top: 0;
    text-align: center;
	 opacity: 0.75;
}

.superwire-credit img {
    opacity: 0.75;
}

.superwire-credit img:hover {
    opacity: 1;
	transition:0.2s ease all
}

footer #menu-social-menu .fa {
    min-width: 18px;
    text-align: center;
}


#secondary ul li, footer#colophon.site-footer ul li {
    margin-top: 7px;
}




/* Table booking system by stellasoft*/
a.lightbox img{height:150px;border:3px solid #fff;box-shadow:0 0 8px rgba(0,0,0,.3);margin:20px}
.lightbox-target{position:absolute;top:-100%;width:100%;background:rgba(238,238,238,.95);left:0;opacity:0;-webkit-transition:opacity .5s ease-in-out;-moz-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out;overflow:hidden; z-index: 1001;}
.lightbox-target img{border:3px solid #fff;box-shadow:0 0 8px rgba(0,0,0,.3);box-sizing:border-box;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;float:left;margin-right:12px}
.lightbox-container{max-width:1100px;margin:120px auto 0; text-align: center;}
a.lightbox-close{display: block; width: 60px; height: 60px; box-sizing: border-box; background: #73806e; color: #fff; text-decoration: none; position: absolute; right: 0; line-height: 66px; top: 0; text-align: center;}
a.lightbox-close:hover {background: #617b3a;}
.table-booking-info-wrap{padding: 0; font-size: 19px;}
a.fancybox-inline{color:#777}
a.fancybox-inline:hover{color:#fff;background-color:#a9a9a9}
a.fancybox-inline h3{font-weight:300;font-size:1.3em}
.table-booking{width:24.5%;float:left;margin-right:.5%;background:#fff; margin-top:-20px; margin-bottom:25px;}
h3.table-booking-name {margin:0!important; padding:0!important;}
.table-booking:hover a.fancybox-inline{text-decoration:none;color:#fff!important}
.lightbox-target:target{opacity:1;top:0;bottom:0}
.lightbox-target .table-booking-name{font-size:2em; text-align: center;color: #73806e;}
.widget-iframe {border: none; width: 300px; height: 564px; margin: 0 auto; position: relative; z-index:1}
.iframe-wrapper {padding-top: 21px;width: 300px; position: relative;margin: 0 auto; text-align:center;}
.iframe-loading {position:absolute; top: 50px; left:125px;color: #73806e;}
 @media screen and (max-width : 620px) {
 .table-booking-name{ display:none;}
  .table-booking-note{ display:none;}
 .lightbox-container{margin:70px auto 0;}

 }

/* lwd fix to lightbox burger conflict */

.lightbox-target:target  { z-index: 1001;  }
.lightbox-target { z-index: -5; }


/* lwd fix to smaller devices height issue */

.lightbox-target:target {
 min-height:100%;
 bottom: auto;
}
 
 

/* MEDIA QUERIES */



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

#menu-top-menu-1 li a {

    padding-left: 17px;
    padding-right: 17px;
}

#menu-top-menu-1 li a::before {
	 /* left: -20px; */
	 display:none;
}
}


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

#menu-top-menu-1 li a {
    padding-left: 12px;
    padding-right: 12px;
}

#menu-top-menu-1 li a::before {
	 display:none;
}

}

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

.branding-container {
    margin-top: 30px;
	margin-bottom:0;
}

#site-navigation  {
    display: none;
}

a.btn.btn-primary:focus {
    background: #000000 none repeat scroll 0 0;
}

.branding h2, .branding a {
	font-size:24px;	
}

#menu-top-menu li a::before {
	 display:none;
}

section {
    padding-bottom: 20px;
    padding-top: 30px;
}


.gr-review-body p {
	font-size:24px;	
}
.bramley-advert {
	margin-bottom:25px;	
    background-position: 180px center;
}
.front-advert p {
	width:66%
}

.address-bar {
	text-align:center;	
}


div.activity.top-line:nth-child(2) {
    padding-top: 0;
	
}

div.activity.top-line:nth-child(2)::before {
    border: 0 none;
 
}

.gmap {
    height: 350px;
}

.site-footer #menu-social-menu li {
    display: inline;
}

footer #menu-social-menu .fa {
    min-width: auto;
	 text-align: right;
}

.site-footer #menu-social-menu a {
    font-size: 14px;
    margin-right: 0px;
}

.superwire-credit {
    display: block;
    font-size: 90%;
    margin-top: 10px;
    text-transform: lowercase;
}

}


/* STELLASOFT TABLE BOOKING */

a.lightbox img{height:150px;border:3px solid #fff;box-shadow:0 0 8px rgba(0,0,0,.3);margin:20px}
.lightbox-target{position:absolute;top:-100%;width:100%;background:rgba(238,238,238,.95);left:0;opacity:0;-webkit-transition:opacity .5s ease-in-out;-moz-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out;overflow:hidden; z-index: 1001;}
.lightbox-target img{border:3px solid #fff;box-shadow:0 0 8px rgba(0,0,0,.3);box-sizing:border-box;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;float:left;margin-right:12px}
.lightbox-container{max-width:1100px;margin:120px auto 0; text-align: center;}
a.lightbox-close{display: block; width: 60px; height: 60px; box-sizing: border-box; background: #777; color: #fff; text-decoration: none; position: absolute; right: 0; line-height: 66px; top: 0; text-align: center;}
a.lightbox-close:hover {background: #777;}
.table-booking-info-wrap{padding: 0; font-size: 19px;}
a.fancybox-inline{color:#777}
a.fancybox-inline:hover{color:#fff;background-color:#a9a9a9}
a.fancybox-inline h3{font-weight:300;font-size:1.3em}
.table-booking{width:24.5%;float:left;margin-right:.5%;background:#fff; margin-top:-20px; margin-bottom:25px;}
h3.table-booking-name {margin:0!important; padding:0!important;}
.table-booking:hover a.fancybox-inline{text-decoration:none;color:#fff!important}
.lightbox-target:target{opacity:1;top:0;bottom:0}
.lightbox-target .table-booking-name{font-size:2em; text-align: center;color: #777;}
.widget-iframe {border: none; width: 300px; height: 564px; margin: 0 auto; position: relative; z-index:1}
.iframe-wrapper {padding-top: 21px;width: 300px; position: relative;margin: 0 auto; text-align:center;}
.iframe-loading {position:absolute; top: 50px; left:125px;color: #777;}