#lowerhr, .pagebuttons, #youarehere{
display:none;
}
#contentcontainer{
padding-top:0px;
}
.scrollpadding{
scroll-margin-top:170px;
}

.outerarea .textwhite, .blockbutton .textwhite{
color:#ffffff;
}
.outerpad{
padding-top:45px;
padding-bottom:45px;
}

#contactbar{
background-color:#78A22F;
}
#contactbarinner{
max-width:1248px;
margin-left:auto;
margin-right:auto;
text-align:right;
color:#ffffff;
font-size:0.9em;
padding:10px 0px 10px 0px;
}
#contactbarinner a{
color:#ffffff;
text-decoration:none;
}
#contactbarinner i{
padding-right:12px;
margin-left:30px;
font-size:1.4em;
position:relative;
top:3px;
}
@media only screen and ( max-width: 1248px )
        {
        #contactbarinner{
        padding-right:10px;
        }
        }
@media only screen and ( max-width: 800px )
        {
        #contactbar .mobilehide{
        display:none;
        }
        }
.offsetimg{
margin-right:47px;
}
.offsetbutton{
margin-left:47px;
background-color:#ffffff;
border-bottom:10px solid #78A22F;
padding:25px 30px 30px 30px;
/* fix for boxed version*/
position:relative;
}
.offsetbutton h3{
color:#582E91;
font-size:2.25em;
line-height:1em;
margin-top:0px;
}
.offsetbutton h3 a{
color:#582E91;
text-decoration:none;
}
.offsetbutton h3 a:hover, .offsetbutton h3 a:focus{
color:#78A22F;
text-decoration:none;
}
.offsetbutton li a{
color:#333333;
text-decoration:none;
}

.offsetbutton ul li::before{
	content: "\f054";  
    font-family: "Font Awesome 6 Pro";  
  color: #78A22F; 
  display: inline-block; 
  margin-right:5px;
font-weight:400;
font-size:1em;
 
}
@media only screen and ( max-width: 1100px )
        {
        .offsetbutton h3{
		font-size:1.8em;
		}
        }

.tileflip {

  width: 100%;
perspective: 1000px;

}
.tileflip a{
text-decoration:none;
}

.tileflip-inner {

  position: relative;
  width: 100%;
height:100%;

  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.tileflip:hover .tileflip-inner {
  transform: rotateY(180deg);
}
.eventtile, .eventtile-back {

  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}


.eventtile{
background-color:#F7F7F7;
position:relative;
padding:20px 25px 20px 25px;

  display:flex; 
 flex-wrap:wrap; 
}
.eventtile-back {
position:absolute;
  transform: rotateY(180deg);
  background-size:cover;
  background-color:#78A22F;
  width:100%;
  height:100%;
  top:0;
  text-align:center;
 padding-top:25%;
}
.eventtile h3 {
color:#333333;
font-size:1.6em;
line-height:0.9em;
}
.eventtile:after{
  content: '';
  width: 250px;
  height: 10px;
  background: #78A22F;
  position: absolute;
  bottom: 0px;
  left:0;

}
.eventtile .tiledate{
color:#78A22F;
font-weight:bold;
margin:0px;
width:100%;
}
.eventtile ul li{
display:inline-block;
margin-right:20px;
margin-bottom:10px;
color:#333333;
}
.eventtile i{
font-size:1.4em;
position:relative;
top:3px;
}

#googlecontainer{
display:flex;
}
#googlecontainer .flickity-page-dots{

}
#googlecontainer .flickity-page-dots .dot{
border:2px solid #78A22F;
width:20px;
height:20px;
background-color:transparent;
opacity:1;
}
#googlecontainer .flickity-page-dots .dot.is-selected{
background-color:#78A22F;

}

#google-reviews{
flex:3 3 735px;
}
#google-reviews .review-item-long, #google-reviews .review-item{
width:100%;
text-align:center;

padding:20px 20% 20px 20%;
margin-right:30px;
margin-top:40px;
}
#google-reviews .review-header{
text-align:center;
}
#google-reviews .review-author{
font-weight:bold;
margin:35px 0px 5px 0px;
display:block;
}
#google-reviews .review-picture{
width:65px;
display:block;
margin-left:auto;
margin-right:auto;
margin-top:-55px;
}
#google-reviews .review-date{
display:block;
margin-bottom:10px;
}
#google-reviews .review-text{
margin-bottom:0px;
color:#333333;
font-size:1.4em;
line-height:1.4em;
}
#google-reviews .review-text span{
position:absolute;
bottom:0;
}
#google-reviews .next{
display:none;
}
#google-reviews .previous{
margin-left:-45px;
color:#ffffff;
background:none;
width:35px;
height:35px;
}
.review-stars{
margin-top:20px;
}
.review-stars ul,
.rating-stars ul {
  display: inline-block;
  list-style: none !important;
  margin: 0;
  padding: 0;
}

.review-stars ul li,
.rating-stars ul li {
  float: left;
  list-style: none !important;
  margin-right: 1px;
  line-height: 1;
}

.review-stars ul li i,
.rating-stars ul li i {
  color: #eb6e00;
  /* Google's Star Orange in Nov 2017 */
  font-size: 1.4em;
  font-style: normal;
}

.review-stars ul li i.inactive,
.rating-stars ul li i.inactive {
  color: #c6c6c6;
}

.review-stars ul li i.half-inactive,
.rating-stars ul li i.half-inactive {
  background: -webkit-linear-gradient(0deg, #eb6e00, #eb6e00 50%, #c6c6c6 0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.star:after {
  content: "\f005";
  font-family: "Font Awesome 6 Pro";  
  font-weight:900;
}

#facebookcircle{
color:#0866FF;
}
#instacircle{
color:#F41862;
}
.socialicon a:hover .fa-circle{
color:#582E91 !important;
}

.brandwidget-slide {
  margin-right: 32px;
}
.brandwidget-slide .gridimage
{
height:302px;
margin-bottom:0px;
}
 .col5 .brandwidget-slide {
  width: calc(33.3% - 21px);
}
.brandwidget-slide .bw-imgcontainer {
  height: 302px;
  border:0px;
  padding:20px;
  
}
.flickity-prev-next-button.previous{
left:-20px;
}
.flickity-prev-next-button.next{
right:-20px;
}
.activitygrid .activityslideinfo{
background: #000000;
background: linear-gradient(0deg,rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 80%, rgba(0, 0, 0, 0) 100%);
position:relative;
bottom:-75%;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
padding:25px;height:100%;
}
.gridimage:hover .activityslideinfo{
bottom:0px;

}
.gridimage a{
text-decoration:none;
}
.activityslideinfo p{
color:#ffffff;
}
.activitygrid h3{
   font-family:'Lexend', Arial, sans-serif;
   font-weight:500;
   color:#ffffff;
   }
   .specbox .pad.activitygrid h3{
   margin:0px;
   }
   .activitygrid h3::after{
   content: "\2b";
font-family: "Font Awesome 6 Pro";
font-size:0.9em;
background-color:#78A22F;
width:40px;
height:40px;
border-radius:100px;
padding:7px 0px 0px 0px;
float:right;
text-align:center;
margin-top:-5px;
   }
   .gridimage:hover h3::after{
   content: "\f078";

   }
   .activitygrid h3 a{
   color:#ffffff;
   }
   .activitymask{
   -webkit-mask-image: url(activitymask.png);
  mask-image: url(activitymask.png);
  mask-repeat: no-repeat; 
  mask-size:100% 100%;
  -webkit-mask-size:100% 100%;
   }
   .activitygrid .story:hover h3{

   }
   .activityslide:hover h3{

   }

  @media only screen and ( max-width: 900px )
        {
        .col5 .productwidget-slide, .col5 .brandwidget-slide{
        width:calc(50% - 17px);
        }
        }
        
         @media only screen and ( max-width: 450px )
        {
        .story.blankspace{
        margin:0px 0px 0px 0px;
        }
      	.col5 .brandwidget-slide.activityslide{
        width:100%;
        }
        }
        
        
#activeoverview{
display:flex;
}
#activeoverviewcontent{
padding-right:25px;
width:100%;
}
#activeoverviewdetails{
flex:0 0 470px;
margin-top:-125px;
position:relative; 
z-index:1;
}
#activeoverviewbook{
background-color:#582E91;
color:#ffffff;
padding:25px 25px 5px 25px;
}
#activeoverviewbook h3{
color:#ffffff;
}
.enquirebutton{
background-color:#78A22F;
color:#ffffff;
border-radius:12px;
padding:12px 18px 12px 18px;
font-weight:600;
text-decoration:none;
}
.enquirebutton::after{
content: "\f324";
font-family: "Font Awesome 6 Pro";
margin-left:10px;
font-weight:300;
}
.enquirebutton:hover::after{
margin-left:20px;}
#activeoverviewrisk, #activeoverviewprice{
background-color:#78A22F;
color:#ffffff;
flex:1 1 auto;
display:inline-block;
margin-top:20px;
text-align:center;
}
#activitybuttons a{
padding:25px;
display:block;
color:#ffffff;
text-decoration:none;
}
#activitybuttons{
display:flex;
}

#activeoverviewrisk i, #activeoverviewprice i{
font-size:2.2em;
display:block;
margin-bottom:10px;

}
#activeoverviewrisk:hover, #activeoverviewprice:hover, #activeoverviewrisk:focus, #activeoverviewprice:focus {
background-color:#582E91;
}
#activeoverviewprice{
margin-left:20px;
}
#activitystats{
display:flex;
background-color:#F7F7F7;
padding:30px 30px 0px 30px;
margin:30px 0px 10px 0px;
}
#activitystatstitle{
flex:0 0 325px;
}
#activitystatstitle p{
font-size:1.5em;
margin:0px;
}
#activitystatstitle h2{
font-size:3.5em;
}
#activitystatsbadges{
width:100%;
}
#activitystatsbadges .badge{
text-align:center;
display:inline-block;
width:33.333%;
margin-bottom:60px;
}
#activitystatsbadges .badge i{
font-size:5em;
color:#78A22F;
margin-bottom:30px;
}
#activitystatsbadges .badge h4{
font-size:1.5em;
}
  @media only screen and ( max-width: 1100px )
        {
        #activitystatsbadges .badge{
        width:50%;
        }
        }
    @media only screen and ( max-width: 1000px )
        {
        #activeoverview{
        flex-wrap:wrap;
        }
        #activeoverviewdetails{
		margin-bottom:30px;
        flex:0 0 100%;
        order:1;
        }
        #activeoverviewcontent{
        order:2;
        }
        }
    @media only screen and ( max-width: 900px )
        {
        #activitystats{
        flex-wrap:wrap;
        }
        #activitystatstitle{
        margin-bottom:50px;
        }
        #activitystatsbadges .badge{
        width:33.333%;
        }
        }
    @media only screen and ( max-width: 700px )
        {
        #activitystatsbadges .badge{
        width:50%;
        }
        }
    @media only screen and ( max-width: 600px )
        {
        #activitybuttons{
        flex-wrap:wrap;
        }
        #activeoverviewprice{
        margin-left:0px;
        width:100%;
        }
        #activitystatsbadges .badge i{
        font-size:3em;
        }
        #activitystatsbadges .badge h4{
        font-size:1.3em;
        }
        }

#furtheractiveinfo{
margin:40px 0px 40px 0px;
}
#newsbox .activitylist{
border-bottom: 10px solid #78A22F;
margin-bottom:60px;
box-shadow: 0px 0px 8px #d7dada;
padding-bottom:0px;
}






.activitydesc{padding:20px 20px 0px 20px;
}
.activitydesc ul li span{
display:inline-block;
width:30px;
margin-right:10px;
}
.activitydesc ul li{
font-size:0.9em;
font-weight:200;
}
.activitydesc ul li i{
color:#78A22F;

}
.activitylist h2{
color:#ffffff;
background-color:#582E91;
width:80%;
padding:15px 20px 15px 20px;
margin-bottom:-35px;
margin-top:-35px;
z-index:10;
position:absolute;
top:0px;
}
.activitylist a:hover h2{
background-color:#78A22F;
}
.activitylist .gridouter{
overflow:hidden;
height:200px;
}
.activitylist .gridimage{
-webkit-transition: -moz-transform .3s ease-out; 
-moz-transition: -webkit-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out; 
    transition: transform .3s ease-out; 
}
.activitylist a:hover .gridimage{
transform: scale(120%);

}
.activitylist a{
display:block;
text-decoration:none;
}
.activitylist a .activitydesc{
color:#333333;
}
.activitylist h2 a{
color:#ffffff;
}
.filters{

}
#filterdisplay{
margin-bottom:20px;
}
#filterdisplay>h3>i{
float:right;
}
.filterrow{
display:flex;
gap:10px;
margin-bottom:10px;
}
.filterrow .ui-group{
flex:1 1 50%;
}
.filters button{
border: 1px solid #78A22F;
font-family:'Lexend', Arial, sans-serif;
font-size:1.1em;
border-radius:12px;
padding:15px 20px 15px 20px;
margin-bottom:5px;
background:#ffffff;
color:#333333;
cursor:pointer;
}
.filters button:hover, .filters button:active, .filters button.is-checked{
color:#fff;
background-color:#78A22F;
}
.filters button i{
display:block;
color:#78A22F;
}
.filters button:hover i, .filters button:active i, .filters button.is-checked i {
color:#ffffff;
}
.filters #agefrom{
width:100%;
accent-color:#582E91;
padding:20px;
}
#sliderround{
border:1px solid #78A22F;
border-radius:12px;
padding:0px 20px 0px 20px;
}
    @media only screen and ( max-width: 1100px )
        {
        .filterrow{
        flex-wrap:wrap;
        }
        }
            @media only screen and ( max-width: 600px )
        {
        .filters button{
        font-size:1em;
        padding:5px 10px 5px 10px;
        }
        }
        
.outerarea .lgficonbutton a, .lgficonbutton a{
color:#333333;
text-decoration:none;
}

.lgficonbutton a:hover .lgficonbuttoncontent, .lgficonbutton:focus {
background-color:#E4ECD5;
}
.lgficonbutton a:hover h4{
color:#582E91;
}
.lgficonbuttoncontent{padding:10px;
display:flex;
color:#333333;
align-items:flex-start;   -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.lgficonbuttoncontent .bbci{
padding-right:20px;
}
.lgficonbuttoncontent .bbci i{
font-size:4em;
display:block;
--fa-secondary-opacity: 1.0;
    --fa-primary-color: #78A22F;
    --fa-secondary-color: #582E91;
    
}
.lgficonbuttoncontent .bbcc h3 {
color:#78A22F;
margin:0px;
}
.lgficonbuttoncontent .bbcc p {
margin:0px 0px 0px 0px;
}
.blockbutton{
padding:10px 20px 5px 20px;
}
.blockbutton h3 a:hover{
color:#78A22F;
text-decoration:none;
}

.lgftable{
border-collapse:collapse;
}
.lgftable thead{
background-color:#78A22F;
color:#fff;
padding:10px;
font-weight:bold;
border-bottom:4px solid #582E91;
}
.lgftable td{
padding:10px;
border-bottom:1px solid #582E91;
}
.lgftable tbody td:nth-child(odd) {background-color: #ffffff};

/* Timeline */
.timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}


.timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: white;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}


.tlcontainer {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  width: 50%;
}

/* The circles on the timeline */
.tlcontainer::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -13px;
  background-color: white;
  border: 4px solid #582E91;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}


.tlleft {
  left: 0;
}


.tlright {
  left: 50%;
}


.tlleft::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid white;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent white;
}


.tlright::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent white transparent transparent;
}


.tlright::after {
  left: -13px;
}


.tlcontent {
  padding: 20px 30px;
  background-color: white;
  position: relative;
  border-radius: 6px;
  z-index:10;
}


@media screen and (max-width: 600px) {
/* Place the timelime to the left */
  .tltimeline::after {
    left: 31px;
  }
  .timeline::after{
  
  }

/* Full-width containers */
  .tlcontainer {
    width: 100%;
    padding-left: 70px;
    padding-right: 25px;
  }

/* Make sure that all arrows are pointing leftwards */
  .tlcontainer::before {
    left: 60px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
  }

/* Make sure all circles are at the same spot */
  .tlleft::after, .tlright::after {
    left: 15px;
  }

/* Make all right containers behave like the left ones */
  .tlright {
    left: 0%;
  }
}

.eventdetails {
position: relative;
list-style:none;
}
.eventdetails li{
display:inline;padding-right:10px !important;list-style:none;
}
.eventdate, .eventdetails{
margin-top:10px;
padding:0px;
}
.eventdate a, .eventdetails a{
text-decoration:none;
color:#333333 !important;
}
.eventdate a:hover, .eventdetails a:hover{
text-decoration:underline;
}



@media screen and (max-width: 999px) {
.eventdetails li{
display:inline-block;
}
.eventdetails li i{
width:25px;
}
}