.h4left h4 {
	text-align: left;
	font-family: "estilo-pro";
	font-size: 1.68em;
	font-weight: 300;
	text-align: inherit;
	margin: 2.8% 0 0 0;
	padding: 0;
}

.fixr h3 {
	margin-bottom: 0;
}

.fixr-embed {
	margin: -7% 0 8% 0;
}

#whatson h4 {
	z-index: 1;
	position: relative;
}

iframe.e-tickets {
	width: 100%;
	margin-top: -4.8%;
	z-index: -1 !important;
}

.tickets {
	margin: 0 0 4% 0;
}

.whatson-teaser {
	width: 28%;
	margin: 0 1%;
	display: inline-block;
	vertical-align: top;
}
.whatson-teaser img {
	margin: 0;
	padding: 0;
}
.whatson-teaser h5 {
	margin: 0;
	padding: 0;
}

.gallery-images, .gallery-videos {
	width: 48%;
	margin: 0 0 4% 0;
	padding: 0;
	display: inline-block;
	vertical-align: top;
}

span.red {
	color: #C32534;
	font-weight: bold;
}

li a.textlink {
	display: inline-block;
}

.btn#all {
	width: 100%;
	display: block;
	cursor: pointer;
	text-align: center;
}
.btn {
	width: 28%;
	margin: 0 1%;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
}
.btn img {
	margin: 0;
	padding: 0;
}
.btn h5 {
	margin: 0;
	padding: 0;
}

/* Testimonials................*/

span.btn {
	font-size: 0.9em;
	cursor: pointer;
	margin: 0 1%;
	letter-spacing: 0.08em;
}
.active {
	font-size: 1.1em !important;
	color: #C32534;
	font-weight: 400;
}

.testimonial span.br {
	display: block;
	margin: 6% 0 !important;
	padding: 0;
}
span.readmore {
	display: none;
}
span.readmorelink {
	color: #C32534;
	cursor: pointer;
	margin: 0;
	padding: 0;
}

.testimonial {
	width: 29%;
	display: inline-block;
	vertical-align: top;
	margin: 1.8% 1.8% 2.8% 1.8%;
	text-align: justify;
}

/* About................*/

.about-page-section {
	padding-bottom: 8%;
}

ol {
	margin: 0;
	padding: 0;
}

ol li {
	display: list-item;
	margin: 0 0 1.4% 2.6%;
	padding: 0;
	list-style-type: circle;
}

li a.lilink {
	color: #C32534;
	display: inline;
}
li a.lilink:hover {
	color: #C32534;
	text-decoration: underline;
}

/* END About................*/

.button-container {
	margin-bottom: 0;
	text-align: center;
}
.call-to-action {
	width: 40%;
	display: inline-block;
	vertical-align: top;
	margin: 0 1%;
	text-align: center;
}
a.cta-blue {
	display: block;
	
	font-family: "estilo-pro";
	font-size: 1.2em;
	letter-spacing: 0.1em;
	font-weight: 300;

	border: 1px solid #C32534;
	color: #C32534;
	padding: 2.88% 0 2% 0;

	-moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
a.cta-blue:hover {
	border: 1px solid #C32534;
	background-color: #C32534;
	color: #e5e7e6;
	text-decoration: none;

	-moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
a.cta-white {
	display: block;
	
	font-family: "estilo-pro";
	font-size: 1.2em;
	letter-spacing: 0.1em;
	font-weight: 300;

	border: 1px solid #e5e7e6;
	color: #e5e7e6;
	padding: 2.88% 0 2% 0;

	-moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
a.cta-white:hover {
	border: 1px solid #e5e7e6;
	background-color: #e5e7e6;
	color: #175677;
	text-decoration: none;

	-moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.pad {
	margin-top: 4%;
}

/*Colours:

Light Blue #C32534
White #e5e7e6
MFB #C32534

*/

/*LAYOUT..............................................................*/

.containter {
	padding-right: 0;
	padding-left: 0;
	width: 100%;
}

body {
	text-align:center;
	margin: 0 auto;
	font-family: "semplicitapro", helvetica, arial, sans-serif;
	font-size: 1em;
	line-height: 1.6;
	background: #C32534;
	color: #444;
}

.top {
	text-align: center;
	padding: 0.4% 0 0 0;
	background: #e5e7e6;
	border-top: 6px solid #C32534;
	border-bottom: 2px solid #C32534;
	position: fixed;
	z-index: 100;
	overflow: visible;
}

.logo {
	display: inline-block;
	vertical-align: middle;
	width: 44%;
	margin-right: 1%;
	margin: 0 0.4% 0 0;
	padding: 0;
}
.logo a {
	text-decoration: none;
	color: #444;
}
.logo a:hover {
	text-decoration: none;
	color: inherit;
}
.logo img {
	width: 40%;
	margin: 2% 0 3% 0;
	padding: 0 0 0 0.6%;
}
.header {
	width: 40%;
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}
.links {
	width: 50%;
	display: inline-block;
	vertical-align: middle;
	text-align: right;
}
.link a:hover {
	color: #C32534;
}

img.logoimg {
	width: 100%;
	margin: 0;
	padding: 0;
}

.content {
	background: #e5e7e6;
	padding-top: 6%;
	font-size: 1.06em;
	font-weight: 300;
}

.footer {
	padding: 2% 0;
	color: #fafafa;
}
a.footlink {
	color: #fafafa;
	font-weight: 100;
	text-decoration: none;
}
a.footlink:hover {
	text-decoration: underline;
}

img.socialmedia {
	width: 2.8%;
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
}

a[href^=tel]{
    color:inherit;
    text-decoration:none;
}

.fullimg {
	height: 60vh;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.full-one {
	background-image: url("https://www.dropbox.com/scl/fi/2hy88law8ec4dn5dxt9wj/LEO4.png?rlkey=fx9iye5v94cc1mbnoor6ctzf2&raw=1");
	background-position: bottom;
}
.full-two {
	background-image: url("https://www.dropbox.com/scl/fi/k3mo3nuwm8esewghivsdx/2-credit-Helena-Cooke.jpg?rlkey=2n025qssr0835qr7r2i6uapvc&raw=1");
	background-position: top center;
}
.full-three {
	background-image: url("https://www.dropbox.com/scl/fi/gobs29hu2sgbrintst7f7/3-credit-Helena-Cooke.jpg?rlkey=021ss1taiugq9uhxdf2k4844t&raw=1");
	background-position: center;
}

.temphide {
	display: none;
}

/*INDEX...............................................................*/

.tagphoto {
	height: 44vh;
	background-image: url("https://www.dropbox.com/scl/fi/vnw48h422u2cm7esi9jaz/SOPHIA1.jpg?rlkey=kj12iyka5yqsaqeuoe7cbfvi3&raw=1");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
}

.whatson-section {
	background: inherit;
	color: inherit;
	padding: 0 0 4% 0;
}
.about-section {
	background: inherit;
	color: inherit;
	padding: 4% 0;
}
.about-section h4 {
	margin-top: 0;
}
.blue-section {
	background: #C32534;
	color: #e5e7e6 !important;
	padding: 6% 0 10% 0;
}
.white-section {
	background: inherit;
	color: inherit;
	padding: 6% 0 10% 0;
}

.four {
	text-align: center;
	font-weight: bold;
	font-size: 0.9em;
	width: 46%;
	display: inline-block;
	vertical-align: top;
}

/*Public Events........*/

.event {
	width: 50%;
	margin: 0 25% 6% 25%;
}

/*Media........*/

.media-container {
	margin-bottom: 4%;
}

.gallery {
	margin: -1.8% 0 1.6% 0;
	padding: 0;
}

.img-container {
	width: 48.28%;
	margin: 0.6% 0.6% 0 0.6%;
	padding: 0;
	display: inline-block;
	vertical-align: top;
}

.popup-gallery .img-container {
	width: 20%;
	margin: 0.6% 0.6% 0 0.6%;
	padding: 0;
	display: inline-block;
	vertical-align: top;
}

/*Contact........*/

.contactdetails {
	width: 16%;
	margin: 0 0.6% 0 0.6%;
	display: inline-block;
	vertical-align: top;
}

/*TEXT & HEADINGS.....................................................*/

h1 {
	font-family: "estilo-pro";
	font-size: 2.4em;
	font-weight: 400;
	text-align: left;
	margin: 2% 0 0 0;
	padding: 0;
	color: #C32534;
}

h2 {
	font-family: "estilo-pro";
	font-size: 1.1em;
	font-weight: 400;
	text-align: left;
	margin-top: -1%;
	/*margin: -2% 4% 0 0;*/
	padding: 0 0 0 1%;
}

.intro h3 {
	font-size: 2.2em;
	margin-bottom: 0;
}

h3 {
	font-family: "estilo-pro";
	font-size: 2.6em;
	font-weight: 300;
	text-align: center;
	margin: 2.68% 0 2% 0;
	padding: 0;
	letter-spacing: 0.1em;
	color: #C32534;
}

h4 {
	font-family: "estilo-pro";
	font-size: 2.02em;
	font-weight: 400;
	text-align: center;
	margin: 2% 0;
	padding: 0;
	color: #C32534;
}
.blue-section h4 {
	color: #e5e7e6;
}

h5 {
	font-family: inherit;
	font-size: 1em;
	font-weight: bold;
}

.textleft {
	text-align: left;
}

.textright {
	text-align: right;
}

.textcenter {
	text-align: center;
}

.textfit {
	text-align: justify;
}

a.textlink, a.scrolllink {
	color: #C32534;	
}

a.scrolllink {
	color: #C32534;	
	text-transform: inherit;
	margin: 0 2%;
}

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

	h2 {
		text-align: center !important;
		margin: -4% 0 2% 0 !important;
	}

	.about-section h4 {
		font-size: 1.6em !important;
	}

	.four {
		width: 80% !important;
		display: block !important;
		margin: 2% auto !important;
	}

	.media-box {
		width: 80% !important;
		margin: 0 auto !important;
	}

}