/* Germany Heritage Trips custom palette
   Dark green #14532D | Beer amber #B45309 | Cream #FFF1DC | Graphite #18181B */
:root {
  --ght-green: #14532D;
  --ght-amber: #B45309;
  --ght-cream: #FFF1DC;
  --ght-graphite: #18181B;
  --ght-text: #4B5563;
}

body {
  background: #fffaf2;
  color: var(--ght-text);
}

a, .single_footer ul li a { color: var(--ght-green); }
a:hover, .single_footer ul li a:hover { color: var(--ght-amber); }

.header_absolute,
.header_area.sticky {
  background: linear-gradient(90deg, rgba(20,83,45,.97), rgba(180,83,9,.94), rgba(24,24,27,.96)) !important;
  box-shadow: 0 14px 36px rgba(24,24,27,.18);
}

.logo { max-width: 230px; }
.logo h3 {
  color: var(--ght-cream) !important;
  font-size: 24px;
  line-height: 1.08;
  letter-spacing: -0.02em;
}

.main_menu ul li a {
  color: var(--ght-cream) !important;
  font-weight: 700;
}
.main_menu ul li a:hover { color: #ffffff !important; }

.welcome_area {
  min-height: 920px;
  background:
    radial-gradient(circle at 88% 18%, rgba(255,241,220,.34), transparent 28%),
    radial-gradient(circle at 15% 78%, rgba(180,83,9,.38), transparent 34%),
    linear-gradient(135deg, #14532D 0%, #B45309 42%, #FFF1DC 72%, #18181B 100%);
  overflow: hidden;
}
.welcome_area:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(20,83,45,.72), rgba(24,24,27,.26), rgba(24,24,27,.44));
  z-index: -1;
}
.welcome_area .title h1,
.welcome_area .title h6 {
  color: var(--ght-cream) !important;
  text-shadow: 0 3px 18px rgba(0,0,0,.22);
}
.welcome_area .title h6 { color: rgba(255,241,220,.9) !important; }

.apps img,
.feature_tab_img_right img,
.feature_tab_img_left img,
.mobile_feature_img img,
.mobile_feature_img2 img,
.apps_app img,
.screen_carousel img {
  border-radius: 28px;
  box-shadow: 0 30px 80px rgba(24,24,27,.28);
  border: 1px solid rgba(255,241,220,.58);
}

.primary_bg {
  background: linear-gradient(135deg, rgba(255,241,220,.92), rgba(20,83,45,.10), rgba(180,83,9,.09)) !important;
}

.single_core_feature,
.single_more_feature,
.single_about,
.card,
.contact_info {
  border-radius: 20px !important;
  border: 1px solid rgba(20,83,45,.12);
}
.single_core_feature:hover,
.single_more_feature:hover,
.single_about:hover,
.contact_info {
  background: #ffffff !important;
  box-shadow: 0 22px 60px rgba(20,83,45,.14) !important;
}
.content_box h6,
.heading h1,
.heading.hbm h1,
h1,h2,h3,h4,h5,h6 {
  color: var(--ght-graphite) !important;
}
.heading p,
.content_box p,
.card-body,
.contact_info p {
  color: var(--ght-text) !important;
}

.about_line:after,
.about_line2:after,
.icon_box,
.screen_carousel .owl-dots .owl-dot.active,
.third_bg {
  background: var(--ght-amber) !important;
}

.faq_area .card-header button,
.btn-link {
  color: var(--ght-green) !important;
  font-weight: 700;
}
.faq_area .card-header button:hover { color: var(--ght-amber) !important; }

.contact_area {
  background: linear-gradient(135deg, rgba(255,241,220,.96), rgba(20,83,45,.10)) !important;
}
.contact_form .form-control:focus {
  border-color: var(--ght-amber) !important;
  box-shadow: 0 0 0 0.2rem rgba(180,83,9,.14) !important;
}
.contact_form .btn-primary {
  background: linear-gradient(90deg, var(--ght-green), var(--ght-amber)) !important;
  border: none !important;
  color: var(--ght-cream) !important;
  box-shadow: 0 18px 40px rgba(20,83,45,.22);
}
.contact_form .btn-primary:hover {
  background: linear-gradient(90deg, #0F3F23, #92400E) !important;
}

.footer {
  background: linear-gradient(135deg, #14532D 0%, #18181B 56%, #B45309 100%);
}
.footer h3,
.footer p,
.footer a,
.footer .single_footer ul li a,
.footer .single_footer ul li p {
  color: var(--ght-cream) !important;
}
.footer a:hover { color: #ffffff !important; }
.copyright {
  background: #18181B;
  border-top: 1px solid rgba(255,241,220,.16) !important;
}
.copyright p,
.copyright a { color: var(--ght-cream) !important; }

.slicknav_menu { background: transparent !important; }
.slicknav_nav { background: #18181B !important; border-radius: 14px; padding: 12px !important; }
.slicknav_btn { background: #B45309 !important; }

@media screen and (max-width: 767px) {
  .welcome_area { min-height: auto; }
  .logo h3 { font-size: 19px; }
}