/*
Theme Name: Spacious Child
Theme URI: https://themegrill.com/themes/spacious
Template: spacious
Author: ThemeGrill
Author URI: https://themegrill.com
Description: Spacious is an incredible free business WordPress theme that fits small to medium businesses. This responsive theme is optimized for speed. So, you end up with a business website that loads within 1 second. Since Spacious is compatible with WooCommerce, you can easily set up an online store for your business. It's amazing collection of 16 free starter demos makes building a complete website very beginner-friendly. Spacious theme supports Gutenberg and page builder plugins like Elementor, Brizy, Beaver Builder, SiteOrigin, etc. So, import a demo with just one click and start customizing it using a page builder of your choice. Here are the key Spacious features you get with this theme: >> Well-coded >> Translation & RTL Ready >> Sticky Menu >> Complete Documentation >> Multiple Widget Areas >> Optimized for SEO >> Compatible with Major Browsers. Try this free theme yourself to establish and grow your business’ online presence without having to rely on developers or designers. You can always reach out at https://themegrill.com/contact/ if you encounter any issues. Also, explore all the available free starter sites at https://themegrilldemos.com/spacious-demos.
Tags: one-column,two-columns,right-sidebar,left-sidebar,flexible-header,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,featured-images,theme-options,footer-widgets,blog,e-commerce,rtl-language-support
Version: 9991.9.12.1759914547
Updated: 2025-10-08 09:09:07

*/

:root{
  --bg:#F9F7F4;
  --card:#FFFFFF;
  --accent:#C17A2B;
  --accent2: #6B2C2C;
  --heading:#3E2723;
  --text:#4E443C;
  --mute:#8B8175;
  --hover:#A88B5F;
  --footer-bg:#6B2C2C;
  --footer-text:#F9F7F4;
}

body{background:var(--bg); color:var(--text);}
a{color:var(--accent);}
a:hover{color:var(--hover);}
h1,h2,h3{color:var(--heading);}
.site-header {
	background: var(--accent2);
}
.site-footer{
  background:var(--footer-bg); 
  color:var(--footer-text);
}
#header-text-nav-wrap {
	padding-top: 10px;
	padding-bottom: 10px;
}


@media (min-width: 768px) {
  .nav-menu a {
    font-size: 16px;
    font-weight: 500;
    color: #F9F7F4;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: color 0.2s;
  }
  .nav-menu a:hover {
    color: #D8B68B;
  }
}

.disclaimer-blk {
	max-width: 860px;
	margin: 20px auto 8px;
	padding: 18px 24px;
	font-size: 14px;
	line-height: 1.6;
	color: #4E443C;
	background: #FFFFFF;
	border: 1px solid #E5E1DB;
	border-radius: 4px;
	box-shadow: 0 2px 6px rgba(0,0,0,.05);
	text-align: left;
}
@media (max-width: 600px) {
    .disclaimer-blk {
        padding: 14px 18px;
    }
}

.front-first-blk {
	margin: -41px auto 20px;
}

.theme-blk {
    margin-bottom: 16px;
    padding: 16px;
    background: #F9F7F4;
    border: 1px solid #E5E1DB;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,.05);
}
.theme-blk h2 {
    margin-top: 0;
    font-weight: 600;
    color: #6B2C2C;
    letter-spacing: 0.4px;
}
.theme-blk p {
    margin: 0;
    line-height: 1.7;
    color: #4E443C;
}

.theme-blk2 {
    margin-bottom: 16px;
    padding: 16px;
    background: #6B2C2C;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,.1);
}
.theme-blk2 h2 {
    margin-top: 0;
    font-weight: 600;
    color: #F9F7F4;
    letter-spacing: 0.4px;
}
.theme-blk2 p {
    margin: 0;
    line-height: 1.7;
    color: #D8B68B;
}

.glance-blk {
    margin-bottom: 16px;
    padding: 16px;
    background: #FFFFFF;
    border: 1px solid #E5E1DB;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,.05);
}

.glance-blk h2 {
    margin-top: 0;
    font-weight: 600;
    color: #6B2C2C;
    letter-spacing: 0.4px;
}

.glance-blk ul {
    list-style: none;
    padding-left: 0;
    margin: 0 0 16px;
}

.glance-blk li {
    padding: 6px 0;
    font-size: 16px;
    color: #4E443C;
}

.glance-blk li::before {
    margin-right: 8px;
}

.glance-blk li:nth-child(1)::before { content: '📅'; }
.glance-blk li:nth-child(2)::before { content: '🥩'; }
.glance-blk li:nth-child(3)::before { content: '🥃'; }
.glance-blk li:nth-child(4)::before { content: '👨‍🍳'; }

.glance-blk p {
    margin: 0;
    font-size: 16px;
    color: #4E443C;
}

.nomrk {
    list-style: none;
    padding-left: 0;
}