/*
Theme Name: Twenty Sixteen
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 3.7
Tested up to: 6.9
Requires at least: 4.4
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, block-patterns
Text Domain: twentysixteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


 body {
        font-size: 17px;
      }

      .nav-blur {
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
      }

      .banner-soft {
        background: radial-gradient(circle at top left, #d5aa3b33 0, transparent 55%),
          radial-gradient(circle at bottom right, #294e3b33 0, transparent 55%), #f6efe6;
      }

      .gallery-overlay {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.75);
        display: none;
        align-items: center;
        justify-content: center;
        z-index: 50;
      }

      .gallery-overlay.open {
        display: flex;
      }

      /* Owl slider nav styling */
      .owl-nav {
        position: absolute;
        top: 50%;
        left: 1.25rem;
        right: 1.25rem;
        display: flex;
        justify-content: space-between;
        transform: translateY(-50%);
        pointer-events: none;
      }

      .owl-nav button.owl-prev,
      .owl-nav button.owl-next {
        pointer-events: auto;
        width: 2.9rem !important;
        height: 2.9rem !important;
        border-radius: 9999px !important;
        padding: 0 !important;
        border: 1px solid rgba(230, 221, 207, 0.95) !important;
        background-color: rgba(246, 239, 230, 0.9) !important;
        color: #294e3b !important;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.5rem !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
      }

      .owl-nav button span {
        line-height: 1;
      }

      /* Owl slider dots - pill style */
      .owl-theme .owl-dots {
        position: absolute;
        bottom: 1.75rem;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        gap: 0.5rem;
      }

      .owl-theme .owl-dots .owl-dot span {
        width: 26px;
        height: 6px;
        border-radius: 9999px;
        background: rgba(230, 221, 207, 0.6);
        transition: all 0.25s ease;
      }

      .owl-theme .owl-dots .owl-dot.active span {
        background: #d5aa3b;
        width: 32px;
      }

      .owl-theme .owl-dots .owl-dot:hover span {
        background: #7a9680;
      }

      /* Testimonial avatar: keep image inside circle, no cutting */
      .testimonial-avatar {
        flex-shrink: 0;
        object-fit: cover;
        object-position: center center;
      }

      /* Hero slider: pattern overlay + depth */
      .hero-slider-wrap {
        position: relative;
        box-shadow: 0 4px 30px rgba(41, 78, 59, 0.15), 0 0 0 1px rgba(230, 221, 207, 0.2);
      }
      /* Darker overlay: left + bottom so text area is readable on any image */
      .hero-slide-overlay {
        background:
          linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.15) 45%, transparent 70%),
          linear-gradient(to top, rgba(0, 0, 0, 0.35) 0%, transparent 50%);
      }
      /* Separate shadow box – tag */
      .hero-tag-box {
        display: inline-block;
        padding: 0.4rem 1rem;
        background: rgba(0, 0, 0, 0.35);
        border-radius: 9999px;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
      }
      /* Separate shadow box – heading */
      .hero-heading-box {
        padding: 0.5rem 1rem 0.5rem 0;
        max-width: max-content;
        background: rgba(0, 0, 0, 0.3);
        border-radius: 0.5rem;
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5), 0 0 20px rgba(0, 0, 0, 0.2);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
      }
      /* Separate shadow box – paragraph */
      .hero-para-box {
        max-width: 28rem;
        padding: 0.75rem 1rem;
        background: rgba(0, 0, 0, 0.35);
        border-radius: 0.5rem;
        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.2);
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
      }