/*
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.1764328424
Updated: 2025-11-28 11:13:44

*/

h1, h2, h3 {
  margin-top: 35px;
  margin-bottom: 20px;
}
.wp-block-image img {
	margin-bottom: 0;
}
.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: unset;
}
.large-text {
  font-size: 2.5em;
  margin-bottom: 16px;
}
.description-text {
	text-transform: uppercase;
	font-size: 0.75em;
}

.theme-blk {
  background: linear-gradient(135deg, #f1f8f4 0%, #e8f5e9 100%);
  border: 2px solid #a5d6a7;
  padding: 24px;
  margin: 32px 0;
  position: relative;
}

.theme-blk::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: #66bb6a;
}

.theme-blk h3 {
  color: #2e7d32;
  margin: 0 0 16px 0;
  padding-bottom: 12px;
  border-bottom: 2px solid #a5d6a7;
}

.theme-blk p {
  color: #1b5e20;
  line-height: 1.7;
}

.theme-blk2 {
  background: linear-gradient(135deg, #fff8e1 0%, #ffecb3 100%);
  border: 2px solid #ffd54f;
  padding: 24px;
  margin: 32px 0;
  box-shadow: 0 2px 12px rgba(255, 213, 79, 0.2);
}

.theme-blk2 h3 {
  color: #f57f17;
  margin: 0 0 16px 0;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.theme-blk2 p,
.theme-blk2 li {
  color: #e65100;
}

.list-blk {
  list-style: none !important;
  padding: 0 !important;
  margin: 24px 0;
}

.list-blk li {
  background: #f1f8f4;
  border-left: 3px solid #66bb6a;
  padding: 12px 12px 12px 40px;
  margin: 8px 0;
  position: relative;
  color: #1b5e20;
}

.list-blk li::before {
  content: "✓";
  position: absolute;
  left: 12px;
  top: 12px;
  color: #43a047;
  font-weight: bold;
  font-size: 18px;
}

.theme-blk2 .list-blk li,
.list-blk li.list-blk2 {
  background: #fff8e1;
  border-left: 3px solid #ffd54f;
  color: #e65100;
}

.theme-blk2 .list-blk li::before,
.list-blk li.list-blk2::before {
  content: "★";
  color: #ff8f00;
}

.large-text {
  color: #2e7d32;
  font-weight: bold;
  margin: 0 0 8px 0;
}

.description-text {
  color: #558b2f;
  margin: 0;
}

.color-cells {
  gap: 16px;
  margin: 24px 0;
}

.color-cells .wp-block-column {
  background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
  border: 2px solid #a5d6a7;
  padding: 24px;
  text-align: center;
  margin-bottom: 20px;
}

.color-cells .wp-block-column .large-text {
  color: #2e7d32;
}

.color-cells .wp-block-column p {
  color: #1b5e20;
}

.color-cells2 .wp-block-column {
  background: linear-gradient(135deg, #fff3e0 0%, #ffe0b2 100%);
  border: 2px solid #ffcc80;
  padding: 24px;
  text-align: center;
  margin-bottom: 20px;
}

.color-cells2 .wp-block-column .large-text {
  color: #e65100;
}

.color-cells2 .wp-block-column p {
  color: #bf360c;
}

.color-cells3 .wp-block-column {
  background: linear-gradient(135deg, #fce4ec 0%, #f8bbd0 100%);
  border: 2px solid #f48fb1;
  padding: 24px;
  text-align: center;
  margin-bottom: 20px;
}

.color-cells3 .wp-block-column .large-text {
  color: #c2185b;
}

.color-cells3 .wp-block-column p {
  color: #880e4f;
}

.color-cells4 .wp-block-column {
  background: linear-gradient(135deg, #e8eaf6 0%, #c5cae9 100%);
  border: 2px solid #9fa8da;
  padding: 24px;
  text-align: center;
  margin-bottom: 20px;
}

.color-cells4 .wp-block-column .large-text {
  color: #3949ab;
}

.color-cells4 .wp-block-column p {
  color: #1a237e;
}

.color-cells5 .wp-block-column {
  background: linear-gradient(135deg, #e0f2f1 0%, #b2dfdb 100%);
  border: 2px solid #80cbc4;
  padding: 24px;
  text-align: center;
  margin-bottom: 20px;
}

.color-cells5 .wp-block-column .large-text {
  color: #00796b;
}

.color-cells5 .wp-block-column p {
  color: #004d40;
}

.color-cells6 .wp-block-column {
  background: linear-gradient(135deg, #fff8e1 0%, #ffecb3 100%);
  border: 2px solid #ffd54f;
  padding: 24px;
  text-align: center;
  margin-bottom: 20px;
}

.color-cells6 .wp-block-column .large-text {
  color: #f57f17;
}

.color-cells6 .wp-block-column p {
  color: #f57f17;
}

.sources {
  background: #f1f8f4;
  border-left: 4px solid #66bb6a;
  padding: 16px 20px;
  margin: 32px 0;
  color: #2e7d32;
}

.disclaimer {
	background: #fff8e1;
	border: 2px solid #ffd54f;
	padding: 16px 16px 16px 32px;
	margin: 32px 0;
	color: #511300;
	position: relative;
}

.disclaimer::before {
	content: "⚠";
	position: absolute;
	top: 20px;
	left: -10px;
	background: #fff8e1;
	color: #ff8f00;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #ffd54f;
	font-size: .8em;
}

h1 {
  color: #2e7d32;
  border-bottom: 3px solid #66bb6a;
  padding-bottom: 12px;
}

h2 {
  color: #388e3c;
  border-bottom: 2px solid #81c784;
  padding-bottom: 10px;
}

h3 {
  color: #43a047;
  border-bottom: 2px solid #a5d6a7;
  padding-bottom: 8px;
}

table {
  width: 100%;
  border: 2px solid #a5d6a7;
  border-collapse: collapse;
  background: #ffffff;
  margin: 24px 0;
}

table th {
  background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
  color: #2e7d32;
  padding: 16px;
  border: 2px solid #a5d6a7;
  text-transform: uppercase;
  letter-spacing: 1px;
}

table td {
  padding: 14px;
  border: 2px solid #a5d6a7;
  color: #1b5e20;
}

table tr:nth-child(even) td {
  background: #f1f8f4;
}

table tr:hover td {
  background: #e8f5e9;
}

.wp-block-image {
  border: 3px solid #a5d6a7;
  margin: 24px 0;
  box-shadow: 0 4px 16px rgba(129, 199, 132, 0.2);
  overflow: hidden;
}

.wp-block-image img {
  display: block;
  transition: transform 0.3s;
}

.wp-block-image:hover img {
  transform: scale(1.05);
}

blockquote {
  background: linear-gradient(135deg, #fff8e1 0%, #ffecb3 100%);
  border-left: 4px solid #ffd54f;
  padding: 20px 24px;
  margin: 24px 0;
  color: #e65100;
  position: relative;
}

blockquote::before {
  content: """;
  position: absolute;
  top: -10px;
  left: 10px;
  color: #ff8f00;
  opacity: 0.3;
}

.entry-meta-bar {
  background: #f5f5f5;
  border-top: 2px solid #a5d6a7;
  padding: 16px 0;
  margin-top: 48px;
}

.entry-meta {
  color: #43a047;
}

.post-edit-link {
  color: #f57f17;
  text-decoration: none;
  padding: 8px 16px;
  border: 2px solid #ffd54f;
  display: inline-block;
  transition: all 0.3s;
}

.post-edit-link:hover {
  background: #ffd54f;
  color: #e65100;
}


/**/
@media only screen and (min-width: 769px) {
  .main-navigation {
    background: #ffffff;
    border-bottom: 2px solid #e8f5e9;
  }

  .menu-toggle {
    display: none;
  }

  .main-navigation .nav-menu {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .main-navigation .nav-menu li {
    margin: 0;
  }

  .main-navigation .nav-menu li a {
    display: block;
    padding: 6px 24px;
    color: #2e7d32;
    text-decoration: none;
    transition: all 0.3s;
  }

  .main-navigation .nav-menu li a:hover {
    background: #f1f8f4;
    color: #1b5e20;
  }

  .main-navigation .nav-menu li.current_page_item a {
    background: #e8f5e9;
    color: #1b5e20;
    border-bottom: 3px solid #66bb6a;
  }

}