/*********************/
 
body{
	  font-family: "Google Sans Flex", sans-serif;
	background-color:#fefefe;
	font-size:16px !important;
 
}
 
h1, h2, h3{
	  font-family: "Libre Baskerville", serif;
 
}
h2 {
    font-size: 45px;
}
img, svg {
    vertical-align: middle;
    max-width: 100%;
}
a{
	display:inline-block;
}
 
/*****************/
 
.header {
    background-color: #f8f5f3;
    /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); */
    position: sticky;
    top: 0;
    z-index: 999;
}
 
.header_top {
    padding: 12px 0;
}
 
 
.header .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
 
 
.header img {
    max-width: 110px;
    height: auto;
    display: block;
}
 
.header_menu {
    display: flex;
    justify-content: flex-end;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 28px;
}
 
.header_menu > li {
    position: relative;
}
 
.header_menu > li > a {
    text-decoration: none;
    color: #222;
    font-size: 16px;
    font-weight: 500;
    transition: color 0.2s ease;
}
 
.header_menu > li > a:hover,
.header_menu > li.current-menu-item > a {
    color: #46542c;
}
 
/* Dropdown submenu */
.header_menu .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    min-width: 240px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    list-style: none;
    padding: 8px 0;
    margin: 0;
    border-radius: 6px;
}
 
.header_menu li:hover > .sub-menu {
    display: block;
}
 
.header_menu .sub-menu li a {
    display: block;
    padding: 8px 16px;
    font-size: 14px;
    color: #333;
    white-space: nowrap;
}
 
.header_menu .sub-menu li a:hover {
    background: #f5f5f5;
    color: #46542c;
}
 
.container{
	max-width:1366px;
}
/* Mobile responsive */
@media (max-width: 1400px) {
	.container {
    max-width: 1140px;
}
}
@media (max-width: 768px) {
    .header .row {
        flex-direction: column;
        align-items: flex-start;
    }
    .header .col-md-4, .header .col-md-8 {
        flex: 0 0 100%;
    }
    .header_menu {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 14px;
        margin-top: 10px;
    }
}
 
/***************/
.list-unstyled li {
    font-size: 16px;
}
p.text-muted-custom.small.lh-base.mb-0 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px !important;
}
.icon-box-pillar {
    padding: 10px;
}
 .wpcf7-submit{
        background-color: var(--secondary-container);
    color: var(--secondary-dark);
    border: none;
    font-weight: 600;
    font-size: 0.92rem;
    padding: 0.8rem 1.75rem;
    border-radius: 50rem;
    transition: all 0.25s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    text-decoration: none;
}
input.wpcf7-form-control.wpcf7-email {
    border-radius: 20px;
    border: 0px;
    padding: 15px 24px;
}
.link-quiet, a.btn-brand, a.btn.btn-primary.px-4.py-2 {
    background-color: #484969;
	border:1px solid #484969;
    text-decoration: none;
    color: #fff;
    padding: 8px 15px;
    border-radius: 50px;
}
.btn-brand-outline {
    background-color: transparent;
	border:1px solid #484969;
    text-decoration: none;
    color: #484969;
    padding: 8px 15px;
    border-radius: 50px;
}
.home-banner-btn {
    display: flex;
    align-items: center;
    gap: 20px;
}
.categories-subheading strong {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 200;
    opacity: 0.7;
}
.categories-box {
    background-color: #faf5f2;
    padding: 15px;
    border-radius: 10px;
	    background-color: #faf5f2;
    padding: 15px;
    border-radius: 10px;
    text-align: center;
    height: 100%;
}
.categories-box h3 {
    font-size: 20px;
    line-height: normal;
    margin-top: 12px;
    font-weight: 500;
    margin-bottom: 12px;
}
.category-icon img {
    background-color: #f8ecd7;
    width: 90px;
    margin: auto;
    text-align: center;
    padding: 16px;
    border-radius: 70px;
}
.categories-box p{
	 display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.categories-box a {
    color: #46542c;
    font-weight: 600;
}
 
.featured-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 30px;
}
section#featured {
    background-color: #f8f5f28a;
}
article.content-card {
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 17px 0px #e1e1e1;
    background-color: #fff;
}
a.post-thumb img {
    height: 290px;
    display: inline-block;
    overflow: hidden;
    object-fit: cover;
}
.card-body {
    padding: 20px 20px;
}
.card-body h3 a {
    text-decoration: none;
    color: #000000;
    font-size: 25px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.about-section-inside {
    background-color: #faf5f2;
    padding: 40px;
	 border-radius: 10px;
}
.about-section-inside img {
    border-radius: 10px;
}
.about-section-inside .row{
	align-items:center;
}
.newsletter-box {
    background-color: #46542c;
    padding: 40px 40px !important;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}
.dot-grid {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(#f6f3ec 1.5px, transparent 1.5px);
    background-size: 22px 22px;
    opacity: .08;
    color: #f6f3ec;
    pointer-events: none;
}
.newsletter-box p, .newsletter-box h2 {
    color: #fff !important;
}
span.wpcf7-spinner {
    position: absolute;
}
.wpcf7-submit {
    background-color: #f8f5f2;
}
.newsletter-box .wpcf7-form-control {
    border: 0px;
    height: 50px;
    border-radius: 10px;
    padding: 10px 20px;
    max-width: 550px;
    width: 100%;
}
 
.main-banner-section {
    background: #faf5f3;
}
section.pt-5.main-banner-section {
    position: relative;
}
.main-banner-section img {
    border-radius: 20px;
    box-shadow: 0px 0px 67px 0px #f4ecd9;
}
h1 {
    font-size: 63px;
    line-height: normal;
}
.footer-section {
    background-color: #faf5f2;
}
.wpcf7-response-output {
    color: #fff;
}
.footer-logo{
    width: 160px;
    margin-bottom: 20px;
}
.menu_list-footer h4 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    opacity: 0.5;
}
.footer-menu-wrap {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-menu-wrap li a {
    text-decoration: none;
    color: #000;
    margin-bottom: 4px;
}
.copy-write {
    background-color: #46542c;
    text-align: center;
}
.copy-write p {
    color: #fff !important;
    padding: 10px 0px;
} 
.copy-write p a {
    color: #fff  !important;
}

.back-link {
    text-decoration: none;
    color: #495331;
    text-transform: uppercase;
    font-weight: 600;
}
p.wp-block-paragraph {
    margin-bottom: 13px !important;
}
 
.header_menu .sub-menu li a {
    text-decoration: none;
}
 
@media (max-width: 1400px) {
.categories-box h3 {
    font-size: 17px;
}
.container {
    width: 95%;
}
}

@media (max-width: 1200px) {
body{
    overflow-x: hidden;
}
.featured-grid {
    grid-template-columns: 1fr 1fr;
}
}

@media (max-width: 768px) {
ul#header-menu {
    justify-content: flex-end;
}
    .header .row {
        flex-direction: row;
    }

    h1 {
    font-size: 35px;
}
.featured-grid {
        grid-template-columns: 1fr;
    }
    .header .row {
        flex-direction: column;
    }
    .header-logo {
    text-align: center;
}
.main-banner-section {
    padding-top: 27px !important;
}
ul#header-menu {
        justify-content: center;
        border-top: 1px solid #00000024;
        padding-top: 13px;
        padding-bottom: 13px;
        border-bottom: 1px solid #00000024;
    }
    .menu_list-footer .col-md-4 {
    margin-bottom: 17px;
}
.home-banner-btn {
    gap: 5px;
}
body {
    font-size: 12px !important;
}
}

@media (max-width: 480px) {
    .header_top .container-xl.d-flex.align-items-center.justify-content-between.py-3 {
    display: inline-block !important;
    text-align: center;
}
.header_top a.d-flex.align-items-center.gap-3.text-decoration-none img {
    height: 80px !important;
}
    .header_top a.d-flex.align-items-center.gap-3.text-decoration-none {
    text-align: center !important;
    margin: auto !important;
    display: inline-block !important;
}
}
@media (max-width: 360px) {
.header_menu li a {
    font-size: 14px;
}
}

/*9-9-2026*/
  :root {
      --primary-color: #313251;
      --primary-container: #484969;
      --primary-light: #e1e0ff;
      --secondary-color: #56624f;
      --secondary-container: #dae7ce;
      --secondary-light: #ecf3e5;
      --secondary-dark: #3a4533;
      --surface: #f9f9fe;
      --surface-container-low: #f3f3f9;
      --surface-container-high: #e8e8ed;
      --surface-container-highest: #e2e2e7;
      --text-main: #1a1c20;
      --text-muted: #47464d;
      --text-subtle: #77767e;
      --font-serif: 'Playfair Display', Georgia, serif;
      --font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
    }

    body {
      background-color: var(--surface);
      color: var(--text-main);
      font-family: var(--font-sans);
      overflow-x: hidden;
      -webkit-font-smoothing: antialiased;
    }

    /* Headings font */
    h1, h2, h3, h4, .font-serif {
      font-family: var(--font-serif);
    }

    .font-editorial-italic {
      font-family: var(--font-serif);
      font-style: italic;
      font-weight: 400;
      color: var(--secondary-color);
    }

    /* Eyebrow Label */
    .eyebrow-badge {
      font-size: 0.72rem;
      font-weight: 700;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      padding: 0.4rem 0.9rem;
      border-radius: 50rem;
      display: inline-flex;
      align-items: center;
      gap: 0.4rem;
      background-color: var(--secondary-container);
      color: var(--secondary-dark);
    }

    .eyebrow-text {
      font-size: 0.72rem;
      font-weight: 700;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--secondary-color);
    }

    /* Navbar styling */
    .navbar-custom {
      background-color: rgba(249, 249, 254, 0.95);
      backdrop-filter: blur(16px);
      box-shadow: 0 1px 10px rgba(49, 50, 81, 0.05);
      transition: all 0.3s ease;
    }

    .nav-pill-active {
      background-color: var(--secondary-container) !important;
      color: var(--secondary-dark) !important;
      font-weight: 700;
      border-radius: 50rem;
      padding: 0.35rem 1rem !important;
    }

    .nav-link-custom {
      font-size: 0.9rem;
      font-weight: 600;
      color: var(--text-muted);
      padding: 0.35rem 0.75rem;
      transition: color 0.2s ease;
    }
    .nav-link-custom:hover {
      color: var(--primary-color);
    }

    /* Buttons */
    .btn-primary-brand {
      background-color: var(--primary-container);
      color: #ffffff;
      border: none;
      font-weight: 600;
      font-size: 0.92rem;
      padding: 0.8rem 1.75rem;
      border-radius: 50rem;
      transition: all 0.25s ease;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.5rem;
      text-decoration: none;
    }
    .btn-primary-brand:hover {
      background-color: var(--primary-color);
      color: #ffffff;
      transform: translateY(-1px);
      box-shadow: 0 4px 12px rgba(49, 50, 81, 0.25);
    }

    .btn-secondary-brand {
      background-color: var(--secondary-container);
      color: var(--secondary-dark);
      border: none;
      font-weight: 600;
      font-size: 0.92rem;
      padding: 0.8rem 1.75rem;
      border-radius: 50rem;
      transition: all 0.25s ease;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.5rem;
      text-decoration: none;
    }
    .btn-secondary-brand:hover {
      background-color: #c9d8bc;
      color: var(--secondary-dark);
      transform: translateY(-1px);
    }

    /* Hero visual */
    .hero-img-wrapper {
      position: relative;
      max-width: 440px;
      margin: 0 auto;
      border-radius: 1.5rem;
      box-shadow: 0 20px 40px -15px rgba(49, 50, 81, 0.15);
      background: #ffffff;
    }
    .hero-img-wrapper img {
      border-radius: 1.5rem;
      width: 100%;
      height: 480px;
      object-fit: cover;
      object-position: top;
    }
    .hero-floating-card {
      position: absolute;
      bottom: 1rem;
      left: 1rem;
      right: 1rem;
      background: rgba(255, 255, 255, 0.96);
      backdrop-filter: blur(12px);
      border-radius: 1rem;
      padding: 1rem;
      box-shadow: 0 10px 25px -5px rgba(49, 50, 81, 0.12);
      display: flex;
      align-items: center;
      gap: 0.85rem;
      text-decoration: none;
      color: inherit;
      transition: transform 0.2s ease, box-shadow 0.2s ease;
    }
    .hero-floating-card:hover {
      transform: translateY(-2px);
      box-shadow: 0 14px 30px -5px rgba(49, 50, 81, 0.18);
    }

    /* Cards */
    .card-pillar {
      background: #ffffff;
      border-radius: 1.25rem;
      padding: 1.75rem;
      border: 1px solid rgba(200, 197, 206, 0.25);
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
      text-decoration: none;
      color: inherit;
    }
    .card-pillar:hover {
      transform: translateY(-4px);
      box-shadow: 0 16px 32px rgba(49, 50, 81, 0.08);
      border-color: rgba(49, 50, 81, 0.15);
      color: inherit;
    }
    .icon-box-pillar {
      width: 3.5rem;
      height: 3.5rem;
      border-radius: 1rem;
      background-color: var(--secondary-container);
      color: var(--secondary-color);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.5rem;
      margin-bottom: 1.25rem;
      transition: transform 0.3s ease;
    }
    .card-pillar:hover .icon-box-pillar {
      transform: scale(1.08);
    }

    /* Article Card */
    .card-article {
      background: #ffffff;
      border-radius: 1.25rem;
      overflow: hidden;
      border: 1px solid rgba(200, 197, 206, 0.2);
      transition: all 0.3s ease;
      display: flex;
      flex-direction: column;
      height: 100%;
    }
    .card-article:hover {
      transform: translateY(-4px);
      box-shadow: 0 16px 32px rgba(49, 50, 81, 0.09);
    }
    .card-article-img {
      position: relative;
      width: 100%;
      aspect-ratio: 4 / 3;
      overflow: hidden;
      background: var(--surface-container-high);
    }
    .card-article-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.5s ease;
    }
    .card-article:hover .card-article-img img {
      transform: scale(1.04);
    }

    /* Filter pills */
    .filter-btn {
      font-size: 0.82rem;
      font-weight: 600;
      padding: 0.45rem 1.1rem;
      border-radius: 50rem;
      border: none;
      background-color: var(--surface-container-high);
      color: var(--text-muted);
      transition: all 0.2s ease;
      white-space: nowrap;
    }
    .filter-btn:hover {
      background-color: var(--secondary-container);
      color: var(--secondary-dark);
    }
    .filter-btn.active {
      background-color: var(--primary-color);
      color: #ffffff;
      box-shadow: 0 2px 8px rgba(49, 50, 81, 0.2);
    }

    /* Big Newsletter Card */
    .newsletter-section-box {
      background-color: var(--primary-color);
      color: #ffffff;
      border-radius: 2rem;
      padding: 3.5rem 2rem;
      position: relative;
      overflow: hidden;
      box-shadow: 0 20px 45px rgba(49, 50, 81, 0.22);
    }
    .newsletter-section-box::before {
      content: '';
      position: absolute;
      right: -80px;
      bottom: -80px;
      width: 320px;
      height: 320px;
      border-radius: 50%;
      background: rgba(72, 73, 105, 0.45);
      filter: blur(60px);
      pointer-events: none;
    }
    .newsletter-section-box::after {
      content: '';
      position: absolute;
      top: -40px;
      left: 10%;
      width: 240px;
      height: 240px;
      border-radius: 50%;
      background: rgba(218, 231, 206, 0.12);
      filter: blur(50px);
      pointer-events: none;
    }

    /* Footer styling */
    footer {
      background-color: var(--surface-container-low);
      border-top: 1px solid rgba(200, 197, 206, 0.35);
    }
    .footer-link {
      color: var(--text-muted);
      text-decoration: none;
      font-size: 0.88rem;
      transition: color 0.2s ease;
      line-height: 1.7;
    }
    .footer-link:hover {
      color: var(--primary-color);
      text-decoration: underline;
    }
    .social-icon-btn {
      width: 2.5rem;
      height: 2.5rem;
      border-radius: 50%;
      background-color: var(--surface-container-high);
      color: var(--primary-color);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      transition: all 0.2s ease;
    }
    .social-icon-btn:hover {
      background-color: var(--secondary-container);
      color: var(--secondary-dark);
      transform: translateY(-2px);
    }

    /* Custom utilities */
    .bg-surface-low { background-color: var(--surface-container-low); }
    .text-primary-brand { color: var(--primary-color) !important; }
    .text-secondary-brand { color: var(--secondary-color) !important; }
    .text-muted-custom { color: var(--text-muted); }