/* -----------------------------------------------------------------------
 ** Created by Adam Stanley - CEC Web Team
 ** Main font colour #000000
 ** Default link colour #990033
----------------------------------------------------------------------- */

body {
font-family: 'Open Sans', sans-serif;
color: #000;
font-size: 16px;
}

.updatebrowser {
background-color: #fff;
text-align: center;
padding: 10px;
border-bottom: 2px solid #aa272f;
margin-bottom: 15px;
font-size: 1.4em;
}

img {  height: auto;  max-width: 100%; } 

.Paragraph,p {
font-family: 'Open Sans', sans-serif;
}

.Heading1,h1{
	font-family: 'EB Garamond', serif;
	font-size: 30px;
	font-weight:bold;
	color: #7a744a;
	letter-spacing:2px;
}
.Heading2,h2{
	font-family: 'EB Garamond', serif;
	font-size: 22px;
	font-weight:bold;
	color: #7a744a; 
	letter-spacing:2px;
}
.Heading3,h3{
	font-family: 'EB Garamond', serif;
	font-size: 20px;
	font-weight:bold;
	color: #000000;
	letter-spacing:2px;
}
.Heading4,h4 {	
	font-family: 'EB Garamond', serif;
	font-size: 18px;
	font-weight:bold;
	color: #000000;
	letter-spacing:2px;
	}

.ticketsnavlink {
    border: 1px solid #ffdd00;
    background-color: #ffdd00;
    border-radius: 30px;
    margin-left: 10px;
    color: #000!important;
}

a.ticketsnavlink:hover {
    border: 1px solid #9d4e74;
}

.navbar-default {
background-color: transparent;
border: none;
}

.navbar-default .navbar-nav>.open>a {
	background-color: #9d4e74;
    color: #fff;
}

.dropdown-menu {
    padding: 0 10px 10px 10px;
}

.dropdown-menu ul {
    padding-left: 0;
}

.navbar-nav>li>.dropdown-menu {
	background-color: rgba(157, 78, 116, 0.85);
	color: #fff;
	font-size: 16px;
}

.header-row-container:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100px;
    background-color: #333;
    left: 0;
    background: linear-gradient(to bottom, #333 0%, rgba(0, 0, 0, 0) 100%);
}

.header-row {
	position: absolute;
	z-index: 10;
	margin-top:20px;
	width: 98%;
}

ul.nav.navbar-nav.topmenu {
    font-size: 18px;
}

.row.heroimage {
    margin-right: 0;
    margin-left: 0;
    position: relative;
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
	text-transform: uppercase;
}


.dropdown-menu li {
    list-style-type: none;
    padding-top: 10px;
}

.dropdown-menu li a {
    color: #fff;
}

.dropdown-menu p {
    padding-top: 10px;
}

.tattonheaderlogo {
	max-width: 150px;
}

.whatsonimage {
    margin-bottom: 15px;
}


.followusbutton {
	float: left;
    width: 10%;
    text-align: center;
    max-height: 220px;
}

.followusbutton a {
    background-color: #4D799D;
    display: block;
    color: #fff;
    padding: 65% 0 61% 0;
}

.followusbutton .fab {
    font-size: 20px;
    margin-top: 5px;
}

.socialpostscontainer {
    margin-top: 30px;
}

.instafeedimage {
    max-height: 220px;
    max-width: 22.5%;
    float: left;
    overflow: hidden;
}

.enewsbutton, .facebookbutton, .twitterbutton, .instagrambutton {
    width: 25%;
    float: left;
}

.enewsbutton a {
    background-color: #9d4e74;
    display: block;
    text-align: center;
    padding: 20px;
	color: #fff;
}

.facebookbutton a {
    display: block;
    text-align: center;
    background-color: #3b5998;
    padding: 20px;
	color: #fff;
}

.instagrambutton a {
    padding: 20px;
    display: block;
    text-align: center;
    background-color: #4D799D;
	color: #fff;
}

.twitterbutton a {
    display: block;
    text-align: center;
    padding: 20px;
    background-color: #147AC8;
	color: #fff;
}

.seasonalpromo .col-md-6 {
    margin-bottom: 20px;
}

.seasonalpromo h3 {
    position: absolute;
    bottom: 0;
    background-color: #587E75;
    padding: 20px;
    color: #fff;
    width: 90%;
}

.seasonalpromo a {
    color: #fff!important;
}

.gutterlogos {
    background-color: #f3d2e2;
    margin-top: 15px;
}

.gutterlogos img {
    margin-bottom: 10px;
    margin-top: 10px;
}

/* Homepage events  */

#HPEventListing_List .sys_subitem {
    float: left;
    width: 25%;
    padding: 10px;
    min-height: 380px;
}

#HPEventListing_List img {
    float: none;
    padding: 0;
}

#HPEventListing_List .sys_subalternatingitem {
    background-color: #fff;
}

#HPEventListing_List dt.sys_events-date, #HPEventListing_List dt.sys_events-time {
    display: none;
}

/***************************************Links*****************************************/

/*content links put a standard blue hyperlink within the page which underlines in the 'hover' state*/
.maincontent a:link {text-decoration: none; color: #990033; border-bottom: 1px solid rgba(153, 0, 51, 0.4); transition: border-bottom 0.5s;}
.maincontent a:visited {text-decoration: none; color:#990033;}
.maincontent a:active {text-decoration: none; color:#990033;}
.maincontent a:hover {text-decoration: none; color:#990033; border-bottom: 1px solid #990033;}
.maincontent a:focus {background-color: #91192b; color:#fff;}
/* Home page seasonal promo links */
.seasonalpromo h3 a {border-bottom: 1px solid #ddd !important;}
/*Top menu links. Underline white text with the 'hover' state*/
.toplinks a:link, .toplinksright a:link {text-decoration: none; color: #000}
.toplinks a:visited, .toplinksright a:visited {text-decoration: none; color:#000}
.toplinks a:active, .toplinksright a:active {text-decoration: none; color:#000}
.toplinks a:hover, .toplinksright a:hover {text-decoration: underline; color:#000;}
.toplinks a:focus, .toplinksright a:focus {background-color: #91192b; color:#fff;}
/*styling for about us on homepage*/
.aboutlink a:link {text-decoration: none; color: #990033}
.aboutlink a:visited {text-decoration: none; color:#990033}
.aboutlink a:active {text-decoration: none; color:#990033}
.aboutlink a:hover {text-decoration: underline; color:#990033;}
.aboutlink a:focus {background-color: #91192b; color:#fff;}
/*Gutter links*/
.gutterleft a:link {text-decoration: none; color:#000;}
.gutterleft a:visited {text-decoration: none; color:#000;}
.gutterleft a:active {text-decoration: none; color:#000;}
.gutterleft a:hover {text-decoration: underline;}
.gutterleft a:focus {background-color: #91192b; color:#fff;}
/*Footer links. Underline white text with the 'hover' state*/
.footmenu a:link {text-decoration: none; color: #FFF}
.footmenu a:visited {text-decoration: none; color:#FFF}
.footmenu a:active {text-decoration: none; color:#FFF}
.footmenu a:hover {text-decoration: underline; color:#FFF;}
.footmenu a:focus {background-color: #91192b; color:#fff;}
/*image navigation links for homepage. Black text which underlines on the 'hover' state*/
.leftmenu a:link {text-decoration: none; color: #990033 }
.leftmenu a:visited {text-decoration: none; color: #990033 }
.leftmenu a:active {text-decoration: none; color: #990033 }
.leftmenu a:hover {text-decoration: underline; color: #990033 }
/*Breadcrumb*/
.breadcrumb a:link {text-decoration: none; color: #990033}
.breadcrumb a:visited {text-decoration: none; color:#990033}
.breadcrumb a:active {text-decoration: none; color:#990033}
.breadcrumb a:hover {text-decoration: none; color:#990033; border-bottom: 1px solid #990033;}
/* tatton button */
a.usr_tatton-button {
margin-left: 0 !important;
padding: 0.7em;
display: inline-block;
margin: 0.5em 0 1.4em 0;
font-size: 130%;
letter-spacing: 0.04em;
color: #fff!important;
border-radius: 10px;
width: auto;
background-color: #990033;
box-shadow: 5px 5px 0 0 rgba(0,0,0,0.15);
}
a.usr_tatton-button:hover {
background-color: #7D0033;
}
a.usr_tatton-button span{
padding-right: 40px; 
display: inline-block;
color: #fff;
}
/*Left Nav*/
.menu {
font-family: 'Open Sans', sans-serif;
font-weight: bold;
font-size: 16px;
border-bottom-width: 1px;
padding-top: 5px;
padding-bottom: 5px;
background-repeat: no-repeat;
background-position: 0 .5em;
}
.menu a:link {text-decoration: none; color: #990033 }
.menu a:visited {text-decoration: none; color: #990033 }
.menu a:active {text-decoration: none; color: #990033 }
.menu a:hover {text-decoration: underline; color: #990033 }
.menu a:focus {background-color: #91192b; color:#fff;}

.menu ul{
list-style-type: none;
padding: 0;
margin: 0;
}

.menu li{
padding-bottom: 8px;
}

.menuheading {
display: none;	
}

.sys_children {
margin: 5px 0px 0px 12px!important;
}

.sys_selected a {
color: #7a744a!important;  
}

.alert {
padding: 5px 5px;
margin-bottom: 20px;
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 4px;
background-color: #7A744A;
color: #FFF;
}

.eventbanners img {
margin-top: 15px;
margin-bottom: 7px;  
}

.signpost {
	background-image:url('/Images/nonuser/fingerpost-post.jpg');
	width:180px;
	height:232px;
}

.left {
	width:180px;
	overflow:hidden;
	float:left;
}
.signpost ul {
	margin:0px;
	padding:0px;
	background:none;
	list-style: none;
}
.signpost li {
	line-height: 11px;
	margin: 0;
	padding:0;
	list-style:none;
}
.signpost a{
	margin:0;
	padding:0;
}
#signpost1{
	position:relative;
	top:10px;
	width: 180px;
	height: 26px;
	display: block;
	text-indent: -1000px;
	background-image: url('/Images/nonuser/latestnews.png');
	background-repeat: no-repeat;
}
#signpost1:hover{
	background-image: url('/Images/nonuser/latestnews-over.png');
}
#signpost2{
	position:relative;
	top:13px;
	width: 169px;
	height: 37px;
	display: block;
	text-indent: -1000px;
	background-image: url('/Images/nonuser/whatson.png');
	background-repeat: no-repeat;
}
#signpost2:hover{
	background-image: url('/Images/nonuser/whatson-over.png');
}
#signpost3{
	position:relative;
	top:13px;
	width: 180px;
	height: 29px;
	display: block;
	text-indent: -1000px;
	background-image: url('/Images/nonuser/staywithus.png');
	background-repeat: no-repeat;
}
#signpost3:hover{
	background-image: url('/Images/nonuser/staywithus-over.png');
}
#signpost4{
	position:relative;
	top:15px;
	width: 169px;
	height: 30px;
	display: block;
	text-indent: -1000px;
	background-image: url('/Images/nonuser/contactus.png');
	background-repeat: no-repeat;
}
#signpost4:hover{
	background-image: url('/Images/nonuser/contactus-over.png');
}
#signpost5{
	position:relative;
	top:15px;
	width: 169px;
	height: 27px;
	display: block;
	text-indent: -1000px;
	background-image: url('/Images/nonuser/enews.png');
	background-repeat: no-repeat;
}
#signpost5:hover{
	background-image: url('/Images/nonuser/enews-over.png');
}

#signpost6{
	position:relative;
	top:15px;
	width: 169px;
	height: 30px;
	display: block;
	text-indent: -1000px;
	background-image: url('/Images/nonuser/tatton-binennial.png');
	background-repeat: no-repeat;
}
#signpost6:hover{
	background-image: url('/Images/nonuser/tatton-binennial-over.png');
}

.toplinks {
color: #000;	
}

.toplinksright {
text-align: right;	
}

.mobiletoplinks {
display: none!important;	
}

.topmenu a:hover, .topmenu a:focus {
background-color: #9d4e74!important;
color: #fff!important;	
-webkit-transition: background-color 0.2s ease-in;
-moz-transition: background-color 0.2s ease-in;
-o-transition: background-color 0.2s ease-in;
transition: background-color 0.2s ease-in;
}


/* Top navigation link spacing */

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


/* Search */
.tattonsearch {
float: right;
width:50%;
margin-top: 10px;
padding-bottom: 10px;
}

.tattonsearch input {
width: 100%;
border-radius: 5px;
border: none;
padding: 5px;
min-height:30px;
}

input#SearchQueryControl_SearchButton {
width: 75px;
position: absolute;
right: 33px;
background-image:url('/Images/nonuser/magnifying-glass.svg');
background-repeat: no-repeat;
background-position: left center;
background-color: #fff;
border: none;
text-align: right;
}

.sys_search-label {
display:none;
}

.sys_subalternatingitem {
background-color: #f5f5f5;
}

dt.sys_search-description, .sys_search-url {
position: absolute;
right: 9999px;
}

.navsearchicon {
padding:15px;
}

.tpsearchbutton {
border:none;
background-color: transparent;
}

.tpsearchbutton:focus, .tpsearchbutton:hover {
border:none;
background-color: #9d4e74;
}

/* Tables */
table {
border: 1px solid #000;
border-collapse: collapse;
}

table th {
padding: 2px;
margin: 2px;
text-align: center;
}

table td {
padding: 2px;
margin: 2px;
}

table, td, th {
border: 1px solid black;
}
table.opening-times tr td, table.opening-times th {
padding: 6px;
}
table.opening-times th {
text-align: left;
}
table.opening-times {
width: 100%;
}

.sys_theme-simple .sys_datarepeatercontrol .sys_itemslist {
padding: 0!important;
}

.followstrapline {
margin-top: 25px;	
}

.followus {
color: #7A744A;
font-weight: bold;
font-size: 1.2em;
}

.sharebuttons a:link, .sharebuttons a:visited {
color:#000;  
}
.sharebuttons a:focus {
color:#fff;
}

.sharebuttons li a {
font-size:3.2rem!important;
}

.footerline {
width: 100%;
height: 5px;
margin: 0px 0px 20px 0px;
background-image: url('/Images/nonuser/footline-rpt.gif');
float: left;
background-repeat: repeat-x;
}

.footerlogos {
min-height: 60px;
}

.lovetodoimage {
margin-top: 12px;
}

.tpheaderlogo {
display: none;	
}

.navbar-default .navbar-toggle {
border-color: #333;
}

.navbar-default .navbar-toggle .icon-bar {
background-color: #333;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: #91192b;
}

.navbar-toggle {
min-height: 40px;
min-width: 44px;
}

.glyphicon-search {
color: #fff;
}

.hpimagelinks {
margin: 7px;
}

.clear {
clear: both
}

.jumbotron {
padding-top: 15px!important;
padding-right: 15px!important;
padding-bottom: 12px!important;
padding-left: 15px!important;
}

/* About us link on homepage */
.aboutlink {
font-weight: bold;
font-size: 14px;
padding-left: 15px;
margin-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
background-image: url(/images/nonuser/small-arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}


.hpeventslink {
font-size: 14px!important;
}


/* Headings for press page styles */
.pressheading {
background-color: #7a744a;
color: #fff;
border-radius: 8px;
padding: 8px;
}

/* Team activites styles */
.activitybox {
position: relative;
float: left;
max-width: 330px;
height: 200px;
margin: 15px;
background-color: #fff;
}

.activitybox p {
margin-top: 0px;
}

.activitybox a, .activitybox a:link {
color: #fff!important;
}

.activitytext {
float:left;
color: #fff;
padding: 10px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: #000;
background: rgba(0,0,0,0.7);
font-size: 110%;
}

/* tumblr js embed styles */
ol.tumblr_posts {
list-style-type: none;
padding-left: 0px;
}
.tumblr_caption {
display: none;
}
img.tumblr_photo {
float: left;
margin: 8px;
max-width: 265px;
}


/* Styles for quotes */
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote:after {
content: no-close-quote;
}

/* Responsive flickr embed */
.responsiveflickr {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}
.responsiveflickr iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border: 0px;
}

/* Accordion */

.panel-heading .accordion-toggle:after {
/* symbol for "opening" panels */
font-family: 'Glyphicons Halflings';
content: "\e114";
float: right;
color: #990033;
}
.panel-heading .accordion-toggle.collapsed:after {
/* symbol for "collapsed" panels */
content: "\e080";
}
h3.panel-title
{
font-size: 15px;
}
.panel-heading {
padding: 25px 15px;
}
.panel {
box-shadow: 0px 5px #ececec;
margin-bottom: 10px!important;
}

.panel-default>.panel-heading
{
  background-color:#fbfbfb;
}

/* buy tickets button */
.glyphicon-tags {
padding-right:5px;
}

.btn-danger {
background-color: #990033;
border-color: #990033;
}


.btn-danger:hover,.btn-danger:focus {
background-color: #c4b732;
border-color: #817d51;
}

.buyticketsbtn {
    border: 1px solid #ffdd00;
    background-color: #ffdd00;
    border-radius: 30px;
    color: #000!important;
    padding: 20px;
    margin-top: 10px;
    height: auto;
    text-align: center;
    display: inline-block;
}

a.buyticketsbtn:hover {
    border: 1px solid #9d4e74;
    background-color: #9d4e74!important;
    color: #fff!important;
}

/* TIMES AND PRICES PAGE STYLES */

.ticketoption .col-md-3 {
    border-right: 1px solid #9d4e74;
    padding: 15px;
    border-bottom: 2px dashed #9d4e74;
}

.eqheightgrid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: 3px solid #9d4e74;
    border-radius: 7px;
    flex-flow: wrap;
    margin: 20px 0;
}

.ticketexemptions {
    padding: 15px;
}

.footertop {
    background-image: url(/images/nonuser/tatton-footer-top-graphic.png);
    height: 100px;
    background-position: center;
    background-repeat: no-repeat;
	margin-top: 30px;
}

footer {
	background-color: #9d4e74;
	color: #fff;
	padding-top:10px;
	padding-bottom: 20px;
}

footer h2 {
color: #fff;
}

footer a, footer a:hover, footer a:focus {
	color: #fff;
}
footer ul li a {
	border-bottom: 1px solid #e7e6e6;
	transition: border-bottom 0.5s ease-in;
}
footer ul li a:hover, footer ul li a:active {
	border-bottom: 1px solid #fff;
	text-decoration: none;
}
footer ul li {
	margin-bottom: 22px;
}

/* EVENTS MODULE */

.sys_events-search-control {
    background-color: #ececec;
    padding: 15px;
}

#Calendar_Search {
	display: none;
}

ul.eventfilters {
    float: left;
    clear: both;
    list-style: none;
    padding-left: 0;
    margin-top: 25px;
}

.eventfilters li {
    float: left;
    width: auto;
    min-height: 45px;
    margin-right: 15px;
}

.eventfilters a {
    background: #990033;
    padding: 10px;
    color: #fff!important;
}

.sys_tabsfilter-control {
    margin-top: 25px;
	min-height: 30px;
}

.sys_events-tools-control {
	display: none;
}

.sys_events-tabs-control ul {
    float: left;
    clear: both;
    list-style: none;
    padding-left: 0;
}

.sys_events-tabs-control li {
    float: left;
    width: auto;
    min-height: 45px;
    margin-right: 15px;
}

.sys_events-tabs-control a {
    background: #990033;
    padding: 10px;
    color: #fff!important;
}

.sys_events-tabs-control .sys_selected a {
    background-color: #817d51;
}

#Calendar_List_List .sys_subitem, #TattonEventList_List .sys_subitem {
    clear: both;
    margin-bottom: 10px;
    min-height: 135px;
	padding: 10px;
}

.sys_search-term-text {
    clear: both;
	font-weight: bold;
}

#Calendar_List_List .sys_groupheader {
    font-size: 17px;
    font-weight: bold;
    color: #7a744a;
    margin-top: 15px;
}

.sys_noresults {
    clear: both;
	font-weight: bold;
}

.sys_groupheader.sys_first-groupheader {
    clear: both;
}

.sys_events-search-control label, .sys_events-search-control input {
    display: block;
	width: 100%;
}

.sys_datefrom-row label, .sys_dateto-row label {
	margin-top: 10px;
	margin-bottom: 7px;
}
.sys_events-search-control .sys_searchbutton {
	margin-top: 15px;
	color: #fff;
    background-color: #817d51;
    border: 1px solid #817d51;
    padding: 5px;
}

.sys_events-control img {
    float: right;
	padding-left: 5px;
	padding-bottom: 5px;
}

.sys_record-image-control img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 25px;
    margin-top: 25px;
}

.sys_events-details .sys_events-date, .sys_events-details .sys_events-contact, .sys_events-details .sys_events-booking {
    background-color: #f4f4f4;
	padding-left: 15px;
    padding-right: 15px;
}

.sys_events-details dt.sys_events-date {
    padding-top: 15px;
}

.sys_events-details dd.sys_events-booking {
    padding-bottom: 15px;
}

.sys_events-details dt.sys_events-description {
    display: none;
}


/* User selectable styles in Contensis CMS editor */
.usr_ImageRight {float: right; margin: 0 0 20px 20px;}
.usr_ImageLeft {float: left; margin: 0 20px 20px 0;}
.usr_CaptionHide {display:none; visibility:hidden;}
.usr_tatton-button {
}



/* adds some margin below the link sets  */
.navbar .dropdown-menu div[class*="col"] {
   margin-bottom:1rem;
}

.navbar .dropdown-menu {
	border-bottom: 6px solid #900028!important;
	background-color:#f4f4f4!important;
	border-radius: 0;
}

/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 992px) {
  
  /* remove the padding from the navbar so the dropdown hover state is not broken */
.navbar {
  padding-top:0px;
  padding-bottom:0px;
}

/* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
.navbar .nav-item {
  padding:.5rem .2rem;
  margin:0 .25rem;
}

/* makes the dropdown full width  */

.navbar-right .dropdown-menu {
  width:100%;
  left:0;
  right:0;
  display:block;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s linear;
}
  
  /* shows the dropdown menu on hover */
.navbar-right .dropdown:hover .dropdown-menu, .navbar-right .dropdown .dropdown-menu:hover, .dropdown-menu.show, .open>.dropdown-menu {
  display:block;
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.3s linear;
}
  
  .navbar-right .dropdown-menu {
    border: 1px solid rgba(0,0,0,.15);
    background-color: #fff;
  }

}

/* media queries */
@media all and (max-width: 1199px) {

.tattonsearch {
float: right;
width:100%;
padding-bottom: 10px;
padding-top:5px;
}
}

@media all and (max-width: 991px) {

.followusbutton {
    width: 100%;
}

.followusbutton a {
    padding: 5px;
}

.instafeedimage {
    max-width: 100%;
}

.enewsbutton, .facebookbutton, .twitterbutton, .instagrambutton {
    width: 50%;
}



.aboutlink{
display:none;
}
  .eventbanners {
display: none;
}  

.eventbanners img {
display: none;  
}
  
.signpost {
display: none;
}

.menuheading {
display: block;	
}
  
.footerlogos img {
margin-bottom: 7px;
text-align: center;
}

.dropdown-menu {
    width: 100%;
}

#HPEventListing_List .sys_subitem {
    width: 50%;
}

}

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

body {
margin: 0px 0px 0px 0px;
}

.tpbannerimg {
display: none;
}

.tpheader {
display: none;	
}

.tpheaderlogo {
display: block;
background-color: #aba782;
margin: 0px 16px;
padding-top: 7px;
padding-bottom: 7px;
}

.mobiletoplinks {
display: block!important;
background-color: #aba782;
}

.toplinks {
display: none;	
}

.toplinksright {
display: none;
}
  
.tattonsearch {
padding-top:12px;
}

.header-row-container:before {
    background: none;
}

.header-row {
	position: relative;
	z-index: 10;
	margin-top:0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar-default .navbar-nav>li>a {
    color: #333;
	text-transform: uppercase;
}

.dropdown-menu li a {
    color: #333;
}

.navbar-nav>li>.dropdown-menu {
    color: #333;
}

.glyphicon-search {
    color: #333;
}

}

@media all and (max-width: 479px) {

body {
margin: 0px 0px 0px 0px;
}

#HPEventListing_List .sys_subitem {
    width: 100%;
}

}

/* ---------------------------------------------------------
Fontello social media fonts
Font license info
## Font Awesome
Copyright (C) 2012 by Dave Gandy
Author:    Dave Gandy
License:   SIL ()
Homepage:  http://fortawesome.github.com/Font-Awesome/
   ---------------------------------------------------------*/
@font-face {
  font-family: 'fontello';
  src: url('/SiteElements/Fonts/social/fontello.eot?91334086');
  src: url('/SiteElements/Fonts/social/fontello.eot?91334086#iefix') format('embedded-opentype'),
       url('/SiteElements/Fonts/social/fontello.woff?91334086') format('woff'),
       url('/SiteElements/Fonts/social/fontello.ttf?91334086') format('truetype'),
       url('/SiteElements/Fonts/social/fontello.svg?91334086#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
 
 [class^="sm-icon-"]:before, [class*="sm-icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  /* margin-right: .2em; */
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 }
 
.sm-icon-facebook-squared:before { content: '\e800'; } /* '' */
.sm-icon-pinterest-squared:before { content: '\e801'; } /* '' */
.sm-icon-twitter-squared:before { content: '\e802'; } /* '' */
.sm-icon-instagram:before { content: '\e803'; } /* '' */
.sm-icon-gplus-squared:before { content: '\e804'; } /* '' */
.sm-icon-flickr:before { content: '\e805'; } /* '' */
.sm-icon-linkedin-squared:before { content: '\e806'; } /* '' */
.sm-icon-linkedin:before { content: '\e807'; } /* '' */
.sm-icon-twitter:before { content: '\e808'; } /* '' */
.sm-icon-youtube:before { content: '\e809'; } /* '' */
.sm-icon-youtube-squared:before { content: '\e80a'; } /* '' */
.sm-icon-facebook:before { content: '\e80b'; } /* '' */
.sm-icon-facebook-official:before { content: '\e80c'; } /* '' */
.sm-icon-pinterest:before { content: '\e80d'; } /* '' */
.sm-icon-pinterest-circled:before { content: '\e80e'; } /* '' */
.sm-icon-google:before { content: '\e80f'; } /* '' */
.sm-icon-gplus:before { content: '\e810'; } /* '' */
.sm-icon-mail:before { content: '\e811'; } /* '' */
.sm-icon-mail-alt:before { content: '\e812'; } /* '' */
.sm-icon-mail-squared:before { content: '\e813'; } /* '' */


@media screen and (max-width: 768px){
.socialLinks {float: none;} 
}
ul.socialLinkIcons {
	margin-top: 7px;
	background: transparent;
	margin: 7px 0 7px 0;
	padding-left: 0px;
}
ul.socialLinkIcons li {
	display: inline-block;
	font-size: 3rem;
	margin-left: 10px;
}
ul.socialLinkIcons li a:link{
	border-bottom: none;
}
@media screen and (max-width: 979px) {
ul.socialLinkIcons li{margin-left: 8px;}
}
@media screen and (max-width: 769px) {
ul.socialLinkIcons li{margin-right: 10px;}
  
@media screen and (min-width: 769px) and (max-width: 979px){
ul.socialLinkIcons li {margin-left: 10px;}
}
ul.socialLinkIcons li {
  margin-left: 0px;
}
}
ul.socialLinkIcons li a:first-child {margin-left: 0;}
ul.socialLinkIcons li a {
text-decoration: none !important;
border: none;
font-size: 4rem;
}
ul.socialLinkIcons li a:visted {
text-decoration: none !important;
border: none;
font-size: 3rem;
}
ul.socialLinkIcons li a:hover {color: #817d51}
/* Christmas page styles */
.featured-image-row h2 {
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    background-color: rgba(129, 37, 124, 0.85);
    background-image: linear-gradient(-39deg, rgba(131, 36, 120, 0.5) 0%, rgba(178, 37, 106, 0.5) 100%);
    padding: 20px;
    color: #fff;
    box-sizing: border-box;
    width: 100%;
}
.featured-image-row h2, .featured-image-row h2 a:visited, .featured-image-row h2 a:hover, .featured-image-row h2 a:active {
    color: #fff;
}
.xmas-fairytale-mansion, .xmas-meet-father-christmas, .xmas-festive-friday, .xmas-for-groups, .xmas-festive-afternoon-tea, .xmas-gifts-under-the-tree {
    position: relative;
    min-height: 250px;
    box-sizing: border-box;
    background-color: #191933; /* Used if the image is unavailable */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
    margin-bottom: 20px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}
.xmas-fairytale-mansion:hover, .xmas-meet-father-christmas:hover, .xmas-festive-friday:hover, .xmas-for-groups:hover, .xmas-festive-afternoon-tea:hover,.xmas-gifts-under-the-tree  {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .46), 0 2px 10px 0 rgba(0, 0, 0, .22);
    transition: box-shadow .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.xmas-full-width {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    padding: 36px 0;
    margin-top: 20px;
    margin-bottom: 40px;
    background-color: #6f4494;
 background-image:  url(https://preview-tattonpark-chesheast.cloud.contensis.com/Images/Christmas-2019/snowflake-bng-1200x400px.png),linear-gradient(-39deg, #f4e4ff 0%, #f5f5f5 100%);
}
/* Images for the xmas pic nav */
.xmas-fairytale-mansion {
    background-image: url('/Images/Christmas-2019/fairytale-mansion-360x250px.jpg');
}
.xmas-meet-father-christmas {
    background-image: url('/Images/Christmas-2019/meet-father-christmas-at-the-farm-360x250px.jpg');
}
.xmas-festive-friday {
    background-image: url('/Images/Christmas-2019/festive-friday-360x250px.jpg');
}
.xmas-christmas-concerts {
    min-height: 210px;
}
.xmas-stableyard-carols {
    min-height: 210px;
}
.xmas-foodies-festival {
    min-height: 210px;
}
.xmas-christmas-shopping-fair {
    min-height: 210px;
}
.xmas-for-groups {
    background-image: url('/Images/Christmas-2019/christmas-for-groups-360x250px.jpg');
}
.xmas-festive-afternoon-tea {
    background-image: url('/Images/Christmas-2019/festive-afternoon-tea-360x250px.jpg');
}
.xmas-gifts-under-the-tree {
    background-image: url('/Images/Christmas-2019/gifts-under-the-tree-360x250px.jpg');
}
@media (min-width: 991px) {
    .featured-image-row {
        margin-top: 15px;
    }
    .featured-image-row2 {
     margin-top: 15px;
    }
}
@media (max-width: 991px){
.xmas-christmas-concerts img, .xmas-stableyard-carols img, .xmas-foodies-festival img, .xmas-christmas-shopping-fair img{
display: block;
margin: 0 auto;
}
.xmas-christmas-concerts h2, .xmas-stableyard-carols h2, .xmas-foodies-festival h2, .xmas-christmas-shopping-fair h2 {
	text-align: center;
	margin: 10px 0 30px 0;
}
}
/* Corona virus banner */
.tatton-corona-banner {
    background-color: #9d4e74;
    margin-bottom: 20px;
}
a.tatton-corona-banner-link {color: #fff;border-bottom: 1px solid #fff;font-size: inherit;}
a.tatton-corona-banner-link:hover {
        text-decoration:none;
        border-bottom: 1px solid #fff;
}
p.tatton-corona-banner-txt {
    font-size: inherit;
    color: #fff;
    margin: 20px 0;
    font-weight: 400; 
    font-size: 106%;
    letter-spacing: 0.05rem;
    }
    p.tatton-corona-banner-txt a{
	color: #fff;
	border-bottom: 1px solid #fff;
	padding-bottom: 0.2rem;
	text-decoration: none;
}
.fancy {
position: relative;
    background-color: #fff;
    padding: 01rem 2rem;
    text-align: center;
    max-width: 100%;
    border: 2px solid #990033;
    border-radius: 2px;
}
.fancy::before {
  content: "";
  position : absolute;
  z-index  : -1;
  bottom   : 15px;
  right    : 5px;
  width    : 50%;
  top      : 80%;
  max-width: 200px;
  box-shadow: 0px 13px 10px black;
  transform: rotate(4deg);
}
/* Accessible accordian */
section.tatton-faq label {
margin-left: 20px;
}
section.tatton-faq h2 {
	margin: 35px 0 20px 0;
}
section.tatton-faq h2:first-of-type {
	margin: 20px 0;
}
section.tatton-faq article {
	margin-left: 20px;
}
.access-acc-container {
    text-align: left;
    margin: 10px auto 30px auto;
    position: relative;
}
.access-acc-container article p {
    margin: 10px 15px 15px 15px;
}
.access-acc-container article ul, .access-acc-container article ol {
    list-style-position: inside;
}
.access-acc-container input[type=checkbox], .access-acc-container input[type=radio] {
    background-color: transparent;
    border: 1px solid transparent;
    height: 1px;
    position: absolute;
    width: 1px;
    margin: 4px 0 0 0;
    outline: none;
}
.access-acc-container input[type=checkbox] + label, .access-acc-container input[type=radio] + label {
    /* background: #eaedef; */
    border-bottom: 1px solid #fff;
    color: #0b0c0c;
    cursor: pointer;
    display: block;
    /* font-size: 18px;
    font-weight: normal; */
    line-height: 32px;
    padding: 10px 15px;
    position: relative;
    z-index: 20;
            /* additional experimental styles - can be removed from below */
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 800'%3E%3Cdefs%3E%3CradialGradient id='a' cx='400' cy='400' r='50%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%23eaedef'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='400' cy='400' r='70%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%23eaedef'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='800'/%3E%3Cg fill-opacity='.8'%3E%3Cpath fill='url(%23b)' d='M998.7 439.2c1.7-26.5 1.7-52.7 0.1-78.5L401 399.9c0 0 0-0.1 0-0.1l587.6-116.9c-5.1-25.9-11.9-51.2-20.3-75.8L400.9 399.7c0 0 0-0.1 0-0.1l537.3-265c-11.6-23.5-24.8-46.2-39.3-67.9L400.8 399.5c0 0 0-0.1-0.1-0.1l450.4-395c-17.3-19.7-35.8-38.2-55.5-55.5l-395 450.4c0 0-0.1 0-0.1-0.1L733.4-99c-21.7-14.5-44.4-27.6-68-39.3l-265 537.4c0 0-0.1 0-0.1 0l192.6-567.4c-24.6-8.3-49.9-15.1-75.8-20.2L400.2 399c0 0-0.1 0-0.1 0l39.2-597.7c-26.5-1.7-52.7-1.7-78.5-0.1L399.9 399c0 0-0.1 0-0.1 0L282.9-188.6c-25.9 5.1-51.2 11.9-75.8 20.3l192.6 567.4c0 0-0.1 0-0.1 0l-265-537.3c-23.5 11.6-46.2 24.8-67.9 39.3l332.8 498.1c0 0-0.1 0-0.1 0.1L4.4-51.1C-15.3-33.9-33.8-15.3-51.1 4.4l450.4 395c0 0 0 0.1-0.1 0.1L-99 66.6c-14.5 21.7-27.6 44.4-39.3 68l537.4 265c0 0 0 0.1 0 0.1l-567.4-192.6c-8.3 24.6-15.1 49.9-20.2 75.8L399 399.8c0 0 0 0.1 0 0.1l-597.7-39.2c-1.7 26.5-1.7 52.7-0.1 78.5L399 400.1c0 0 0 0.1 0 0.1l-587.6 116.9c5.1 25.9 11.9 51.2 20.3 75.8l567.4-192.6c0 0 0 0.1 0 0.1l-537.3 265c11.6 23.5 24.8 46.2 39.3 67.9l498.1-332.8c0 0 0 0.1 0.1 0.1l-450.4 395c17.3 19.7 35.8 38.2 55.5 55.5l395-450.4c0 0 0.1 0 0.1 0.1L66.6 899c21.7 14.5 44.4 27.6 68 39.3l265-537.4c0 0 0.1 0 0.1 0L207.1 968.3c24.6 8.3 49.9 15.1 75.8 20.2L399.8 401c0 0 0.1 0 0.1 0l-39.2 597.7c26.5 1.7 52.7 1.7 78.5 0.1L400.1 401c0 0 0.1 0 0.1 0l116.9 587.6c25.9-5.1 51.2-11.9 75.8-20.3L400.3 400.9c0 0 0.1 0 0.1 0l265 537.3c23.5-11.6 46.2-24.8 67.9-39.3L400.5 400.8c0 0 0.1 0 0.1-0.1l395 450.4c19.7-17.3 38.2-35.8 55.5-55.5l-450.4-395c0 0 0-0.1 0.1-0.1L899 733.4c14.5-21.7 27.6-44.4 39.3-68l-537.4-265c0 0 0-0.1 0-0.1l567.4 192.6c8.3-24.6 15.1-49.9 20.2-75.8L401 400.2c0 0 0-0.1 0-0.1L998.7 439.2z'/%3E%3C/g%3E%3C/svg%3E"); 
    background-attachment: fixed;
    background-size: cover;
    /* background by SVGBackgrounds.com */

    border-bottom: 2px solid #2f2d2e1a;
    font-weight: 600;
    font-size: 17px;
}
.glyphicon-menu-down:before {
    display: none;
}
.access-acc-container input[type=checkbox] + label:before, .access-acc-container input[type=checkbox] + label:after {
    display: inline-block;
    font-family: FontAwesome;
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}

/* view and close message next to the chevron */
.access-acc-container input[type=checkbox] + label:after {
	 content: "view";
	 position: absolute;
	 right: 38px;
	 top: 8px;
	 font-size: 80%;
	 font-family: inherit;
	 color: #303030;
     font-weight: 700;
}
.access-acc-container input[type=checkbox] + label:hover:after {
    color: #fff;
}
.access-acc-container input[type=checkbox]:checked + label:after {
 content: "close";
 transform: rotate(0deg)!important;
 transition: transform 0.5s;
 right: 36px;
}
.access-acc-container input[type=checkbox]:checked + label:after {
  color: #fff;
}
@media (max-width: 720px){
.access-acc-container input[type=checkbox] + label:after {
 display: none;
}
}
/* Spacebar message before the accordion starts */
.access-acc-container:before {
    content: "Keyboard navigation: use the spacebar to display further information.";
    font-size: 15px;
    color: #9d4e74;
    background-color: #fff;
    background: #fff;
    display: block;
    padding: 10px;
}
@media (max-width: 576px){
    .access-acc-container:before {
    content: "";
}

}
.access-acc-container input[type=checkbox] + label:first-of-type {
	/* margin-top: 20px; */
}

.access-acc-container input[type=checkbox] + label:hover,  .access-acc-container input[type=radio] + label:hover {
    background: #9d4e74;
    color: #fff;
}
.access-acc-container input[type=checkbox]:checked + label,  .access-acc-container input[type=radio]:checked + label {
    background: #9d4e74;
        color: #fff;
}
.access-acc-container input[type=checkbox]:focus + label,  .access-acc-container input[type=radio]:focus + label {
    background: #9d4e74;
        color: #fff;
}
.access-acc-container input[type=checkbox]:checked + label:hover,  .access-acc-container input[type=radio]:checked + label:hover {
    background: #9d4e74;
        color: #fff;
}
.access-acc-container input[type=checkbox]:checked + label:after,  .access-acc-container input[type=radio]:checked + label:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.access-acc-container input[type=checkbox] + label + article {
    display: none;
    /* display: none; - Content is ignored by screen readers, additionally stops tabbing through hidden content */

    height: 0;
    max-height: 0;
    overflow: hidden;/* 0, 0, hidden; - Content is ignored by screen readers, but tab key still steps through hidden elements */
}
.access-acc-container input[type=checkbox]:checked + label + article, .access-acc-container input[type=radio]:checked + label + article {
    display: block;
    height: auto;
    max-height: 2000px;
    -webkit-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    -o-transition: all 1.5s ease-in-out;
    -ms-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
    background-color: #fff;
}
.access-acc-container span.glyphicon.glyphicon-menu-down {
	float: right;
	top: 6px;
}
section.access-acc-container ul {    
list-style-position: outside;
padding-left: 23px;
margin: 13px 0x;
}
section.access-acc-container li {
margin-bottom: 15px;
}
/* New breadcrumb styles 2020 */
.tp-breadcrumbs {
	list-style-type: none;
	list-style-position: inside;
	list-style-image: none;
	margin: 0;
	padding:  0;
}
.tp-breadcrumbs li{
	display: inline;
	line-height: 1.629em;
	margin-left: 5px;
}
.tp-breadcrumbs li:first-of-type{
	margin-left: 0;
}
.tp-breadcrumbs li:after{
	content: "/";
	margin-left: 5px;
}
.tp-breadcrumbs li:last-child:after{
	content: "";
}
.breadcrumb {
	margin: 0 0 20px 0;
	line-height: 1.629em;
	background-color: transparent;
	border-bottom: 2px solid #900028;
	border-radius: 0;
	padding: 10px 0;
}
.tp-breadcrumbs a:focus {
	background-color: transparent;
	background: none;
}
/*  ---  Styles for ticket funnel --- */
.tp-ticket-selection {
    background-color: #c8d5e1;
    background-image: linear-gradient(-39deg, #f2f2f3 0%, #edf3f9 100%);
    padding: 30px 4% 23px 4%;
}
.tp-wedding-selection {
    background-color: #fff;
    padding: 30px 4% 23px 4%;
    background-image: url("/images/nonuser/confetti-bng-1900x400px.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.tp-ticket-cell {
    background-color: #fff;
    overflow-x: auto;
    border-right: 2px dotted #a94442;
    flex-direction: column;
    flex:  1;
    padding: 20px;
}
.tp-ticket-cell h3{
	font-size: 1.6rem;
	letter-spacing: 0.05em;
    margin-top: 0;
}
.tp-ticket-cell-last {
    border-right: 1px solid #a94442;
    display: flex;
    align-self: center;
}
.tp-ticketrow {
    border: 4px solid #91192b;
    margin-bottom: 20px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    width: 100%;
    display: flex;
    flex: 1;
    align-items: stretch;
    background-color: #fff;
    text-align: center;
}
.tp-ticketrow h2 {
    font-size: 30px;
    margin-top: 0;
}
@media (max-width: 991px) {
    	.tp-ticketrow {
		max-width: 99%;
	}
    .tp-ticket-selection {
    padding: 30px 8%;
}
.tp-ticket-cell-last {
    border-top: 1px solid #a94442;
    min-height: 120px;
}
.tp-ticketrow {
	display: block;
}
.tp-ticket-cell {
	min-height: 190px;
}
.tp-ticket-cell-last {
	min-height: 120px;
}
a.tp-ticket-button {
    margin-bottom: 25px;
}
a.tp-ticket-button:last-of-type {
    margin-bottom: 15px;
}
}
@media (max-width: 768px) {
.tp-ticket-cell {
    border-right: none;
    border-bottom: 1px dotted #a94442;
    min-height: 120px;
    padding: 15px;
}
.tp-ticket-cell-last {
    border-top: none;
}
.tp-ticket-button {
        min-width: 90%;
}
}
.tp-ticket-button {
    /* background-color: #ffdd00; */
    background-color: #fff;
    border-radius: 2.889em;
    color: #000!important;
    padding: 0.9rem 1.5em;
    display: block;
    margin: 15px auto;
   /*  border: 2px solid #dcc009; */
   border: 5px solid #3c763d;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.8rem;
    min-height: 59px;
    letter-spacing: 0.1rem;
    box-sizing: border-box;
    box-shadow: 0 12px 12px -10px rgba(0, 0, 0, 0.15);
    min-width: 270px;
}
.tp-ticket-button:hover {
	    box-shadow: 0 4px 20px rgba(0,0,0,0.2);
	    transition: box-shadow 0.3s;
	    text-decoration: none;
}
.tp-ticket-button span{
	font-size: 1.3rem;
	font-weight: 700;
	    letter-spacing: 0.04rem;
}
@media (max-width:1250px) and (min-width:991px) {
	a.tp-ticket-button {min-width: 20px;}
}
.tp-nat-trust-button {
border: 5px solid #6B3670;
}
.tp-consession-button {
border: 5px solid #428bca;	
}
.tp-parkland-button {
padding-top: 15px;
}
@media (max-width: 350px){
    .tp-ticket-button {
            min-width: 255px;
    }
}
/* Wedding panels */
.card.card-cascade.wider {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.card {
    font-weight: 400;
    border: 0;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius: .25rem;
    margin-bottom: 20px;
    align-items: stretch;
}
.card.card-cascade.wider .view.view-cascade {
    z-index: 2;
}
.card.card-cascade .view.view-cascade {
    border-radius: .25rem;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
}
.view {
    position: relative;
    overflow: hidden;
    cursor: default;
}
.view img, .view video {
    position: relative;
    display: block;
}
.card-img, .card-img-top {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
flex-shrink: 0;
    width: 100%;
}
.view img {
    vertical-align: middle;
    border-style: none;
}
.overlay .mask {
    opacity: 0;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.view .mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-attachment: fixed;
}
.waves-effect {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}
.rgba-white-slight, .rgba-white-slight:after {
    background-color: rgba(255,255,255,0.1);
}
.card.card-cascade.wider.reverse .card-body.card-body-cascade {
    z-index: 3;
    margin-top: -1rem;
    border-radius: .25rem;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
}
.card.card-cascade.wider .card-body.card-body-cascade {
    z-index: 1;
    margin-right: 4%;
    margin-left: 4%;
    background: #fff;
    border-radius: 0 0 .25rem .25rem;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.card-body {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    border-radius: 0 !important;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}
.view {
    width:  100%;
    min-height: 200px;
}
.view a {
min-height: 200px;
display: block;
}
.view a:hover {
text-decoration: none;
}
.panel-weddings-celebrations {
    background-image: url("/Images/panels/weddings-celebrations-630x340.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.panel-filming-photography {
    background-image: url("/Images/panels/filming-photography-630x340.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.panel-corporate {
    background-image: url("/Images/panels/corporate-630x340.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.panel-outdoor-events {
    background-image: url("/Images/panels/outdoor-events-630x340.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
/* Wedding panels */
.panel-mansion-weddings	 {
    background-image: url("/Images/panels/mansion-weddings-630x340px.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.panel-old-hall-weddings {
    background-image: url("/Images/panels/old-hall-weddings-630x340px.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.panel-wedding-brochures {
    background-image: url("/Images/panels/wedding-brochures-630x340px.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.panel-wedding-open-days {
    background-image: url("/Images/panels/wedding-open-days-630x340px.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
@media (min-width: 1200px) {
.card-body {
    min-height: 355px;
}
}
@media (min-width: 1300px) {
.card-body {
    min-height: 340px;
}
}
@media (min-width: 1400px) {
.card-body {
    min-height: 330px;
}
}
@media (min-width: 1500px) {
.card-body {
    min-height: 300px;
}
}
@media (min-width: 1600px) {
.card-body {
    min-height: 270px;
}
}
@media (max-width: 1200px) {
.card {
    margin-bottom: 45px;
}
.last-card {
	margin-bottom: 15px;
}
}
/* Button */
.card a.tp-btnOutline {
	display: block;
    width: 100%;
    margin: 0;
}
a.tp-btnOutline {
    border: 2px solid #9d4e74;
    display: inline-block;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
    color: #333;
    background-color: #fff;
    text-align: center;
    cursor: pointer;
    margin: 0 0 1.2em 0;
}
a.tp-btnOutline:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
    text-decoration: none;
}
a.tp-btnOutline:active {
    background-image: none;
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}
a.tp-btnOutline:focus {
	background-color: #91192b;
    color: #fff;
    text-decoration: none;
}
.view a:focus {
	border: 5px solid #91192b;
}
a.tp-btnPDF {
	padding-right: 40px;
}
a.tp-btnPDF { 
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="red" width="24" height="24" viewBox="0 0 24 24"><path d="M11.363 2c4.155 0 2.637 6 2.637 6s6-1.65 6 2.457v11.543h-16v-20h7.363zm.826-2h-10.189v24h20v-14.386c0-2.391-6.648-9.614-9.811-9.614zm4.811 13h-2.628v3.686h.907v-1.472h1.49v-.732h-1.49v-.698h1.721v-.784zm-4.9 0h-1.599v3.686h1.599c.537 0 .961-.181 1.262-.535.555-.658.587-2.034-.062-2.692-.298-.3-.712-.459-1.2-.459zm-.692.783h.496c.473 0 .802.173.915.644.064.267.077.679-.021.948-.128.351-.381.528-.754.528h-.637v-2.12zm-2.74-.783h-1.668v3.686h.907v-1.277h.761c.619 0 1.064-.277 1.224-.763.095-.291.095-.597 0-.885-.16-.484-.606-.761-1.224-.761zm-.761.732h.546c.235 0 .467.028.576.228.067.123.067.366 0 .489-.109.199-.341.227-.576.227h-.546v-.944z"/></svg>');
  background-repeat: no-repeat;
  background-position: 98%;
}
@media (max-width: 600px) {
    a.tp-btnPDF { 
        min-width: 100%;
    }
}
@media (min-width:768px) and (max-width:1455px) {
.topmenu a {
    background-color: rgba(157, 78, 116, 0.5);
}
a.ticketsnavlink {
background-color: #ffdd00;
}
}
@media (min-width: 768px) {
.lead {
    font-size: 19px;
}
}
/* Bespoke headings for the Stableyard Shopping and Dining pages */
.stables, .gardenercottage, .housekeepers, .gardenshop, .giftshop, .tuckshop {
color: #fff;
font-family: georgia, arial !important;
font-weight: normal;
font-style: italic;
margin: 15px 0px 15px 0px;
padding: 7px;
letter-spacing: normal;
}

.stables {
background-color: #910028;
}

.gardenercottage {
background-color: #64A086;
}

.housekeepers {
background-color: #9a8269;
}

.gardenshop {
background-color: #6c7944;
}

.giftshop {
background-color: #b6c2bb;
}

.tuckshop {
background-color: #f47a47;
}

.strongtext {
font-family: 'Humanist521BT-Roman';
font-weight: normal;
font-style: normal;
letter-spacing: 4px;
padding-left: 3px;
}

.normaltext {
font-family: 'Humanist521BT-Light' ;
font-weight: normal;
font-style: normal;
letter-spacing: 4px;
}
h1.gardenercottage {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:2px;
}
.strongtext {
    font-family: 'Humanist521BT-Roman';
    font-weight: bold;
    font-style: normal;
    letter-spacing: 4px;
    padding-left: 3px;
}
h1 span.normaltext {
    font-family: 'Humanist521BT-Light';
    font-weight: 400;
    font-style: normal;
    letter-spacing: 4px;
}
.heading-first {
	font-size: 0.8em;
	font-weight: normal;
}
/* Cookie control */
#ccc-icon.ccc-icon--dark {
    fill: rgb(0 0 37 / 46%) !important;
}
/* SVG logo */
.tatton-svg-logo {
    height: 120px;
    fill: #fff; 
}
@media (max-width: 767px){
	.tatton-svg-logo {
    fill: #990033 !important;
    height: 100px;
}
.tattonheaderlogo {
max-height: 90px;
}
}
/* Reducing the header image height 
.row.heroimage {
max-height: 400px;
	overflow: hidden;  
}
*/

/* Some extra bootstrap bits */
.m-0 { margin:0!important; }
.m-1 { margin:.25rem!important; }
.m-2 { margin:.5rem!important; }
.m-3 { margin:1rem!important; }
.m-4 { margin:1.5rem!important; }
.m-5 { margin:3rem!important; }

.mt-0 { margin-top:0!important; }
.mr-0 { margin-right:0!important; }
.mb-0 { margin-bottom:0!important; }
.ml-0 { margin-left:0!important; }
.mx-0 { margin-left:0 !important;margin-right:0 !important; }
.my-0 { margin-top:0!important;margin-bottom:0!important; }

.mt-1 { margin-top:.25rem!important; }
.mr-1 { margin-right:.25rem!important; }
.mb-1 { margin-bottom:.25rem!important; }
.ml-1 { margin-left:.25rem!important; }
.mx-1 { margin-left:.25rem!important;margin-right:.25rem!important; }
.my-1 { margin-top:.25rem!important;margin-bottom:.25rem!important; }

.mt-2 { margin-top:.5rem!important; }
.mr-2 { margin-right:.5rem!important; }
.mb-2 { margin-bottom:.5rem!important; }
.ml-2 { margin-left:.5rem!important; }
.mx-2 { margin-right:.5rem!important;margin-left:.5rem!important; }
.my-2 { margin-top:.5rem!important;margin-bottom:.5rem!important; }

.mt-3 { margin-top:1rem!important; }
.mr-3 { margin-right:1rem!important; }
.mb-3 { margin-bottom:1rem!important; }
.ml-3 { margin-left:1rem!important; }
.mx-3 { margin-right:1rem!important;margin-left:1rem!important; }
.my-3 { margin-bottom:1rem!important;margin-top:1rem!important; }

.mt-4 { margin-top:1.5rem!important; }
.mr-4 { margin-right:1.5rem!important; }
.mb-4 { margin-bottom:1.5rem!important; }
.ml-4 { margin-left:1.5rem!important; }
.mx-4 { margin-right:1.5rem!important;margin-left:1.5rem!important; }
.my-4 { margin-top:1.5rem!important;margin-bottom:1.5rem!important; }

.mt-5 { margin-top:3rem!important; }
.mr-5 { margin-right:3rem!important; }
.mb-5 { margin-bottom:3rem!important; }
.ml-5 { margin-left:3rem!important; }
.mx-5 { margin-right:3rem!important;margin-left:3rem!important; }
.my-5 { margin-top:3rem!important;margin-bottom:3rem!important; }

.mt-auto { margin-top:auto!important; }
.mr-auto { margin-right:auto!important; }
.mb-auto { margin-bottom:auto!important; }
.ml-auto { margin-left:auto!important; }
.mx-auto { margin-right:auto!important;margin-left:auto!important; }
.my-auto { margin-bottom:auto!important;margin-top:auto!important; }

.p-0 { padding:0!important; }
.p-1 { padding:.25rem!important; }
.p-2 { padding:.5rem!important; }
.p-3 { padding:1rem!important; }
.p-4 { padding:1.5rem!important; }
.p-5 { padding:3rem!important; }

.pt-0 { padding-top:0!important; }
.pr-0 { padding-right:0!important; }
.pb-0 { padding-bottom:0!important; }
.pl-0 { padding-left:0!important; }                             
.px-0 { padding-left:0!important;padding-right:0!important; }
.py-0 { padding-top:0!important;padding-bottom:0!important; }

.pt-1 { padding-top:.25rem!important; }         
.pr-1 { padding-right:.25rem!important; }                       
.pb-1 { padding-bottom:.25rem!important; }      
.pl-1 { padding-left:.25rem!important; }                            
.px-1 { padding-left:.25rem!important;padding-right:.25rem!important; }
.py-1 { padding-top:.25rem!important;padding-bottom:.25rem!important; }

.pt-2 { padding-top:.5rem!important; }                                              
.pr-2 { padding-right:.5rem!important; }                                
.pb-2 { padding-bottom:.5rem!important; }               
.pl-2 { padding-left:.5rem!important; }                                             
.px-2 { padding-right:.5rem!important;padding-left:.5rem!important; }
.py-2 { padding-top:.5rem!important;padding-bottom:.5rem!important; }

.pt-3 { padding-top:1rem!important; }                               
.pr-3 { padding-right:1rem!important; }             
.pb-3 { padding-bottom:1rem!important; }                
.pl-3 { padding-left:1rem!important; }                              
.py-3 { padding-bottom:1rem!important;padding-top:1rem!important; }
.px-3 { padding-right:1rem!important;padding-left:1rem!important; }

.pt-4 { padding-top:1.5rem!important; }                             
.pr-4 { padding-right:1.5rem!important; }               
.pb-4 { padding-bottom:1.5rem!important; }              
.pl-4 { padding-left:1.5rem!important; }                                
.px-4 { padding-right:1.5rem!important;padding-left:1.5rem!important; }
.py-4 { padding-top:1.5rem!important;padding-bottom:1.5rem!important; }

.pt-5 { padding-top:3rem!important; }   
.pr-5 { padding-right:3rem!important; } 
.pb-5 { padding-bottom:3rem!important; }    
.pl-5 { padding-left:3rem!important; }  
.px-5 { padding-right:3rem!important;padding-left:3rem!important; }
.py-5 { padding-top:3rem!important;padding-bottom:3rem!important; }

/* Make panels equal height */
    .equal,
    .equal > div[class*="col-"] {
    display: flex;
    flex-wrap: wrap;
    flex: 1 1 auto;
    margin-top: 1rem;
    }

.equal .panel {
    width: 100%;
    }

/* Making divs with links inside clickable */
.linkDiv {
  cursor: pointer;
  position: relative;
}
.linkDiv span:not(.italic) {
	position: absolute; /* Position the span absolutely within the container */
  	top: 0; /* Adjust top position as needed */
  	left: 0; /* Adjust left position as needed */
  	width: 100%; /* Make the span cover the entire container */
  	height: 100%; /* Make the span cover the entire container */
  	cursor: pointer; /* Show a pointer cursor on hover */
    	z-index: 1; /* Raise the span on top */
}

.linkDiv span:hover {
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}


.link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.carousel-inner img {
	margin: auto;
}

.carousel-indicators {
	margin-bottom: 0;
}

.carousel-controls {
	padding-top: 1rem;
	text-align: center;
}

#pauseButton,
#playButton {
	background-color: #416354;
	font-weight: 600;
	border-color: #416354;
}

.garden .glyphicon,
.garden .glyphicon:before {
    color: #416354;
}

.carousel-control.left,
.carousel-control.right {
	background-image: none;
	border-bottom:none !important;
	background-color: rgb(0,0,0,0)!important;
	text-decoration-color: white!important;
}

.garden.carousel {
   margin-top: 2rem; 
}

.item {
  margin: auto;
  width: 70%;
}

.carousel-control.left {
	max-width: 8rem;
}

.glyphicon::before {
	padding: .5rem;
}

a.carousel-control:focus > .glyphicon::before {
border: 3px solid Black!important;
}

div.inset-text p {
	letter-spacing: normal
}
/* Accessibility */
#skiptocontent a {
	padding:6px;
	position: absolute;
	top:-40px;
	left:0px;
	color:white;
	border-right:1px solid white;
	border-bottom:1px solid white;
	border-bottom-right-radius:8px;
	background:#BF1722;
	-webkit-transition: top .5s ease-out;
    transition: top .5s ease-out;
    z-index: 100;
}
#skiptocontent a:focus {
	position:absolute;
	left:0px;
	top:0px;
	outline-color:transparent;	
	-webkit-transition: top .05s ease-in;
    transition: top .05s ease-in;
}

@media (prefers-reduced-motion: reduce) {
	#skiptocontent a {
	   transition-duration: 0.001ms !important;
	}
}