@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&family=Satoshi:wght@400;500;700;900&display=swap');

:root {
  --postcard-white: #FFFDF8;
  --terracotta: #C96C4B;
  --olive: #6C7A47;
  --azure: #3C82C6;
  --ink: #243039;
  --warm-sand: #F5E7D3;
  --paper-line: rgba(201, 108, 75, 0.22);
  --soft-azure: rgba(60, 130, 198, 0.14);
}

html, body {
  background: var(--postcard-white) !important;
  color: var(--ink) !important;
  font-family: 'Satoshi', Arial, sans-serif !important;
}

body:before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background:
    radial-gradient(circle at 12% 10%, rgba(60,130,198,.13), transparent 28%),
    radial-gradient(circle at 88% 18%, rgba(201,108,75,.13), transparent 30%),
    linear-gradient(0deg, rgba(108,122,71,.035), rgba(108,122,71,.035)),
    repeating-linear-gradient(90deg, rgba(201,108,75,.035) 0 1px, transparent 1px 80px);
}

h1, h2, h3, h4, h5, h6,
.slide-title h2,
.section-title h2,
.section-title-s3 h2,
.category-title h2,
.offer-title h2,
.navbar-brand {
  font-family: 'Libre Baskerville', Georgia, serif !important;
  color: var(--ink) !important;
  letter-spacing: -0.025em;
}

p, li, a, input, textarea, button, span {
  font-family: 'Satoshi', Arial, sans-serif !important;
}

a { color: var(--olive); transition: .25s ease; }
a:hover { color: var(--terracotta); }

.section-padding { padding-top: 104px; padding-bottom: 104px; }

.site-header,
.header-style-1,
.navigation {
  background: rgba(255, 253, 248, 0.91) !important;
  border-bottom: 1px solid var(--paper-line);
  box-shadow: 0 14px 44px rgba(36, 48, 57, 0.07);
  backdrop-filter: blur(16px);
}

.navbar-brand {
  color: var(--terracotta) !important;
  font-size: 30px !important;
  font-weight: 700 !important;
}

.navigation .navbar-nav > li > a {
  color: var(--ink) !important;
  font-weight: 800 !important;
  letter-spacing: .05em;
  text-transform: uppercase;
  font-size: 13px !important;
}
.navigation .navbar-nav > li > a:hover { color: var(--terracotta) !important; }

.hero.hero-style-1 {
  background:
    linear-gradient(rgba(255,253,248,.72), rgba(255,253,248,.52)),
    radial-gradient(circle at 22% 28%, rgba(201,108,75,.18), transparent 34%),
    linear-gradient(135deg, #FFFDF8 0%, #F6E4D6 48%, #E9F2FA 100%) !important;
  min-height: 790px;
  overflow: hidden;
}

.hero.hero-style-1:after {
  content: "";
  position: absolute;
  right: 8%;
  top: 130px;
  width: 170px;
  height: 118px;
  border: 2px solid rgba(201,108,75,.34);
  border-radius: 18px;
  transform: rotate(7deg);
  background: rgba(255,253,248,.42);
}

.hero .slide-caption {
  background: rgba(255, 253, 248, 0.84) !important;
  border: 1px solid rgba(201,108,75,.24) !important;
  border-radius: 26px !important;
  box-shadow: 0 38px 90px rgba(36,48,57,.13) !important;
  padding: 58px 48px !important;
  margin-top: 124px;
  position: relative;
}
.hero .slide-caption:before {
  content: "Travel journal";
  display: inline-block;
  color: var(--terracotta);
  text-transform: uppercase;
  letter-spacing: .18em;
  font-size: 12px;
  font-weight: 900;
  margin-bottom: 18px;
}
.hero .slide-title h2 {
  font-size: clamp(46px, 5.8vw, 16px) !important;
  line-height: .98 !important;
  text-transform: none !important;
}
.hero .slide-title h2 span { color: var(--azure) !important; display: inline; }

.right-image .simg-1 img,
.category-img img,
.product-img img,
.offer-img img,
.img-holder img,
.testimonial-img img,
.blog-img img {
  border-radius: 24px !important;
  box-shadow: 0 28px 70px rgba(36,48,57,.13) !important;
  filter: saturate(1.04) contrast(.98) brightness(1.02);
}
.right-image .simg-1 img {
  border: 12px solid rgba(255,253,248,.94) !important;
  transform: rotate(-1.5deg);
}

.category-area,
.product-area,
.testimonial-area,
.blog-area {
  background: transparent !important;
}

.category-wrap,
.product-item,
.project-inner,
.blog-item,
.contact-form-area,
.contact-details,
.offer-wrap,
.testimonial-item,
.pt-cus .container {
  background:
    linear-gradient(180deg, rgba(255,253,248,.93), rgba(255,253,248,.82)),
    repeating-linear-gradient(0deg, rgba(201,108,75,.035) 0 1px, transparent 1px 28px) !important;
  border: 1px solid var(--paper-line) !important;
  border-radius: 26px !important;
  box-shadow: 0 22px 58px rgba(36,48,57,.08) !important;
}
.category-wrap, .contact-details, .contact-form-area, .offer-wrap, .pt-cus .container { padding: 38px !important; }

.category-item { border-bottom: 1px dashed rgba(201,108,75,.3) !important; }
.category-item:last-child { border-bottom: 0 !important; }
.category-content h2,
.product-content h3,
.blog-content h3,
.details h3 {
  font-family: 'Libre Baskerville', Georgia, serif !important;
  color: var(--ink) !important;
}
.category-content h2 a { font-family: 'Libre Baskerville', Georgia, serif !important; color: var(--ink) !important; }

.product-content,
.blog-content,
.hover-content {
  background: rgba(255,253,248,.93) !important;
  border-color: var(--paper-line) !important;
}

.product-item:hover,
.project-inner:hover,
.blog-item:hover {
  transform: translateY(-4px) rotate(-.2deg);
  box-shadow: 0 34px 78px rgba(36,48,57,.12) !important;
}

.offer-area {
  background:
    linear-gradient(135deg, rgba(201,108,75,.95), rgba(108,122,71,.94)),
    repeating-linear-gradient(45deg, rgba(255,255,255,.09) 0 2px, transparent 2px 18px) !important;
}
.offer-title small,
.offer-title h2,
.offer-title h2 span,
.offer-wrap p { color: #FFFDF8 !important; }
.offer-wrap { background: rgba(255,253,248,.14) !important; border-color: rgba(255,253,248,.34) !important; }

.theme-btn, button.theme-btn, .submit-area button {
  background: var(--terracotta) !important;
  color: #fff !important;
  border-radius: 999px !important;
  border: 0 !important;
  padding: 16px 34px !important;
  box-shadow: 0 18px 38px rgba(201,108,75,.26) !important;
  font-weight: 900 !important;
  letter-spacing: .03em;
}
.theme-btn:hover, button.theme-btn:hover { background: var(--olive) !important; color: #fff !important; }

.form-control, textarea {
  background: #FFFDF8 !important;
  border: 1px solid rgba(201,108,75,.32) !important;
  border-radius: 18px !important;
  color: var(--ink) !important;
}
.form-control:focus, textarea:focus {
  border-color: var(--azure) !important;
  box-shadow: 0 0 0 4px rgba(60,130,198,.15) !important;
}

.tp-site-footer {
  background: #243039 !important;
  color: rgba(255,253,248,.78) !important;
  border-top: 8px solid var(--terracotta);
}
.tp-site-footer h3,
.tp-site-footer a,
.tp-site-footer p,
.tp-site-footer li { color: rgba(255,253,248,.84) !important; }
.tp-site-footer a:hover { color: #F6E4D6 !important; }
.tp-lower-footer { background: rgba(0,0,0,.18) !important; }

.cookie-banner-center {
  border-radius: 24px !important;
  border: 1px solid var(--paper-line) !important;
  box-shadow: 0 28px 70px rgba(36,48,57,.16) !important;
  background: #FFFDF8 !important;
}
.cookie-btn.accept { background: var(--terracotta) !important; }
.cookie-btn.manage { color: var(--ink) !important; }

@media (max-width: 991px) {
  .hero.hero-style-1 { min-height: auto; padding: 120px 0 80px; }
  .hero .slide-caption { margin-top: 38px; padding: 34px 28px !important; }
  .section-padding { padding-top: 72px; padding-bottom: 72px; }
}