/* Homepage-only palette: deep teal, warm cream, and saffron. */
body.homepage {
	color: #263b38;
}

body.homepage #main-header,
body.homepage #main-header.opaque {
	background: #153f3d;
}

body.homepage ul#nav li a:hover {
	color: #f4d7a0;
}

body.homepage ul#nav li.current a {
	background: #d88932;
	color: #ffffff;
}

body.homepage #main-header .header-social-links {
  align-items: center;
  display: flex;
  gap: 8px;
  position: absolute;
  right: 22px;
  top: 8px;
  z-index: 993;
}

body.homepage #main-header .header-social-links a {
  align-items: center;
  border-radius: 50%;
  display: inline-flex;
  height: 32px;
  justify-content: center;
  text-decoration: none;
  transition: opacity 160ms ease, transform 160ms ease;
  width: 32px;
}

body.homepage #main-header .header-social-links a:hover,
body.homepage #main-header .header-social-links a:focus {
  opacity: 0.82;
  transform: translateY(-2px);
}

body.homepage #main-header .header-social-links .social-tripadvisor {
  background: #ffffff;
}

body.homepage #main-header .header-social-links .social-tripadvisor img {
  display: block;
  height: 22px;
  object-fit: contain;
  width: 22px;
}

body.homepage #main-header .header-social-links .social-youtube {
  background: #ff0000;
  color: #ffffff;
}

body.homepage #main-header .header-social-links .social-facebook {
  background: #1877f2;
  color: #ffffff;
}

body.homepage #main-header .header-social-links .social-instagram {
  background: #c13584;
  color: #ffffff;
}

body.homepage #main-header .header-social-links i {
  font-size: 17px;
}

@media only screen and (min-width: 769px) {
  body.homepage #main-header #nav-wrap {
    transform: translateX(-70px);
  }
}

@media only screen and (max-width: 768px) {
  body.homepage #main-header {
    height: 60px;
  }

  body.homepage #main-header .header-social-links {
    right: 70px;
    top: 15px;
  }

  body.homepage #main-header .header-social-links a {
    height: 29px;
    width: 29px;
  }

  body.homepage #main-header .header-social-links .social-tripadvisor img {
    height: 20px;
    width: 20px;
  }
}

body.homepage #page-title {
	background-color: #153f3d;
}

body.homepage #about {
	background: #153f3d;
}

body.homepage #about h2,
body.homepage #about p,
body.homepage #about font {
	color: #f7f1e5;
}

body.homepage #event,
body.homepage #car,
body.homepage #contact {
	background: #f7f1e5;
}

body.homepage .section-event h1,
body.homepage .section-event h1 span,
body.homepage .section-event p,
body.homepage .section-car h1,
body.homepage .section-car h1 span,
body.homepage .section-car p {
	color: #254b46;
}

body.homepage .section-event p2,
body.homepage .section-car p2 {
	color: #68756d;
}

body.homepage .event-list p,
body.homepage .car-list p {
	color: #52635c;
}

body.homepage .event-list .icon-part,
body.homepage .car-list .icon-part {
	background: #d88932;
}

body.homepage #circuit1,
body.homepage #circuit3,
body.homepage #circuit5 {
	background: #1d514c;
	color: #f7f1e5;
}

body.homepage #circuit2,
body.homepage #circuit4,
body.homepage #temoignages {
	background: #153f3d;
	color: #f7f1e5;
}

body.homepage .section-circuit1 h1,
body.homepage .section-circuit1 h1 span,
body.homepage .section-circuit1 p,
body.homepage .section-circuit1 p1,
body.homepage .section-circuit1 p2,
body.homepage .section-circuit2 h1,
body.homepage .section-circuit2 h1 span,
body.homepage .section-circuit2 p,
body.homepage .section-circuit2 p1,
body.homepage .section-circuit2 p2,
body.homepage .section-circuit3 h1,
body.homepage .section-circuit3 h1 span,
body.homepage .section-circuit3 p,
body.homepage .section-circuit3 p1,
body.homepage .section-circuit3 p2,
body.homepage .section-circuit4 h1,
body.homepage .section-circuit4 h1 span,
body.homepage .section-circuit4 p,
body.homepage .section-circuit4 p1,
body.homepage .section-circuit4 p2,
body.homepage .section-circuit5 h1,
body.homepage .section-circuit5 h1 span,
body.homepage .section-circuit5 p,
body.homepage .section-circuit5 p1,
body.homepage .section-circuit5 p2,
body.homepage .section-temoignages h1,
body.homepage .section-temoignages h1 span,
body.homepage .section-temoignages p,
body.homepage .section-temoignages p1,
body.homepage .section-temoignages p2 {
	color: #f7f1e5;
}

body.homepage .circuit1-list .icon-part,
body.homepage .circuit2-list .icon-part,
body.homepage .circuit3-list .icon-part,
body.homepage .circuit4-list .icon-part,
body.homepage .circuit5-list .icon-part,
body.homepage .temoignages-list .icon-part,
body.homepage #contact button.submit {
	background: #d88932;
}

body.homepage .circuit1-list p,
body.homepage .circuit2-list p,
body.homepage .circuit3-list p,
body.homepage .circuit4-list p,
body.homepage .circuit5-list p,
body.homepage .temoignages-list p {
	color: #d9e4dc;
}

body.homepage #contact h1 {
	color: #254b46;
}

body.homepage #contact label {
	color: #4d625b;
}

body.homepage #contact label span {
	color: #a95d1f;
}

body.homepage #contact input:focus,
body.homepage #contact textarea:focus,
body.homepage #contact select:focus {
	border-color: #d88932;
}

body.homepage .captcha-field {
	margin-top: 12px;
}

body.homepage .captcha-question {
	color: #254b46;
	font-weight: 600;
	margin: 4px 0 10px;
}

body.homepage .website-field {
	height: 1px;
	left: -10000px;
	overflow: hidden;
	position: absolute;
	top: auto;
	width: 1px;
}

body.homepage #contact button.submit:disabled {
	cursor: wait;
	opacity: 0.65;
}

body.homepage #contact button.submit:hover {
	background: #b96e22;
}

body.homepage footer {
	background: #153f3d;
}

body.homepage footer a,
body.homepage footer a:visited,
body.homepage footer h3 {
	color: #f4d7a0;
}

body.homepage footer #go-top a {
	background: #d88932;
}

body.homepage footer #go-top a:hover {
	background: #b96e22;
	color: #ffffff;
}

body.homepage .whatsapp-float {
	align-items: center;
	background: #25d366;
	border-radius: 50%;
	bottom: 24px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.24);
	color: #ffffff;
	display: inline-flex;
	flex: 0 0 64px;
	height: 64px;
	left: 24px;
	justify-content: center;
	padding: 0;
	position: fixed;
	text-decoration: none;
	transition: background 160ms ease, transform 160ms ease;
	width: 64px;
	z-index: 995;
}

body.homepage .whatsapp-float:hover,
body.homepage .whatsapp-float:focus {
	background: #1eae54;
	color: #ffffff;
	text-decoration: none;
	transform: translateY(-3px);
}

body.homepage .whatsapp-float .whatsapp-icon {
	display: block;
	height: 36px;
	width: 36px;
}

@media only screen and (max-width: 600px) {
	body.homepage .whatsapp-float {
		bottom: 16px;
		left: 16px;
	}
}

/* Destination photos in the circuit sections. */
body.homepage #circuit1 .section-intronisation .tab-whole.four.columns,
body.homepage #circuit2 .section-intronisation .tab-whole.four.columns,
body.homepage #circuit3 .section-intronisation .tab-whole.four.columns,
body.homepage #circuit4 .section-intronisation .tab-whole.four.columns,
body.homepage #circuit5 .section-intronisation .tab-whole.four.columns {
	padding: 12px;
	width: 33.33333%;
}

body.homepage #circuit1 .section-intronisation .tab-whole.four.columns .bgrid.member,
body.homepage #circuit2 .section-intronisation .tab-whole.four.columns .bgrid.member,
body.homepage #circuit3 .section-intronisation .tab-whole.four.columns .bgrid.member,
body.homepage #circuit4 .section-intronisation .tab-whole.four.columns .bgrid.member,
body.homepage #circuit5 .section-intronisation .tab-whole.four.columns .bgrid.member {
	background: #f7f1e5;
	border: 1px solid rgba(244, 215, 160, 0.35);
	border-radius: 14px;
	box-shadow: 0 12px 28px rgba(5, 30, 28, 0.24);
	color: #254b46;
	float: none;
	overflow: hidden;
	padding: 0;
	transition: transform 180ms ease, box-shadow 180ms ease;
	width: 100%;
}

body.homepage #circuit1 .section-intronisation .tab-whole.four.columns .bgrid.member:hover,
body.homepage #circuit2 .section-intronisation .tab-whole.four.columns .bgrid.member:hover,
body.homepage #circuit3 .section-intronisation .tab-whole.four.columns .bgrid.member:hover,
body.homepage #circuit4 .section-intronisation .tab-whole.four.columns .bgrid.member:hover,
body.homepage #circuit5 .section-intronisation .tab-whole.four.columns .bgrid.member:hover {
	box-shadow: 0 18px 34px rgba(5, 30, 28, 0.32);
	transform: translateY(-4px);
}

body.homepage #circuit1 .section-intronisation .tab-whole.four.columns .bgrid.member img,
body.homepage #circuit2 .section-intronisation .tab-whole.four.columns .bgrid.member img,
body.homepage #circuit3 .section-intronisation .tab-whole.four.columns .bgrid.member img,
body.homepage #circuit4 .section-intronisation .tab-whole.four.columns .bgrid.member img,
body.homepage #circuit5 .section-intronisation .tab-whole.four.columns .bgrid.member img {
	display: block;
	width: 100%;
	height: 220px;
	object-fit: cover;
}

body.homepage #circuit1 .section-intronisation .tab-whole.four.columns .bgrid.member p,
body.homepage #circuit2 .section-intronisation .tab-whole.four.columns .bgrid.member p,
body.homepage #circuit3 .section-intronisation .tab-whole.four.columns .bgrid.member p,
body.homepage #circuit4 .section-intronisation .tab-whole.four.columns .bgrid.member p,
body.homepage #circuit5 .section-intronisation .tab-whole.four.columns .bgrid.member p {
	color: #254b46;
	font-size: 20px;
	font-weight: 600;
	margin: 0;
	min-height: 58px;
	padding: 14px 10px;
}

@media only screen and (max-width: 768px) {
	body.homepage #circuit1 .section-intronisation .tab-whole.four.columns,
	body.homepage #circuit2 .section-intronisation .tab-whole.four.columns,
	body.homepage #circuit3 .section-intronisation .tab-whole.four.columns,
	body.homepage #circuit4 .section-intronisation .tab-whole.four.columns,
	body.homepage #circuit5 .section-intronisation .tab-whole.four.columns {
		width: 50%;
	}
}

@media only screen and (max-width: 600px) {
	body.homepage #circuit1 .section-intronisation .tab-whole.four.columns,
	body.homepage #circuit2 .section-intronisation .tab-whole.four.columns,
	body.homepage #circuit3 .section-intronisation .tab-whole.four.columns,
	body.homepage #circuit4 .section-intronisation .tab-whole.four.columns,
	body.homepage #circuit5 .section-intronisation .tab-whole.four.columns {
		width: 100%;
	}

	body.homepage #circuit1 .section-intronisation .tab-whole.four.columns .bgrid.member img,
	body.homepage #circuit2 .section-intronisation .tab-whole.four.columns .bgrid.member img,
	body.homepage #circuit3 .section-intronisation .tab-whole.four.columns .bgrid.member img,
	body.homepage #circuit4 .section-intronisation .tab-whole.four.columns .bgrid.member img,
	body.homepage #circuit5 .section-intronisation .tab-whole.four.columns .bgrid.member img {
		height: 200px;
	}
}