/* GLOBAL STYLES 
---------------- */
body {
	background: #f1f1f1;
	font-family:'Cabin', sans-serif;
	font-size:14px;
	font-weight:400;
	line-height:normal;
}
a, a:hover, a:link, a:visited {
	color: #5281ab;
}
h1,h2,h3,h4,h5 {
	font-family:'Cabin', sans-serif;
	font-weight:500;
	line-height:normal;
}
.page-title, .post .title, .page .title {
	font: normal 500 28px/NORMAL "Cabin", Helvetica, Arial sans-serif;
	margin: 0;
}
p, li {
	font: 300 13px/17px "Open Sans", Helvetica, Arial, sans-serif !IMPORTANT;
}
#wpstats {
	display: none;
}
.entry img, img.thumbnail, #portfolio .group.portfolio-img img {
	padding: 0;
	border: none;
}


/* REMOVE PADDING 
----------------- */
#wrapper {
	padding: 0;
}
#content {
	padding: 0;
}
.wpb_row {
	margin-left: 0px;
	margin-right: 0px;
}
.flexslider {
	border: none !IMPORTANT;
	box-shadow: none !IMPORTANT;
	padding: 0 !IMPORTANT;
	margin: 0 !IMPORTANT;
}
.flexslider .flex-control-nav {
	display: none
}

/* HEADER 
--------- */
#header {
	background: #ffffff;
	border-top: 10px solid #5281ab;
	padding: 10px 10px 0;
	margin: 0 0 20px 0;
	width: 1140px;
}
header {
	float: left;
	width: 100%;
	position: relative;
}
header div.header-widget {
	margin: 19px 0 15px 0;
	line-height: 47px;
	width: auto;
}
header div.widget_text {
	text-align: right;
	float: left;
	margin-right: 20px !important;
}
header div.widget_image {
	float: left;
	margin: 0 !important;
}
header .widget h3, header .widget h4 {
    border: none;
    margin: 0 0 0 10px;
    padding: 0;
    text-align: right;
    color: #5281ab;
    font-weight: 400;
    text-transform: uppercase;
    font-family: 'Open Sans';
    font-size: 16px;
    display: inline-block;
}

/* LOGO
------- */
#logo .site-title {
	margin: 0;
	padding-bottom: 10px;
}
#logo .site-title a {
	background-image: url(images/logo.png);
	height: 88px;
	display: block;
	width: 195px;
	text-indent: -9999px;
}

/* NAVIGATION
------------- */
#navigation {
	width: 69%;
	height: 32px;
	clear: none;
	background: none; 
	margin: 0;
	border: 0;
	position: absolute;
	right: 0 !important;
	bottom: 0 !important;
	left: auto !important;
}

#navigation .menus {
	clear: none;
	position: absolute;
	bottom: 0;
	width: 100%;
}
#navigation ul {
    margin: 0;
    width: auto;
    float: right;
}
#navigation ul.nav > li {
    margin: 0 10px;
}
#navigation ul.nav > li:hover {
	background: none;
}
#navigation ul.nav > li a {
    font-family: 'Cabin', sans-serif;
    font-weight: 400;
    line-height: 32px;
    padding: 0 !important;
    margin: 0;
    text-transform: uppercase;
    color: #888;
    font-size: 13px;
}
#navigation ul.nav > li a:hover {
	background: none;
	color: #5281ab;
}
#navigation ul.nav > li.current_page_item a {
	background: none;
	color: #5281ab;
}
#navigation ul.nav > li:last-child a {
	margin-right:0;
}
#navigation .nav li.parent > a:after {
	display: none;
}
#navigation ul.nav ul {
	background: #FFFFFF;
	width: 150px;
	padding: 15px 10px 10px;
	box-shadow: 0px 2px 1px 0px #666666;
}
#navigation ul.nav #menu-item-23 ul {
	width: 218px;
}
#navigation ul.nav ul.sub-menu li a {
	margin: 0 5px;
	text-decoration: none;
}
#navigation ul.nav ul.sub-menu li a:hover {
	color: #5281ab !IMPORTANT;
}
#navigation ul.nav > li:hover a {
	color: #5281ab;
}
#navigation ul.nav li.current_page_parent > a,
#navigation ul.nav ul.sub-menu li.current_page_item a {
	background: none;
	color: #5281ab !important;
}
#navigation ul.nav li.facebook, #navigation ul.nav li.googleplus {
    text-indent: -9999px;
    width: 24px;
    background-size: contain;
    margin-right: 0;
}
#navigation ul.nav li.facebook {
    background: url(images/facebook.png) no-repeat 50% 50%;
}
#navigation ul.nav li.googleplus {
    background: url(images/google-plus.png) no-repeat 50% 50%;
}
/* SLIDER
--------- */
#postslideer {
	background: #ffffff;
	margin: 0 0 20px 0;
	padding: 10px;
	width: 1140px;
}
#postslideer .wooslider {
	margin: 0 !important;
	background: #fff;
	border: 0;
	position: relative;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	zoom: 1;
}
body .wooslider .slide-content {
	margin: 0;
	display: block;
}
.wooslider .layout-text-right img {
	float: left;
	width: 662px;
}
body .wooslider.wooslider-type-slides .slide-excerpt p img {
	width: 117px;
}
.wooslider .layout-text-right .slide-excerpt {
	float: right;
	width: 468px;
}
.slide-excerpt h2 {
	border-top: 4px solid #5282ac;
	padding-top: 5px;
	margin-bottom: 10px;
	font-size: 18px;
	color: #5282ac;
}
.slide-excerpt p {
	margin-bottom: 10px;
}
.slide-excerpt a {
	background: #5282ac;
	color: #ffffff;
	padding: 7px 12px;
	margin-top: 10px;
	display: inline-block;
}
.wooslider-direction-nav a {
	display: block;
	width: 40px;
	height: 40px;
	margin: 0;
	position: absolute;
	bottom: 0;
	top:auto;
	z-index: 10;
	overflow: hidden;
	opacity: 0;
	cursor: pointer;
	color: rgba(0,0,0,0.8);
	text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	opacity: 1;
	background:url(images/slider_arows.png) no-repeat;
}
.wooslider-direction-nav a:before {
	display:none;
}
.wooslider:hover .wooslider-prev {
	opacity: 1;
	left: inherit;
}
.wooslider:hover .wooslider-next {
	opacity: 1;
	right: 0;
}
.wooslider-direction-nav .wooslider-prev {
	left: inherit;
	right: 40px;
}
.wooslider-direction-nav .wooslider-next {
	right: 0;
	text-align: right;
	background-position:-40px 0;
}

/* FRIENDS OF BRANTWOOD
--------------------- */
#custom_template #friends-of-brantwood .content a {
	position: relative;
}

/* AVAILABILITY
------------ */
/**/
.wpsbc-legend {
  position: absolute;
  right: 20px;
  margin: 0;
}
.status-wpsbc-grey-out-history {
  background-color: #eeeeee;
}
div.wpsbc-calendar ul li {
  line-height: 22px !important;
}
.status-wpsbc-grey-out-history span.wpsbc-day-split-day {
  color: #ccc !important;
}
.wpsbc-calendar .status-1 span.wpsbc-day-split-day {
  color: #fff !important;
}
.wpsbc-calendar .status-1 span.wpsbc-day-split-day {
  color: #fff;
}

div.wpsbc-calendar ul li.wpsbc-pad {
  background: #eee;
}
.wpsbc-legend {
  margin: 0;
  top: 10px;
  position: absolute;
  right: 20px;
}
div.wpsbc-calendar {
  margin: 0 10px 10px 0;
}


/* HOMEPAGE TOP 3
--------=-------- */
#topthree {
	margin-bottom: 20px;
	display: inline-block;
	width: 1160px;
	height:509px;
}
#topthree div.span3 {
	margin-right: 20px;
	float: left;
	height: 489px;
	padding: 10px;
}
#topthree div.whatson {
	background: #ffffff;
	width:373px;
}
#topthree div.courseot {
	width:472px;
	padding:0;
}
#topthree div.tweets {
	background: #ffffff;
	width:235px;
}
#topthree div.whatson header {
	float: left;
	width: 100%;
	border-top: 5px solid #5282ac;
	padding: 5px 0 5px 0;
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}
#topthree div.whatson header h2 {
	font-size: 30px;
	text-transform: uppercase;
	float: left;
	color: #5282ac;
	padding: 0;
	margin: 0;
	border: 0;
}
#topthree div.whatson header a {
	background: #5281ab;
	color: #ffffff;
	float: right;
	padding: 9px;
	text-transform: uppercase;
	font-size: 14px;
}
.whatson .featured_event, .whatson .featured_exhibition {
	float: left;
	width: 100%;
	height: 202px;
	position: relative;
}
.whatson .featured_event {
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 10px;
}
.whatson .featured_event img, .whatson .featured_exhibition img {
	float: left;
	margin: 0 14px 0 0;
}
.whatson .featured_event h2, .whatson .featured_exhibition h2 {
	font-size: 14px;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	float: left;
	width: 179px;
}
.whatson .featured_event h4, .whatson .featured_exhibition h4 {
	font-size: 13px;
	font-weight: 400;
	margin-bottom: 10px;
	color: #999999;
}
.whatson .featured_event .cont, .whatson .featured_exhibition .cont {
	float: left;
	width: 192px;
	height: 100%;
	position: relative;
}
.whatson .featured_event .cont h2, .whatson .featured_exhibition .cont h2 {
	font-size: 14px !important;
	margin-bottom: 0px !important;
}
.whatson .featured_event a, .whatson .featured_exhibition a {
	background: #5281ab;
	color: #ffffff;
	text-transform: uppercase;
	padding: 7px 0px;
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 100%;
	position: absolute;
	bottom: 0;
}
#topthree div.courseot div.opentimes {
	max-width: 100%;
	height: 169px;
	padding: 10px;
	background: #5282ac;
	margin-bottom: 20px;
}
#topthree div.courseot div.opentimes img {
	float: left;
	margin: 0 10px 0 0;
}
#topthree div.courseot div.opentimes div.openinfo {
	float: left;
	width: 275px;
	height: 100%;
	position: relative;
}
#topthree div.courseot div.opentimes div.openinfo h2 {
	float: left;
	width: 100%;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 20px;
	border-top: 5px solid #ffffff;
	padding-top: 5px;
	margin-bottom: 10px;
}
#topthree div.courseot div.opentimes p {
	color: #ffffff;
	margin-bottom: 10px;
}
#topthree div.courseot div.opentimes a.moredetails {
	background: #ffffff;
	text-decoration: none;
	padding: 7px 16px;
	display: inline-block;
	text-transform: uppercase;
	position: absolute;
	bottom: 0;
}
#topthree div.courseot div.courses {
	max-width: 100%;
	height: 279px;
	padding: 10px;
	background: #ffffff;
}
#topthree div.courseot div.courses div.featured_course {
	float: left;
	width: 100%;
	height: 100%;
	position: relative;
}
#topthree div.courseot div.courses img {
	float: left;
	margin: 0 14px 0 0;
}
#topthree div.courseot div.courses h2 {
	float: left;
	width: 271px;
	margin-bottom: 10px;
	padding-top: 5px;
	border-top: 5px solid #5282ac;
	color: #5282ac;
	font-size: 18px;
	text-transform: uppercase;
}
#topthree div.courseot div.courses h3 {
	font-size: 16px;
	text-transform: uppercase;
	color: #5282ac;
	margin-bottom: 10px;
	float: left;
	width: 271px;
	padding: 0;
	margin: 0 0 10px 0;
}
#topthree div.courseot div.courses p {
	padding-bottom: 10px;
}
#topthree div.courseot div.courses h4 {
	color: #5282ac;
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 10px;
	float: left;
	width: 271px;
}
#topthree div.courseot div.courses div.cont {
	float: left;
	width: 271px;
	height: 189px;
}
#topthree div.courseot div.courses div.cont a {
	background: #5281ab;
	color: #ffffff;
	text-transform: uppercase;
	padding: 7px 16px;
	position: absolute;
	bottom: 0;
}
#topthree div.tweets ul#sidebar {
	float: left;
	width: 100%;
	height: 100%;
	position: relative;
}
#topthree div.tweets ul#sidebar h3 {
	float: left;
	width: 100%;
	text-transform: uppercase;
	color: #5281ab;
	border-top: 5px solid #5281ab;
	padding-top: 5px;
	margin-bottom: 10px;
}
#topthree div.tweets ul#sidebar ul.tweets {
	float: left;
	width: 100%;
}
#topthree div.tweets ul#sidebar ul.tweets li {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 10px;
}
#topthree div.tweets ul#sidebar ul.tweets li a {
	text-decoration: none;
}
#topthree div.tweets ul#sidebar iframe#twitter-widget-0 {
	position: absolute;
	bottom: 0;
	right: 0;
}

/* HOMEPAGE BOTTOM 2 
-------------------- */
section#bottomtwo {
	float: left;
	width: 1160px;
	height: 396px;
}
section#bottomtwo div.wrapper {
	float: left;
	width: 100%;
	height: 100%;
}
section#bottomtwo div.wrapper div.walks {
	float: left;
	width: 648px;
	height: 376px;
	background: #fff;
	padding: 10px;
}
section#bottomtwo div.wrapper div.walks img {
	float: left;
	padding: 0 14px 0 0;
}
section#bottomtwo div.wrapper div.walks h3 {
	float: left;
	width: 265px;
	border-top: 5px solid #ea6ca2;
	padding-top: 5px;
	margin-bottom: 10px;
	text-transform: uppercase;
	color: #ea6ca2;
	font-size: 18px;
}
section#bottomtwo div.wrapper div.walks div.content {
	float: left;
	width: 265px;
	height: 334px;
	position: relative;
}
section#bottomtwo div.wrapper div.walks div.content p {
	margin-bottom: 10px;
}
section#bottomtwo div.wrapper div.walks div.content a {
	background: #ea6ca2;
	color: #fff;
	position: absolute;
	bottom: 0;
	padding: 7px 16px;
	text-transform: uppercase;
	text-decoration: none;
}
section#bottomtwo div.wrapper div.acomwed {
	float: left;
	width: 472px;
	margin: 0 0 0 20px;
	height: 396px;
	overflow: hidden;
}
section#bottomtwo div.wrapper div.acomwed div.accom {
	float: left;
	width: 452px;
	height: 169px;
	padding: 10px;
	background: #ffffff;
}
section#bottomtwo div.wrapper div.acomwed div.weddings {
	float: left;
	width: 452px;
	height: 169px;
	padding: 10px;
	background: #ffffff;
	margin-top: 18px;
}
section#bottomtwo div.wrapper div.acomwed div.accom img,
section#bottomtwo div.wrapper div.acomwed div.weddings img {
	float: left;
	padding: 0 14px 0 0;
}
section#bottomtwo div.wrapper div.acomwed div.accom h3,
section#bottomtwo div.wrapper div.acomwed div.weddings h3 {
	float: left;
	width: 265px;
	padding-top: 5px;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-size: 18px;
}
section#bottomtwo div.wrapper div.acomwed div.accom h3 {
	border-top: 5px solid #81989e;
	color: #81989e;
}
section#bottomtwo div.wrapper div.acomwed div.accom a {
	background: #81989e;
}
section#bottomtwo div.wrapper div.acomwed div.weddings h3 {
	border-top: 5px solid #8a7960;
	color: #8a7960;
}
section#bottomtwo div.wrapper div.acomwed div.weddings a {
	background: #8a7960;
}
section#bottomtwo div.wrapper div.acomwed div.accom a,
section#bottomtwo div.wrapper div.acomwed div.weddings a {
	position: absolute;
	bottom: 0;
	color: #ffffff;
	padding: 7px 15px;
	text-transform: uppercase;
	text-decoration: none;
}
section#bottomtwo div.wrapper div.acomwed div.accom div.content,
section#bottomtwo div.wrapper div.acomwed div.weddings div.content {
	float: left;
	width: 265px;
	height: 127px;
	position: relative;
}

.home footer#footer {
    margin-top: 20px;
}

/* /GENERIC TEMPLATE STYLES
--------------------------- */
#custom_template h2 {
	font-size: 18px;
	color: #5282ac;
	text-transform: uppercase;
	font-weight: 400;
	line-height: normal;
	margin: 0 0 10px 0;
	border-top: 5px solid #5282ac;
	padding-top: 5px;
}
#custom_template h3 {
	font-size: 16px;
	color: #5282ac;
	text-transform: uppercase;
	font-weight: 400;
	line-height: normal;
	margin: 0 0 10px 0;
}
#custom_template .content a {
	background: #5282ac;
	color: #ffffff;
	padding: 5px 10px;
	text-transform: uppercase;
	position: absolute;
	bottom: 0;
}

.vc_button-2-wrapper.vc_button-2-align-inline {
  background: #ffffff;
  width: 100%;
}

.vc_column_container .vc_btn.morelink {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
}

.vc_column_container .vc_btn, .vc_column_container .wpb_button {
  margin-top: 0;
  margin-bottom: 0;
}

.vc_btn-blue, a.vc_btn-blue, button.vc_btn-blue {
  background-color: #5282ac;
  text-transform: uppercase;
}

.vc_btn-blue:hover, a.vc_btn-blue:hover, button.vc_btn-blue:hover {
  background-color: #333333;
  color: #f7f7f7 !important;
}

.vc_empty_space.white {
  background: #fff;
}

a.wpb_button_a span {
  background: #5282ac;
  color: #ffffff;
  padding: 5px 10px;
  text-transform: uppercase;
  margin: 0 !important;
  border: 0;
}

/* ABOUT PAGE TEMPLATE
------------- */
#custom_template .aboutinfo-intro {
	padding: 10px;
	background: #ffffff;
}
#custom_template .aboutinfo-intro .images {
	padding: 0;
	width: 368px;
}
#custom_template .aboutinfo-intro .content {
	width: 772px;
	padding: 0 0 0 20px;
}
#custom_template .aboutinfo-feature {
	padding: 10px;
	background: #ffffff;
	width: 668px;
}
#custom_template .aboutinfo-feature .images {
	padding: 0 !IMPORTANT;
	width: 368px;
}
#custom_template .aboutinfo-feature .video {
	padding: 0 !IMPORTANT;
	width: 100%;
	height: 100%;
}
#custom_template .aboutinfo-feature .content {
	padding: 0 0 0 20px;
	width: 280px;
}
#custom_template .aboutinfo-extra .content {
	padding: 0 0 0 20px;
	width: 285px;
}
#custom_template .aboutinfo-extra {
	padding: 0 0 0 20px;
	width: 492px;
}
#custom_template .aboutinfo-extra .aboutinfo-extratop, 
#custom_template .aboutinfo-extra .aboutinfo-extrabottom {
	padding: 10px;
	background: #ffffff;
}
#custom_template .aboutinfo-extra .images {
	width: 167px;
	padding: 0;
}
#custom_template .aboutinfo-extra .content {
	padding: 0 0 0 20px;
	width: 285px;
}
/* CUSTOM ABOUT/INFO EDITS
-------------------------- */

#custom_template #ruskin .aboutinfo-extra .content {
	height: 169px;
}
#custom_template #group-booking .aboutinfo-intro .content a {
	position: relative;
	background: none;
	padding: 0;
	color: #5282ac;
	text-transform: none;
}

#custom_template #musical-stones .aboutinfo-intro .content a {
	padding: 0;
	background: none;
	color: #5282ac;
	position: relative;
	text-transform: none;
}
#custom_template #about-brantwood .aboutinfo-extra .content {
	height: 169px;
}


/* RUSKIN PAGE STYLES
--------------------- */
#ruskin .aboutinfo-intro .content h2 {
	color: #758e91;
	border-color: #758e91;
}
#ruskin .aboutinfo-intro .content a {
	background: #758e91;
}
#ruskin .aboutinfo-feature .content h2 {
	color: #c5b28d;
	border-color: #c5b28d;
}
#ruskin .aboutinfo-feature .content a {
	background: #c5b28d;
}
#ruskin .aboutinfo-extra .aboutinfo-extratop h2 {
	color: #b44d3f;
	border-color: #b44d3f;
}
#ruskin .aboutinfo-extra .aboutinfo-extratop a {
	background: #b44d3f;
}
#ruskin .aboutinfo-extra .aboutinfo-extrabottom h2 {
	color: #58576f;
	border-color: #58576f;
}
#ruskin .aboutinfo-extra .aboutinfo-extrabottom a {
	background: #58576f;
}
#ruskin .aboutinfo-extra .aboutinfo-extratop {
	height: 283px;
}
#ruskin .aboutinfo-feature {
	height: 512px;
}
#ruskin .aboutinfo-feature .wpb_gallery .flexslider ol.flex-control-nav {
	display: none;
}

/* THINGS TO DO / MASONRY TEMPLATE
---------------------------------- */

#custom_template .column {
	width: 569px;
	padding: 0;
}
#custom_template .column.left {
	margin: 0 22px 0 0;
}
#custom_template .masonry-feature.tall {
	width: 274px;
	height: 569px;
}
#custom_template .masonry-feature {
	padding: 10px;
	background: #ffffff;
	width: 569px;
}
#custom_template .masonry-feature .images {
	padding: 0;
}
/* BRICK 1 */
#custom_template .masonry-feature.brick1 .images. {
	width: 169px;
}
#custom_template .masonry-feature.brick1 .content {
	width: 366px;
	padding: 0 0 0 20px;
	height: 286px;
}
#custom_template .masonry-feature.brick1 h2 {
	color: #6d9d36;
	border-color: #6d9d36;
}
#custom_template .masonry-feature.brick1 a {
	background: #6d9d36;
}
/* BRICK 2 */
#custom_template .masonry-feature.brick2 {
	height: 574px;
}
#custom_template .masonry-feature.brick2 .column_container {
	padding: 0;
}
#custom_template .masonry-feature.brick2 h2 {
	color: #c5b28d;
	border-color: #c5b28d;
}
#custom_template .masonry-feature.brick2 h3 {
	color: #c5b28d;
}

#custom_template .masonry-feature.brick2 .content {
	width: 49%;
	float: left;
	margin: 0 2% 0 0;
}
#custom_template .masonry-feature.brick2 .content:last-child {
	margin: 0;
}
#custom_template .masonry-feature.brick2 .content a {
	position: relative;
	margin-bottom: 10px;
	float: left;
	margin: 0;
	background: #c5b28d;
}
/* BRICK 3 */
#custom_template .masonry-feature.tall.brick3 {
	margin-right: 21px;
}
#custom_template .masonry-feature.tall.brick3 .heading h2 {
	color: #de4b89;
	border-color: #de4b89;
}
#custom_template .masonry-feature.tall.brick3 a {
	background: #de4c89;
	bottom: 10px;
}
/* BRICK 4 */
#custom_template .masonry-feature.tall.brick4 h2 {
	color: #768d97;
	border-color: #768d97;
}
#custom_template .masonry-feature.tall.brick4 h3 {
	color: #768d97;
}
#custom_template .masonry-feature.tall.brick4 a {
	background: #768d97;
	bottom: 10px;
}

/* BOOKINGS PAGE
---------------- */

#custom_template .booking-intro {
	background: #5282ac;
	padding: 10px;
	width: 373px;
	margin: 0 20px 0 0;
	height: 498px;
}
#custom_template .booking-intro h2 {
	color: #fff;
	border-color: #fff;
}
#custom_template .booking-intro p {
	color: #fff;
}
#custom_template .booking-feature {
	width: 373px;
	margin-right: 21px;
	background: #ffffff;
	min-height: 485px;
	padding: 10px;
}
#custom_template .booking-feature:last-child {
	margin: 0;
}
#custom_template .booking-feature .heading {
	padding: 0;
}
#custom_template .booking-feature .images {
	padding: 0;
}
#custom_template .booking-feature .content {
	min-height: 167px;
	padding: 0;
}
#custom_template .booking-feature .content {
	min-height: 167px;
}
#custom_template .booking-item {
	background: #ffffff;
	margin: 0 20px 0 0;
	padding: 10px;
	width: 373px;
}
#custom_template .booking-item:last-child {
	margin: 0;
}
#custom_template .booking-item .images {
	padding: 0;
	width: 167px;
}
#custom_template .booking-item .content {
	margin: 0 0 0 10px;
	width: 176px;
	padding: 0;
	height: 190px;
}
#custom_template .booking-item .content h2 {
	font-size: 17px;
}

/* HOUSE TEMPLATE 
---------------- */

#custom_template .house-intro {
	padding: 10px;
	background: #ffffff;
}
#custom_template .house-intro .content {
	width: 363px;
	padding: 0;
	margin: 0 21px 0 0;
}

#custom_template .house-intro .images {
	padding: 0;
	width: 756px;
}
#custom_template .house-intro .images .flex-direction-nav .flex-prev {
	left: 10px;
}
#custom_template .house-intro .images .flex-direction-nav .flex-next {
	right: 10px;
	background-position: 100% 
}
#custom_template .house-intro .images .flex-direction-nav a {
	background: url(images/arrows.png) no-repeat 0 0;
	background-size: auto 30px;
	width: 18px;
	height: 30px;
}
#custom_template .house-intro .images .flexslider {
	margin: 0;
	padding: 0;
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
}
#custom_template .house-intro .images .flexslider .flex-control-nav {
	display: none;
}

#custom_template .house-feature {
	padding: 10px;
	background: #ffffff;
	width: 570px;
	margin: 0 20px 0 0;
}
#custom_template .house-feature .images {
	width: 265px;
	padding: 0;
}
#custom_template .house-feature .content {
	padding: 0;
	margin: 0 0 0 20px;
	width: 265px;
}

#custom_template .house-extras {
	padding: 0px;
	width: 570px;
}
#custom_template .house-extras .house-extra-top, #custom_template .house-extras .house-extra-bottom {
	padding: 10px;
	background: #ffffff;
	margin-bottom: 20px;
}
#custom_template .house-extras .house-extra-top .images, #custom_template .house-extras .house-extra-bottom .images {
	padding: 0;
	width: 266px;
}
#custom_template .house-extras .house-extra-top .content, #custom_template .house-extras .house-extra-bottom .content {
	margin: 0 0 0 20px;
	padding: 0;
	width: 264px;
}

/*  WHAT'S ON
------------- */
/* 3 columns by default */
#custom_template  .grid-sizer { width: 32.66%; }
#custom_template  .gutter-sizer { width: 1%; }

#custom_template #masonry_grid {
	width: 100%;
	max-width: 1170px;
}
#custom_template #masonry_grid .item {
	margin-bottom: 20px;
	width: 32.66%;
}
#custom_template #masonry_grid .item .inner {
	background: #ffffff;
	padding: 10px;
	/*width: 354px;*/
	/*margin: 0 auto;*/
}
#custom_template #masonry_grid .item img {
	height: auto;
	width: 100%;
	width: 100%;
	margin-bottom: 10px;
}
#custom_template #masonry_grid .item .inner h2 {
	margin-bottom: 0;
	padding-bottom: 0;
}
#custom_template #masonry_grid .item .inner p.date {
	color: #999;
	margin-bottom: 10px;
}
#custom_template #masonry_grid .item .inner .prices {
	margin: 20px 0 0 0;
}
#custom_template #masonry_grid .item .inner .prices p {
	display: inline-block;
	vertical-align: top;
	font-weight: 700 !important;
	width: 49%;
	text-transform: uppercase;
	color: #5281AB;
}
#custom_template #masonry_grid .item .inner a {
	width: 100%;
	padding: 5px 0;
	text-align: center;
	display: inline-block;
	background: #5281ab;
	color: #ffffff;
	line-height: 15px;
	margin-top: 10px;
	text-transform: uppercase;
	text-decoration: none;
}
#custom_template #event_warning {
	background: #ffffff;
	padding: 10px;
	margin: 0 0 20px 0;
}
#custom_template #event_warning h3 {
	margin: 0;
	line-height: 25px;
}
#custom_template #filters {
	margin-bottom: 20px;
}
#custom_template #filters button {
	background: #ffffff;
	border: none;
	text-transform: uppercase;
	padding: 5px 10px;
	cursor: pointer;
	margin: 0 5px 0 0;
	border-width: 0 0 2px 0;
	border-style: solid;
	border-color: #ffffff;
}
#custom_template #filters button[data-filter="item"].active, #custom_template #filters button[data-filter="item"]:hover {
	border-color: #5281ab;
}
#custom_template #masonry_grid .item[data-type="item"] h2 {
	border-color: #5281ab;
	color: #5281ab;
}
#custom_template #masonry_grid .item[data-type="item"] a {
	background: #5281ab;
}
#custom_template #masonry_grid .item[data-type="item"] .inner .prices p {
	color: #5281ab;
}


#custom_template #filters button[data-filter="music"].active, #custom_template #filters button[data-filter="music"]:hover {
	border-color: #758e91;
}
#custom_template #masonry_grid .item[data-type="music"] h2 {
	border-color: #758e91;
	color: #758e91;
}
#custom_template #masonry_grid .item[data-type="music"] a {
	background: #758e91;
}
#custom_template #masonry_grid .item[data-type="music"] .inner .prices p {
	color: #758e91;
}


#custom_template #filters button[data-filter="talk"].active, #custom_template #filters button[data-filter="talk"]:hover {
	border-color: #c5b28d;
}
#custom_template #masonry_grid .item[data-type="talk"] h2 {
	border-color: #c5b28d;
	color: #c5b28d;
}
#custom_template #masonry_grid .item[data-type="talk"] a {
	background: #c5b28d;
}
#custom_template #masonry_grid .item[data-type="talk"] .inner .prices p {
	color: #c5b28d;
}


#custom_template #filters button[data-filter="theatre"].active, #custom_template #filters button[data-filter="theatre"]:hover {
	border-color: #b44d3f;
}
#custom_template #masonry_grid .item[data-type="theatre"] h2 {
	border-color: #b44d3f;
	color: #b44d3f;
}
#custom_template #masonry_grid .item[data-type="theatre"] a {
	background: #b44d3f;
}
#custom_template #masonry_grid .item[data-type="theatre"] .inner .prices p {
	color: #b44d3f;
}


#custom_template #filters button[data-filter="weekly"].active, #custom_template #filters button[data-filter="weekly"]:hover {
	border-color: #58576f;
}
#custom_template #masonry_grid .item[data-type="weekly"] h2 {
	border-color: #58576f;
	color: #58576f;
}
#custom_template #masonry_grid .item[data-type="weekly"] a {
	background: #58576f;
}
#custom_template #masonry_grid .item[data-type="weekly"] .inner .prices p {
	color: #58576f;
}


#custom_template #filters button[data-filter="exhibition"].active, #custom_template #filters button[data-filter="exhibition"]:hover {
	border-color: #6d9d36;
}
#custom_template #masonry_grid .item[data-type="exhibition"] h2 {
	border-color: #6d9d36;
	color: #6d9d36;
}
#custom_template #masonry_grid .item[data-type="exhibition"] a {
	background: #6d9d36;
}
#custom_template #masonry_grid .item[data-type="exhibition"] .inner .prices p {
	color: #6d9d36;
}


#custom_template #filters button[data-filter="special"].active, #custom_template #filters button[data-filter="special"]:hover {
	border-color: #DE4B86;
}
#custom_template #masonry_grid .item[data-type="special"] h2 {
	border-color: #DE4B86;
	color: #DE4B86;
}
#custom_template #masonry_grid .item[data-type="special"] a {
	background: #DE4B86;
}
#custom_template #masonry_grid .item[data-type="special"] .inner .prices p {
	color: #DE4B86;
}


#custom_template #filters button[data-filter="course"].active, #custom_template #filters button[data-filter="course"]:hover {
	border-color: #9d6636;
}
#custom_template #masonry_grid .item[data-type="course"] h2 {
	border-color: #9d6636;
	color: #9d6636;
}
#custom_template #masonry_grid .item[data-type="course"] a {
	background: #9d6636;
}
#custom_template #masonry_grid .item[data-type="course"] .inner .prices p {
	color: #9d6636;
}

/* GARDEN ESTATE PAGE
--------------------- */

#custom_template .gardenestate-intro {
	padding: 10px;
	background: #ffffff;
}
#custom_template .gardenestate-intro .images {
	width: 559px;
	padding: 0;
}
#custom_template .gardenestate-intro .content {
	margin: 0 0 0 20px;
	padding: 0;
	width: 561px;
}
#custom_template .gardenestate-feature {
	width: 570px;
	padding: 0;
}
#custom_template .gardenestate-feature .column {
	background: #ffffff;
	padding: 10px;
	width: 275px;
	height: 464px;
}
#custom_template .gardenestate-feature .column.ziggy {
	margin-right: 20px;
}
#custom_template .gardenestate-extra {
	width: 570px;
	padding: 0;
	margin: 0 0 0 20px;
}
#custom_template .gardenestate-extra .gardenestate-extra-top, #custom_template .gardenestate-extra .gardenestate-extra-bottom {
	padding: 10px;
	background: #ffffff;
}
#custom_template .gardenestate-extra .gardenestate-extra-top .images, #custom_template .gardenestate-extra .gardenestate-extra-bottom .images {
	padding: 0;
	width: 162px;
}
#custom_template .gardenestate-extra .gardenestate-extra-top .content, #custom_template .gardenestate-extra .gardenestate-extra-bottom .content {
	width: 368px;
	padding: 0;
	margin: 0 0 0 20px;
}
#custom_template .gardenestate-walking-left {
	width: 570px;
	padding: 0;
}
#custom_template .gardenestate-walking-left .trellis, #custom_template .gardenestate-walking-left .professor {
	background: #ffffff;
	padding: 10px;
}
#custom_template .gardenestate-walking-left .trellis .images, #custom_template .gardenestate-walking-left .professor .images {
	width: 162px;
	padding: 0;
}
#custom_template .gardenestate-walking-left .trellis .content, #custom_template .gardenestate-walking-left .professor .content {
	width: 367px;
	padding: 0;
	margin: 0 0 0 20px;
}
#custom_template .gardenestate-walking-right {
	width: 570px;
	margin: 0 0 0 20px;
	padding: 0;
}
#custom_template .gardenestate-walking-right .column {
	width: 275px;
	padding: 10px;
	height: 464px;
	background: #fff;
}
#custom_template .gardenestate-walking-right .column.fern {
	margin-right: 20px;
}

/* CUSTOM GARDEN STYLE
---------------------- */

#custom_template #school-visits .gardenestate-walking-left .trellis .images, 
#custom_template #school-visits .gardenestate-walking-left .professor .images,
#custom_template #school-visits .gardenestate-extra .gardenestate-extra-top .images, 
#custom_template #school-visits .gardenestate-extra .gardenestate-extra-bottom .images {
width: 229px;
}
#custom_template #school-visits .gardenestate-walking-left .trellis .content, 
#custom_template #school-visits .gardenestate-walking-left .professor .content,
#custom_template #school-visits .gardenestate-extra .gardenestate-extra-top .content, 
#custom_template #school-visits .gardenestate-extra .gardenestate-extra-bottom .content{
width: 300px;
}

/* WEDDINGS
----------- */

#custom_template #weddings .aboutinfo-intro .images {
	width: 735px;
}
#custom_template #weddings .aboutinfo-intro .images .wpb_gallery_slides {
	padding: 0;
	margin: 0;
	border: 0;
}
#custom_template #weddings .aboutinfo-intro .images .wpb_gallery_slides ol.flex-control-nav {
	display: none;
}
#custom_template #weddings .aboutinfo-intro .content {
	width: 405px;
}
#custom_template #weddings .aboutinfo-intro .content a {
	padding: 0;
	background: none;
	color: #5282ac;
	position: relative;
	text-transform: none;
}


/* SINGLE POSTS
--------------- */

.single div.event_image {
	width: 400px;
	background: #ffffff;
	padding: 10px;
	border-right: 20px;
	float: left;
	margin-bottom: 20px;
}
.single div.event_image img {
	width: 100%;
	height: auto;
}
.single article {
	background: #ffffff;
	padding: 10px;
	margin: 0 0 20px 20px;
	width: 700px;
	float: left;
}
.single article h1.title {
	font-size: 18px;
	color: #5282ac;
	text-transform: uppercase;
	font-weight: 400;
	line-height: normal;
	margin: 0 0 10px 0;
	border-top: 5px solid #5282ac;
	padding-top: 5px;
}
.single div.event_info {
	width: 700px;
	background: #ffffff;
	padding: 10px;
	border-right: 20px;
	float: right;
	margin: 0 0 20px 20px;
}
.single div.event_info h2 {
	font-size: 18px;
	color: #5282ac;
	text-transform: uppercase;
	font-weight: 400;
	line-height: normal;
	margin: 0 0 10px 0;
	border-top: 5px solid #5282ac;
	padding-top: 5px;
}
.single div.event_info p span {
	width: 125px;
	display: inline-block;
	font-weight: 700;
}


@media screen and (max-width: 480px){
	#grid[data-columns]::before {
		content: '1 .column.size-1of1';
	}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	#grid[data-columns]::before {
		content: '2 .column.size-1of2';
	}
}
@media screen and (min-width: 769px) {
	#grid[data-columns]::before {
		content: '3 .column.size-1of3';
	}
}


/* FOOTER
--------- */
#footer {
	padding: 20px 0;
	border-top: 0;
	color: #333;
	text-align: center;
	background: #ffffff;
	border-bottom: 10px solid #5281ab;
	width: 1160px;
}



@media only screen and (max-width: 1024px) {
	#header {
		max-width: 100%;
		width: auto;
	}
	#navigation {
		width: 75%;
	}
	#custom_template .aboutinfo-intro .content {
	   width: 63%;
	}
	#custom_template .aboutinfo-feature {
		width: 500px;
	}
	#custom_template .aboutinfo-feature {
		width: 100%;
	}
	#custom_template .aboutinfo-feature .content {
		width: 796px;
	}
	
	#custom_template .aboutinfo-extra {
		width: 100%;
		margin-top: 20px;
		padding: 0;
	}

	#custom_template #about-brantwood .aboutinfo-extra .content {
		height: 167px;
	}
	#custom_template .aboutinfo-extra .aboutinfo-extratop {
		margin-right: 2% !IMPORTANT;
        margin-bottom: 0;
	}
	#custom_template .aboutinfo-extra .aboutinfo-extratop, #custom_template .aboutinfo-extra .aboutinfo-extrabottom {
		width: 49%;
		float: left;
	}
	#ruskin .aboutinfo-feature {
		width: 100%;
		height: auto;
	}
	#custom_template .aboutinfo-feature .images {
		width: 208px;
	}
	#custom_template .column.left {
		margin: 0 20px 0 0;
	}
	#custom_template .column {
		width: 48%;
		margin-right: 2%;
	}
	#custom_template .masonry-feature {
		width: 100%;
	}
	#custom_template .masonry-feature.brick1 .images {
		width: 36%;
	}
	#custom_template .masonry-feature.brick1 .content {
		width: 64%;
	}
	#custom_template .masonry-feature.tall.brick3 {
		margin-right: 20px;
	}
	#custom_template .masonry-feature.tall {
		width: 47.91%;
	}
	#custom_template .masonry-feature.brick5 .content {
		margin-top: 10px;
		padding: 0;
	}
	#custom_template .booking-intro, #custom_template .booking-feature {
		width: 31.95%;
		height: 568px;
	}
	#custom_template .booking-item {
		width: 32%;
		margin: 0 2% 0 0;
	}
	#custom_template .booking-item .images {
		width: 100%;
		margin-bottom: 10px;
	}
	#custom_template .booking-item .content {
		margin: 0;
		width: 100%;
	}
	#footer {
		max-width: 100%;
		padding: 10px 50px;
		width: auto;
	}
	#custom_template .gardenestate-intro .images {
		width: 423px;
	}
	#custom_template .gardenestate-feature {
		width: 57%;
	}
	#custom_template .gardenestate-extra {
		width: 43%;
		margin: 0;
	}
	#custom_template #school-visits .gardenestate-walking-left .trellis .images, #custom_template #school-visits .gardenestate-walking-left .professor .images, #custom_template #school-visits .gardenestate-extra .gardenestate-extra-top .images, #custom_template #school-visits .gardenestate-extra .gardenestate-extra-bottom .images {
		width: 100%;
	}
	#custom_template #school-visits .gardenestate-extra .gardenestate-extra-top .images {
		width: 41%;
	}
	#custom_template #school-visits .gardenestate-extra .gardenestate-extra-top .content {
		width: 53.5%;
	}
	#custom_template #school-visits .gardenestate-extra .gardenestate-extra-top .images img {
		width: 100%;
	}
	#custom_template .gardenestate-walking-right {
		width: 49%;
		float: left;
		margin-left: 2%;
	}
	#custom_template .gardenestate-walking-left {
		width: 49%;
		float: left;
	}
	#custom_template .gardenestate-walking-left .trellis, #custom_template .gardenestate-walking-left .professor {
		width: 100%;
	}
	#custom_template #school-visits .gardenestate-walking-left .trellis .content {
		width: 60%;
	}
	#custom_template #school-visits .gardenestate-walking-left .trellis .images {
		width: 35%;
	}
	#custom_template .gardenestate-walking-right .column.fern {
		margin: 0 0 20px 0;
	}
	#custom_template .gardenestate-walking-right .column {
		width: 100%;
		margin: 0;
		height: auto;
	}
	#custom_template .gardenestate-walking-right .column .images {
		width: 36%;
		float: left;
		margin: 0 10px 0 0;
	}
	#custom_template .house-intro .images {
		width: 61.7%;
	}
	#custom_template .house-extras {
		width: 50%;
	}
	#custom_template .house-feature {
		width: 48%;
		float: left;
		margin-right: 2%;
	}
	#custom_template .house-feature .images {
		width: 44%;
	}
	#custom_template .house-feature .content {
		width: 54%;
		margin-left: 2%;
	}
	#custom_template .house-extras .house-extra-top .images, #custom_template .house-extras .house-extra-bottom .images {
		width: 208px;
	}
	section#bottomtwo {
		margin-bottom: 0;
	}
	
	/* Tasha */
	
	#custom_template #weddings .aboutinfo-intro .images {
		width: 66%;
	}
	#custom_template #weddings .aboutinfo-intro .content {
		width: 34%;
	}
	#custom_template .masonry-feature.brick5 .images {
		width: 44%;
		margin-right: 2%;
	}
	#custom_template .masonry-feature.brick5 .content {
		margin-top: 0;
        width: 54%;
	}
	#custom_template .gardenestate-extra .gardenestate-extra-top .content, #custom_template .gardenestate-extra .gardenestate-extra-bottom .content {
		width: 234px;
		padding: 0;
		margin: 0 0 0 20px;
	}
	#custom_template .gardenestate-walking-left .trellis .content, #custom_template .gardenestate-walking-left .professor .content {
		width: 299px;
		padding: 0;
		margin: 0 0 0 20px;
	}
    
	section#bottomtwo div.wrapper div.acomwed div.accom div.content, section#bottomtwo div.wrapper div.acomwed div.weddings div.content {
		width: 40%;
	}
	
	section#bottomtwo div.wrapper div.acomwed div.accom h3 {
		width: 44%;
	}
	
	section#bottomtwo div.wrapper div.acomwed {
		width: 39%;
	}
	section#bottomtwo div.wrapper div.acomwed div.weddings h3 {
		width: 44%;
	}
    
	section#bottomtwo div.wrapper div.walks {
		width: 57%;
	} 
	section#bottomtwo div.wrapper div.walks h3 {
		width: 35%;
	}
	section#bottomtwo div.wrapper div.walks div.content {
		width: 34%;
    }
    
    #custom_template .aboutinfo-extra .content {
        width: 65%;
    }
    
    #custom_template .masonry-feature.brick1 {
        height: 320px;
    }
    
    #custom_template .masonry-feature.brick2 {
        height: 480px;
    }
    
	/* Tasha End */
	
	#postslideer, #topthree, #bottomtwo {
		max-width: 100%;
		width: auto;
	}
	body .wooslider .slide-content img {
		width: 520px;
	}
	#topthree div.tweets {
		display: none;
	}
	#topthree div.courseot {
		width: 611px;
		margin: 0;
	}
	#topthree div.courseot div.courses div.cont {
		width: 410px;
	}
	#topthree div.courseot div.courses h2 {
		width: 100%;
	}
	#topthree div.courseot div.courses h3 {
		width: 100%;
	}
	#topthree div.courseot div.opentimes div.openinfo {
		width: 414px;
	}
	
}

/* IPAD / KINDLE / BIG PHONE STYLES 
----------------------- */

@media only screen and (max-width: 960px) {
#header {
position: relative;
height: auto;
width: auto;
margin: 0 10px 10px;
}
#logo {
margin-left: 10px;
}
header div.header-widget {
margin: 36px 10px 10px 0;
}
header {
float: left;
width: 100%;
position: relative;
}
header .widget h3, header .widget h4 {
text-align: right;
}
#navigation {
float: left;
position: relative;
width: 100%;
clear: both;
display: block !important;
margin-bottom: 0;
margin-top: 10px;
}
#navigation .menus {
position: relative;
}
#navigation ul {
text-align: center;
}
ul.nav li {
display: inline-block;
float: none;
}
#content {
padding: 0 10px;
}
#custom_template #filters {
margin-bottom: 0;
}
#topthree {
width: 100%;
}
#topthree div.whatson {
width: 100%;
}
#topthree div.whatson header {
width: calc(100% - 20px);
padding: 10px 0;
display: inline-block;
margin: 0 10px 10px;
}
.whatson .featured_event, .whatson .featured_exhibition {
width: 48.6%;
height: 220px;
}
.whatson .featured_event {
margin: 0 0 0 10px;
border: none;
padding: 0;
}
.whatson .featured_exhibition {
margin: 0 0 0 10px;
}
section#bottomtwo div.wrapper div.walks img {
width: 40%;
}
ection#bottomtwo div.wrapper div.walks h3 {
width: 58%;
margin: 0 0 10px 0 !important;
}
section#bottomtwo div.wrapper div.walks div.content {
height: 260px;
}
#navigation ul.nav ul {
display: none;
}
section#bottomtwo div.wrapper div.walks h3 {
width: 422px;
margin-top: 0;
margin-bottom: 10px;
}
section#bottomtwo div.wrapper div.walks div.content {
width: 421px;
}
section#bottomtwo div.wrapper div.acomwed div.accom, section#bottomtwo div.wrapper div.acomwed div.weddings {
width: 100%;
padding: 0;
}
section#bottomtwo div.wrapper div.acomwed div.accom img, section#bottomtwo div.wrapper div.acomwed div.weddings img {
width: 291px;
margin: 10px;
padding: 0;
}
section#bottomtwo div.wrapper div.acomwed div.accom h3, section#bottomtwo div.wrapper div.acomwed div.weddings h3 {
width: 427px;
margin-top: 10px;
margin-right: 10px;
}
section#bottomtwo div.wrapper div.acomwed div.accom div.content, section#bottomtwo div.wrapper div.acomwed div.weddings div.content {
width: 407px;
margin-right: 10px;
height: 252px;
}




#footer {
width: auto;
margin: 0 10px;
}
.single div.event_image {
width: 100%;
}
.single article {
width: 103%;
float: right;
}
.single div.event_info {
float: right;
width: 103%;
}
#custom_template #about-brantwood .aboutinfo-extra .content {
height: auto;
}
#custom_template .aboutinfo-intro .images img {
width: 100%;
}
#custom_template .masonry-feature .images {
width: 100%;
}
#custom_template .masonry-feature .content {
width: 100%;
}
#custom_template .booking-item {
width: 100%;
margin: 0;
}
#custom_template .booking-item .images img {
width: 100%;
}

}




/* IPHONE 3, 4, 5, Samsung, HTC... ETC
------------- */
@media only screen and (max-width: 768px) {
	.nav-toggle {
		margin: 0;
		cursor: pointer;
		text-align: left;
		display: block;
		padding: 0;
		font-size: 1em;
		background: #ffffff;
		border-bottom: 0;
		margin-top: 10px!important;
	}
	.nav-toggle:before {
		color: inherit;
		text-shadow: none;
	}
	.nav-toggle a {
	color: #5281ab!important;
	text-shadow: none;
	padding: 0.5em 1em;
	border-left: 1px solid rgba(0, 0, 0, 0.1);
	}
	header {
	float: left;
	width: 100%;
	position: static;
	}
	#header {
	background: #ffffff;
	border-top: 6px solid #5281ab;
	padding: 10px 0;
	margin: 0 0 10px 0;
	width: 100%;
		position: static;
	}
	#logo .site-title a {
	background-image: url(images/logo.png);
	height: 88px;
	display: block;
	width: 195px;
	text-indent: -9999px;
	margin: 0 auto;
	}
	header div.header-widget {
	margin: 10px 0 10px 0;
	}
	header .widget h3, header .widget h4 {
	border: none;
	margin: 0;
	width: 100%;
	text-align: center;
	font-size: 14px;
	}
	#navigation {
	width: 80%;
	height: auto;
	clear: none;
	background: none;
	margin: 0;
	border: 0;
	position: absolute;
	right: auto !important;
	bottom: 0 !important;
	left: 0 !important;
	padding: 0;
	top: 0;
	}
	#navigation .menus {
	top: 0;
	}
	#navigation .nav-home {
	display: none;
	}
	#navigation h3 {
	display: none;
	}
	#navigation .nav-home, #navigation .nav-close, #navigation .cart-contents, #navigation ul.rss li a {
	display: none;
	}
	#navigation ul.nav > li a {
	font-family: 'Cabin', sans-serif;
	font-weight: 400;
	line-height: normal;
	padding: 0 !important;
	margin: 0 0 0 20px;
	text-transform: uppercase;
	color: #888;
	font-size: 13px;
	background: none;
	border-bottom: 1px solid #ddd;
	line-height: 36px;
	}
	#navigation ul.nav ul {
	background: none;
	width: 89%;
	padding: 0;
	box-shadow: none;
	margin: 0 0 0 33px;
	}
	#navigation ul.nav #menu-item-23 ul {
	width: 89%;
	}
	#postslideer {
	display: none;
	}
    
/* Tasha Edits */
    
.home footer#footer {
    margin-top: 0px;
}

nav {
    margin-right: 5px;
}
    
nav#navigation {
    width: 100%;
    position: relative;
}
    
.cont p {
    display: none;
}
 
#topthree div.courseot {
    width: 100%;
}
    
#topthree div.span3.courseot {
    width: 100%;
    height: auto;
    margin-bottom: -18px;
}

#topthree div.span3.courseot div.opentimes {
    margin-bottom: 10px;
    width: 100%;
    padding: 10px 0;
}

#topthree div.span3.courseot div.opentimes div.openinfo { 
    padding: 0 1.5%;
    width: 97%;
}

#custom_template .masonry-feature.brick1 .content {    
    width: 62%;
    margin-left: 10px;
}
    
#custom_template .masonry-feature.brick1 .images {
    margin: 0;
}
    
#custom_template .masonry-feature.brick1 {
    height: 428px;
}

#custom_template .masonry-feature.brick3 .content {
    width: 38%;
    float: left;
}

#custom_template .masonry-feature.brick3 .images {
    width: 60%;
    float: left;
    margin: 0 10px 0 0;
}
    
#custom_template .masonry-feature.brick3 .heading {
    width: 38%;
    float: right;
    margin-right: 4px;
}
    
#custom_template .masonry-feature.brick4 .content {
    width: 38%;
    float: left;
}

#custom_template .masonry-feature.brick4 .images {
    width: 60%;
    float: left;
    margin: 0 10px 0 0;
}
    
#custom_template .masonry-feature.brick4 .heading {
    width: 38%;
    float: right;
    margin-right: 4px;
}
    
#custom_template .masonry-feature.brick4 .content a {
    margin-top: 22px;
    margin-bottom: -8px;
}
    
#custom_template .masonry-feature.brick2 .content {
    float: left;
    width: 54%;
    margin: 0 0 10px 0;
}

#custom_template .masonry-feature.brick2 .sub-heading {
    float: left;
    margin-bottom: 10px;
}
    
#custom_template .masonry-feature.brick2 .images {
    float: left;
    width: 44%;
    margin: 0 2% 0 0;
}
    
#custom_template .masonry-feature.brick5 .content {
    width: 54%;
    float: left;
}

#custom_template .masonry-feature.brick5 .images {
    float: left;
    margin: 0 10px 0 0;
}
    
#custom_template .vc_span4.booking-feature.wpb_column.column_container {
    width: 49%;
    height: auto;
    padding-bottom: 0;
    margin: 0 2% 0 0;
}   

#custom_template #bookings .booking-feature:last-child {
    margin-right: 0 !important;
}
    
#custom_template .booking-item {
    width: 32%;
    margin: 0 2% 0 0;
    min-height: 445px;
}
    
#custom_template #bookings .booking-item a{
    position: absolute;
    bottom:-25px;
}
    
#custom_template #bookings .booking-item:last-child {
    margin-right: 0 !important;
}
    
#custom_template .house-extras .wrapper {
    width: 49%;
}
    
#custom_template .house-extras .house-extra-top img, #custom_template .house-extras .house-extra-bottom img {
    width: 100%;
}
    
#custom_template #school-visits .gardenestate-extra .gardenestate-extra-top .content {
    width:57.5%;
}
    
#custom_template #school-visits .gardenestate-walking-left .trellis .content {
    width: 63.5%;
}
    
#custom_template #school-visits .gardenestate-intro .images {
    margin-bottom: 10px;
}
    
/* Tasha Edit Ends */

    
#topthree {
width: 100%;
height: auto;
margin-bottom: 10px;
}
#topthree div.span3 {
margin: 0;
width: 100%;
padding: 10px 0;
height: 248px;
}
#topthree div.whatson header {
padding-left: 8px;
padding-right: 8px;
width: auto;
width: calc(100% - 40px);
}
#topthree div.whatson header h2 {
font-size: 22px;
margin-right: 5px;
line-height: 36px;
}
.whatson .featured_event, .whatson .featured_exhibition {
height: 228px;
}
.whatson .featured_event img, .whatson .featured_exhibition img {
float: left;
margin: 0 10px 0 0;
width: 40%;
height: auto;
}
.whatson .featured_event .cont, .whatson .featured_exhibition .cont {
width: 53%;
float: right;
margin-right: 3%;
height: 176px;
}
.whatson .featured_event .cont h2, .whatson .featured_exhibition .cont h2 {
width: 100%;
}
.whatson .featured_event {
height: 176px;
}
.whatson .featured_event a, .whatson .featured_exhibition a {
position: absolute;
}
#topthree div.span3.courseot div.courses img {
margin: 0 10px 0 0;
width: 20%;
height: auto;
}
#topthree div.span3.courseot div.courses div.cont {
width: 77%;
float: left;
height: 249px;
position: relative;
}
#topthree div.span3.courseot div.courses {
height: auto;
display: inline-block;
padding: 10px;
padding-right:0;
padding-bottom:6px;
}
#topthree div.span3.courseot div.courses h2 {
width: 100%;
}
#topthree div.span3.courseot div.courses h3 {
width: 100%;
}
#topthree div.span3.courseot div.courses div.cont p {
position: relative;
float: left;
display: inline-block;
}
#topthree div.span3.courseot div.courses div.cont a {
position: absolute;
float: left;
bottom: 3px;
left: 0;
}
#topthree div.courseot div.opentimes {
margin-bottom: 10px;
}
#topthree div.courseot div.opentimes img {
display: none;
}
#topthree div.tweets ul#sidebar {
margin: 0;
padding: 0 10px;
max-width: 100%;
width: auto;
}
#topthree div.tweets ul#sidebar iframe#twitter-widget-0 {
position: relative;
float: right;
}
section#bottomtwo {
width: 100%;
height: auto;
position: relative;
margin-top: 0;
}
section#bottomtwo div.wrapper {
width: 100%;
}
section#bottomtwo div.wrapper div.walks {
max-width: 100%;
width: 98.7%;
height: auto;
padding: 10px 0 4px 10px;
}
section#bottomtwo div.wrapper div.walks div.content {
width: 58%;
margin: 10px 0 0 0;
}
section#bottomtwo div.wrapper div.walks div.content h3 {
width: 90%;
margin: 10px 0 0 0;
padding-top: 15px;
}
section#bottomtwo div.wrapper div.walks h3 {
width:56%;
}
section#bottomtwo div.wrapper div.walks div.content p {
width: 90%;
}
section#bottomtwo div.wrapper div.walks div.content a {
margin-bottom:6px;   
}
section#bottomtwo div.wrapper div.acomwed {
clear: left;
width: 110%;
max-width: 100%;
float: left;
margin: 10px 0 0 0;
height: auto;
padding: 0;
}
section#bottomtwo div.wrapper div.acomwed div.accom {
width: 100%;
max-width: 100%;
height: auto;
float: left;
padding:10px;
margin: 0 0 10px 0;
}
section#bottomtwo div.wrapper div.acomwed div.accom img, section#bottomtwo div.wrapper div.acomwed div.weddings img {
width: 40%;
margin: 0 10px 0 0;
}
section#bottomtwo div.wrapper div.acomwed div.accom h3, section#bottomtwo div.wrapper div.acomwed div.weddings h3 {
width: 56%;
margin: 0 0 20px 0;
}
section#bottomtwo div.wrapper div.acomwed div.weddings {
max-width: 100%;
width: 100%;
height: auto;
margin: 0 10px 0 0;
padding: 10px;
}
#footer {
max-width: 100%;
width: auto;
padding: 10px;
}

/* whats on */
.page-id-253 section#main {
display: none;
}
#custom_template #filters button {
margin-bottom: 10px;
}
#custom_template #masonry_grid {
width: 100%;
}
#custom_template #masonry_grid .item .inner {
width: auto;
max-width: 100%;
}
#custom_template #masonry_grid .item {
margin-bottom: 10px;
width: 100%;
}

/* about */
#custom_template .aboutinfo-intro .images {
width: 100%;
margin-bottom: 10px;
}
#custom_template .aboutinfo-intro .content {
width: 100%;
padding: 0;
}
#custom_template .aboutinfo-feature {
width: 100%;
height: auto;
}
#custom_template .aboutinfo-feature .images {
width: 100%;
margin-bottom: 10px;
}
#custom_template .aboutinfo-feature .content {
width: 100%;
padding: 0;
}
#custom_template .aboutinfo-extra {
padding: 0;
margin-top:0;
width: 100%;
}
custom_template .aboutinfo-extra {
width: 100%;
padding: 0;
}
#custom_template .aboutinfo-extra .images {
width: 100%;
margin-bottom: 10px;
}
#custom_template .aboutinfo-extra .content {
width: 100%;
height: auto;
padding: 0;
}
#ruskin .aboutinfo-extra .aboutinfo-extratop {
height: auto;
}
#custom_template .aboutinfo-extra .images img {
width: 100%;
}
#custom_template #ruskin .aboutinfo-extra .content {
height: auto;
}
#custom_template .content a {
position: relative;
display: block;
}
	
/* things to do */
#custom_template .column {
margin: 0;
width: 100%;
}
#custom_template .masonry-feature {
width: 100%;
}
#custom_template .masonry-feature.brick1 .content {
width: 62%;
padding: 0;
height: auto;
}
#custom_template .masonry-feature.tall {
margin: 0 0 20px 0;
width: 100%;
height: auto;
}
#custom_template .masonry-feature.brick2 .content a {
display: block;
float: none;
}
#custom_template .masonry-feature.brick2 {
height: auto;
}

/* garden */
#custom_template .gardenestate-intro .images {
width: 100%;
}
#custom_template .gardenestate-intro .images img{
width: 100%;
}
#custom_template .gardenestate-intro .content {
width: 100%;
margin: 0;
}
#custom_template .gardenestate-feature {
width: 100%;
margin: 0;
}
#custom_template .gardenestate-feature .column.ziggy {
margin-right: 2%;
}
#custom_template .gardenestate-feature .column {
width: 49%;
height: auto;
margin-bottom: 20px;
}
#custom_template .gardenestate-feature .column img {
width: 100%;
}
#custom_template .gardenestate-extra {
width: 100%;
margin: 0;
}
#custom_template .gardenestate-extra .gardenestate-extra-top .images, #custom_template .gardenestate-extra .gardenestate-extra-bottom .images {
width: 30%;
margin: 0;
}
#custom_template .gardenestate-extra .gardenestate-extra-top .images img, #custom_template .gardenestate-extra .gardenestate-extra-bottom .images img {
width: 100%;
}
#custom_template .gardenestate-extra .gardenestate-extra-top .content, #custom_template .gardenestate-extra .gardenestate-extra-bottom .content {
width: 68.5%;
margin: 0 0 0 10px;
}
#custom_template .gardenestate-walking-left, #custom_template .gardenestate-walking-right {
width: 100%;
margin: 0 0 20px 0;
}
#custom_template .gardenestate-walking-left .column {
width: 100%;
margin: 0 0 20px 0;
}
#custom_template .gardenestate-walking-left .column .images {
width: 100%;
}
#custom_template .gardenestate-walking-left .column .images img {
width: 100%;
}
#custom_template .gardenestate-walking-left .column .content {
width: 100%;
margin: 0;
}
#custom_template .gardenestate-walking-left .trellis .images, #custom_template .gardenestate-walking-left .professor .images {
width: 30%;
margin-bottom: 0;
}
#custom_template .gardenestate-walking-left .trellis .images img, #custom_template .gardenestate-walking-left .professor .images img {
width: 98%;
}
#custom_template .gardenestate-walking-left .trellis .content, #custom_template .gardenestate-walking-left .professor .content {
width: 68.5%;
margin: 0 0 0 10px;
}
#custom_template .gardenestate-walking-right .column {
margin: 0 0 20px 0;
width: 49%;
height: auto;
}
#custom_template .gardenestate-walking-right .column.moorland {
margin-bottom: 0;
margin-left: 2%;
}
#custom_template .gardenestate-walking-right {
margin: 0;
}

/* BOOKING */
#custom_template .booking-intro {
width: 100%;
height: auto;
margin-bottom: 20px;
}
#custom_template .booking-feature {
width: 100%;
min-height: 0;
}
custom_template .booking-item {
width: 100%;
margin: 0 0 20px 0;
}
#custom_template .booking-item .images {
width: 100%;
}
#custom_template .booking-item .content {
width: 100%;
margin: 0;
height: auto;
}

/* houses */
#custom_template .house-intro .content {
width: 100%;
}
#custom_template .house-intro .content {
width: 100%;
margin: 0 0 20px 0;
}
#custom_template .house-intro .images {
width: 100%;
}
#custom_template .house-feature {
width: 100%;
margin: 0 0 20px 0;
}
#custom_template .house-feature .images {
width: 100%;
margin-bottom: 10px;
}
#custom_template .house-feature .images img {
width: 100%;
}
#custom_template .house-feature .content {
margin: 0;
width: 100%;
}
#custom_template .house-extras {
width: 100%;
}
#custom_template .house-extras .house-extra-top .images, #custom_template .house-extras .house-extra-bottom .images {
width: 100%;
margin-bottom: 10px;
}
custom_template .house-extras .house-extra-top .content, #custom_template .house-extras .house-extra-bottom .content {
margin: 0;
width: 100%;
}
#custom_template .house-extras .house-extra-top .content, #custom_template .house-extras .house-extra-bottom .content {
width: 100%;
margin: 0;
}

	
/* weddings */
#custom_template #weddings .aboutinfo-intro .images {
width: 100%;
}
#custom_template #weddings .aboutinfo-intro .content {
width: 100%;
}

/* event etc */
.single div.event_image {
width: auto;
max-width: 100%;
}
.single article {
width: auto;
margin: 0 0 20px 0;
max-width: 100%;
}
.single div.event_info h2 {
width: 100%;
}
.single div.event_info {
margin: 0 0 20px 0;
float: left;
max-width: 100%;
width: auto;
}


}

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

/* Navigation */
    
#navigation {
    height: auto;
    clear: none;
    background: none;
    margin: 0;
    border: 0;
    position: absolute !important;
    right: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    padding: 0;
    top: 0;
    width: 80% !important;
}

#navigation ul.nav > li {
    width: 100%;
    text-align: left;
}

/* Home */    

.whatson .featured_event .cont h2, .whatson .featured_exhibition .cont h2 {
    width: 91%;
}
    
#custom_template images {
    float: left;
}
 
#topthree div.span3 {
    margin: 0;
    width: 100%;
    padding: 10px 0;
    height: 425px;
}
    
#topthree div.whatson header {
    height: 19%;
}
    
#topthree div.whatson header a {
    position: absolute;
    left: 20px;
    top: 67px;
}
    
.whatson .featured_event, .whatson .featured_exhibition {
    height: 176px;
    width: 100%;
}
    
.whatson .featured_event .cont {
    height: auto;
}
    
.whatson .featured_event a {
    position: absolute;
    bottom:-42px;
    width: 91%;
}
    
.whatson .featured_exhibition .cont h4{
    display:none;
}

.whatson .featured_exhibition a {
    position: absolute;
    bottom: 43px;
    left: 0;
    width: 91%;
}    
    
#topthree div.span3.courseot div.opentimes div.openinfo {
    width: 92%;
    padding-left: 10px;
}
    
#topthree div.span3.courseot div.courses div.cont {
    width: 96%;
    margin-top: 10px;
}
   
#topthree div.span3.courseot div.courses img {
    width: 96%;
}
    
section#bottomtwo div.wrapper div.walks {
    width: 96.5%;
}
    
section#bottomtwo div.wrapper div.walks img {
    width: 96%;
}   
    
section#bottomtwo div.wrapper div.walks h3 {
    width: 96%;
    margin-top: 10px;
}
    
section#bottomtwo div.wrapper div.walks div.content {
    width: 103%;
}
    
section#bottomtwo div.wrapper div.acomwed div.accom div.content, section#bottomtwo div.wrapper div.acomwed div.weddings div.content {
    width: 95%;
    height: 110px;
}
    
section#bottomtwo div.wrapper div.acomwed div.accom h3, section#bottomtwo div.wrapper div.acomwed div.weddings h3 {
    width: 93%;
    margin-top: 10px;
}
    
section#bottomtwo div.wrapper div.acomwed div.accom img, section#bottomtwo div.wrapper div.acomwed div.weddings img {
    width: 93%;
}
    
/* Whats On? */
    
#custom_template #masonry_grid .item .inner h2 {
    width: 100%;
}
    
#custom_template #masonry_grid .item .inner .prices p {
    width: 100%;
    float: left;
}

/* About */
    
#custom_template .aboutinfo-extra .aboutinfo-extratop {
    width: 100%;
}
    
#custom_template .aboutinfo-extra .aboutinfo-extrabottom {
    width: 100%;
}
    
#custom_template #about-brantwood h2 {
    width: 91%;
    float: left;
    margin-top: 10px;
}
    
#custom_template #about-brantwood p {
    width: 91%;
}
    
/* Ruskin */
    
#custom_template #ruskin h2 {
    width: 91%;
    float: left;
    margin-top: 10px;
}
    
#custom_template #ruskin p {
    width: 91%;
}
    
/* Things to Do */
    
#custom_template .masonry-feature.brick1 .content {    
    width: 100%;
    margin-left: 0px;
}
    
#custom_template .masonry-feature.brick1 .images {
    margin: 0;
    width: 100%;
}

#custom_template .masonry-feature.brick1 h2 {
    width: 100%;
    float: left;
    margin-top: 10px;
}

#custom_template .masonry-feature.tall.brick3 {
    height: 412px;
}
    
#custom_template .masonry-feature.brick3 .content {    
    width: 100%;
    margin-top:10px;
}
    
#custom_template .masonry-feature.brick3 .images {
    margin: 0;
    width: 100%;
}

#custom_template .masonry-feature.brick3 h2 {
    width: 262%;
    float: left;
    margin-bottom: -10px;
    margin-left: 0px;
}
 
#custom_template .masonry-feature.brick3 .heading {
    float: left;
}

#custom_template .masonry-feature.tall.brick4 {
    height: 550px;
}
       
#custom_template .masonry-feature.brick4 .content {    
    width: 100%;
    margin-top:10px;
}
    
#custom_template .masonry-feature.brick4 .images {
    margin: 0;
    width: 100%;
}

#custom_template .masonry-feature.brick4 h2 {
    width: 262%;
    float: left;
    margin-bottom: -10px;
    margin-left: 0px;
}
    
#custom_template .masonry-feature.brick4 .heading {
    float: left;
}
    
#custom_template .masonry-feature.brick2 .heading {
    width: 100%;
}   
    
#custom_template .masonry-feature.brick2 .images {
    width: 100%;
    margin-bottom: 10px;
}    
    
#custom_template .masonry-feature.brick2 .content {
    width: 100%;
    margin-bottom: 10px;
}   
    
#custom_template .masonry-feature.brick5 .images {
    width: 100%;
    margin-bottom: 10px;
}
    
#custom_template .masonry-feature.brick5 h2 {
    width: 100%;
    margin-bottom: 10px;
}

#custom_template .masonry-feature.brick5 .content {    
    width: 100%;
}
    
/* Garden & Estate */    
    
#custom_template .gardenestate-intro .content h2 {
    width: 100%;
}
    
#custom_template .gardenestate-intro .images {
    margin-bottom: 10px;
}
    
#custom_template .gardenestate-feature .column.ziggy {
    width: 100%;
}

#custom_template .gardenestate-feature .column {
    width: 100%;
}
    
#custom_template .gardenestate-extra .gardenestate-extra-top .images, #custom_template .gardenestate-extra .gardenestate-extra-bottom .images {
    width: 100%;
}
    
#custom_template .gardenestate-extra .gardenestate-extra-top .content, #custom_template .gardenestate-extra .gardenestate-extra-bottom .content {
    width: 100%;
    margin: 10px 0 0 0;
}
    
#custom_template .gardenestate-walking-left .trellis .images, #custom_template .gardenestate-walking-left .professor .images {
    width: 100%;
}

#custom_template .gardenestate-walking-left .trellis .images img, #custom_template .gardenestate-walking-left .professor .images img{
    width: 100%;
}    
    
#custom_template .gardenestate-walking-left .trellis .content, #custom_template .gardenestate-walking-left .professor .content {
    width: 100%;
    margin: 10px 0 0 0;
}
    
#custom_template .gardenestate-walking-right .column.fern, #custom_template .gardenestate-walking-right .column.moorland {
    width: 100%;
    margin: 0;
}
    
#custom_template .gardenestate-walking-right .column.fern {
    margin-bottom: 20px;
}

/* Musical Stones */
    
#custom_template #musical-stones .aboutinfo-intro .content, #custom_template #musical-stones .aboutinfo-extratop .content, #custom_template #musical-stones .aboutinfo-extrabottom .content {
    width: 100%;
    margin-top:10px;
}
    
#custom_template #musical-stones .aboutinfo-intro p, #custom_template #musical-stones .aboutinfo-extratop p, #custom_template #musical-stones .aboutinfo-extrabottom p {
    width: 100%;
}
 
    
/* Bookings */
    
#custom_template .booking-intro h2 {
    width: 104%;
}
    
#custom_template .booking-intro .content {
    margin-left:-10px;
}
    
#custom_template .vc_span4.booking-feature.wpb_column.column_container {
    width: 100%;
    height: auto;
    padding-bottom: 10px;
    margin: 0 2% 0 0;
}
    
#custom_template .booking-feature h2 {
    width:100%;
}
    
#custom_template .booking-item {
    width: 100%;
    margin: 0 2% 0 0;
    height: 480px;
}

#custom_template .booking-item h2, #custom_template .booking-item p{
    width: 100%;
    padding-bottom: 5px;
}
    
#custom_template #bookings .booking-item a {
    width: 100%;
}
    
/* The Eyrie */
    
#custom_template .house-feature {
    float:none;
}
    
/* Visit Us */
    
#custom_template .aboutinfo-intro .content {
    width: 100%;
    margin-top:10px;
}
    
#custom_template .aboutinfo-intro p {
    width: 96%;
}
    
#custom_template .aboutinfo-feature .content {
    width: 100%;
    margin-top: 10px;
}
    
#custom_template .aboutinfo-feature p {
    width: 91%;
}
    
#custom_template .aboutinfo-extratop .content {
    width: 100%;
    margin-top: 10px;
}
    
#custom_template .aboutinfo-extratop p {
    width: 91%;
}
    
#custom_template .aboutinfo-extrabottom .content {
    width: 100%;
    margin-top: 10px;
}
    
#custom_template .aboutinfo-extrabottom p {
    width: 91%;
}
    
/* School Visits */
    
#custom_template #school-visits .gardenestate-extra .gardenestate-extra-top .images, #custom_template #school-visits .gardenestate-walking-left .trellis .images {
    width: 100%;
}
    
#custom_template #school-visits .gardenestate-extra .gardenestate-extra-top .content, #custom_template #school-visits .gardenestate-walking-left .trellis .content {
    width: 100%;
}
    
#custom_template .gardenestate-walking-left .column {
    width: 100%;
    margin: 0 0 0 0;
}
    
/* Friends of Brantwood */
    
#custom_template #friends-of-brantwood .aboutinfo-intro p {
    width: 100%;
}
        
}

@media only screen and (max-width: 600px) {
    
/* Home */
    
#topthree div.whatson header {
    height: 78px;
}
    
.whatson .featured_event, .whatson .featured_exhibition {
    height: 250px;
    width: 100%;
}
    
#topthree div.span3 {
    height: 630px;
}
    
#topthree div.span3.courseot div.opentimes div.openinfo {
    width: 96%;
}
    
#topthree div.span3.courseot div.courses img {
    width: 98%;
}
    
#topthree div.span3.courseot div.courses h2 {
    width: 102%;
}
    
section#bottomtwo div.wrapper div.walks {
    width: 98%;
}
    
section#bottomtwo div.wrapper div.walks img {
    width: 98%;
}
    
section#bottomtwo div.wrapper div.walks h3 {
    width: 98%;
}
    
section#bottomtwo div.wrapper div.walks div.content {
    width: 108%;
}
    
section#bottomtwo div.wrapper div.acomwed div.accom img, section#bottomtwo div.wrapper div.acomwed div.weddings img {
    width: 96.5%;
}
    
section#bottomtwo div.wrapper div.acomwed div.accom h3, section#bottomtwo div.wrapper div.acomwed div.weddings h3 {
    width: 96.5%;
}
    
section#bottomtwo div.wrapper div.acomwed div.weddings {
    margin-bottom: 20px;
}
 
    
/* Things to Do */
    
#custom_template .masonry-feature.brick1 {
    height: 1038px;
}
    
#custom_template .masonry-feature.brick1 .images img {
    width: 100%;
}
    
#custom_template .masonry-feature.tall.brick3 {
    height: 552px;
}
    
#custom_template .masonry-feature.brick3 .images img {
    width: 100%;
}

#custom_template .masonry-feature.tall.brick4 {
    height: 638px;
}

#custom_template .masonry-feature.brick4 .images {
    margin: 0;
    width: 100%;
}

#custom_template .masonry-feature.brick4 h2 {
    width: 262%;
    float: left;
    margin-bottom: -10px;
    margin-left: 0px;
}
    
#custom_template .masonry-feature.brick2 .heading {
    width: 100%;
}   
    
#custom_template .masonry-feature.brick2 .images {
    width: 100%;
    margin-bottom: 10px;
}    
    
#custom_template .masonry-feature.brick2 .content {
    width: 100%;
    margin-bottom: 10px;
}   
    
#custom_template .masonry-feature.brick5 .images {
    width: 100%;
    margin-bottom: 10px;
}
    
#custom_template .masonry-feature.brick5 h2 {
    width: 100%;
    margin-bottom: 10px;
}

#custom_template .masonry-feature.brick5 .content {    
    width: 100%;
}

/* Garden & Estate */
    
#custom_template .gardenestate-walking-right .column.fern, #custom_template .gardenestate-walking-right .column.moorland {
    height:214px;
}
    
/* Bookings */
    
#custom_template .booking-intro h2 {
    width: 101%;
}
    
#custom_template .booking-feature .content {
    min-height: 108px;
}
    
#custom_template .booking-item {
    height: 762px;
}
    
}




@media only screen and (max-width: 570px) and (orientation : landscape) {
 
/* Home */
    
.whatson .featured_exhibition {
    margin-top: 85px;
}
    
#topthree div.span3 {
    height:625px;
}
    
#topthree div.whatson header {
    height: 12%;
}
    
.whatson .featured_event .cont, .whatson .featured_exhibition .cont {
    width: 58%;
    height: 210px;
    margin-right: -3px;
}
    
.whatson .featured_exhibition .cont a {
    position: absolute;
    bottom: -42px;
}
 
#topthree div.span3.courseot div.opentimes div.openinfo {
    width: 96%;
}
    
#topthree div.span3.courseot div.courses img {
    width: 98%;
    margin: 0;
}
    
#topthree div.span3.courseot div.courses div.cont {
    width: 98%;
}
    
section#bottomtwo div.wrapper div.walks, section#bottomtwo div.wrapper div.acomwed div.accom, section#bottomtwo div.wrapper div.acomwed div.weddings {
    padding-right: 10px;
}
    
section#bottomtwo div.wrapper div.walks img {
    width: 100%;
}

section#bottomtwo div.wrapper div.walks div.content {
    width: 110%;
}

section#bottomtwo div.wrapper div.walks h3 {
    width: 100%;
}

section#bottomtwo div.wrapper div.acomwed div.accom img, section#bottomtwo div.wrapper div.acomwed div.weddings img {
    width:96%;
}
    
section#bottomtwo div.wrapper div.acomwed div.weddings {
    margin-bottom: 20px;
}
    
section#bottomtwo div.wrapper div.acomwed div.accom h3, section#bottomtwo div.wrapper div.acomwed div.weddings h3 {
    width: 96%;
}
    
section#bottomtwo div.wrapper div.acomwed div.accom div.content, section#bottomtwo div.wrapper div.acomwed div.weddings div.content {
width: 96%;
}

/* About */
    
#custom_template #about-brantwood h2 {  
    width: 100%;
    margin-top: 0;
}
    
#custom_template #about-brantwood p {
    width: 100%;
}
    
/* Ruskin */
    
#custom_template .aboutinfo-intro .content {
    width: 109.8%;
    margin-top: -10px;
}
    
#custom_template #ruskin h2 {
    width: 100%;
    margin-top: 0px;
}

#custom_template #ruskin p {
    width: 126%;
}
 
/* Things To Do */
    
#custom_template .masonry-feature.brick1 .images {
    width: 38%;
    float: left;
}
    
#custom_template .masonry-feature.brick1 h2 {
    width: 103.5%;
    float: left;
    margin-top: 0;
}

#custom_template .masonry-feature.brick1 .content {
    width: 58%;
    float: left;
    margin-left: 10px;
}
    
#custom_template .masonry-feature.brick1 img {
    width: 100%;
}
 
#custom_template .masonry-feature.brick3 .content {
    width: 34%;
    margin-left: 10px;
    margin-top: 0;
}
    
#custom_template .masonry-feature.brick3 .images {
    width: 62%;
}
    
#custom_template .masonry-feature.tall.brick3 {
    height: 293px;
}
    
#custom_template .masonry-feature.tall.brick4 {
    height: 632px;
}
    
/* The House */
    
#custom_template #the-house .aboutinfo-intro .content {
    width: 100%;
    margin-top: 10px;
    height: 345px;
}

/* Garden & Estate */    
    
#custom_template .gardenestate-walking-right .column.fern, #custom_template .gardenestate-walking-right .column.moorland {
    height: 205px;
}  

/* Bookings */
    
#custom_template .booking-intro h2 {
    width: 101%;
}
    
#custom_template .booking-feature .content {
    min-height: 122px;
}
    
#custom_template .booking-item {
    height: 728px;
}

/* Weddings */    
    
#custom_template #weddings .aboutinfo-intro .content {
    margin-top: 10px;
}
    
/* Conference */
    
#custom_template #conference-seminar-room-hire .aboutinfo-intro .content {
    width: 100%;
    margin-top: 10px;
}
    
#custom_template #conference-seminar-room-hire .aboutinfo-intro .content p {
    width: 100%;
    margin-top: 10px;
}

/* Visit Us */
    
#custom_template #visit-us .aboutinfo-intro .content {
    width: 100%;
    margin-top: 10px;
}
    
/* Visiting Brantwood */
    
#custom_template #visiting-brantwood .aboutinfo-intro .content p {
    width: 100%;
}

#custom_template #visiting-brantwood .aboutinfo-intro .content {
    width: 100%;
    margin-top: 10px;
}
    
/* Disabled Access */
    
#custom_template #disabled-access .aboutinfo-intro .content {
    width: 100%;
    margin-top: 10px;
}
    
/* Group Booking */
    
#custom_template #group-booking .aboutinfo-intro .content p {
    width: 100%;
}
    
#custom_template #group-booking .aboutinfo-intro .content {
    width: 100%;
    margin-top: 10px;
}
    
/* Friends of Brantwood */
    
#custom_template #friends-of-brantwood .aboutinfo-intro .content {
    width: 100%;
    margin-top: 10px;
}
    


    
    
    
    
}



/*=============================
=            HACKS            =
=============================*/

#about-brantwood .aboutinfo-intro {
	margin-bottom: 20px;
}

.wpb_single_image.wpb_content_element.vc_align_left {
	margin-bottom: 0;
}

.vc_row.wpb_row.vc_inner.vc_row-fluid.aboutinfo-extratop {
	margin-bottom: 20px;
}

#ruskin .aboutinfo-intro {
	margin-bottom: 20px;
}

.page footer {
	margin-top: 20px;
}

#visiting-brantwood .aboutinfo-intro {
	margin-bottom: 20px;
}

#visiting-brantwood .aboutinfo-intro .vc_column-inner {
	padding-left: 0;
	padding-right: 0;
}

#visiting-brantwood .aboutinfo-feature {
	margin-bottom: 20px;
}

#accommodation .images.wpb_column {
    margin-bottom: 20px;
}

#accommodation .vc_row.wpb_row.vc_row-fluid.wrapper {
    margin-bottom: 20px;
}

.house-intro {
	margin-bottom: 20px;
}

.wpb_content_element {
	margin-bottom: 0;
}

/*.vc_row.wpb_row.vc_inner.vc_row-fluid {
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
}*/

#things-to-do .vc_row.wpb_row.vc_inner.vc_row-fluid {
    margin-bottom: 20px;
    
}

#things-to-do .wpb_column.vc_column_container.vc_col-sm-6.vc_custom_1429788251402 {
    padding-right: 10px;
}

#things-to-do .wpb_column.vc_column_container.vc_col-sm-6.vc_custom_1429788258971 {
    padding-left: 10px;
}

#things-to-do .wpb_column.vc_column_container {
    padding-left: 10px;
    padding-right: 10px;
}

.wpb_text_column.wpb_content_element {
    /*padding-left: 10px;*/
    padding-right: 10px;
}

/*.vc_row.wpb_row.vc_inner.vc_row-fluid.vc_custom_1429785784375 {
    margin-right: 20px;
}*/

/*.vc_single_image-wrapper.vc_box_border_grey {
    padding-left: 10px;
    padding-right: 10px;
}*/

#things-to-do .vc_column_container .wpb_single_image.wpb_content_element.vc_align_left.images {
	margin-bottom: 20px;
	/*margin-top: 20px;*/
}

.vc_custom_1429787833629 .heading, .vc_custom_1429787833629 .sub-heading , .vc_custom_1429787833629 .content {
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 20px;
}

#cafe .aboutinfo-intro {
	margin-bottom: 20px;
}

#cafe .wpb_single_image.wpb_content_element.vc_align_left.cafe-img {
    padding-left: 10px;
}
#cafe .wpb_single_image.wpb_content_element.vc_align_left.cafe-img:last-child {
	padding-right: 10px;
}

#garden-estate .gardenestate-intro {
	margin-bottom: 20px;
}

#garden-estate .vc_row.wpb_row.vc_inner.vc_row-fluid {
    margin-bottom: 20px;
}


.page-id-270 footer {
	margin-top: 0;
}

#garden-estate .wpb_text_column.wpb_content_element {
	padding-bottom: 10px;
}

#garden-estate .wpb_text_column.wpb_content_element.content {
    padding-top: 10px;
}

#musical-stones .aboutinfo-intro {
	margin-bottom: 20px;
}

#weddings .aboutinfo-intro {
	margin-bottom: 20px;
}

#school-visits .vc_row.wpb_row.vc_inner.vc_row-fluid.column.trellis {
	margin-bottom: 20px;
}

#school-visits .gardenestate-feature .column.ziggy {
    margin-top: 20px;
    margin-bottom: 20px;
}

#school-visits .gardenestate-feature .column.high {
    margin-top: 20px;
	margin-bottom: 20px;
}

#school-visits .vc_row.wpb_row.vc_inner.vc_row-fluid.gardenestate-extra-top {
    margin-top: 20px;
    
}

#school-visits .gardenestate-walking-right .column.fern {
	margin-bottom: 20px;
}

#school-visits .wpb_text_column.wpb_content_element {
    margin-bottom: 20px;
}

#school-visits .wpb_text_column.wpb_content_element.content {
    margin-top: 20px;
}

#visiting-brantwood .vc_row.wpb_row.vc_inner.vc_row-fluid.vc_custom_1430302605876 {
    margin-right: 10px;
}


#visiting-brantwood .vc_row.wpb_row.vc_inner.vc_row-fluid.vc_custom_1430302623414 {
	margin-right: 10px;
}

#visiting-brantwood .vc_column_container .tall {
	padding-left: 10px;
}