/* Your Theme/profile (Position 9) */
:root {
/* Container and Basefont size */
--site_container: 1152px;
/* Suggested wtapper/container options: 1152px / 1344px  */
--base_font: 100%;
/* To improve readability with a medium wrapper i.e. 1152px use 100% for a larger wrapper i.e. 1344px try 110%+. */
/* Shades */
--light_grey: rgb(238, 238, 238);
--light_grey_rgba: rgba(238, 238, 238, 0.91);
--grey: rgb(204, 201, 201);
--dark_grey: rgb(139, 139, 139);
--almostblack: rgb(74, 74, 74);
--blueblack: rgb(30, 52, 64);
--almostwhite: rgb(226, 226, 226);
--white: rgb(255, 255, 255);
--charcoal: rgb(61, 73, 80);
--cream: rgb(245, 245, 245);
/* Brand Named-Colors etc */
--red: rgb(213, 79, 111);
--red2: rgba(143, 39, 72, 0.56);
--green: rgb(72, 176, 106);
--blue: rgb(123, 172, 206);
/* Experimental Padding */
--large_padding: 100px 0;
--medium_padding: 60px 0;
--small_padding: 20px 0;
/* Experimental Text */
--txt_very_small: 80%;
--txt_small: 90%;
--txt_large: 120%;
/* Border Radius */
--corner_3: 3px;
--corner_6: 6px;
--round: 100px;
/* Forms */
--submit: rgb(61, 73, 80);
}
/* End Root */
/* Body Overide */
body,
html {
height: 100%;
margin: 0;
background: var(--cream);
font-size: 110%;
/* Up the body font a little for demo theme */
}

/* Logo */
.brand {
font-family: 'Roboto Condensed', sans-serif;
text-transform: uppercase;
font-size: 180%;
line-height: auto;
margin: 10px 0 0 5%;
}
/* Colours */
.brand span:nth-child(1) {
color: #fff;
display: block;
}
.brand span:nth-child(2) {
color: #fff;
display: block;
line-height: 84%;
font-size: 60%;
font-family: 'Roboto Condensed', sans-serif;
margin: 10px 0 0 4px;
}
/* BG Colour */
.brand span:nth-child(1) {background: var(--red);padding:8px 14px;border-radius: 3px;}

/* /logo */

/* Masthead Caption */
.caption {
position: absolute;
left: 0;
top: 34%;
width: 100%;
text-align: center;
color: rgb(255, 255, 255);
}
.caption .h1{margin-top: 0;}
/* Caption font */

/* Video Play Button */
.play {
border-radius: 100px;
font-weight: bold;
text-decoration: none;
display: inline-block;
font-size: 33px;
line-height: 80px;
background: rgba(224, 74, 109, 0.82);
color: rgba(255, 255, 255, 0.9);
width: 80px;
height: 80px;
text-align: center;
vertical-align: bottom;
padding-left: 7px;
margin-top: auto;
margin-bottom: auto;
}

.play:hover,
.play:visited {
background: rgba(224, 74, 109, 1);
color: rgba(255, 255, 255, 1);
text-decoration: none;
}


.events_date{background: var(--red);padding: 10px 20px;color: #fff;text-align: center; display: inline-block;box-shadow: 1px 10px 24px -10px rgba(0,0,0,0.61);border-radius: 3px;margin-top: 10px;}


/* Card Theme */
.cards {
padding: 0;
margin: 0 0 30px 0;
}

.round_about{
border-radius: 50%;
width: 70%;
margin: 0 auto;
margin-top: -200px;
border: 16px #fff solid;
}


.accordion-content img{float: left;width: 100px;height: 100px;border-radius: var(--round);margin: 0 10px 0 0; -webkit-shape-outside: circle(); shape-outside: circle();}

.full-width figcaption {
padding: 20px;
display: block;
position: absolute;
top: 56%;
left: 50%;
transform: translate(-50%,-50%);
}

.fullwidth_img_button a{background: var(--green);
color: #fff;
display: block;
cursor: pointer;
border-radius: 3px;
font-weight: bold;
font-size: 90%;
text-decoration: none;
line-height: 50px;
width: auto;
text-align: center;
vertical-align: bottom;
padding: 20px 30px;}

.padded-multiline {
  line-height: 1.6;
  padding: 1px 0;
  width: 400px;
  margin: 20px auto;
}
.padded-multiline span {
  background-color: rgb(207, 83, 114);
  color: #fff;
  display: inline;
  padding: 0.35rem;

  /* Needs prefixing */
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}


.strap {
font-size: var(--txt_small);
}
/* Wrappers */

/* .outer_wrapper.cream {
background: var(--pale_grey);
max-width: 100%;
margin: 0;
padding: 1px 0;
} */

.outer_wrapper.offwhite {
background: rgb(213, 200, 185);
max-width: 100%;
margin: 0;
padding: 80px 0;
}
/* Map */
.holder {
position: relative;
margin: 0 0  -10px 0;
padding: 0;
}
.map iframe {
height: 500px;
margin: 0;
padding: 0;
position: relative;
}
.address {
position: absolute;
top: 28%;
left: 30px;
width: auto;
display: inline-block;
height: auto;
background-color: var(--red);
border: 1px solid rgb(185, 67, 96);
color: #fff;
padding: 40px 60px;
box-shadow: 1px 10px 24px -10px rgba(0,0,0,0.61);
}
.address p{margin: 0 0 20px 0;padding: 0;}
a.mapbutton{background-color:rgb(185, 67, 96);}
a.mapbutton:hover{background-color:rgb(157, 43, 71);}

/* Footer */
.footer_outer p {
margin: 0;
padding:0:
}
/* Footer BG Colour */
.footer_outer {
background: rgb(207, 83, 114);
}
/* Wrap the Footer */
.footer_wrapper {
width: 100%;
max-width: var(--site_container);
margin: 0 auto;
padding: 40px 30px;
color: rgb(255, 255, 255);
font-size: var(--txt_very_small);
}
/* Font Face */
@font-face {
font-family: 'capture_itregular';
src: url("../fonts/Capture_it-webfont.eot");
src: url("../fonts/Capture_it-webfont.eot?#iefix") format('embedded-opentype'), url("../fonts/Capture_it-webfont.woff2") format('woff2'), url("../fonts/Capture_it-webfont.woff") format('woff'), url("../fonts/Capture_it-webfont.ttf") format('truetype'), url("../fonts/Capture_it-webfont.svg#capture_itregular") format('svg');
font-weight: normal;
font-style: normal;
}
/* Vert Media Query */
@media screen and (max-height: 640px) {
.caption {
/* display: none; */
}
.display_large {
font-size: 280%;
margin-bottom: 10px;
}
.film_text{display: none;}
}
/* Start Mobile Tweaks */
@media screen and (max-width: 767px) {
body,
html {
height: 100%;
}
/* Remove gaps on mobile */
.col,
.col_alt,
.col_extra {
padding:10px 0;
}


.menu {
width: 100%;
font-size: 80%;
}

.menu .menucontent {
margin: 30px 30px 0;
}

.brand {
font-size: 120%;
}

.padded-multiline {
width: 100%;
}

.img_listgrid ul {
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
}

.tab_content{padding:0px 0 20px 0;}

.tab-content {
display: none;
background: transparent;
padding: 0;
}

.tab-wrap{display: inline-block;width: 100%;margin: 0;}

.bargraph {
margin:0;
padding:8px 0;
position: relative;
background: var(--white);
}
.bargraph h2{color: var(--almostblack);}

.flex-cards {
display: block;
}
.cards {
display: inline-block;
}

.multiflex1{display: block;}
.multi-flex{width: 100%;}
.multi-flex > div {
padding: 20px 5px 20px 0;
}

.display_large {
font-size: 300%;
margin-bottom: 5px;
}
.display_small{font-size: 180%;}

a.buy_ticket{top:90px;right:30px;}
.round_about{width: 60%;margin-top:0;border: 0;}
.caption h1{font-size: 100%;margin-bottom: 0;}
.caption .h3{font-size: 70%;}
.address {
top: 20%;
left: 20px;
padding:30px;
}

}
/* /Start Mobile Tweaks */