@charset "utf-8";

/* --------------------
   Fonts
   -------------------- */

@font-face {
    font-family: 'Azo Sans';
    src: local('Azo Sans Regular'), local('Azo-Sans-Regular'),
        url('../fonts/azosans-regular.woff2') format('woff2'),
        url('../fonts/azosans-regular.woff') format('woff'),
        url('../fonts/azosans-regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
	font-display: swap;
}


/* --------------------
   Colour reference
   -------------------- 

blue 	#1cbbd6
yellow 	#fec841
black	#424143

   -------------------- */


/* --------------------
   navbar
   -------------------- */ 

.navbar {
	background-color: 					#fff;
}

.navbar-toggler {
	color: 								rgba(28,187,214,.5);
	border-color: 						rgba(28,187,214,.5);
}

.navbar-toggler-icon {
	background-image: 					url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2828, 187, 214, .5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar .nav-link {
	color: 								#000;
}

.navbar .navbar-brand img {
	height: 							60px;
}



/* --------------------
   Define html scroll behaviour
   -------------------- */

/* html {
   scroll-behavior: smooth;
}

:target:before {
    content: "";
    display: block;
    height: 100px;
    margin: -100px 0 0;
} */


/* --------------------
   Custom resets
   -------------------- */

a:hover {
	text-decoration: 					none;
}

body {
	color: 								#424143;
	font-family: 						'Azo Sans';
}

:focus {
    outline: 							0;
}

.font-larger {
	font-size: 18px;
}
@media
	/* Small & up */	/* (sm) */
	/*screen and (min-width: 576px),*/
	
	/* Medium & up */	/* (md) */
	/*screen and (min-width: 768px),*/
	
	/* Large & up */	/* (lg) */
	screen and (min-width: 992px),
	
	/* XLarge & up */	/* (xl) */	
	screen and (min-width: 1200px),
	
	/* XXLarge & up */	/* (xxl) */
	screen and (min-width: 1440px) {
		.font-larger {
			font-size: 24px;
		}
}

footer {
	background-color: 					#4241431A;
	font-size: 							11px;
	padding-bottom: 					30px;
	padding-top: 						60px;
}
footer img {
	height: 							45px;
}

.fully-booked {
	position: 							relative;
}
.fully-booked::before {
	background-image: 					url("../img/fully-booked.png");
	background-position: 				center;
	background-repeat: 					no-repeat;
	
	content: 							"";
	display: 							block;
	height: 							360px;
	margin: 							auto;
	width: 								360px;
	
	position: 							absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	
	transform: 							rotate(-30deg);
}

h1, h5 {
	margin-top: 						15px;
	text-transform: 					uppercase;
}

section#about,
section#contact,
section#services {
	padding-bottom: 					30px;
	padding-top: 						30px;
}

section#about {
	background: 						#4241431A;
}

section#contact a {
	color: 								#424143;
}

section#contact i {
	color: 								#1cbbd6;
	font-size: 							30px;
}

section#intro {
	color: 								#fff;
	font-weight: 						bold;
	height: 							75vh;
	font-size: 							12px;
	text-align: 						center;

	/* flex settings */
	align-items: 						center;
	display: 							flex;
	justify-content: 					center;
	
}
@media
	/* Small & up */	/* (sm) */
	/*screen and (min-width: 576px),*/
	
	/* Medium & up */	/* (md) */
	/*screen and (min-width: 768px),*/
	
	/* Large & up */	/* (lg) */
	screen and (min-width: 992px),
	
	/* XLarge & up */	/* (xl) */	
	screen and (min-width: 1200px),
	
	/* XXLarge & up */	/* (xxl) */
	screen and (min-width: 1440px) {
		section#intro {
			font-size: 					30px;
		}
}
section#intro h1 {
	text-shadow: 2px 2px 4px #000000;
}
section#intro-text {
	background-color: 					#1cbbd6;
	color: 								#fff;
	font-size: 							18px;
	padding-top: 						15px;
}
section#intro.parallaxie {
	background-image: url("../img/world-awaits-bkgrd-s.webp");
}
@media
	/* Small & up */	/* (sm) */
	/*screen and (min-width: 576px),*/
	
	/* Medium & up */	/* (md) */
	/*screen and (min-width: 768px),*/
	
	/* Large & up */	/* (lg) */
	screen and (min-width: 992px),
	
	/* XLarge & up */	/* (xl) */	
	screen and (min-width: 1200px),
	
	/* XXLarge & up */	/* (xxl) */
	screen and (min-width: 1440px) {
		section#intro.parallaxie {
			background-image: url("../img/world-awaits-bkgrd.webp");
		}
}

section#services a {
	color: 								#424143;
}
section#services i {
	color: 								#1cbbd6;
	font-size: 							30px;
}
@media
	/* Small & up */	/* (sm) */
	/*screen and (min-width: 576px),*/
	
	/* Medium & up */	/* (md) */
	/*screen and (min-width: 768px),*/
	
	/* Large & up */	/* (lg) */
	screen and (min-width: 992px),
	
	/* XLarge & up */	/* (xl) */	
	screen and (min-width: 1200px),
	
	/* XXLarge & up */	/* (xxl) */
	screen and (min-width: 1440px) {
		section#services i {
			font-size: 							45px;
		}
}
section#services ul {
	display: 							inline-block;
	margin: 							auto;
	text-align: 						left;
}

section#slides {
	background-color: 					#424143;
}
section#slides .carousel-caption {
	background-color: 					rgba(0,0,0,.3);
}
section#slides .carousel-item {
	background-color: 					#000;
	background-position: 				center;
	background-repeat: 					no-repeat;
	background-size: 					cover;

	height: 							75vh;
	width: 								100%;
}
section#slides .carousel-item:nth-child(1) {
	background-image: 					url("../img/slide-001-v.webp");
}
@media
	/* Small & up */	/* (sm) */
	/*screen and (min-width: 576px),*/
	
	/* Medium & up */	/* (md) */
	/*screen and (min-width: 768px),*/
	
	/* Large & up */	/* (lg) */
	screen and (min-width: 992px),
	
	/* XLarge & up */	/* (xl) */	
	screen and (min-width: 1200px),
	
	/* XXLarge & up */	/* (xxl) */
	screen and (min-width: 1440px) {
		section#slides .carousel-item:nth-child(1) {
			background-image: 			url("../img/slide-001-h.webp");
		}
}
section#slides .carousel-item:nth-child(2) {
	background-image: 					url("../img/slide-002-v.webp");	
}
@media
	/* Small & up */	/* (sm) */
	/*screen and (min-width: 576px),*/
	
	/* Medium & up */	/* (md) */
	/*screen and (min-width: 768px),*/
	
	/* Large & up */	/* (lg) */
	screen and (min-width: 992px),
	
	/* XLarge & up */	/* (xl) */	
	screen and (min-width: 1200px),
	
	/* XXLarge & up */	/* (xxl) */
	screen and (min-width: 1440px) {
		section#slides .carousel-item:nth-child(2) {
			background-image: 			url("../img/slide-002-h.webp");
		}
}
section#slides .carousel-item:nth-child(3) {
	background-image: 					url("../img/slide-003-v.webp");	
}
@media
	/* Small & up */	/* (sm) */
	/*screen and (min-width: 576px),*/
	
	/* Medium & up */	/* (md) */
	/*screen and (min-width: 768px),*/
	
	/* Large & up */	/* (lg) */
	screen and (min-width: 992px),
	
	/* XLarge & up */	/* (xl) */	
	screen and (min-width: 1200px),
	
	/* XXLarge & up */	/* (xxl) */
	screen and (min-width: 1440px) {
		section#slides .carousel-item:nth-child(3) {
			background-image: 			url("../img/slide-003-h.webp");
		}
}
section#slides .carousel-item:nth-child(4) {
	background-image: 					url("../img/slide-004-v.webp");	
}
@media
	/* Small & up */	/* (sm) */
	/*screen and (min-width: 576px),*/
	
	/* Medium & up */	/* (md) */
	/*screen and (min-width: 768px),*/
	
	/* Large & up */	/* (lg) */
	screen and (min-width: 992px),
	
	/* XLarge & up */	/* (xl) */	
	screen and (min-width: 1200px),
	
	/* XXLarge & up */	/* (xxl) */
	screen and (min-width: 1440px) {
		section#slides .carousel-item:nth-child(4) {
			background-image: 			url("../img/slide-004-h.webp");
		}
}
section#slides .carousel-item:nth-child(5) {
	background-image: 					url("../img/slide-005-v.webp");	
}
@media
	/* Small & up */	/* (sm) */
	/*screen and (min-width: 576px),*/
	
	/* Medium & up */	/* (md) */
	/*screen and (min-width: 768px),*/
	
	/* Large & up */	/* (lg) */
	screen and (min-width: 992px),
	
	/* XLarge & up */	/* (xl) */	
	screen and (min-width: 1200px),
	
	/* XXLarge & up */	/* (xxl) */
	screen and (min-width: 1440px) {
		section#slides .carousel-item:nth-child(5) {
			background-image: 			url("../img/slide-005-h.webp");
		}
}

section#travel-advisory {
	background-color: 					darkred;
	color: 								#fff;
	padding-top: 						15px;
}
section#travel-advisory a:not(.btn) {
	color: 								#fff;
}

section#wellness-retreats {
	background-color:					#1cbbd6;
	text-align: 						center;
}



/* ribbon styles */

.card {
	position: relative;
}
  .ribbon {
	position: absolute;
	right: -5px;
	top: -5px;
	z-index: 1;
	overflow: hidden;
	width: 93px;
	height: 93px;
	text-align: right;
  }
  .ribbon span {
	font-size: 0.8rem;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	line-height: 32px;
	transform: rotate(45deg);
	width: 125px;
	display: block;
	background: #79a70a;
	background: linear-gradient(#9bc90d 0%, #79a70a 100%);
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	position: absolute;
	top: 17px; 
	right: -29px;
  }
  
  .ribbon span::before {
	 content: '';
	 position: absolute; 
	 left: 0px; top: 100%;
	 z-index: -1;
	 border-left: 3px solid #79A70A;
	 border-right: 3px solid transparent;
	 border-bottom: 3px solid transparent;
	 border-top: 3px solid #79A70A;
  }
  .ribbon span::after {
	 content: '';
	 position: absolute; 
	 right: 0%; top: 100%;
	 z-index: -1;
	 border-right: 3px solid #79A70A;
	 border-left: 3px solid transparent;
	 border-bottom: 3px solid transparent;
	 border-top: 3px solid #79A70A;
  }
  
  .red span {
	background: linear-gradient(#f70505 0%, #8f0808 100%);
  }
  .red span::before {
	border-left-color: #8f0808;
	border-top-color: #8f0808;
  }
  .red span::after {
	border-right-color: #8f0808;
	border-top-color: #8f0808;
  }
  
  .blue span {
	background: linear-gradient(#2989d8 0%, #1e5799 100%);
  }
  .blue span::before {
	border-left-color: #1e5799;
	border-top-color: #1e5799;
  }
  .blue span::after {
	border-right-color: #1e5799;
	border-top-color: #1e5799;
  }
  
  .foo {
	clear: both;
  }
  
  .bar {
	content: "";
	left: 0px;
	top: 100%;
	z-index: -1;
	border-left: 3px solid #79a70a;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #79a70a;
  }
  
  .baz {
	font-size: 1rem;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	line-height: 2em;
	transform: rotate(45deg);
	width: 100px;
	display: block;
	background: #79a70a;
	background: linear-gradient(#9bc90d 0%, #79a70a 100%);
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	position: absolute;
	top: 100px;
	left: 1000px;
  }