@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'gGripRegular';
    font-style: normal;
    font-weight: normal;
    src: url('Grip-p7WZv.woff') format('woff');
    }


html, body {
    overflow-x: hidden; /*stops a wobbly screen */
}




.caveat-<uniquifier> {
  font-family: "Caveat", cursive;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}



.berkshire-swash-regular {
  font-family: "Berkshire Swash", serif;
  font-weight: 400;
  font-style: normal;
	color: #000;
	font-size: clamp(16px,3.5vw,48px);
	/*text-shadow: -0.05vw -0.05vw 0 #fff, 0.05vw -0.05vw 0 #fff, -0.05vw 0.05vw 0 #fff, 0.05vw 0.05vw 0 #fff;*/
		text-shadow: -0.05rem -0.05rem 0 #fff, 0.05rem -0.05rem 0 #fff, -0.05rem 0.05rem 0 #fff, 0.05rem 0.05rem 0 #fff;
}


.bebas-neue-regular {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}



.licorice-regular {
  font-family: "Licorice", serif;
  font-weight: 400;
  font-style: normal;
	
}


.handwriting{
	font-family: "Licorice", serif;
  font-weight: 100;
  font-style: normal;
	color: #fff;
	font-size: clamp(28px,5vw,64px);
	/*text-shadow: -0.05vw -0.05vw 0 #fff, 0.05vw -0.05vw 0 #fff, -0.05vw 0.05vw 0 #fff, 0.05vw 0.05vw 0 #fff;*/
	
	
	
}

.imgLinkCursor{
	cursor: pointer !important;
		text-decoration: pointer !important;
	
}


.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  /* Initially hidden */
  opacity: 0;
  visibility: hidden;
}

.modal-box {
  background-color: #111;
  padding: 40px;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  width: 80%;
  max-width: 500px;
  text-align: center;
  /* Initially off-screen */
  transform: translateY(-100px);
}





.mt-n32,
.my-n32 {
  margin-top: -2rem !important;
}

.ml-n6,
.mx-n6 {
  margin-left: -0.9rem !important;
}


.coursesOffset{
	position: relative;
	/*margin-top: -60vw; /*-62vw;*/
	top: -80vw;

}

.coursesOffset2{
	position: relative;
	/*margin-top: -60vw; /*-62vw;*/
	top: -10vw;

}


.layerReset{
	position: relative;
margin-top: -80vw;
}

.layerRelative{
	position: relative;
	margin-top: 1vw;
}

.boatOffset{
		margin-top: -10vw;
}

.fixedLogo{
	/*position: fixed; z-index: 3; height: 15vw; width: 15vw; color: #fff; top: 0; left: 50%; */

	/*position: absolute;*/

	position: fixed;
	z-index: 100; 
	height: auto; 
	width: auto; 
	color: #111111; 
	/*background-color: black;*/
	top: 0; 
	left: 0;
	margin: auto

		/*left: 50%; */
}

.logoOffset{
	/*position: relative;*/
	top: -20vw;
	
	/*
max-width: 50%;
max-height: 50%*/
	
	/*
	position: absolute;
	top: -500px;*/
	/*
	margin-top: -20vw;*/

}

.imgLogo{
	width: 15vw;
}

.courseNameTextBigger {
	
 font-family: 'gGripRegular', serif;
	/*font-family: "Bubblegum Sans", serif;
	font-size: clamp(20px,6vw,96px);*/
	
	font-size: clamp(10px,11vw,100px);
	font-style: normal;
	font-weight: 400;
	color: #976f45;
	/*text-shadow: 0.4vw 0.4vw #000000;*/
}

.courseNameTextMid {
	
 font-family: 'gGripRegular', serif;
	/*font-family: "Bubblegum Sans", serif;
	font-size: clamp(20px,6vw,96px);*/
	
	font-size: clamp(30px,9vw,100px);
	font-style: normal;
	font-weight: 400;
	color: #976f45;
	/*text-shadow: 0.4vw 0.4vw #000000;*/
}


.courseNameTextMid2 {
	
 font-family: 'gGripRegular', serif;
	/*font-family: "Bubblegum Sans", serif;
	font-size: clamp(20px,6vw,96px);*/
	
	font-size: clamp(16px,4vw,80px);
	font-style: normal;
	font-weight: 400;
	color: #976f45;
	/*text-shadow: 0.4vw 0.4vw #000000;*/
}

.caveatSmall {
	
  font-family: "Caveat", cursive;

  font-weight: 400;
  font-style: normal;
	
	font-size: clamp(18px,2.7vw,100px);
	
	
	/*text-shadow: 0.4vw 0.4vw #000000;*/
}

.courseNameText {
	
 font-family: 'gGripRegular', serif;
	/*font-family: "Bubblegum Sans", serif;
	font-size: clamp(20px,6vw,96px);*/
	
	font-size: clamp(20px,4vw,86px);
	font-style: normal;
	font-weight: 400;

	/*text-shadow: 0.4vw 0.4vw #000000;*/
}

@media only screen and (max-width: 600px) {
 
}


.headerSize{
		width: 100%;
	height: clamp(200px,30vw,300px); /*50vw; */ /*if you put in a percentage here it works but it seems to give a border in the ::after class at the bottom */
 object-fit: cover;
	
		background-image: url("images/video_overlay2.png");
		background-size: 100% clamp(600px,50vw,80vh); /*cover;*/
	background-repeat: no-repeat;
	background-attachment: fixed;
	
}

.headerSize::after


.videoSize{
	/*
width:100%;
height: 100%;  
object-fit: cover;
	*/
	width: 100%;
	height: clamp(600px,50vw,80vh); /*50vw; */ /*if you put in a percentage here it works but it seems to give a border in the ::after class at the bottom */
 object-fit: cover;
	z-index: 0;
	
}

.videoSize2{
	/*
width:100%;
height: 100%;  
object-fit: cover;
	*/
	width: 100%;
	/*height: 70%;*/
	height: 40vw;
	/*height: clamp(600px,50vw,80vh);*/ /*50vw; */ /*if you put in a percentage here it works but it seems to give a border in the ::after class at the bottom */
 object-fit: cover;
	z-index: 0;
	
}

/* if you want to add an overlay image to the video do this 
.videoSize2::after{
	 content: ""; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
   height:100%;

	background-image: url("images/video_overlay2.png");
		background-size: 100% clamp(600px,50vw,80vh);
	background-repeat: no-repeat;
	background-attachment: fixed;
	
    opacity: 1;
	z-index: 100;

}

*/


.videoSize::after{
	 content: ""; /* ::before and ::after both require content */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
   height:100%;
   /* background-image: linear-gradient(360deg, #eaee44, #33d0ff); */
	background-image: url("images/video_overlay.png");
		background-size: 100% clamp(600px,50vw,80vh); /*cover;*/
	background-repeat: no-repeat;
	background-attachment: fixed;
	
    opacity: 1;
	z-index: 100;

}




.menuOverlay{
	
	 position: absolute;
    top: 0;
    left: 0;
    width: 100%;
   /*height:50%; you can use this to control a few height things! */
	margin-top: 10px;
	
	

	z-index: 1000;
}






.videoOverlay{


  position: absolute;
  top: 0;
  left: 0;
	bottom: 0;
	
	
width: 100%;
	height: 100%;
 
  background-color: black;
  opacity: 0.5;
  z-index: 1;

	/*background-image: url("images/video_overlay.png");*/
	background-size: 100% 1000%; /*cover;*/
	background-repeat: no-repeat;
	background-attachment: fixed;
	

}

.courseWrapper{
	 position: relative;
	height:100%;
	width:100%;
}


#courseWrapperContent2{


		
		
	position: absolute;
	top: 0;
  right: 0;
  height: 110px;
	width:100%;
	z-index: 100;
	
}


.overlayAnImage {
	position: absolute;

	
	


	z-index: 100;

	
}




.foodGridWrapper {
  position: relative;
	height:100%;
	width:100%;
}








#foodGridText{

	font-family: "Caveat", serif;

	color: #fff;
	font-size: clamp(0.8rem,2.5vw,32px);
		text-align: center;
		
		
	position: absolute;
	top: 0;
  right: 0;
  height: 110px;
	width:100%;
	z-index: 100;
	opacity: 0.1
}

#foodGridImage{
	position: absolute;
  top: 50px;
  right: 50;
	width: 100%;
	height: 50%;
	z-index: 0;
}

.cellfood{
/*width: auto;
	height: 50%;*/
/*width: 50%;
	height: 50%;*/
	opacity: 0.0;

}

.cellfoodText{
/*width: auto;
	height: 50%;*/
/*width: 50%;
	height: 50%;*/
	opacity: 0.5;

}

.imgFluidCustom{
	width: 100%;
		height: auto;
	max-width: 500px;
}
@media (max-width: 576px) {
	.imgFluidCustom{
	width: 100%;
		height: auto;
	max-width: 350px;
}
}



.foodOverlay{
	  position: absolute;
  top: 50;
  left: 50;
	bottom: 0;
	
	
width: 100%;
	height: 100%;
	z-index: 10000;}

.videoBorderOverlay{
	border-width: 10px;
	border-style: solid;
	border-image-source: linear-gradient(red, blue);
	opacity: 0.1;
	border-image-slice: fill 1;
}


.courses_background{
 background-image: url("images/courses_background.png");
	

  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
}

.faqHeaderText {
  /*font-family: 'gGripRegular', serif;*/
	font-family: "Bubblegum Sans", serif;
	font-size: min(3.3vw, 42px);
	font-style: normal;
	font-weight: 400;
	color: #ffc42c;
/*	text-shadow: 0.2vw 0.2vw #000000;*/
	
	
}

.faqAnswerText {
		font-family: 'Open Sans', serif;
/*font-weight:700;*/
	/*font-size: 1.1vw;*/
	font-size: min(3vw, 18px);
	color: white;
	/*line-height: 1.8em;*/
}


.mainHeaderText {
 /* font-family: 'gGripRegular', serif;*/
	font-family: "Bubblegum Sans", serif;
	font-size: min(12vw, 148px);
	font-style: normal;
	
	color: #ffffff;
	/*text-shadow: 0.4vw 0.4vw #000000;
	font-weight: 400;
	*/
	
	
}

.openingTimesFont{
	font-family: "Open Sans", serif;
	/*font-size: min(7vw, 124px);*/

	font-style: normal;
}

.coursesHeaderTextv14 {
 
	font-family: "Bubblegum Sans", serif;
	font-size: min(9vw, 124px);
	
	
	
	
	font-style: normal;
	
	color: #ffffff;
	/*text-shadow: 0.4vw 0.4vw #000000;
	font-weight: 400;
	*/
	
	
}

.standardLinkText{
	font-family: 'Open Sans', serif;
/*font-weight:700;*/
	/*font-size: 1.1vw;*/
	font-size: clamp(1rem, 2.5vw, 2.5rem);
}

.standardText{
	font-family: 'Open Sans', serif;
/*font-weight:700;*/
	/*font-size: 1.1vw;*/
	/*font-size: min(2.0vw, 3vw);*/
	font-size: clamp(0.7rem, 1.8vw, 2.0rem);
	
	
}
.standardTextSmaller{
	font-family: 'Open Sans', serif;
/*font-weight:700;*/
	/*font-size: 1.1vw;*/
	/*font-size: min(2.0vw, 3vw);*/
	font-size: clamp(0.5rem, 1.4vw, 1.5rem);
	
}
.standardTextSmall{
	font-family: 'Open Sans', serif;
/*font-weight:700;*/
	/*font-size: 1.1vw;*/
	/*font-size: min(2.0vw, 3vw);*/
	font-size: clamp(0.45rem, 1.2vw, 1.3rem);
	
}
.standardTextBig{
	font-family: 'Open Sans', serif;
/*font-weight:700;*/
	/*font-size: 1.1vw;*/
	/*font-size: min(2.0vw, 3vw);*/
	font-size: clamp(1.4rem, 3vw, 3.6rem);
	
}


.hastingsFontH {
font-family: 'Homenaje', serif;

}

.standardTextAltBig{
	font-family: 'Homenaje', serif;
/*font-weight:700;*/
	/*font-size: 1.1vw;*/
	/*font-size: min(2.0vw, 3vw);*/
	font-size: clamp(1.4rem, 3vw, 3.6rem);
	
	line-height: clamp(1.2rem, 3vw, 3.6rem); /* you need to have this if using the btnCustom class */
	
	
}

.variableButtonWidth{
	width: clamp(300px, 50vw, 1000px);
	height:  clamp(30px, 5vw, 100px);
	
}

.standardTextBigPrice{
	font-family: 'Open Sans', serif;
font-weight:1000;
	/*font-size: 1.1vw;*/
	/*font-size: min(2.0vw, 3vw);*/
	font-size: clamp(1.8rem, 4vw, 4rem);
}



.coursesHeaderText {
 
	font-family: "Homenaje", serif;
	/*font-size: min(7vw, 124px);*/
	font-size: clamp(2.8rem, 6vw, 7rem);
	font-style: normal;
	
	
	/*text-shadow: 0.4vw 0.4vw #000000;
	font-weight: 400;
	*/
	
	
}

.coursesHeaderTextSmall {
 
	font-family: "Homenaje", serif;
	/*font-size: min(7vw, 124px);*/
	font-size: clamp(2.4rem, 5vw, 7rem);
	font-style: normal;
	
	
	/*text-shadow: 0.4vw 0.4vw #000000;
	font-weight: 400;
	*/
	
	
}

.footerHeaderText {
 
	font-family: "Homenaje", serif;
	/*font-size: min(7vw, 124px);*/
	font-size: clamp(1.8rem, 4vw, 5rem);
	font-style: normal;
	
	
	/*text-shadow: 0.4vw 0.4vw #000000;
	font-weight: 400;
	*/
	
	
}


.footerSubHeadText {
 
	font-family: "Caveat", serif;
	font-size: min(3.2vw, 124px);
	/*font-style: normal;*/
	font-weight: lighter;
	

	/*text-shadow: 0.4vw 0.4vw #000000;
	font-weight: 400;
	*/
	
	opacity: 1;
	z-index: -100000000000000;
}

.footerText{
	font-family: 'Open Sans', serif;
/*font-weight:700;*/
	/*font-size: 1.1vw;*/
	/*font-size: min(2.0vw, 3vw);*/
	font-size: clamp(0.75rem, 1.2vw, 1.5rem);
	
}


.footerTextBold{
	font-family: 'Open Sans', serif;
/*font-weight:700;*/
	/*font-size: 1.1vw;*/
	/*font-size: min(2.0vw, 3vw);*/
	font-size: clamp(0.5rem, 1vw, 1.2rem);
	
}


.footerColor{
 color: #0fb19e;
}

.backgroundFooterColor {
	background-color: #0fb19e;
	color: white;
}

.hastingsGreen{
	color: #0fb19e;
}


.hastingsBrown{
	color:  #ab8c6b;
}

.backgroundColorHastingsBrown{
	background-color: #ab8c6b;
}

.hastingsWhite{
	color: white;
}
.hastingsBlue{
	color: #00577c;
}

.hastingsYellow{
	color: #ffc42c;
}

.hastingsCream{
	background-color:   #e4dcbb;

}

.hastingsBrown{
		color: #976f45;
}


.showCoursesSubText {
 
	font-family: "Caveat", serif;
		font-size: clamp(1.2rem,2.8vw, 124px);
	
	/*font-style: normal;*/
	font-weight: lighter;
	

	/*text-shadow: 0.4vw 0.4vw #000000;
	font-weight: 400;
	*/
	
	opacity: 1;
	z-index: -100000000000000;
}

.showCoursesSubTextSmall {
 
	font-family: "Caveat", serif;
	font-size: clamp(1rem,2.8vw, 100px);
	/*font-style: normal;*/
	font-weight: 100;
	

	/*text-shadow: 0.4vw 0.4vw #000000;
	font-weight: 400;
	*/
	
	opacity: 1;
	z-index: -100000000000000;
}


.berkshire-swash-regular {
  font-family: "Berkshire Swash", serif;
  font-weight: 400;
  font-style: normal;
	color: #000;
	font-size: clamp(16px,3.5vw,48px);
	/*text-shadow: -0.05vw -0.05vw 0 #fff, 0.05vw -0.05vw 0 #fff, -0.05vw 0.05vw 0 #fff, 0.05vw 0.05vw 0 #fff;*/
		text-shadow: -0.05rem -0.05rem 0 #fff, 0.05rem -0.05rem 0 #fff, -0.05rem 0.05rem 0 #fff, 0.05rem 0.05rem 0 #fff;
}



.coursesSubDescription {
	font-family: 'Caveat', serif;
	font-size: min(2.5vw, 124px);
	/*font-style: normal;*/
	font-weight: lighter;
	line-height: 2.5vw;
	
	color: #976f45;
	/*text-shadow: 0.4vw 0.4vw #000000;
	font-weight: 400;
	*/
}



.linearGradient {
	/*
	background: #002A3E;
background: linear-gradient(90deg, rgba(0, 42, 62, 1) 0%, rgba(22, 39, 51, 1) 49%, rgba(0, 84, 121, 1) 100%);
	*/
	
	background: #002A3E;
background: linear-gradient(53deg, rgba(0, 42, 62, 1) 0%, rgba(22, 39, 51, 1) 49%, rgba(0, 84, 121, 1) 100%);
}

.backgroundColor1{
	background-color: #e4dcba;
}

.backgroundImageColor1{
/*	background-color: #002A3E;*/
/*background: linear-gradient(53deg, rgba(0, 42, 62, 1) 0%, rgba(22, 39, 51, 1) 49%, rgba(0, 84, 121, 1) 100%);*/
	

	/*background-image: url("images/scrollartwork_3.png"), linear-gradient(180deg,rgba(0, 84, 121, 0) 10%, rgba(5, 75, 106, 1) 15%, rgba(22, 39, 51, 1) 61%, rgba(0, 52, 74, 1) 100%);*/
	/*
	background-image: url("images/backgroundimage_windmillandship.png"),url(images/backgroundimage_tiki.png),url("images/background_color1_s.png");*/

	 background-image: 
		 image-set(url("images/backgroundimage_windmillandship.webp") type('image/webp'), url("images/backgroundimage_windmillandship.png") type('image/png')),
		 image-set(url("images/backgroundimage_tiki.webp") type('image/webp'), url("images/backgroundimage_tiki.png") type('image/png')),
		 image-set(url("images/background_color1_s.webp") type('image/webp'), url("images/background_color1_s.png") type('image/png'));
	
	
	
		background-size: contain, contain, 100% 100%;
	background-repeat: no-repeat;
	background-position: left,right,center

	
/*
	background-size: contain, contain,100% 100%;
	background-repeat: no-repeat;
	background-position: left,right,center
	*/

	
}

@media (max-width: 576px) {

.backgroundImageColor1{

	
	/*background-image: url("images/backgroundimage_windmillandship.png"),url(images/backgroundimage_tiki.png),url("images/background_color1_mobile.png")  ;*/
	background-image: 
		 image-set(url("images/backgroundimage_windmillandship.webp") type('image/webp'), url("images/backgroundimage_windmillandship.png") type('image/png')),
		 image-set(url("images/backgroundimage_tiki.webp") type('image/webp'), url("images/backgroundimage_tiki.png") type('image/png')),
		 image-set(url("images/background_color1_mobile.webp") type('image/webp'), url("images/background_color1_mobile.png") type('image/png'));


	background-size: contain, contain,100% 100%;

	
	background-repeat: no-repeat;
	background-position: left,right,center


	
}


}

.backgroundImageCoursesPirate {
		background-image: url("images/background_pirate_ship.png"),url(images/background_pirate_compass.png),url(images/background_pirate_sand.png),url("images/background_courses_pirate.png")  ;


	background-size: 30%, 30%,20%,100% 100%;

	
	background-repeat: no-repeat;
	background-position: 0% 0%,100% 110%,100% 0%;
}


.backgroundImagePricesPage {
		background-image: url("images/background_pirate_ship.png"),url(images/background_courses_crazy_windmill.png),url(images/prices_tiki.png),url("images/prices_background_top.png")  ;


	background-size: 30%, 30%,20%,100% 100%;

	
	background-repeat: no-repeat;
	background-position: 0% 0%,0% 90%,100% 50%;
}




.backgroundImagePricesOffers {
		background-image: url("images/prices_background.png")  ;


	background-size: 100% 100%;

	
	background-repeat: no-repeat;

}


.backgroundImageCoursesFoodCourt {
		background-image: url(images/background_food_court_top.png);


	background-size: 100% 100%;

	
	background-repeat: no-repeat;
	
}


.backgroundImageColor2{
	
	/*background-image: url("images/background_foodcourt_faint.png"),url("images/background_color2_s.png")  ;*/
	background-image: 
		 image-set(url("images/background_foodcourt_faint.webp") type('image/webp'), url("images/background_foodcourt_faint.png") type('image/png')),
		 image-set(url("images/background_color2_s.webp") type('image/webp'), url("images/background_color2_s.png") type('image/png'));
		 

	
	background-size: contain,100% 100%;
	background-repeat: no-repeat;
	background-position: right,center;
	

}


.backgroundImageCoursesAdventure{
	
	background-image: url("images/background_courses_adventure_top_bricks.png"),url("images/background_courses_adventure_top_bricks.png"),url("images/background_courses_adventure_mid_bricks.png"),url("images/background_courses_adventure_blocks.png"),url("images/background_courses_adventure_aztec.png"),url("images/background_courses_adventure_tiki.png"),url("images/background_courses_adventure.png")  ;
;

	
/* background-color: #cccccc;*/
	background-size: contain,contain,75%,6%,20%,15%,100% 100%;
	
	/*background-size: contain;*/
	
	
	/*background-size: 100% auto;*/
	
	
	background-repeat: no-repeat;
	background-position: 0% 8%,0% 90%,100% 40%,98% 20%,00% 30%,100% 80%,center;
	

}


.backgroundFoodCourt_FishChips{
	
	background-image: url("images/background_foodcourt_fishnchips.png")  ;
;

	
/* background-color: #cccccc;*/
	background-size:100% 100%;
	
	/*background-size: cover;*/
	
	
	/*background-size: 100% auto;*/
	
	
	background-repeat: no-repeat;
	background-position: center;
	

}


.backgroundFoodCourt_donut{
	
	background-image: url("images/background_foodcourt_donut.png")  ;
;

	
/* background-color: #cccccc;*/
	background-size:100% 100%;
	
	/*background-size: cover;*/
	
	
	/*background-size: 100% auto;*/
	
	
	background-repeat: no-repeat;
	background-position: center;
	

}



.backgroundFoodCourt_Beachretreat{
	
	background-image: url("images/background_coffee_cup.png"),url("images/background_foodcourt_beachretreat.png")  ;
;

	
/* background-color: #cccccc;*/
	background-size: 35%,100% 100%;
	
	/*background-size: contain;*/
	
	
	/*background-size: 100% auto;*/
	
	
	background-repeat: no-repeat;
	background-position: -5% -10%,center;
	

}



.backgroundImageColor3{
	
	/*background-image: url("images/background_color3_faint_clock.png"), url("images/background_color3_s.png");*/

	
	background-image: 
		 image-set(url("images/background_color3_faint_clock.webp") type('image/webp'), url("images/background_color3_faint_clock.png") type('image/png')),
		 image-set(url("images/background_color3_s.webp") type('image/webp'), url("images/background_color3_s.png") type('image/png'));
	
	

	background-size: contain, 100% 100%;
	background-repeat: no-repeat,  no-repeat;
	background-position: right, top;
	/*height:140vw;*/

}


/* Extra small devices (phones, 600px and down) */
@media (max-width: 576px) {
	
	
	.backgroundImageColor3{
	
		background-image: url("images/background_color3_faint_clock.png"),url("images/background_color3_mobile.png");

		background-size: contain, 100% 100%;
	
		background-repeat: no-repeat;
			background-position: right, top;
	
	}
	
	
	}



.backgroundCourseCrazy{
	
	background-image: url("images/background_courses_crazy_windmill.png"),url("images/background_courses_crazy_lighthouse.png"), url("images/background_color3_s.png");

	/*background-size: 100% 100%;*/
background-size: 30%, 30%,100% 100%;
	
	background-repeat: no-repeat,  no-repeat;
	background-position: 0% 10%, 100% 65%, top;
	/*height:140vw;*/

}


.backgroundFoodIcecream{
	
	background-image: url("images/background_food_icecream.png"),url("images/background_icecream_right.png"), url("images/background_icecream_left.png"),url("images/background_color3_s.png");

	/*background-size: 100% 100%;*/
background-size: 90%, 10%,10%,100% 100%;
	
	background-repeat: no-repeat,  no-repeat;
	background-position: top, 10% , 90% , top;
	background-position-y: 10%, 80%,80%;
	/*height:140vw;*/

}

.backgroundWCGC{
	
	background-image: url("images/background_wcgc_cup.png"), url("images/background_wcgc_award.png"),url("images/background_color3_s.png");

	/*background-size: 100% 100%;*/
background-size: 35%,22%,100% 100%;
	
	background-repeat: no-repeat,  no-repeat;
	background-position: -10% , 100% , top;
	background-position-y: 25%,80%;
	/*height:140vw;*/

}



.backgroundImageColor4{
	
	background-image: url("images/background_color4_s.png");

		background-size: 100% 100%;
	
	background-repeat: no-repeat;
	

}

.backgroundFAQ{
		/*background-image: url("images/background_faq_photo_1.png"), url("images/background_faq_photo_2.png"), url("images/background_faq_mobile.png");*/

	
		background-image: 
		 image-set(url("images/background_faq_photo_1.webp") type('image/webp'), url("images/background_faq_photo_1.png") type('image/png')),
		 image-set(url("images/background_faq_photo_2.webp") type('image/webp'), url("images/background_faq_photo_2.png") type('image/png')),
		 image-set(url("images/background_faq_mobile.webp") type('image/webp'), url("images/background_faq_mobile.png") type('image/png'));
	
	
	

	background-size: 40vw auto, 40vw auto,100% 100%;
	background-repeat: no-repeat,  no-repeat;
	background-position: left 0vw top 25vw, left 0vw bottom 55vw, top;
	/*height:140vw;*/
}

@media (max-width: 576px) {
	
	.backgroundFAQ{
	
		/*
background-image: url("images/background_faq_photo_1.png"), url("images/background_faq_photo_2.png"), url("images/background_faq_mobile.png");*/
		
		
		background-image: 
		 image-set(url("images/background_faq_photo_1.webp") type('image/webp'), url("images/background_faq_photo_1.png") type('image/png')),
		 image-set(url("images/background_faq_photo_2.webp") type('image/webp'), url("images/background_faq_photo_2.png") type('image/png')),
		 image-set(url("images/background_faq_mobile.webp") type('image/webp'), url("images/background_faq_mobile.png") type('image/png'));
		


		background-size: 60vw auto, 60vw auto, 100% 100%;
		background-repeat: no-repeat,  no-repeat;
		background-position: left 0vw top 80vw, left 0vw bottom 120vw, top;
		
	}
		


}

.backgroundImagePrices{
	/*
	background-image: url("images/background_prices.png");*/
		background-image: 
		 image-set(url("images/background_prices.webp") type('image/webp'), url("images/background_prices.png") type('image/png'));
	

	background-size: 100% 100%; 
	/*background-size: contain;*/
	
	background-repeat: no-repeat;
	

}

.backgroundColorGreen{
	background-color: #0fb19e;
}



.backgroundImageCaddieClub{
/*	background-color: #002A3E;*/
/*background: linear-gradient(53deg, rgba(0, 42, 62, 1) 0%, rgba(22, 39, 51, 1) 49%, rgba(0, 84, 121, 1) 100%);*/
	

	/*background-image: url("images/scrollartwork_3.png"), linear-gradient(180deg,rgba(0, 84, 121, 0) 10%, rgba(5, 75, 106, 1) 15%, rgba(22, 39, 51, 1) 61%, rgba(0, 52, 74, 1) 100%);*/
	
	background-image: url("images/background_caddie_golf.png"), url("images/background_caddie_paw.png"),url("images/background_caddieclub.png");

	/*background-size: 100% 100%;*/
background-size: contain, 30vw auto, 100% 100%;
	
	background-repeat: no-repeat,  no-repeat;
	background-position: right 1vw top 6vw, left 1vw bottom 20vw, top;
		

	
	 /* max-width: 100%; */
	
	/*
	width: 300vw;
  height: 80vw;

	*/

	
}


.backgroundFooter{

	
	/*background-image: url("images/background_footer.png");*/

		background-image: 
		 image-set(url("images/background_footer.webp") type('image/webp'), url("images/background_footer.png") type('image/png'));
	
	
	
	background-size: 100% 100%;
	background-repeat: no-repeat,  no-repeat;
	background-position: top;


	
}

@media (max-width: 576px) {
	.backgroundFooter{

	
	/*background-image: url("images/background_footer_mobile.png");*/
		
	background-image: 
	image-set(url("images/background_footer_mobile.webp") type('image/webp'), url("images/background_footer_mobile.png") type('image/png'));

		/*background-size: 100% 100%;*/
	background-size: 100% 100%;
	background-repeat: no-repeat,  no-repeat;
	background-position: top;
		

	
	 /* max-width: 100%; */
	
	/*
	width: 300vw;
  height: 80vw;

	*/

	
}
}


.backgroundImageSpecialOffers{
/*	background-color: #002A3E;*/
/*background: linear-gradient(53deg, rgba(0, 42, 62, 1) 0%, rgba(22, 39, 51, 1) 49%, rgba(0, 84, 121, 1) 100%);*/
	

	/*background-image: url("images/scrollartwork_3.png"), linear-gradient(180deg,rgba(0, 84, 121, 0) 10%, rgba(5, 75, 106, 1) 15%, rgba(22, 39, 51, 1) 61%, rgba(0, 52, 74, 1) 100%);*/
	
	background-image: url("images/background_specialoffer_1.png");

	
/* background-color: #cccccc;*/
	
	
background-size: contain;
	
	background-repeat: no-repeat;
	

	
	 /* max-width: 100%; */
	
	/*
	width: 300vw;
  height: 80vw;

	*/

	
}



.backgroundFaintImage{
	
	
	/*
	background-image: url("images/scrollartwork_7.png");
	
	background-size: 100% 100%;
	*/
	
	
/*	background-color: #002A3E;*/
/*background: linear-gradient(53deg, rgba(0, 42, 62, 1) 0%, rgba(22, 39, 51, 1) 49%, rgba(0, 84, 121, 1) 100%);*/
	
	
	
	


	
	
	

	
	
	
	
	/* older linear-gradient(53deg, rgba(0, 42, 62, 1) 0%, rgba(22, 39, 51, 1) 49%, rgba(0, 84, 121, 1) 100%);
	/*background: #002A3E;
background: linear-gradient(53deg, rgba(0, 42, 62, 0) 16%, rgba(22, 39, 51, 1) 22%, rgba(0, 84, 121, 1) 100%); */
	
/* background-color: #cccccc;*/
	
	
	
	/*background-image: url("images/scrollartwork_7.png"), linear-gradient(180deg,rgba(0, 84, 121, 0) 10%, rgba(5, 75, 106, 1) 15%, rgba(22, 39, 51, 1) 61%, rgba(0, 52, 74, 1) 100%);*/
		/*background-image: url("images/scrollartwork_7.png")*/
	background-image: url("images/scrollartwork_blank.png")
	
	background-size: contain;
	
	background-repeat: no-repeat;
	
	width: 300vw;
  height: 80vw;


	
}







.backgroundFaintImage2{
/*	background-color: #002A3E;*/
/*background: linear-gradient(53deg, rgba(0, 42, 62, 1) 0%, rgba(22, 39, 51, 1) 49%, rgba(0, 84, 121, 1) 100%);*/
	
/*background: #005479;*/
	/*background-image: url("images/scrollartwork_4.png"), linear-gradient(180deg,rgba(0, 52, 74, 1) 0%, rgba(8, 59, 84, 1) 50%);*/
	
	background-image: url("images/scrollartwork_5.png");

	
	
	
	
	/* older linear-gradient(53deg, rgba(0, 42, 62, 1) 0%, rgba(22, 39, 51, 1) 49%, rgba(0, 84, 121, 1) 100%);
	/*background: #002A3E;
background: linear-gradient(53deg, rgba(0, 42, 62, 0) 16%, rgba(22, 39, 51, 1) 22%, rgba(0, 84, 121, 1) 100%); */
	
/* background-color: #cccccc;*/
	background-size: contain;
	
	background-repeat: no-repeat;
	
	/*height: 80vw;*/
	 /* max-width: 100%; */
	/*width: 300vw; */
	
  height: 65vw;
	
	

	
}


p {
	/*
	display:inline;
	margin-bottom:0;
	*/
	  margin: 0;
	
  padding: 0;
	
}

h2 {
	/*
	display:inline;
	margin-bottom:0;
	*/
	  margin: 0;
	
  padding: 0;
	
}


.foodAndDrinkSub1{
	font-family: 'Open Sans', serif;
font-weight:700;
	font-size: clamp(14px,2.2vw,32px);
	color: white;
	line-height: 1.8em;
}

.sizeSocials{
	height: clamp(15px, 6vw, 32px);
	width: auto;
}

.sizeSocialBanner{
	/*height: clamp(1.5rem, 3.5vw, 2.5rem);*/
	height: 30px;




	
}

.socialIcons{
	height: clamp(20px,4vw, 70px);
	width: auto;
	padding-left: 0.5vw;
	padding-right: 0.5vw;
	
}


.sizeTimeTop{
		/*font-size: clamp(1rem,1.5vw,22px);*/
	font-size: 1rem;
letter-spacing:	0.0vw;
	margin-top: 0.3rem;
}

.footerHeading{
	font-family: 'Open Sans', serif;
font-weight:700;
	font-size: 0.9em;
	color: white;
	line-height: 1.8em;
}

.footerSmall{
	font-family: 'Open Sans', serif;
font-weight:100;
	font-size: 0.8em;
	color: #CCCCCC;
	
}

.footer{
	line-height: 0.9em;
}

.titleFont{
	
}

.hastingsFontH {
font-family: 'Homenaje', serif;

}

.sizeSuperBig {
font-size: calc(12px + 1.2vw);
letter-spacing:	0.2vw;
}

.sizeOpeningTimesHeading{
		font-family: "Homenaje", serif;
	/*font-size: min(7vw, 124px);*/
	font-size: clamp(1.5rem, 2vw, 3rem);
	font-style: normal;
	font-weight: lighter;
	

	
}


.sizeOpeningTimes{
		font-family: "Homenaje", serif;
	/*font-size: min(7vw, 124px);*/
	font-size: clamp(1.5rem, 2vw, 3rem);
	font-style: normal;
	font-weight: 700;

	
}






.sizeBig {
font-size: calc(10px + 1vw);
letter-spacing:	0.2vw;
}

.sizeMedium {
	font-size: calc(12px + 0.5vw);
letter-spacing:	0.1vw;
}

.sizeP {
	font-size: calc(15px + 0.1vw);
letter-spacing:	0.0vw;
}


.sizeH3{
		font-size: calc(24px + 0.1vw);
letter-spacing:	0.0vw;
}

.sizeH4{
		font-size: calc(20px + 0.1vw);
letter-spacing:	0.0vw;
}


.sizeH2{
		font-size: calc(31px + 0.1vw);
letter-spacing:	0.0vw;
}
.sizeH1{
		font-size: calc(12px + 3.5vw);
letter-spacing:	0.0vw;
}


.sizeSmallText {
	font-size: calc(8px + 0.3vw);
letter-spacing:	0.0vw;
}

.hastingsFontP {
font-family: 'Open Sans', serif;
font-weight:400;
}

.hastingsFontP300 {
font-family: 'Open Sans', serif;
font-weight:300;
}

.colorWhite {
	color: #fff;
}

.overlayRow {  /* if you want to have 2 bootstrap rows overlapping each other */
	position: absolute;
	max-width: 100%;
  height: 100%;
	width: 100%;
	top: 0;
	


}


.overlayRowOpeningTimes {  /* if you want to have 2 bootstrap rows overlapping each other */
	position: absolute;
	max-width: 100%;
  height: 100%;
	width: 100%;
	top: 8vw;
	


}




.imgFoodCard{
	width: clamp(190px,27vw,300px);
}

.imgOverlay {
	position: absolute; top: 0px; right: 0px; z-index: 1;
}


.overlayRowAdjust{
	position: absolute;
	height: 100%;
    margin-top: 0 !important;
	 top: 0;
  left:0;
  z-index:1;
  bottom:0;
  right:0;
  height:100%;
}

.tikkistart{
	width: 20vw;
	height: auto;


	margin-left: -10vw;
	margin-top: 5vh;
	overflow: hidden;
}

.container{
	position: relative; /* this is important if you use overlayRow and overlayRowAdjust you must have this!! */
}

.container-fluid{
	position: relative; /* this is important if you use overlayRow and overlayRowAdjust you must have this!! */
}



.colorTest1{
	background-color: pink;
	
}

.colorTest2{
	background-color: peru
}


.color2025Menu {
	background-color: #a7d059;
}

.colorSand {
	

	
	background-image: url('images/sand_background.png') ;
/*background-attachment: fixed;*/
 background-position: center;
 background-repeat: no-repeat;
 background-size: 100vw;
	
	
	/*
background-size:100vw 40vw;
background-position:center;
background-repeat: no-repeat;	*/
}


.colorSandTop {
	

	
	background-image: url('images/sand_top.png') ;

background-size:contain;
background-position:center;
}

.colorSandBottom {
	

	
	background-image: url('images/sand_bottom.png') ;

background-size:contain;
background-position:center;
}


.blueTear {
	
		background-color: #a7d059;	
	
	background-image: url('images/background_blue_tear.png') ;

background-size:contain;
background-position:center;
}

.shipsMargin{
	/*margin-top: -20px;*/
}


.color2025DarkBlue {
	/*
	background-color: #002e42;
	background: #002e42; */
	/*background: #002A3E;
	background: #000000;
	background-color: black;
	*/
	
	background: #002A3E;
	

background: #002A3E;
background: linear-gradient(90deg, rgba(0, 42, 62, 1) 0%, rgba(22, 39, 51, 1) 49%, rgba(0, 84, 121, 1) 100%);
	
}

.sticky0{
	position: sticky;
	top: 0;
	
}

.sticky100{
	position: sticky;
    top: 60px /* the height you want it to start sticking */
	
}

.zHigh{
	z-index: 1000;
}

.zLow{
z-index: 5;
}

.gsapbox {
  display: block;
	
	height: 10vw;
	width: 10vw;

}

.minLineSpacing{
	letter-spacing:  -0.2em;

}


.StaggerFood{
	opacity: 1.00;
}

.ShowFood2{
	opacity: 1.0;

}

.ShowFood{
	opacity: 0.00;
}

.ShowCoursesHeadlineSubText{
	opacity: 0.00;
}

.ShowPrices{
	opacity: 0.00;
}

.ShowQuestions{
	opacity: 0.00;
}

.ShowAnswers{
	opacity: 0.00;
}

.ShowTimes{
	opacity: 0.00;
}


.faq1{
	opacity: 0.00;
}


.colorHastingsPage{
	background-color: #009FBD;
}



.rowprice{
	/*background-color: dodgerblue;*/
	
	align-items: center;
	margin-top: 0vw;

}

.rowPriceFont{
	 /* font-family: 'gGripRegular', serif; */
	font-family: "Bubblegum Sans", serif;
		font-size: clamp(0.7rem,2.2vw,2rem);
	font-style: normal;
	font-weight: 400;
	color: #976f45;
	
}

.columnPriceFont{
	/*  font-family: 'gGripRegular', serif; */
	font-family: "Bubblegum Sans", serif;
	font-size: clamp(0.8rem,2.2vw,2rem);
	font-style: normal;
	font-weight: 400;
	color: #976f45;
	
}

.cellpricecontent{
	
	height: clamp(2rem,4vw,4rem);
	align-items: center;
	display: flex;
	justify-content: center;
	width: clamp(90px, 60%, 3000px);

font-family: 'Open Sans', serif;
font-weight:700;
	/*font-size: clamp(3vw,2.5vw,1.5vw);*/
	font-size: clamp(0.7rem, 2vw, 2rem);
	
	
	/*	background-color: #a7d059; */
}

.priceBorder{
	
	border-color: #026690 !important;
	

}



.green1{
	/*
	background-color: #0eb19e ;*/

}

.green2{
	/*background-color: #30a2bc;*/
}

.green3{
	/*background-color: #a7d059;*/
}


.cellprice{


	align-items: center;
	display: flex;
	justify-content: center;
	opacity: 0.0;

}

.foodimagesizeXX{
	width: 26vw;
	height: auto;

}

.foodcellbordertop{
		border-top: medium;
	border-color: white;
	border: solid #fff;
border-width: 2px 0px 2px 2px;
	border-radius: 0% 0% 0% 0%;
	
}

.foodBorderLeftRightBottomXX{
	
	border-color: white;
	border: solid #fff;
border-width: 0px 2px 2px 2px;
	border-radius: 0% 0% 0% 0%;
	
	
}

.foodBorderLeftRightTopBottomXX{
	
	border-color: white;
	border: solid #fff;
border-width: 2px 2px 2px 2px;
		border-radius: 0% 0% 0% 0%;
	
	
}

.foodBorderTopBottomXX{
	
	border-color: white;
	border: solid #fff;
border-width: 2px 0px 2px 0px;
		border-radius: 0% 0% 0% 0%;
	
	
}

.foodBorderTopXX{
	
	border-color: white;
	border: solid #fff;
border-width: 2px 0px 2px 0px;
		border-radius: 0% 0% 0% 0%;
	
	
}

.foodBorderBottomXX{
	
	border-color: white;
	border: solid #fff;
border-width: 0px 0px 2px 0px;
		border-radius: 0% 0% 0% 0%;
	
	
}


.nopad{
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


.foodContainer {
	position: relative
}

.food {
	position: absolute;
}

.pt-2C {
  padding-top: 5vw !important;
}





.mt-up10{
  margin-top: -5vw !important;
}

.mt-n10rem {
 margin-top: -8rem !important;
}

.mt-n2vw{
  margin-top: -2vw !important;
}

.mt-n1rem{
  margin-top: -1rem !important;
} 
.mt-n2rem{
  margin-top: -2rem !important;
}

.mt-n5vw{
 margin-top: -5vw !important;	
}
.mt-n10vw{
  margin-top: -10vw !important;
}

.mt-n12{
  margin-top: -12vw !important;
}

.mt-n14{
  margin-top: -14vw !important;
}

.mt-n15{
  margin-top: -15vw !important;
}

.mt-n17{
  margin-top: -17vw !important;
}

.mt-n20{
  margin-top: -20vw !important;
}

.mt-n25{
  margin-top: -25vw !important;
}

.mt-n22{
  margin-top: -22vw !important;
}

.mt-n27{
  margin-top: -27vw !important;
}


.mt-n30{
  margin-top: -30vw !important;
}

.mt-n35{
  margin-top: -35vw !important;
}

.mt-n40{
  margin-top: -40vw !important;
}

.mt-n45{
  margin-top: -45vw !important;
}

.mt-n50{
  margin-top: -50vw !important;
}

.mt-n55{
  margin-top: -55vw !important;
}

.mt-n60{
  margin-top: -60vw !important;
}

 .mt-n65{
  margin-top: -65vw !important;
}

.mt-n70{
  margin-top: -70vw !important;
}


.mt-n80{
  margin-top: -80vw !important;
}

.mt-n87{
  margin-top: -87vw !important;
}

.mt-n90{
  margin-top: -90vw !important;
}

.mt-n100{
  margin-top: -100vw !important;
}



.mt-up100{
  margin-top: -100vw !important;
}

.mt-5C{
	  margin-top: 5vw !important;
}

.mt-2C{
	  margin-top: 2vw !important;
}

.mt-1C{
	  margin-top: 1vw !important;
}

.mt-Prices{
	 margin-top: 10vw !important;
}

.mt-8{
  margin-top: 8vw !important;
}


.mt-10{
  margin-top: 10vw !important;
}

.mt-15{
  margin-top: 15vw !important;
}

.mt-15r{
  margin-top: 8rem !important;
}

.mt-20{
  margin-top: 20vw !important;
}

.mt-20Rem{
  margin-top: 9rem !important;
}

.mt-25{
  margin-top: 25vw !important;
}

.mt-30{
  margin-top: 30vw !important;
}

.mt-courselogos{
  margin-top: 1vw !important;
}

.mt-12{
  margin-top: 10vw !important;
}

.food1{
	/*margin-left: 100%*/
	
}


.food2{
		/*margin-left: 0%*/
	
}

.food3{
	/*margin-left: -100%*/
	
}

.foodSpacer{
	margin-bottom:clamp(600px, 45vw, 600px);
	
}

.foodleft {
	/*
  float: left;
  background: red;
	*/
	
		 position: absolute;
  left: 0;
  right: 0;
	/*
  top: 0;
  bottom: 0;
	*/
  margin: auto;
	
	
	 -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
            transform: rotate(10deg);
 
}

.foodright {
	/*
  float: right;
  background: blue;
	*/
	
	 position: absolute;
  left: 0;
  right: 0;
	/*
  top: 0;
  bottom: 0;
	*/
  margin: auto;
	
	 -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
            transform: rotate(-10deg);
 
}

.foodcenter {
		 position: absolute;
  left: 0;
  right: 0;
	/*
  top: 0;
  bottom: 0;
	*/
  margin: auto;

}


/* Use the clearfix technique: http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-   
    overflowhidden-demystified/ */

.clearfix:before,
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}









.imgBoatToScroll {
	width: 100%;
	position: absolute;
	top: 100px;
	z-index: 200000;
}

.colorTransparent {
	background-color: transparent
}



.colorHastingsBlue {
background-color:#029FBF;
}

.colorHastingsWhite {
background-color:#FFFFFF;
}

.colorFontHastingsBlueDarker2 {
color:#028196;	
}

.colorHastingsBlueLighter{
background-color: #03AACC;
}

.colorHastingsBlueDarker{
background-color: #058EA8;
}


.colorHastingsBlueDarker2{
 background-color:#028196;	
}

.colorHastingsBlueDarker3{
 background-color:#016576;	
}

.colorHastingsGreenGrass{
	background-color:#8DC63F;	
	position: relative
}

.colorHastingsBackground{
	background-color: #FFFFFF;
}

.colorHastingsBackground2{
	background-color: #FFFFFF;
}

.colorHastingsLimeGreen{
	background-color: #8DC540;
}

.colorHastingsSunshine{
	background-color: #FEC436;
}

.colorHastingsSeaGreen{
	background-color: #01B195;
}

.colorHastingsBlueLink{
	background-color: #00BFE5;
}

.colorHastingsBlueBright{
	background-color: #00BFE5;
}

.colorHastingsRed{
	background-color: #DD2627;
}


.div_hover { background-color: #00BFE5;}

.div_hover:hover { background-color: #029FBF;}


.carousel{
    -moz-border-radius: 5px; /* FF1+ */
    -webkit-border-radius: 5px; /* Saf3-4, iOS 1+, Android 1.5+ */
    border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
    overflow:hidden;
}

.carousel img {
  top: 0;
  left: 0;
  min-width: 100%;
  /*max-height: 60vw;*/
  max-width:100%;
}


.container-fluid  {
    padding-right:0;
    padding-left:0;
    margin-right:auto;
    margin-left:auto
 }


.backgroundImageParty {

  background-image: url(images/parties/background.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

/* to remove hyperlinks from faq pages */

.nounderline {
  text-decoration: none !important
}


/* for google maps */

.map-responsive{

    overflow:hidden;

    padding-bottom:56.25%;

    position:relative;

    height:0;

}

.map-responsive iframe{

    left:0;

    top:0;

    height:100%;

    width:100%;

    position:absolute;

}

.aligntextverticalnexttoimagerightalign{
	 display: flex;
   align-items:center;
	justify-content:flex-end;
	
}

.aligntextverticalnexttoimageleftalign{
	 display: flex;
   align-items:center;
	justify-content:flex-end;
	
}

.aligntextverticalnexttoimagecentercenter{
	 display: flex;
   align-items:center;
	justify-content:center;
	
}







/* custom navbar colors */
/* change the background color */



.navbar-custom {

   /* background-color: #ffffff;*/
	
	

	

}

/* change the brand and text color */

.navbar-custom .navbar-brand,

.navbar-custom .navbar-text {

    color: #F827F6;

    padding: 0rem 0rem;
  /* padding: 0.8rem 1rem;*/
}

/* change the link color and add padding for height */

.navbar-custom .navbar-nav .nav-link {

    color: white;

    padding: 0.1rem 0.4rem;

	
	/* padding: 1rem 1rem; */
	
	
}

/* change the color of active or hovered links */

.navbar-custom .nav-item.active .nav-link,

.navbar-custom .nav-item:hover .nav-link {

  color: #ffffff;

	/* this is the hover link color*/
    /*background-color: #029FBF; /* add background-color to active links - #029FBF=colorHastingsBlue; */
	/*background-color: #8cb244; */
	text-decoration: underline;
	
	
	

}.navbar-custom {

   /*background-color: #028196; */	 /* the background color of the main navbar div */
	/*background-color: #002e42;	/*#a7d059;*/


}



/* change the brand and text color */

.navbar-custom .navbar-brand,

.navbar-custom .navbar-text {

    color: rgba(255,255,255,.8);

}



/* change the link color */

.navbar-custom .navbar-nav .nav-link {

    color: white; /*the text color of the navbar */

}



/* change the color of active or hovered links */

.navbar-custom .nav-item.active .nav-link,

.navbar-custom .nav-item:hover .nav-link {

    color: #ffffff;
/*background-color: #002e42;*/
}



/* for dropdown only - change the color of droodown */

.navbar-custom .dropdown-menu {

    background-color: #029FBF;  



}

.navbar-custom .dropdown-item {

    color: #ffffff;

}

.navbar-custom .dropdown-item:hover,

.navbar-custom .dropdown-item:focus {

    color: #333333;

    background-color: rgba(255,255,255,.5);

}




.navbar-custom {
  
}
/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: rgba(255,255,255,1);
}
/* change the link color */
.navbar-custom .navbar-nav .nav-link {
   
	/* background-color: #00BFE5; /*for visited links?*/
	/*	 background-color: 	#9fc458; /*a7d059;*/
	
	
}

.customLink {
	color: white !important;
	text-decoration: none !important;
}

.footerLink {
	color: #ccc !important;

}

/*font-size: clamp(1.4rem, 3vw, 3.6rem);*/

.customBtn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  /*font-size: 1rem;
  line-height: 1.0;*/
	/*font-size: 1.4rem;
	line-height: 1.2rem;*/
	/*
	font-size: clamp(1.4rem, 3vw, 3.6rem);*/
	/*line-height: clamp(1.2rem, 3vw, 3.6rem);*/
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


/* hastings yellow for button ffc42c, then a bit darker for hover fab912, bit darker still for border dca925 */

.btn-yellow {
  color: #fff;
  background-color: #ffc42c;
  border-color: #dca925;
}

.btn-yellow:hover {
  color: #fff;
  background-color: #fab912;
  border-color: #dca925;
}

.btn-yellow:focus, .btn-yellow.focus {
  color: #fff;
  background-color: #138496;
  border-color: #dca925;
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-yellow.disabled, .btn-yellow:disabled {
  color: #fff;
  background-color: #ffc42c;;
  border-color: #dca925;
}

.btn-yellow:not(:disabled):not(.disabled):active, .btn-yellow:not(:disabled):not(.disabled).active,
.show > .btn-yellow.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #dca925;
}

.btn-yellow:not(:disabled):not(.disabled):active:focus, .btn-yellow:not(:disabled):not(.disabled).active:focus,
.show > .btn-yellow.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}


/* hastings geen for button 0fb19e, then a bit darker for hover 0d9f8e, bit darker still for border dca925 */

.btn-green{
  color: #fff;
  background-color: #0fb19e;
  border-color: #0c8f80;
}

.btn-green:hover {
  color: #fff;
  background-color: #0d9f8e;
  border-color: #0c8f80;
}

.btn-green:focus, .btn-green.focus {
  color: #fff;
  background-color: #138496;
  border-color: #0c8f80;
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-green.disabled, .btn-green:disabled {
  color: #fff;
  background-color: #0fb19e;
  border-color: #0c8f80;
}

.btn-green:not(:disabled):not(.disabled):active, .btn-green:not(:disabled):not(.disabled).active,
.show > .btn-green.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #0c8f80;
}

.btn-green:not(:disabled):not(.disabled):active:focus, .btn-green:not(:disabled):not(.disabled).active:focus,
.show > .btn-green.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}