@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@700&family=Open+Sans:wght@300;400;600;700&display=swap');

:root {
	--body-bg:#fff;
	--blue: #2ebad5;
	--pink: #005055;
	--pale-blue: #d2f8ff;
	--pink-light:#d5b12e;
	--pink:#d52e74;
    --pink-light: #ff88c5;
    --pale-pink: #ffdaf0;
	--dark-grey: #313130;
	--brown: #b2a39b;
	--inner-width: 2000px;
	--button-hover:#ff88c5;
}

html {scroll-behavior: smooth;}

body, html{width:100%; height: 100%; margin: 0px; padding: 0px; box-sizing: border-box; background-color:var(--body-bg); color:#666}

body{font-size:16px; font-family: 'Open Sans', sanbeigs-serif;}

div{background-repeat: no-repeat; background-position: center; background-size: cover; position: relative}

h1, h2, h3, h4, h5, h6{font-weight:normal; line-height: normal; font-family: 'Comfortaa', cursive;}
h1{font-size:50px; text-transform: uppercase}
h2{font-size:30px; color:var(--pink) }
h3{font-size:22px; color:var(--pink)}
h4{font-size:16px}

a{text-decoration: none; color: var(--pink-light)}
img{max-width: 100%}

a, a:active, a:focus{outline: none;}

label{display: block}
input[type=text], input[type=email], input[type=tel], input[type=date], input[type=number]{border:1px solid #ccc; padding: 8px; color:var(--pink); margin: 5px 0}
select{padding:10px}
textarea{font-family: 'Open Sans', sans-serif;}
main{min-height: 600px; line-height: 32px}
main img{max-width: 100%}

.chaperonesImg{max-width: 500px; height: auto; border-radius:20px; float:right; margin: 0 0 60px 60px}
.black{color: black}
.pink{color:var(--pink);}
.red{color: red}
.pagination{max-width:1080px; margin: 60px auto}
.pagination a, .pagination .current{display:inline-block; padding: 2px 16px; background-color: #fff; border-radius:4px}

.font44{font-size: 44px}
.spacetext{text-transform:uppercase; letter-spacing: 3px}
.flex{display:flex; justify-content: center; align-items: center}
.flex > div{flex-grow: 1}
.center{text-align: center}
.post-edit-link{background-color:var(--pink); display: inline-block; padding: 4px 12px; color:#fff; font-size:12px; transition:all 0.3s ease; margin: 20px 0; border-radius:10px}
.post-edit-link:hover{background-color: var(--button-hover) !important; text-decoration: underline}

.fixedwidth{max-width:var(--inner-width); width:100%; margin: 0 auto}
.fixedwidth article > p{max-width:1200px; margin: 0 auto}
.fixedwidth article > h2{max-width:1200px; margin: 40px auto 20px}
.fixedwidth article > h3{max-width:1200px; margin: 0px auto 20px}
.fixedwidth article > form{max-width:1200px; margin: 0 auto}
.fixedwidth article ul{ max-width: 1200px; margin: 15px auto}


.textblock{max-width:1000px; margin: 60px auto; color: #666}

.enquiryform{background-color:#3A4245; padding: 40px 10px; text-align: center; color: #F7F4EC}
.enquiryform h2{color: #F7F4EC; font-size:36px}

#hpVideoWrap{max-width:900px; margin: 30px auto; aspect-ratio:16/9; position: relative}
#hpVideoWrap iframe{width:100%; height: 100%; position: absolute; top:0; left:0}

/* Buttons */
button, .button{background-color:#000; display: inline-block; padding: 10px 30px; border-radius:4px; transition: background 0.3s ease; font-size:22px; color:#f7f4ec; position: relative; cursor:pointer; line-height: normal; border:0px}
.button:hover{background-color: var(--button-hover) !important}


.smallbutton{background-color:#000; display: inline-block; padding: 5px 10px; border-radius:4px; transition: background 0.3s ease; font-size:14px; color:#f7f4ec; position: relative; cursor:pointer; line-height: normal; border:0px}
.smallbutton:hover{background-color: var(--button-hover) !important}

.lightbutton{background-color: #f2e6d6; color: #3a4245;}

.greenbutton{ background: #50A64C}
.bluebutton{background: var(--pink)}

.flyerbutton{background:var(--pink)}
.flyerimage{max-width: 600px; height: auto; margin: 20px; box-shadow:0px 0px 10px #ccc}


.datesflyer{max-width: 450px; margin: 0px auto 60px}
.datesflyer img{max-width:100%}

/* Ripple effect */
.ripple {
  background-position: center;
  transition: background 0.8s;
}
.ripple:hover {
  background: #47a7f5 radial-gradient(circle, transparent 1%, #47a7f5 1%) center/15000%;
}
.ripple:active {
  background-color: #6eb9f7;
  background-size: 100%;
  transition: background 0s;
}

/* Button style */
button {
  border: none;
  border-radius: 2px;
  padding: 12px 18px;
  font-size: 16px;
  text-transform: uppercase;
  cursor: pointer;
  color: white;
  background-color: #2196f3;
  box-shadow: 0 0 4px #999;
  outline: none;
}


.judgeslist{list-style:none; padding: 0; margin: 0 0 50px; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap:wrap}
.judgeslist li{border:1px solid #ccc; padding: 15px; width:100%; min-width:200px; max-width: 200px; height: 240px; margin: 15px 15px 70px; text-align: center}
.judgeslist img{object-fit:cover; width:100%; height: 100%; margin-bottom: 30px} 

/* */

.menubutton{display:block; margin: 5px auto 30px; padding: 20px; border:2px solid #707070; text-transform: uppercase; letter-spacing: 3px; font-size:18px; max-width: 200px; transition:all 300ms ease}
.menubutton:hover{background-color: #707070; color: var(--tan); transform:scale(1.06)}

.errorfield{border:1px solid red}
.view-article{display: none}
.articlecredit{text-transform: uppercase; font-weight:700; color:#3A4245}

.contentTextBlock{text-align: center; padding: 0px}

.heroOuter{overflow:hidden; max-width:var(--inner-width); margin:0 auto 0px}

.hero{background-color: var(--tan); display: flex; justify-content: center; align-items: center; height: 30%; background-size: cover; transition:all 1000ms ease; border:0px}
.hero > div{text-align: center}
.hero h1{color: #fff; text-shadow:1px 1px 2px #000; transition:all 3000ms ease; opacity: 1}
.deep{min-height: 683px; max-height:683px;}

.heroOuter.loaded .hero{transform:scale(1.1)}
.hero h1.loaded{transform:scale(0.4); opacity:0}

.herovideo{ background-color: #efefef; background-size: cover; transition:all 2s ease; position: relative; overflow: hidden; max-height: 500px; margin-bottom: 10px; background-image:url("../img/tap-hero.jpg"); background-position: center}
.herovideo iframe{position: absolute; top:0px; left:0px; width:100% !important; z-index: 1}
.heroh1{display: flex; font-size:30px; justify-content: center; align-items: center; height: 100%; width:100%; position: absolute; top:0px; left:0px; z-index: 4; color: #fff; transition:all 2s ease-in; opacity: 1}

.heroblurb{padding:30px; z-index: 200; position: absolute; top:60px; left:100px; text-align: left; background-color: rgba(255,19,130,0.6); max-width:600px; width:50%; transition:all 400ms ease; transition: all 600ms ease-out; color: #fff}
.heroblurb h1{text-align: left !important; font-size: 30px; color: #fff; text-shadow:1px 1px 1px #000}
.heroblurb p{line-height: 1.6em}


.heroblurbBelow{background:var(--pink); color: #fff; max-width: 1200px; margin: 30px auto; padding: 30px; border-radius:5px}
.heroblurbBelow h1{font-size:4rem; text-align: center}
.heroblurbBelow hr{margin:15px auto 30px; border:0; border-bottom:4px solid rgb(255,255,255,0.5); max-width: 300px}


.calltoaction{padding:26px 36px 24px; background-color: #fff; border-radius:40px; text-align: center; color: var(--pink-light); position: absolute; right:100px; top:200px; font-size:30px; font-family: 'Comfortaa', cursive;text-shadow: 1px 1px 2px #ccc; font-weight:700; cursor:pointer; transition: all 1000ms ease; display:none}

.calltoaction:hover{color:var(--pink)}
.actionhidden{transform: translate(600px, 0px)}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

header{color:#000; background-color: #fff}

#masthead{display: flex; justify-content: center; align-items: center; flex-wrap:nowrap; align-content: space-between; z-index: 10; font-size:14px; max-width:var(--inner-width); margin: 0px auto; padding: 20px 0; width:98%}
#masthead > div{flex-grow:1; width:100%}
#masthead > div:first-of-type{max-width: 400px; padding-left: 40px}
#masthead > div:last-of-type{text-align:right; padding-right: 40px}

.logo img{width:100%; height:100%; object-fit: contain}

.moto{margin: 60px auto; position: relative}
.moto > div{width:320px; height: 320px; background-image:url("../img/circle-bg.jpg"); margin: 0 auto; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius:200px}
.moto > div > div:last-of-type{position:absolute; bottom:70px; width:100%; left:0px; text-align: center; font-weight:700; color: #fff; font-size:32px; text-shadow:1px 1px 5px #000}

.motologo{background-image:url("../img/fe-fabulous.png"); width:100%; height:280px; background-position: center; background-size: contain; position: absolute; top:15px}

#mainnav{text-align: right; color:#000; text-transform: uppercase; font-size:12px}
#mainnav a{color:var(--pink); font-family: 'Comfortaa', cursive;}
#mainnav a:hover{color:var(--pink)}
#mainnav ul{list-style: none; margin: 0px; padding: 0px; z-index: 1}
#mainnav ul > li{padding: 6px 10px; margin: 0px; display: inline-block; position: relative}
#mainnav > ul > li:last-of-type{background-color: var(--pink); border-radius:20px; padding: 10px 15px 8px; margin-left: 10px; transition: all 300ms ease}
#mainnav > ul > li:last-of-type a{color: #fff}
#mainnav > ul > li:last-of-type:hover{background-color: var(--pink-light) !important}
#mainnav > ul > li > a{display:block; cursor:pointer; transition:all 300ms ease; padding: 2px 0px; border-bottom:2px solid #fff}
#mainnav > ul > li > a:hover{color:var(--pink-light); border-bottom:2px solid var(--pink)}
#mainnav > ul > li:last-of-type > a{border:0px; transition:all 300ms ease}
#mainnav > ul > li:last-of-type > a:hover{border:0px; color: #fff}
#mainnav > ul > li:last-of-type:hover{background-color: var(--pink)}

#mainnav ul > li  ul{position: absolute; top:29px; left:0px; display: none; min-width: 200px; padding:0px; background-color: #fff; z-index: 2; box-shadow:1px 1px 10px rgb(0,0,0,0.5)}
#mainnav ul > li  ul > li{display:block; padding:0px; border-bottom:1px solid #efefef}
#mainnav ul > li  ul > li > a{display:block; background-color: var(--beige); text-align: left; padding: 12px 15px 8px 15px; transition:all 300ms ease}
#mainnav ul > li  ul > li > a:hover{ background-color: var(--tan)}
#mainnav ul > li  ul > li:first-of-type{padding-top: 10px}
#mainnav ul > li  ul > li:last-of-type{padding-bottom: 10px}

#mainnav .current-menu-item a{border-bottom:2px solid var(--pink-light);}
#mainnav > ul > li > ul .current-menu-item a{border:0px; background-color: var(--tan)}
 
#mobnavbutton{border-radius:2px; width:26px; height: 30px; position: absolute; top:24px; right:30px; cursor:pointer; display:none; z-index: 50; font-size:18px}
#mobnavbutton > div{margin: 5px 0; border:0px; border:2px solid var(--pink)}

#mobnav{text-transform: uppercase; background-color: #fff; color: #3A4245; position: fixed; top:0px; left:0px; z-index:210; display: none;  width:100%; height: 100%}
#mobnav ul{list-style: none; margin: 0px; padding: 0px}
#mobnav ul > li{padding: 0px; margin: 0px; display: block; position: relative}
#mobnav a{display:block; padding: 10px; cursor:pointer; text-transform: uppercase; text-align: center; letter-spacing: 4px; border-top:1px solid #ccc}

#mobnav ul > li  ul{display: none}
#mobnav ul > li  ul > li{display:block}
#mobnav ul > li  ul > li > a{background-color: #F7F4EC}
	
#mobnav a i{position: absolute; right:60px; top:15px; transition:all 100ms ease}

#mobNavMasthead{display:flex; justify-content: space-between; align-items: center; padding: 15px 0}
#mobNavMasthead > div{flex-grow:1}
#mobNavMasthead > div:first-of-type{width:140px; height: 44px; }
#mobNavMasthead > div:last-of-type{padding: 0 36px 0 0; text-align: right}
#mobNavMasthead i{font-size: 30px; color: var(--pink)}

.moblogo{cursor:pointer}

.newslist{display: flex; flex-wrap:wrap; justify-content: space-between; align-items: stretch; align-content: flex-start; margin: 0 auto 60px; max-width: 1100px}
.newslist > div{width:100%; min-width:31%; max-width: 31px; margin: 0 0 50px}
.newsPanel h2{color:#545b5e}
.newsInner{min-height:320px; line-height: 24px}

.newsbuttonwrap{border-top:1px solid var(--pink); padding: 10px 0; margin: 30px 0 0}
.newsThumb{display:block; padding-bottom: 100%; background-color: var(--pink); min-height: 100px;background-repeat: no-repeat; background-position: center; background-size: cover}
.newsThumb img{max-width:100%; max-height:100%; width:100%; height:100%; display:none}
.thedate{color:var(--pink); text-transform:uppercase; padding: 0 0 20px; font-weight:700; font-size:22px; letter-spacing: 3px}

.newsbody{max-width:958px; margin: 0 auto}
.productbody{max-width:1200px; margin: 0 auto; position: relative; border-top:1px solid #fff}

#mobileNews{max-width:700px; margin:0 auto; text-align: center; display:none}

.morenewsbutton{text-align:right; padding: 0 10px 60px}
.morenewsbutton a{color:#3A4245; font-size:16px; letter-spacing: 3px; text-transform: uppercase; transition:all 200ms ease}
.morenewsbutton a:hover{color:var(--pink)}


.whitebg{background-color: #fff}


.eventslist{display: flex; flex-wrap:wrap; justify-content: space-between; align-items: stretch; margin: 0 0 60px}
.eventslist > div{width:100%; min-width:48%; max-width: 48px;}
.eventsPanel h2{color:#3A4245; font-size:36px; padding: 0px; margin: 30px 0 0}
.eventsbuttonwrap{border-top:1px solid var(--pink); padding: 16px 0; margin: 30px 0 0}
.eventInner{min-height: 360px}
.eventslist .newsThumb {padding-bottom: 65%}
.eventInner .thedate{padding: 0px; margin: 0px}

footer{background-color: var(--pink); padding: 60px 0; color:#fff; background-size:cover; clear:both}
footer a{transition:all 300ms ease; color: #fff}
footer a:hover{color:var(--pink-light)}
footer h4{font-size:22px}

#footerInner{display:flex; align-items: stretch; justify-content: space-between; max-width:1200px; font-size:14px; margin: 0 auto}
#footerInner > div{flex-grow:1; padding: 5px; width:25%}
#footerInner > div:nth-of-type(1){max-width:300px; padding-top: 25px}
#footerInner > div:nth-of-type(2){}
#footerInner > div:nth-of-type(4){text-align:center; max-width:150px}

#footerInner img{margin: 0 0 25px; max-width: 200px}
#footerInner h2{font-size:22px; margin: 0px; padding: 0 0 15px}
#footerInner ul{list-style: none; padding: 0px; margin: 0px}
#footerInner li{padding: 0px; margin: 0px}
#footerInner li > a{display: block; padding: 2px 0px}
#footerInner li > a:hover{color: #fff; opacity: 0.6}

.footersocials i{font-size:22px; margin: 15px 9px 15px; color: #fff; transition:all 300ms ease}
.footersocials a{color: #fff}
.footersocials i:hover{transform:scale(1.4)}

#menu-footer-menu{list-style: none; padding: 0px; margin: 0px; column-count:1}
#menu-footer-menu > li{display:block; padding: 1px 0px; margin: 0px}

#credit{text-align: right; width:98%; max-width: 1200px; margin: 0px auto; padding:15px 0 30px; font-size:12px}

.threeBox{display: flex; justify-content: flex-start; align-items: stretch; color: #fff; margin: 0px auto; padding-bottom: 10px; max-width:1200px}
.threeBox > div{flex-grow: 1; flex-basis: 33%; max-width:390px; background-size: cover; background-position: center; padding: 20px 30px 30px; position: relative; box-sizing: border-box; overflow: hidden; min-height: 200px; transition:all 400ms ease; margin: 0 10px 10px 0}

.threeBox h2{margin: 0px; padding: 0px; font-size:30px; color: #fff; text-shadow:1px 1px 1px #000; display: block; min-height: 60px}
.threeBox .evdate{font-size:16px; padding: 0px; position: absolute; left:30px; bottom:34px; text-shadow:1px 1px 1px #000; text-transform: uppercase}
.threeBox .button{background-color: var(--pink); position: absolute; right:30px; bottom:30px; font-size:15px; padding: 10px 15px}
.threeBox .button i{display: inline-block; margin-left: 10px}

.evCopy{padding: 10px 20px; margin-bottom: 70px; box-sizing: border-box; line-height: 20px; transition:right 600ms ease; background-color: rgba(0,0,0,0.7); text-transform: uppercase; text-shadow:1px 1px 1px rgb(0,0,0,0.7); border-radius:5px}



.specEventsBox{display: flex; align-items: stretch; color: #fff; margin: 0px auto; padding-bottom: 10px; max-width:1200px; flex-wrap: wrap}
.specEventsBox > div{flex-grow: 1; flex-basis: 33%; max-width:390px; background-size: cover; background-position: center; padding: 20px 30px 30px; position: relative; box-sizing: border-box; overflow: hidden; min-height: 200px; transition:all 400ms ease; margin: 0 10px 10px 0}
.specEventsBox > div .button{box-shadow:1px 1px 5px rgb(0,0,0,0.6)}


.specEventsBox h2{margin: 0px; padding: 0px; font-size:32px; color: #fff; text-shadow:1px 1px 1px #000; display: block; min-height: 60px}
.specEventsBox .evdate{font-size:16px; padding: 0px; position: absolute; left:30px; bottom:34px; text-shadow:1px 1px 1px #000; text-transform: uppercase}
.specEventsBox .button{background-color: var(--pink); position: absolute; right:30px; bottom:30px; font-size:15px; padding: 10px 15px}
.specEventsBox .button i{display: inline-block; margin-left: 10px}



.fourBox{display: flex; align-items: stretch; justify-content: space-between; color: #fff; margin: 30px auto 10px; flex-wrap: no-wrap; max-width: 1200px}
.fourBox > div{flex-grow: 1; background-size: cover; background-position: center; padding: 20px 30px 30px; position: relative; max-width:285px; min-width:285px; height: 400px}

.fourBox .button{position: absolute; bottom:0px; right:0px}

.twoBox{display: flex; align-items: stretch; margin: 0px}
.twoBox > div{flex-grow:1; min-height: 500px; padding: 60px 90px 60px; flex-basis: 50%; position: relative}
.twoBox > div:first-of-type{}
.twoBox h2{padding-top: 0px; margin-top: 0px; color: #3A4245}
.twoBox p{}

.howdifferent{background: rgb(150,16,72); background: linear-gradient(0deg, rgba(150,16,72,1) 0%, rgba(213,46,116,1) 100%);color: #fff; padding:40px; border-radius:30px; margin: 0px 0 40px}
.howdifferent h3{color:#fff}
.howdifferent a{color:#fff; text-decoration: underline}
.howdifferent a:hover{color:var(--pink-light)}

.googlemapframe > div:last-of-type{padding:0px}
.googlemapframe iframe{margin:0px; padding: 0px; width:100%; height:500px; position: absolute; top:-14px; left:0px}

.floating_texture{height: 0px; width: 100%; position: relative; z-index: 10}
.floating_texture > div{background-image:url(/wp-content/uploads/2020/06/texture-strip.jpg); background-size: cover; height: 40px; width:100%; position: absolute; top:0px; left:0px; opacity: 0.6}

.floating_texture_bottom{height: 0px; width: 100%; position: relative; z-index: 20;}
.floating_texture_bottom > div{background-image:url(/wp-content/uploads/2020/06/texture-strip.jpg); background-size: cover; height: 40px; width:100%; position: absolute; bottom:0px; left:0px; opacity: 0.6}


.leaderBoxWrap{background-color:#500122; margin: 0px; padding: 40px 0; background-image: url(/wp-content/uploads/2020/08/grad-background.jpg); background-position: center; background-size: cover; background-attachment: fixed; color: #fff}
.leaderBox{display: flex; align-items:stretch; margin: 30px auto; justify-content:space-between; max-width: 1100px}
.leaderBox > div{max-width:46%; flex-grow: 1; padding-top:30px; padding-bottom: 30px}
.leaderBox > div:first-of-type{padding:30px; border-radius:30px ;background-color: var(--pink-light); color:#fff}
.leaderBox > div:last-of-type{padding-left:15px}
.leaderbox h2{padding-bottom:30px; font-size: 40px; color:#fff !important}

.leaderBox p{}

.al_right > div{flex-basis: auto}
.al_right > div:last-of-type{width:55%}
.al_right > div:first-of-type{width:45%}

.al_left > div{flex-basis:auto}
.al_left > div:last-of-type{width:45%}
.al_left > div:first-of-type{width:55%}

/* News slider*/
#newsSliderWrap{position: relative; width: 100%; padding-top: 50px; max-width:var(--inner-width); margin: 0 auto}
#newsSliderWrap h2{padding-bottom: 20px}

#newsSlider{width:1200px; margin: 0 auto; height: 280px; overflow: hidden; position: relative}
#newsSliderInner{position: absolute; top:0px; left:0px; height: 280px; display: flex; flex-wrap:nowrap; flex-direction: row; transition:all 600ms ease}

.newsslide{text-align: center; min-width:1200px; max-width: 1200px; display: flex; flex-wrap:nowrap; flex-direction: row; justify-content: space-between}

.newsSlideItem{background-color: #fff; display: inline-flex; width:100%; max-width: 585px; justify-content: center; line-height: 20px}
.newsSlideItem > div{min-width: 50%; flex-grow: 1; height: 280px; overflow: hidden; background-size:cover}
.newsSlideItem > div:first-of-type{width:50%; background-position: center; background-size: cover; background-color: #efefef}
.newsSlideItem > div:last-of-type{padding:20px 20px 0; text-align: left}
.newsSlideItem h3{font-size:28px; color:#3A4245; margin: 0px; padding: 0px; line-height: 28px}
.newsSlideItem .button{position: absolute; right:15px; bottom:15px; padding-bottom: 15px}

.newsArrow{position: absolute; top:360px; cursor: pointer; width:20px; height:20px; border-left:3px solid #3A4245; border-top:3px solid #3A4245}
.newsArrow:hover{opacity:0.8}
.newsArrowLeft{transform:rotate(-45deg); position: absolute; left:-10px}
.newsArrowRight{transform:rotate(135deg); position: absolute; right:-10px}


#instagramWrap{padding: 0px 10px 0}
#instagramFeed{width:100%; height: 250px; border:1px solid var(--pink-light);}
#sb_instagram.sbi_fixed_height{overflow: hidden}


#testimonialsWrap{ text-align: center; margin: 0px; padding: 40px 0; 
background: #2396a3; /* Old browsers */
background: -moz-linear-gradient(top,  #2396a3 0%, #2aa3c1 44%, #2ebad5 100%);
background: -webkit-linear-gradient(top,  #2396a3 0%,#2aa3c1 44%,#2ebad5 100%);
background: linear-gradient(to bottom,  #2396a3 0%,#2aa3c1 44%,#2ebad5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2396a3', endColorstr='#2ebad5',GradientType=0 );

}
#testimonialsWrap h2{color:#fff}

#testimonials{max-width:1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: stretch; flex-wrap: nowrap; color: #fff}
#testimonials > div{padding: 20px; text-align: center; flex-grow:1px; max-width:32%}
#testimonials .thumb{width:160px; height:160px; border-radius:100px; border:2px solid #ccc; background-color: #efefef; margin: 0 auto 20px; background-size: cover; background-position: center; background-repeat: no-repeat}
#testimonials > div > div:last-of-type{ text-transform: uppercase; letter-spacing: 2px}
#testimonials .blurble{min-height:100px}
#testimonials h2{color: #FFFFFF}
.texturestrip{height: 30px; background-image: url(/wp-content/uploads/2020/06/texture-strip.jpg); background-color: var(--tan)}

.bookingform{text-align: center; color: #fff; padding: 15px; z-index: 1}
.bookingform h2{font-size:38px; color:#FFFFFF}


.teamlistWrap{background-color:#fff; padding: 10px 5px; margin: 0px 0 0; color: #000}
.teamlistWrap h2{color:var(--pink); font-size:40px}

.teamlist{display:flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; max-width: 1012px; margin: 30px auto}
.teamlist > div{flex-basis:33%; max-width: 280px; margin: 0 0 60px}
.teamlist h3{font-size:20px; color: #3A4245 !important; padding: 5px 0 0; margin: 0px}
.jobtitle{text-transform: uppercase; font-size: 12px; color:#3A4245; letter-spacing: 3px}
.teamexcerpt{font-size: 14px; line-height: 22px; padding: 15px 0}
.teamThumb{padding-bottom: 100%; background-size: cover; margin: 0 auto 10px; border-radius:180px}

.teamlist .flex{font-size:14px; font-weight:600}
.teamlist .flex > div:last-of-type{font-size: 26px; text-align: right}
.teamlist i{color:var(--pink)}
.teamlist i:hover{opacity:0.8; color: var(--pink)}

.teamitem h3{border-bottom:2px solid var(--pink); padding-bottom: 10px}

.teamphoto{max-width: 1200px; margin: 30px auto; min-height: inherit; max-height: inherit; padding-bottom: 30%; background-size: cover}
.juniorteam{max-width: 1200px; margin: 30px auto; min-height: inherit; max-height: inherit; padding-bottom: 30%; background-size: cover}

.signupformWrap{background-color:#333; text-align: center; color: #fff; background-image: url("../img/register-bg.jpg"); background-size: contain; background-position: center}
.signupform{max-width:1200px; margin: 0 auto; padding: 60px 10px}
.signupform input{margin: 15px 0; width:80%; max-width: 100%; min-width:100%}
.signupform .button{background-color: var(--pink)}
.signupFlex{max-width: 800px; margin: 0 auto; justify-content: space-between; align-items: stretch}
.signupFlex > div{text-align:left; padding: 10px}
.signupform label{color: #ccc; padding: 0px; margin: 0px}

#bookmenu{z-index: 101; padding: 30px; background-color: #3A4245; color: #fff; text-align: center; width:100%; position: fixed; top:0px; left:0px; height: 100%; display: none}
#bookmenu i{position: absolute; top:30px; right:30px; font-size:30px; color: #FDF6E5; cursor:pointer; z-index: 110}
#bookmenu i:hover{opacity:0.8}

.filterswitches{text-align: center; text-transform: uppercase; font-weight:600; margin: 30px 0 60px; letter-spacing: 3px}
.filterswitches span{cursor:pointer}
.filterswitches .active{color: var(--pink)}

.evcontent p{max-width:1100px; margin: 0 auto;padding: 60px 0 0}

.photoTextBlock{display: inline-block; width:100%; max-width:532px; margin: 30px 0 30px 100px}
.photoTextBlock h2{color: #3A4245; font-size:36px}
.photoTextBlock > div:first-of-type{padding-bottom: 56%}
.photoTextBlock > div:last-of-type{}
.photoTextBlock:nth-of-type(odd){margin-right: 20px}

#findoutmoresWrap{text-align: center; padding: 60px 10px; max-width:1080px; margin: 0 auto}
#findoutmoresWrap .button{margin: 40px 0 0}
#findoutmoresWrap h2{font-size:36px}

.pagelinks{width:100%;; max-width:1080px; margin: 0px auto; display:block; padding: 30px 0}
.pagelinks > a{display: inline-block; border:1px solid #efefef; padding: 2px 10px; border-radius:3px; transition:all 200ms ease}
.pagelinks > a:hover{background-color: var(--pink); color: #fff; border-color:var(--pink)}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{border:0px; border-color:#fff}

.enqformflex{align-items: stretch; max-width:838px; margin:0 auto}
.enqformflex > div{text-align: left; flex-grow: 1}
.enqformflex > div:last-of-type{width:473px}
.enqformflex label{font-size:14px; letter-spacing: 3px; text-transform: uppercase}
.enqformflex input{border:0px; border-radius:4px; padding: 10px; font-size:14px; color: #3A4245; background-color: #F7F4EC}
.enqformflex textarea{font-size:14px; color: #3A4245; border-radius:4px; padding: 10px; width:100%; min-height:250px; background-color: #F7F4EC}
.enquiryform select{width:100%; max-width:838px; margin: 0 auto; background-color: #F7F4EC; border-radius:4px}

.eatr-reviews-skeleton-container > div:last-of-type{display:none}

.col2{display: flex; justify-content: space-between; align-content: center}
.col2 > div{width:50%}
.col2 > div:first-of-type{padding-right: 30px}
.col2 > div:last-of-type{padding-left: 30px}
.col2 img{max-width: 100%; height: auto}

.clairephoto{margin: 60px}

.tribe-events-c-search__input-group{background-color: orange !important}
.tribe-events-c-search__button{background-color:var(--pink) !important}


.tribe-events-calendar-list{background-color: #fff; padding: 0px !important; border-radius:10px;; margin: 20px auto !important}
.tribe-events-calendar-list h3{font-family: 'Comfortaa', cursive !important}
.tribe-events-calendar-month__header-column{padding: 5px !important}

.tribe-event-date-start{text-transform: uppercase; letter-spacing: 3px}

.tribe-events-header{display: none !important; opacity:0.3}
.tribe-events-header__top-bar{background-color: #fff; padding: 10px !important; border-radius:10px; border:1px solid #ddd !important}

.tribe-events-calendar-month{background-color: #fff}

.tribe-events-calendar-day__event-details{background-color: #fff !important; border-radius:10px; padding-top: 20px !important}

.tribe-events-single-section{border-radius:10px !important}

.tribe-common-b1--min-medium{background-color: var(--pink-light) !important; color: #fff !important; font-family: 'Comfortaa', cursive !important; padding:7px 10px 4px !important; border-radius:6px !important; cursor:pointer !important}
.tribe-common-b1--min-medium:hover{background-color: var(--pink) !important}

.tribe-events-c-ical__link{color:var(--pink-light) !important; border-color:var(--pink-light) !important}
.tribe-events-c-ical__link:hover{ background-color: var(--pink) !important; color:#fff !important}

.tribe-events-calendar-list__event-featured-image-link{display: block; max-height:400px; overflow: hidden; position: relative; max-width:200px; padding:0px !important; margin:0px}
.tribe-events-calendar-list__event-featured-image-link img{width:100%; height: auto}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-featured-image-wrapper{width:20%; max-width:20%}

.tribe-events-calendar-list__event-featured-image{border-radius:10px; max-width:200px !important}

.tribe-events-content img{max-width:300px !important; height: auto}

.tribe-events-single-event-description{display:none}

.tribe-common-a11y-hidden{display:none}

.wpgmza-directions-box{max-width:1200px !important; margin: 0 auto; padding: 15px}

/* Woocommerce */
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
	background-color:var(--pink);
	font-weight:inherit;
	margin: 0 auto;
	border-radius:inherit;
	padding: 10px 80px 10px 30px; 
	border-top-right-radius:26px; 
	border-bottom-left-radius:26px;
	transition: background 0.3s ease; 
	font-size:22px; font-family: 'Abril Fatface', cursive; 
	color:#f7f4ec; 
	position: relative; 
	cursor:pointer; 
	line-height: normal; 
	border:0px;
	display:inline-block
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{text-align:center}

.woocommerce-loop-product__title{text-align: center; color: #3A4245; padding-bottom: 0px}

.woocommerce ul.products li.product .price{color:#3A4245; font-size:2rem; text-align: center;}
.woocommerce ul.products li.product .price::before{content: "From ";}

.woocommerce-result-count, .woocommerce-ordering{display:none}

.productfilters{text-align: center; text-transform:uppercase; letter-spacing: 3px; font-weight:700; color:#3A4245; margin: 0 auto 20px}
.productfilters ul{list-style: none; padding:0px; margin:0px; height: inherit}
.productfilters li{display: inline-block; padding: 0 16px; border-right:2px solid #3A4245}
.productfilters li:first-of-type{border:0px}
.productfilters li:last-of-type{border:0px}
.productfilters a{padding:0px; margin:0px; display: inline; transition:all 200ms ease}
.productfilters a:hover{color:var(--pink)}

.wc-block-product-categories-list-item-count{display:none}
.woocommerce .products ul, .woocommerce ul.products{margin-top: 40px}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{background-color:var(--pink)}

.woocommerce-breadcrumb{text-align: center; text-transform:uppercase; letter-spacing: 3px; font-weight:700; color:#3A4245; padding: 40px 20px 20px !important; display:block}

.woocommerce div.product{margin:90px auto 0; max-width: 90%}

.woocommerce div.product h2{text-align: center; font-size:36px}

.woocommerce div.product div.images img{max-width:300px;}

.posted_in{text-transform:uppercase; letter-spacing:2px; font-size:14px}

.woocommerce span.onsale{background-color: var(--pink)}

#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{padding: 10px 80px 10px 30px; display:inline-block}

.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled]{padding: 10px 80px 10px 30px}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{max-width:400px}

.woocommerce table.shop_table {border:0px}
.woocommerce table.shop_table tr:last-of-type td{padding-top: 30px}
#coupon_code{min-width:150px; padding: 12px; margin-right: 20px}
#order_comments{padding: 15px}

.faqlistWrap{background-color: black; padding: 60px 10px; background-image: url(/wp-content/uploads/2020/07/background-01.png); background-size: cover}
.faqlist{max-width: 1200px; margin: 0 auto; color: #000}
.faqlist > div{padding: 0px; margin: 0 0 30px; border-radius:10px; background-color: #fff}
.faqlist h3{background-color: var(--pink); color: #fff; padding: 15px 15px 16px 70px; border-radius:10px; margin: 0px; background-image: url(/wp-content/uploads/2020/07/star-faqs.png); background-position: center left 10px; background-repeat: no-repeat; background-size: 50px}
.faqexcerpt{padding: 20px 30px 40px}
.faqexcerpt img{max-width: 50%; height: auto; border-radius:10px}

#memberLogin{background-color:#79007C; padding: 30px; border-radius:20px; box-shadow:0px 0px 20px #ccc; width:96%; max-width: 900px; margin: 60px auto; background-image: url(../../../uploads/2020/07/abstract-art-background-blur-220072.jpg); background-size: cover; background-position: center; color: #fff; text-shadow:1px 1px 3px #000; font-size:18px; text-align: center}
#memberLogin h2{text-shadow:1px 1px 4px #000; font-size:45px}

#memberLogin input{padding: 15px; border:0px; border-radius:4px; width:290px}
#memberLogin input[type=submit]{background-color: var(--pink-light); padding: 15px 40px 17px}
#memberLogin .login-remember{display:none}

#tcHero{margin-bottom: 60px}

.sponsorshipbox{background-image: url("../img/circle-bg.jpg"); border-top:1px solid #fff}
.sponsorshipbox > div{max-width:1200px; margin:60px auto; padding: 30px; background:rgba(0,0,0,0.7); color:#fff}
.sponsorshipbox h2{color:#fff; text-align: center; font-size:40px}

.sponsorshipbox .flex{display:flex; justify-content: space-between; align-items: center}
.sponsorshipbox .flex > div{width:50%}

.sponsorshipbox .flex > div:first-of-type{padding-right: 60px}
.sponsorshipbox .flex > div:last-of-type{border-radius:200px; max-width:400px; height:400px; background-color: #fff; background-image: url("../img/bird-college.jpg")}

#genres{max-width:1200px; margin: 60px auto 0; padding:0 30px}
#genres img{max-height: 300px; margin: 0px 0 20px 60px; border-radius:5px; float: right}
#genres h2{clear: left}

#genresinfo{background: var(--pink); border-radius:20px; padding:30px; color: #fff; clear:both; margin-top: 40px; max-width:1100px; margin: 30px auto 0}
#genresinfo h2{text-align: center; color:#FFFFFF; margin: 0px; padding: 0px}

#genres .genre:nth-of-type(odd){background-color: aliceblue}
#genres .genre:nth-of-type(odd) h2{color:var(--pink)}
#genres .genre:nth-of-type(even){background-color:#FFF3FD}

.genre{border-radius:30px; padding: 40px 30px 60px; margin: 0 0 40px; clear: both}
.genre h2{margin:0px; padding:0px}

.wp-block-table{border:1px solid #efefef; max-width:900px; margin: 30px auto}
.wp-block-table tr{border-bottom:1px solid #efefef}
.wp-block-table td{padding: 5px 10px}

.concertinaBlock{max-width:1200px; margin: 30px auto; padding: 0px; clear:left}
.concertinaBlock .cHeader{background: var(--pink);  color: #fff; transition:all 200ms ease; position: relative; padding: 10px 10px 10px 30px; border-top-left-radius:20px; border-top-right-radius:20px; cursor:pointer}
.concertinaBlock .cHeader:hover{background: var(--pink-light)}

.concertinaBlock .cHeader h2{color: #fff; margin: 0px; padding: 0px}
.concertinaBlock .cHeader i{position: absolute; top:6px; right:30px; font-size:40px}
.concertinaBlock .cBody{padding: 0px 30px; margin:0px; border-bottom-left-radius:20px; border-bottom-right-radius:20px; display: none}

#trophies-strip2{ background-size: cover; background-position: center; padding-bottom: 56%; margin: 110px auto 0}

.partner{border:1px solid #efefef; padding: 30px}

.tribe-events-event-image{display: inline-block; float:right; max-width:300px}
.tribe-events-single-event-title{font-size:40px !important; text-transform:none !important}
.tribe-events-cal-links a{border:1px solid var(--pink); padding: 15px 30px !important; border-radius:30px; display: inline-block; transition:all 200ms ease}
.tribe-events-cal-links a:hover{background: #efefef !important}
.tribe-events-cal-links > a:first-of-type{display: none}

.tribe-common-h--alt{color:var(--pink) !important; font-size:28px !important}
.tribe-event-date-start{letter-spacing:2px !important}
.tribe-event-date-end{text-transform:uppercase !important; letter-spacing: 2px !important}

.tribe-events-calendar-list{padding: 0px}
.tribe-events-calendar-list__event-date-tag-datetime{display:none !important}

#tribe-events-footer{display: none}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container{padding-bottom: 30px; padding-top: 0px !important}
.tribe-events .tribe-events-calendar-list__event-date-tag{width:0px}

#tribe-tickets__tickets-form{display: none}

#regform{background:#efefef; padding: 30px; border-radius:30px; margin: 0 auto 60px; max-width:800px; text-align: center}
#regform h2{text-align: center; margin:0px}
#regform p{text-align: center}
#regform label{color:var(--pink)}
#regform input[type=text], #regform input[type=email]{width:100%; box-sizing: border-box; border-radius:4px; margin-bottom: 15px}
#regform input[type=submit]{border-radius:40px; border:0px; background:var(--pink); color:#fff; padding:15px 40px; display:inline-block; margin:20px 0 0; transition:all 200ms ease}
#regform input[type=submit]:hover{background: var(--pink-light)}
#regform select{margin:0 0 15px}
#regform textarea{width:100%; min-height:160px; padding: 15px}

.final-tiles-gallery{max-width: 1200px; margin:0 auto}

.resultblock{max-width: 800px; background: var(--pink); color: #fff; padding: 30px; margin: 15px auto; border-radius:20px}
.resultblock h2{color: #fff; text-align: center; padding: 0px; margin: 0px}
.resultblock a{color: #fff; text-decoration: underline}
body .resultblock:nth-of-type(even){background: var(--pink-light)}

.fiftyfifty{display: flex; justify-content: space-between; max-width:600px; margin: 0 0 15px}
.fiftyfifty > div{width:50%; padding-right: 10px}
.fiftyfifty input{width:100%}

.appFlex{background:#efefef; padding: 15px 20px; border-radius:10px; margin-bottom: 10px; display: flex; justify-content: space-between; font-size:15px}
.appFlex a:hover{color:var(--pink)}
.appFlex h4{padding:0px; margin:0px; color:#333}

#modal{z-index:1000; background-color: rgba(0, 0, 0, 0.8); position: fixed; top:0px; left:0px; width:100%; height: 100%; justify-content: space-around; align-items: center; display:none}
#modal > div{background: #fff; padding: 30px; overflow: auto; height: 90%; width:90%; max-width: 900px; border-radius:6px}
#modal i{position: absolute; top:15px; right:15px; font-size:30px; color: #000; transition:all 300ms ease; cursor:pointer}
#modal i:hover{color:#666666}
#modal .appformhidden{display: block}

.appformhidden{display:none}

.formflex{display: flex; justify-content: space-between; align-items: center; margin: 0 0 30px}
.formflex > div{width:50%; flex-grow:1}
.formflex input{width:90%}
input[type=radio]{width:20px; height:20px; color:var(--pink)}

.studentFlex{display: flex; justify-content: flex-start; align-content: center; border-bottom: 1px dotted #ccc}
.studentFlex > div{flex-grow:1; width:20%}
.studentFlex > div:nth-of-type(n+5){max-width:120px; text-align: center}
.studentFlex > div:nth-of-type(-n+2){max-width:320px}
.studentFlex .button{padding: 2px 20px 3px !important; font-size:16px}

.upcomingBox{background-color: var(--pale-pink); padding: 60px 40px 40px; margin: 0px}

.entryBox{background:#efefef; border-radius:10px; padding: 10px; margin:0 0 10px}
.entryBox li{line-height: normal}

.priceButtonWrap{text-align: center; padding: 0px 10px 60px}
.priceButtonWrap .button{background-color: var(--pink)}


#countdown{text-align: center; font-size:22px; font-weight:700; background-color: var(--pink); color: #fff; padding: 10px 30px 15px; max-width: 400px; border-radius:5px; margin: 0 auto 45px; text-shadow:1px 1px 2px rgb(0,0,0,0.5); box-shadow:1px 1px 2px rgb(0,0,0,0.5)}
#countdown span{font-size:1.2em}

.ticketingList{max-width:900px; margin: 0 auto 30px}
.ticketingList > div{display:flex; justify-content: space-between; align-items: center; border-bottom:1px solid #ccc}
.ticketingList > div:first-of-type{border-top:1px solid #ccc}
.ticketingList > div > div{padding:10px; width:100%}
.ticketingList > div > div:nth-of-type(1){font-weight:bold; color: var(--pink)}
.ticketingList > div > div:nth-of-type(2){max-width:250px}
.ticketingList > div > div:nth-of-type(3){text-align:center; max-width:220px}
.ticketingList .button{background-color: var(--pink) !important}
.ticketingList .button:hover{background-color: black !important}

#venuemap{width:100%; position: relative; padding-bottom: 30%}
#venuemap iframe{border:0px; width:100%; height: 100%; position: absolute; top:0; left:0}

.mc4wp-form{background: var(--pink); color:#fff; padding: 30px; margin: 15px auto; text-align: center; border-radius:30px}
.mc4wp-form label{font-weight:700px; font-size:2rem}

.mc4wp-form input[type=text], .mc4wp-form input[type=email]{width:100%; max-width: 300px}
.mc4wp-form input[type=submit]{border-radius:30px; padding: 10px 30px; border:0; text-transform: uppercase; font-weight:700}

/* Woo */
.woocommerce{max-width:1200px; margin: 0 auto !important}
.woocommerce > .products{margin: 0 auto !important; display: block; max-width: 1200px; padding: 15px}
.term-description{max-width: 1200px; margin: 0 auto}
.woocommerce-placeholder{display:none !important}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{text-align: left !important; display: block !important; float: none !important; width:100%; max-width:100%; padding:15px; border-radius:15px; background: #f8f8f8 !important; margin: 0 0 15px !important}
.woocommerce h2{text-align: left!important; font-size:2rem !important; color:var(--pink) !important}
.woocommerce .price{text-align: left !important}
.woocommerce .button, .ajax_add_to_cart, .checkout-button{font-family: 'Open Sans', sanbeigs-serif !important; border-radius:60px !important; padding: 10px 30px !important; text-transform: uppercase !important; font-size:1.2rem !important; font-weight:700 !important; color: #fff !important}
.price::before{display: none !important}
.added_to_cart{padding: 0 0 0 30px; color: var(--pink) !important}
.coupon{display: none !important}

.woocommerce-cart-form, .cart-collaterals{max-width: 1200px !important; margin: 0 auto !important}

.vattext{opacity: 0.8; font-weight:700}

.ticket-note{background:var(--pink); color: #fff; padding: 30px; border-radius:15px; font-size:2.4rem; line-height: 1.2; margin: 0 0 15px}

.adhoc-single{max-width: 900px; margin: 30px auto}
.adhoc-single h1{color: var(--pink); font-size:3rem}
.adhoc-dates{font-size:3rem; padding: 0; margin: 0 0 15px !important}
.adhoc-venue{font-size:2rem; padding: 0; margin: 0 !important}

.adhoc-ticket-flex{background: pink; display: flex; justify-content: space-between; align-items: center; column-gap: 30px; padding: 15px; border-radius:15px; color: #000; margin: 0 auto 10px}
.adhoc-ticket-flex > div{width:100%}
.adhoc-ticket-flex > div:last-of-type{max-width: 180px; text-align: right}
.adhoc-ticket-flex h3{padding: 0; margin: 0 0 10px !important}
.adhoc-ticket-flex .button{font-size:2rem; padding: 4px 20px 6px}

/* Stripe payments */
.asp_product_item{padding: 0 !important; margin: 0 !important; border:0 !important; box-shadow:none !important}
.asp_product_name, .asp_product_item_thumbnail, .asp_product_description{display:none}
.asp_product_buy_btn{background: var(--pink) !important; border:0 !important; color: #fff !important; -webkit-box-shadow:none !important}
.asp_product_buy_btn span{color: #fff !important; text-shadow: none}
.asp-order-details-wrap{max-width: 800px; margin: 0 auto}
.asp-order-details-wrap h4{font-size:2.6rem; color: var(--pink)}

@media (max-width: 1410px) {
	#masthead > div:first-of-type{max-width:300px}
}
@media (max-width: 1300px) {
	#masthead > div:first-of-type{max-width:200px}
}
@media (max-width: 1250px) {
	#masthead > div:first-of-type{max-width:180px}
}

@media (max-width: 1200px) {
	
	#mainnav{display: none}
	#mobnavbutton{display:block}
	#masthead > div:first-of-type{max-width:300px}
	
	#footerInner{flex-direction: column; width:80%; max-width: 80%}
	#footerInner > div{ padding: 30px 0; max-width: 100%; width:100%}
	#footerInner > div:nth-of-type(1){padding: 5px 0; max-width:72px}
	#footerInner > div:nth-of-type(2){padding: 0 0 15px}
	#credit{text-align: left; max-width: 80%}
	.leaderBox {max-width:96% !important; }
	.fourbox{max-width: 98%}
	.specEventsBox{justify-content: center}
}

@media (max-width: 1300px) {
	
	#newsSlider, .newsArrow {display:none}
	#mobileNews{display: block}
	
	.fourBox{flex-wrap: wrap; justify-content: space-around}
	.fourBox > div{flex-basis: 45%; margin-bottom: 20px}

	.photoTextBlock{max-width:500px; margin: 0 0 0 90px}
	.photoTextBlock:nth-of-type(odd){margin-right: 20px}
	
	.woocommerce div.product{max-width: 90%}
	
}
@media (max-width: 1250px) {
	.photoTextBlock{max-width:500px; margin: 0 0 0 10px}
	.photoTextBlock:nth-of-type(odd){margin-right: 20px}
}
@media (max-width: 1200px) {
	.fixedwidth article p{padding-left: 15px; padding-right: 15px}
	.fixedwidth article h2{padding-left: 15px; padding-right: 15px}
	.fixedwidth article h3{padding-left: 15px; padding-right: 15px}
	.faqlist h3{padding-left: 70px !important}
}


@media (max-width: 1100px) {
	.evcontent p{max-width:100%; padding: 60px 40px}
	
	.newslist{justify-content: space-around; max-width: 98%}

	.photoTextBlock{max-width:90%; margin: 0 auto 60px !important; display: block}
	.photoTextBlock:nth-of-type(odd){margin-right: auto}
	
}

@media (max-width: 1000px) {
	
	.threeBox{display: flex; flex-direction: column; margin: 0px auto !important}
	.threeBox > div{width:100%; max-width:500px; flex-basis: 100%; min-height: 300px; margin: 20px auto !important}
	
	.herovideo{ margin-bottom: 0px}
	.evCopy{right:0px}
	
	.leaderBox{flex-direction:column}
	.leaderBox > div{flex-basis: 100%; width:100%; max-width: 100%}

	.twoBox{flex-direction:column}
	.twoBox > div{flex-basis: 100%; width:100% !important; max-width: 100% !important}
	
	.deep{min-height: 300px; max-height:inherit}
	.newsbody{max-width:100%px; padding:0px 40px}
	
	.eventslist{justify-content: space-around}
	
	.newslist > div{max-width:48%; min-width:48%; width:100%}
	
	.pagelinks{padding-left:15px}

	.textblock{max-width:98%; padding: 0 0px}
	.fixedwidth{padding-left: 10px; padding-right: 10px}
}

@media (max-width: 900px) {
	.teamlist{ justify-content: space-around}
	.teamlist > div{flex-basis:auto; max-width: 280px; min-width:280px; margin: 0 0 60px}
	.signupform{margin-bottom: 15px}
	.signupformWrap{border-radius:10px}
    
    .ticketingList > div{flex-direction: column}
    .ticketingList > div > div{max-width: 100% !important; text-align: center}
}

@media (max-width: 800px) {

	#menu-footer-menu{flex-direction: column; column-count: 1}
	#menu-footer-menu > div{width:100%; min-width:100%; flex-basis:auto; max-width:100% !important; text-align: center}
	
	.twoBox{flex-direction: column}
	.twoBox > div{width:100%; min-width:100%; max-width:100%; flex-basis:100%}
	.twoBox > div{min-height: 300px}
	
	.leaderBox{flex-direction: column}
	.leaderBox > div{width:100%; min-width:100%; max-width:100%; flex-basis:100%; padding: 20px 40px !important}
	
	#bookButton{display: block}
	
	.eventslist{flex-direction: column; max-width: 96%; margin-left: auto; margin-right: auto}
	.eventslist > div{width:100%; min-width:100%; max-width: 100%}
	.eventInner, .newsInner{padding-left:40px; padding-right: 40px}
	.newsbuttonwrap{padding-left:40px; padding-right: 40px; padding-top: 20px}
	
	.signupFlex{flex-direction: column; max-width: 90%}
	.signupFlex > div{width:100%; max-width: 100%; padding: 0px}
	
	.testimonials{flex-direction: column; max-width: 90%}
	.testimonials > div{width:100%; max-width: 100%; padding: 0px}
	
	.sponsorship .flex{flex-direction:column}
	.sponsorship .flex > div{width:100%; max-width: 100%; padding: 0px}
	
	.col2{flex-direction: column}
	.col2 > div{width:100%; padding: 0px}
	
	.chaperonesImg{max-width: 300px}
	
	.clairephoto{margin: 0px}
	
	.formflex{flex-direction: column}
	.formflex > div{width:100%; max-width:100% !important}
	
	.specEventsBox{flex-direction: column; justify-content: center}
	.specEventsBox > div{margin:0 auto 10px; width:100%; max-width: 320px; padding-bottom: 90px}
	.specEventsBox > div .evdate{bottom:90px}
}


@media (max-width: 700px) {
	.newsSlideItem{margin-bottom: 30px}
	.newsSlideItem > div{height:340px}
	
	.twoBox > div{padding: 30px 40px 30px !important}
	.newslist{max-width:96%}
	.newslist > div{max-width:100%; min-width:100%; width:100%}
	
	.appFlex{flex-direction:column}
	.appFlex > div{width:100%; max-width:100%}
	.herovideo{padding-bottom: 50%}
	.heroblurb{left:15px; top:auto; bottom: 15px; width:90%; line-height: normal}
	.heroblurb h1{font-size:20px}
	
	.studentFlex{flex-direction: column}
	.studentFlex > div{max-width:100% !important; width:100%; text-align: center}
}
@media (max-width: 600px) {
	
	.datesflyer{max-width: 260px; margin: 0px auto 30px}
	
	.hero{min-height:200px}
	.hero h1{font-size:30px}
    .heroblurb h1{padding-top: 40px}
    .heroblurb{padding:15px}
    
	.tribe-events-single-section-title{margin: 5px 0 !important; padding-left: 0px !important}
	.tribe-events-single-event-title{font-size:26px !important}
	.tribe-events-event-image{display: block; margin: 30px auto; float:none; clear: both}
	
	.newsSlideItem{flex-direction: column}
	.newsSlideItem > div{width:100%; max-width:100%; min-width: 100%}
	.newsSlideItem > div:last-of-type{height: auto; padding-bottom: 90px; line-height: 20px !important; font-size:16px !important}
	
    .priceButtonWrap{padding: 15px}
    .priceButtonWrap a{display:block; margin: 15px auto}
    
    #footerLogo{width:120px; height: auto}
    
    #upcomingHeader{font-size:28px}
	#upcomingHeader i{display:none}
	.upcomingBox{padding: 20px 40px 0}
    
	.enqformflex{flex-direction:column; margin: 0 30px}
	.enqformflex > div{width:100% !important; max-width: 100% !important}
	.enqformflex textarea{min-height:150px; max-width:260px !important}
	.enqformflex input{max-width:260px !important}
	.enqformflex select{max-width:260px !important}
	.chaperonesImg{max-width: 100%; float: none; margin: 0 auto 40px}
	.flyerimage{max-width: 70%; margin: 30px auto 0px}
	.cHeader i{display: none}
	.threeBox .evdate{display:none}
	#wpgmza_map_1{max-height: 300px}
	.alignnone{margin: 15px 0}
	.col2 > div:last-of-type{padding: 0px}
	.teamlist > div{max-width: 98%; min-width:98%; margin: 0 0 30px; font-size:16px}
	.teamexcerpt{font-size: 18px !important}
	.sponsorshipbox > div{padding: 0px}
	.sponsorshipbox .flex > div:first-of-type{padding: 0px}
	.faqexcerpt{padding: 15px 0}
	.faqexcerpt img{max-width: 100%}
	.concertinaBlock .cHeader{padding-left: 15px}
	.concertinaBlock .cHeader h2{font-size:14px !important}
	.concertinaBlock .cBody{padding: 0px}
	#genres img{float:none; clear: both; display: block; max-width: 100%; margin: 15px auto}
	#genres{padding-left: 0px; padding-right: 0px}
}
@media (max-width: 400px) {
	.herovideo{background-position: center top}
	#masthead > div:first-of-type{padding-left:20px}
	.fourBox{flex-wrap: wrap; justify-content: center; flex-direction: column}
	.fourBox > div{flex-basis:auto; margin: 0 0 30px 0 !important; min-width: 100%; max-width: 100%; height: 400px}
	h1{font-size:30px}
	.logo img{max-width: 146px}
	#mobnavbutton{top:15px; right:15px}
	#masthead{padding:15px 0; background-color: #fff}
	.threeBox h2{height: auto; line-height: 34px}
	.sponsorship .flex > div:last-of-type{height: 300px; max-width:300px}
	.alignright {width:100%; max-width:100% !important; float:none; clear:both; margin: 15px auto; display: block}
	
}

/* Print only */
@media print {
	.footer{display:none}
	#mobnavbutton, #mainnav{display: none}
}