/* cmsms stylesheet: Main Styles modified: Friday, June 26, 2026 1:57:25 PM */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-family:'Helvetica Neue LT W01_41488878', arial;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}.clear{both}.wrapper{max-width:1165px;width:100%;margin:0 auto}h1,h2,h3,h4,h5,h6{color:#26247b;margin-bottom:25px; font-family:'Open Sans', sans-serif; }h1{font-size:32px;line-height:1.2}h2{font-size:26px;line-height:1.2}html, body{overflow-x:hidden}
.topBar{height:16px;background-color:#26247b}
.headerRight .fa-facebook-f{margin-right:11px}
.headerRight .fa-twitter{margin:0}
#headerImgContainer{background-image:url('/uploads/images/About-main.jpg');display:inline-block;width:100%;padding:2.4% 0 4.6% 0;background-size:cover; background-position-y: 65%;}
#headerImgContainer div.textContainer{float:left;margin-top:8px}
#headerImgContainer div.textContainer p:nth-child(1){color:#fecb30;font-weight:900;font-size:60px;background-color:#005027;max-width:725px;padding:8px 20px}
#headerImgContainer div.textContainer p.title{color:#fecb30;font-weight:900;font-size:60px;background-color:#005027;display:block;padding:8px 20px; margin-bottom: 10px;}
#headerImgContainer div.textContainer p.subtitle{color:#ffffff;font-weight:900;font-size:40px;background-color:#005027;display:inline-block;padding:8px 20px}
#headerImgContainer div.textContainer p.newdate{color:#ffffff;font-weight:900;font-size:26px;background-color:#d20523;display:inline-block;padding:8px 20px; margin-top: 10px; border: 2px solid #ffffff;}
#headerImgContainer div.textContainer ul{max-width:540px;width:100%;margin:14px 0 7px 0}
#headerImgContainer div.textContainer ul li{color:#ffffff;font-size:20px;font-weight:700;margin:3px 3px 3px 0;background:#005027;padding:8px 12px;display:inline-block}
#headerImgContainer div.textContainer ul li:before{content:'';width:13px;height:13px;background-color:#fecb30;display:inline-block;border-radius:50%;margin:0 10px 0 0}
#headerImgContainer div.textContainer a{background-color:#26247b;color:#fff200;font-weight:900;font-size:23px;padding:8px 20px;display:none;margin:25px 0 0 0}
#headerImgContainer img{float:right;display:block;width:100%;max-width:275px}
header{padding:15px 0}
header .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
header .wrapper img{display:block;max-width:249px;width:100%}
.headerRight{text-align:right}
.headerRight i{color:#942972;font-size:20px;margin-right:6px}
.headerRight p a{color:#444;font-weight:700;display:inline-block;margin-bottom:6px;font-size:20px}
nav#menu{margin-top:15px;position:relative}
nav#menu ul li{display:inline-block;margin:0 10px}
nav#menu ul li.sectionheader span{padding:0 2px;font-size:17px;color:#444}
nav#menu ul li:last-child{margin:0}
nav#menu ul li a{color:#444;font-size:17px;padding:0 2px;-webkit-transition:.2s;-o-transition:.2s;transition:.2s;border:2px solid transparent}
nav#menu ul li a:hover{padding: 5px 2px;border-bottom: 2px solid #26247b}
nav#menu ul li ul{
top:18px;
margin-left:-50px;
display:none;
position:absolute;
background-color:#231f20;
text-align:center;
padding:10px 16px;
}
nav#menu li:hover ul{display:block}
nav#menu ul li ul li, nav#menu ul li ul li:last-child{display:block;margin:8px 0}
nav#menu ul li ul li a{color:#fff;text-align:center;border:0; padding:2px 0 !important}
nav#menu ul li ul li a:hover{border:0;opacity:.7}
#content p{color:#444;font-size:20px;line-height:1.5;margin-bottom:25px}
#content img.left{float:left;margin:0 25px 20px 0}
#content img.right{float:right;margin:0 0 20px 30px}
#content p.firstPara{font-size:20px;font-weight:700;color:#26247b}
#content p.free-entry{color:#005027; font-weight:bold; text-align:center;}
#content p.tombola{color:#ffffff; display: block; font-weight:bold; text-align:center; background-color: red; padding: 15px 30px; }
#content a{color:#26247b;font-weight:700}
.home #content iframe{float:left;margin:0 25px 0 0}
footer{background:#26247b;padding:5px 0}
footer .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
footer p, footer a{color:#fff;text-align:center;font-size:14px;margin:6px 0;line-height:1.2}
footer i{margin:0 20px 0 0;font-size:20px}
footer a:hover i, footer a:hover{color:#fff200}
section#content{padding:50px 0}
#content ul li{margin:6px 0}
#content ul li:before{content:'';display:inline-block;width:10px;height:10px;background-color:purple;margin-right:7px;border-radius:50%;position:relative;top:-1px}
#content .greyBarHome{background-color:#231f20;padding:30px 0;display:inline-block;width:100%;margin:25px 0 40px 0}
#content .greyBarHome p{color:#fff}
#content .greyBarHome p:nth-child(1){color:#fff200;font-weight:900;font-size:31px;margin-bottom:9px}
#content .greyBarHome p:nth-child(3){font-weight:900;font-size:22px;margin:0}
#content .greyBarHome p a{color:#fff;font-weight:900}
#content .leftBanner{float:left;margin-top:11px;width:76%}
#content .smallContactForm{
float:right;
padding:10px 1%;
background-color:#f2f2f2;
border:2px solid #26247b;
border-radius:7px
}
#content .smallContactForm{width:20%}
#content .smallContactForm div{margin-bottom:10px}
#content .smallContactForm input{width:97%;padding:1%}
#content .smallContactForm label{color:#231f20;display:block;font-size:17px;margin-bottom:2px}
#content .smallContactForm .submit{margin-bottom:0}
#content .smallContactForm .submit input{background:#26247b;outline:none;border:0;color:#fff200;font-weight:900;font-size:16px;width:130px;padding:5px 0;margin-top:12px}
.responsiveMapDiv{position:relative;padding-bottom:31%;padding-top:35px;height:0;overflow:hidden;margin-bottom:20px}
.responsiveMapDiv iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}


.hamburgerContainer{width:30px;height:22px;position:absolute;margin-top:11px;top:20px;right:17px;cursor:pointer;z-index:2;display:none}
.hamburgerItem, .hamburgerItem:before, .hamburgerItem:after{position:absolute;width:30px;height:4px;background-color:#231f20;content:''}
.hamburgerItem{top:0;margin-top:9px}
.hamburgerItem:before{top:-8px;-webkit-transition:.2s;-o-transition:.2s;transition:.2s}
.hamburgerItem:after{top:8px;-webkit-transition:.2s;-o-transition:.2s;transition:.2s}
.hamburgerContainer.active .hamburgerItem:before{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);top:0;background-color:#fff}
.hamburgerContainer.active .hamburgerItem:after{-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg);top:0;background-color:#fff}
nav#mobileNav{display:none;position:absolute;top:0;left:0;right:0;background-color:#231f20;z-index:1;padding-left:15px;}
nav#mobileNav ul li a, nav#mobileNav ul li span{color:#fff;margin:15px 0;display:block;width:100%;max-width:290px}
nav#mobileNav.appear{display:block}
#purpleAttractionsContainer{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
  margin:45px 0 36px 0
}
#purpleAttractionsContainer div.image{
  background:#6dbd6d;
  flex:1
}
#purpleAttractionsContainer div.image:nth-child(1){background-image:url('/uploads/images/roundaboot.png');background-size:cover}
#purpleAttractionsContainer div.image:last-child{background-image:url('/uploads/images/bexiOwens_1.png');background-size:cover}
#purpleAttractionsContainer div.purpleMid{
width:100%;
background-color:purple;
text-align:center;
height:353px
}
#purpleAttractionsContainer div.purpleMid div{
  margin:0 0 0 0;
  padding-top:51px
}
#purpleAttractionsContainer div.purpleMid p span{
  color:#fff;
  font-size:33px;
  font-weight:900;
}
#purpleAttractionsContainer div.purpleMid p:nth-child(1) span:nth-child(1){
margin-right:10px
}
#purpleAttractionsContainer div.purpleMid p span i{
color:#fff200;
font-size:37px;
margin-right:5px
}
#purpleAttractionsContainer div.purpleMid p:last-child{
  color:#fff200;
  font-size:52px;
  font-weight:900;
  line-height:1.28
}
input{-webkit-appearance: none !important}
nav#mobileNav{
-webkit-animation:mobNavAnim 1s 1;
        animation:mobNavAnim 1s 1;
-webkit-animation-direction:right;
        animation-direction:right
}
@-webkit-keyframes mobNavAnim{
    0% {left:100%}
    25% {left:0}
    50% {left:0}
    75% {left:0}
    100% {left:0}
}
@keyframes mobNavAnim{
    0% {left:100%}
    25% {left:0}
    50% {left:0}
    75% {left:0}
    100% {left:0}
}
.timeAndDateContainer{
  display:inline-block;
  width:100%;
  background-color:#26247b;
  margin:34px 0 37px 0;
  padding:26px 0px
}
#content .timeAndDateContainer p{
  color:#fff;
  font-weight:700;
  font-size:26px;
  line-height:1.3;
}
#content .timeAndDateContainer p:last-child{margin:0}
#content .timeAndDateContainer p span{color:#fff200}
#content .timeAndDateContainer .para{
  float:left;
  margin:39px 0 0 0;
  padding-left:2.2%;
  width: 74%;
}
.timeAndDateContainer img{
  display:block;
  float:right;
  width:205px;
  padding-right:2.2%
}
#content .timeAndDateContainer p:last-child{font-size:1.335em}
.iframeMargin{margin-top:28px}
.home h3{
margin:23px 0 13px
}
.facebookPara em{
  color:#fff;
  background:#3b5998;
  padding:6px 5px 7px 11px;
  border-radius:7px
}

#content .video-wrapper {max-width: 600px; margin: 30px auto 0}
#content .video-wrapper img {max-width:100%;}

#content .book-online { display: block; background-color: #005027; padding: 10px 40px; max-width: 750px; text-align: center; margin: 0 auto 25px; }
#content .book-online p { color: #fecb30; margin-bottom: 0px; font-size: 24px; line-height:1.2; }
#content .book-online p.smltxt { color: #fecb30; margin-bottom: 0px; font-size: 18px; }
#content .book-online p:first-of-type { color: #fecb30; font-size: 30px; font-weight: bold; }
#content .book-online a{color:#fecb30;font-weight:300;text-decoration:underline;}

#content .sold-out { display: block; background-color: #eb601a; padding: 25px 40px; max-width: 920px; text-align: center; margin: 0 auto 25px; }
#content .sold-out p { color: #ffffff; margin-bottom: 0px; font-size: 28px; line-height:1.1; margin-bottom: 10px; }
#content .sold-out p.smltxt { color: #ffffff; margin-bottom: 0px; font-size: 18px; }
#content .sold-out a { color:#ffffff;font-weight:300;text-decoration:underline; }

#content .sbs-images { display: block; margin: 0 0 25px; font-size:0; }
#content .sbs-images div { display: inline-block; width: 45%; padding: 0 2.5%;  }
#content .sbs-images div img { width: 100%;  }

#content .images-courtesy { display: block; background-color: #fecb30; padding: 12px 20px; max-width: 800px; text-align: center; border-radius: 10px; margin: 0 auto; }



/* -- Responsive video container -- */

.video-title {color: #0016ff;text-shadow: 1px 1px 1px #999;font-family: 'Arvo', serif;margin: 20px 0 5px;text-align:center;}
.video-wrapper {margin:25px auto 25px;}
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;width:100%;}
.video-container iframe,
.video-container object,
.video-container embed,
.video-container img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* Added for YouTube Speed increase code */
.youtube-player { position: relative; padding-bottom: 56.23%; /* Use 75% for 4:3 videos */ height: 0; overflow: hidden; max-width: 100%; background: #000; margin: 5px;}
.youtube-player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background: transparent; }
.youtube-player img { bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; border: none; height: auto; cursor: pointer; -webkit-transition: .4s all; -moz-transition: .4s all; transition: .4s all;}
.youtube-player img:hover {-webkit-filter: brightness(75%);}
.youtube-player .play, .video-wrapper .play { height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; position: absolute; background: url("//i.imgur.com/TxzC70f.png") no-repeat; cursor: pointer; }
.video-wrapper .play a {display:block; position:absolute; left:0; right:0; top:0; bottom:0;}
/* End Added for YouTube Speed increase code */


.iframeMapContactContainer {
  position: relative;
  padding-bottom: 43.8%;
  padding-top: 35px;
  height: 0;
  overflow: hidden;
  margin-bottom: 25px;
}

.iframeMapContactContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#content .gallery p:first-of-type {
display: none;
}

#content p.event-date {
display: block;
width: 100%;
max-width: 1000px;
margin: 0 auto 20px;
background-color: #4b702b;
color:  #f9c533;
text-align: center;
font-size: 64px;
line-height: 1.2;
font-weight: 700;
padding-bottom: 0px;
}

section#newdate {
background-color: #d20523;
padding: 20px 0px;
}

section#newdate p {
color:#ffffff;
font-weight:900;
font-size:28px;
text-align:center;
}
/* cmsms stylesheet: Media Styles modified: Friday, June 26, 2026 1:53:40 PM */
@media(max-width:1550px){#purpleAttractionsContainer div.image:last-child{background-position:52% 100%;background-size:170% 100%}}

@media(max-width:1450px){
  #purpleAttractionsContainer div.purpleMid{height:293px}
  #purpleAttractionsContainer div.purpleMid div{padding-top:19px}
}
@media(max-width:1400px){
  #purpleAttractionsContainer div.purpleMid{height:213px}
  #purpleAttractionsContainer div.purpleMid div{padding-top:14px}
  #purpleAttractionsContainer div.purpleMid p span{font-size:25px}
  #purpleAttractionsContainer div.purpleMid p span i{font-size:22px;margin-right:3px}
  #purpleAttractionsContainer div.purpleMid p:last-child{max-width:710px;margin:0 auto;font-size:34px}
  #purpleAttractionsContainer div.image:last-child{background-size:cover}
}
@media(max-width:1320px){#purpleAttractionsContainer .wrapper{width:100%;max-width:960px}}
@media(max-width:1275px){
  .wrapper{width:97%}
  #headerImgContainer div.textContainer p:nth-child(1){font-size:51px}
#headerImgContainer div.textContainer p.subtitle {font-size:38px}
#headerImgContainer div.textContainer p.newdate {font-size:20px}
  #headerImgContainer img{max-width:235px}
  #headerImgContainer div.textContainer ul li{font-size:17px;margin:2px 2px 2px 0}
  #headerImgContainer div.textContainer ul li::before{width:12px;height:12px;margin:0 8px 0 0}
  #purpleAttractionsContainer div.purpleMid p span{font-size:24px}
  #purpleAttractionsContainer div.purpleMid p span i{font-size:23px}
  #purpleAttractionsContainer div.purpleMid p:last-child{font-size:36px}
}
@media(max-width:1190px){
  #content .greyBarHome p:nth-child(1){font-size:27px}
  #content .greyBarHome p:nth-child(3){font-size:20px}
  #purpleAttractionsContainer .wrapper{max-width:850px}
}
@media(max-width:1080px){
  header .wrapper img{max-width:250px}
  nav ul li{margin:0 6px}
  #headerImgContainer img{max-width:200px}
  #headerImgContainer div.textContainer p:nth-child(1){font-size:45px;padding:6px 12px; max-width: 600px;}
#headerImgContainer div.textContainer p.subtitle {font-size:32px}
  #headerImgContainer div.textContainer ul li{font-size:16px}
  #purpleAttractionsContainer div.purpleMid p{margin-bottom:10px}
  #purpleAttractionsContainer div.purpleMid p span{font-size:20px}
  #purpleAttractionsContainer div.purpleMid p span i{font-size:17px}
  #purpleAttractionsContainer div.purpleMid p:last-child{font-size:31px}
  #purpleAttractionsContainer div.purpleMid{height:183px}
}
@media(max-width:1036px){
  #content .greyBarHome p:nth-child(1){font-size:25px}
  #content .greyBarHome p:nth-child(3){font-size:19px}
}
@media(max-width:900px){
  #purpleAttractionsContainer{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
  #purpleAttractionsContainer div.purpleMid{width:100%;height:auto;padding:30px 0}
  #purpleAttractionsContainer div.image{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;width:auto}
  #purpleAttractionsContainer div.purpleMid p:last-child{font-size:35px}
  #purpleAttractionsContainer div.purpleMid div{margin:0}
#content p.event-date { font-size: 50px; }
}
@media(max-width:990px){
  #purpleAttractionsContainer .wrapper{max-width:990px}
  #purpleAttractionsContainer div.image:nth-child(1){order:1}
  .timeAndDateContainer img{float:none;margin:0 auto 15px auto}
  #content .timeAndDateContainer .para{padding:0 5%;margin:0;text-align:center;float:none; width:90%;}
section#newdate { padding: 15px 0px; }
section#newdate p { font-size:24px; }
}
@media(max-width:980px){
  header .wrapper img{margin:0 auto 9px auto}
  .headerRight{text-align:center;width:100%}
  .headerRight p a{margin:6px 0 0 0}
  .hamburgerContainer{display:block}
  nav#menu{display:none}
  #content .leftBanner{width:100%;text-align:center;float:none}
  #content .smallContactForm{float:none;width:77%;margin:30px auto 0 auto}
}
@media(max-width:850px){
  #headerImgContainer img{max-width:165px}
  #headerImgContainer div.textContainer p:nth-child(1){max-width:550px;font-size:41px}
#headerImgContainer div.textContainer p.subtitle {font-size:30px}
#headerImgContainer div.textContainer p.newdate {font-size:18px}
  footer .wrapper{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
  footer a:nth-child(1){display:block;margin:0 auto;width:100%;margin-bottom:10px}
  .footerSocialIcons{width:100%;text-align:center}
  .footerSocialIcons a:nth-child(1), .footerSocialIcons a{width:auto;display:inline-block}
}
@media(max-width:750px){
  #headerImgContainer img{max-width:145px}
  #headerImgContainer div.textContainer p:nth-child(1){font-size:37px;max-width:500px}
#headerImgContainer div.textContainer p.subtitle {font-size:28px}
  #headerImgContainer div.textContainer ul li::before{width:12px;height:12px;margin:0 6px 0 0}
  #headerImgContainer div.textContainer ul li{font-size:15px}
  #content img.left, #content img.right{float:none;margin:0 auto 10px;display:block}
  .home #content .iframeMargin{height:0 !important;width:auto !important;overflow:hidden;padding:75% 0 10px 0;position:relative}
  .home #content .iframeMargin iframe{float:none;margin:0 auto;position:absolute;height:100%;width:100%;top:0;left:0}
  .contactform div{width:100%;float:none;margin:0 0 13px 0}
  .contactform input, .contactform textarea{width:97.2%;margin-top:4px;padding:10px 1.4%;display:block}
  .contactform div:nth-child(4){margin:13px 0 11px 0;width:100%}
  .contactform div:last-child{width:auto;display:inline-block}
  .contactform .submit input{padding:6px 10px}
}
@media(max-width:710px){
  #headerImgContainer img{display:none}
  #headerImgContainer{padding:3.4% 0 7.6% 0}
}
@media(max-width:630px){
  #purpleAttractionsContainer div.image{width:50%}
  #purpleAttractionsContainer div img{width:100%;height:auto}
#content .sbs-images div { display: block; width: 95%; padding: 0 2.5%; margin-bottom: 10px; }
#content p.event-date { font-size: 40px; padding-bottom: 0px; }
}
@media(max-width:480px){
  #content .smallContactForm{width:97%}
  #headerImgContainer div.textContainer p:nth-child(1){font-size:29px;max-width:339px}
#headerImgContainer div.textContainer p.subtitle {font-size:20px}
#headerImgContainer div.textContainer p.newdate {font-size:16px}
  #headerImgContainer div.textContainer ul li{font-size:11px}
  #headerImgContainer div.textContainer ul li::before{width:9px;height:9px;margin:0 5px 0 0}
#content p.event-date { font-size: 32px; }
h1 { font-size: 28px; }
section#newdate p { font-size:20px; }
}
@media(max-width:390px){
  #headerImgContainer div.textContainer p:nth-child(1){font-size:23px;max-width:269px}
#headerImgContainer div.textContainer p.subtitle {font-size:18px}
  #headerImgContainer div.textContainer ul li{margin:1px -1px 2px 0}
#content p.event-date { font-size: 28px; }
}
@media(max-width:380px){
  header .wrapper img{max-width:210px}
  .headerRight p a{font-size:18px}
}
