/*
Theme Name: Home Styling Interior
Theme URI: https://www.themescarts.com/products/free-interior-wordpress-theme/
Author: Themes Carts
Author URI: https://www.themescarts.com/
Description: The Home Styling WordPress Theme is a sleek, modern, and versatile solution crafted for interior designers, decorators, stylists, home staging experts, renovation specialists, home improvement professionals, architects, and furniture brands who want to build a refined and professional online presence. Perfect for home décor websites, interior design studios, living space styling, home makeover services, modular furniture brands, and modern renovation projects, this Interior Design WordPress Theme showcases your creativity with elegant layouts, high-end visuals, and a polished aesthetic appeal. With Full Site Editing (FSE) support, you can easily customize full-width banners, interactive galleries, testimonial sliders, portfolio sections, service highlights, and blog layouts—giving you complete freedom to present your interior styling projects beautifully. Whether your expertise lies in modern interiors, luxury makeovers, Scandinavian designs, cozy apartment styling, bohemian décor, contemporary villas, minimalist homes, or lavish interior transformations, the theme adapts smoothly to every aesthetic and design style. It offers stunning portfolio sections for showcasing living room, kitchen, bedroom, dining room, and workspace designs, along with interactive galleries and sliders that bring room makeovers, color palettes, décor arrangements, and furniture placements to life. Testimonial sections help build credibility, while stylish blog layouts make it easy to share design tips, décor trends, styling guides, product recommendations, and inspiration for homeowners. Built with a responsive, mobile-friendly, cross-browser compatible, and retina-ready structure, the theme ensures high-quality visuals across all devices. You can fully customize colors, fonts, layouts, headers, footers, and banners without touching any code, and it works seamlessly with Gutenberg, WooCommerce, and major page builders for a smooth and flexible design experience. SEO optimization, clean coding, and translation-ready features further support better search rankings and a wider global reach. Whether you’re running a home décor brand, interior design agency, styling portfolio website, personal décor blog, home renovation studio, or online furniture store, this Interior Stylist WordPress Theme delivers a professional, interactive, and visually captivating platform. From minimalist, modern, and vintage designs to luxury, rustic, or eco-friendly interior decor styles, it allows you to present your décor expertise and portfolio with charm, clarity, and artistic precision. With its elegant design elements, smooth animations, intuitive navigation, and high-performance functionality, the Home Styling WordPress Theme transforms your creative ideas into an impressive online presence that attracts clients, builds trust, and inspires décor enthusiasts effortlessly.
Version: 2.1.5
License: GNU General Public License version 2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: home-styling-interior
Requires PHP: 5.6
Tested up to: 6.8
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, block-patterns, block-styles, editor-style, wide-blocks, template-editing, style-variations, grid-layout, full-width-template, footer-widgets, featured-images, full-site-editing, featured-image-header, flexible-header, custom-background, custom-colors, custom-header, custom-menu, custom-logo, post-formats, sticky-post, threaded-comments, translation-ready, theme-options, rtl-language-support, e-commerce, photography, portfolio

Home Styling Interior WordPress Theme has been created by ThemesCarts(themescarts.com), 2025.
Home Styling Interior WordPress Theme is released under the terms of GNU GPL
*/

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: "Oswald", sans-serif !important;
}

h1,h2,h3,h4,h5,h6{	
	font-weight: 400;
}

/*
 * Text and navigation link styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.25ch;
}

a:hover,
a:focus {
	text-decoration-style: dashed;
}

a:active {
	text-decoration: none;
}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
	text-decoration: underline;
	text-decoration-style: solid;
}

/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
	background-color: var(--wp--preset--color--primary);
	border-radius: 0;
	border: none;
	color: var(--wp--preset--color--foreground);
	font-size: var(--wp--preset--font-size--medium);
	padding: calc(.667em + 2px) calc(1.333em + 2px);
}

body.home .wp-site-blocks > * + *{
	margin-block-start:0 !important;
}
body.home .services-section-01 .is-layout-flex, 
body.home .services-section-02 .is-layout-flex{ 
	gap:0 !important;
}

/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
	opacity: 0.90;
}

.wp-block-button__link{
	font-weight: normal !important;
}

/*
 * Alignment styles.
 * These rules are temporary, and should not be relied on or
 * modified too heavily by themes or plugins that build on
 * Twenty Twenty-Two. These are meant to be a precursor to
 * a global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
 */

.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"] > .wp-block-group,
.is-root-container .wp-block[data-align="full"] > .wp-block-cover {
	padding-left: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align="full"] {
	margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	width: unset;
}

body.home .wp-block-cover{ margin-block-start:0 !important; }
nav.Hdr-menu.wp-block-navigation ul{ font-weight:600 !important;}


/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
/* We also want to avoid stacking negative margins. */
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
	margin-left: auto !important;
	margin-right: auto !important;
	width: inherit;
}
.headright-part{ text-align:right;}
body.home header.wp-block-template-part{ position: relative; width:100%; z-index:999;}
/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */

.wp-block-navigation__responsive-container.is-menu-open {
	padding-top: var(--wp--custom--spacing--outer);
	padding-bottom: var(--wp--custom--spacing--large);
	padding-right: var(--wp--custom--spacing--outer);
	padding-left: var(--wp--custom--spacing--outer);
}
.wp-block-navigation ul li.current-menu-item > a,
.wp-block-navigation ul li a:hover{ color:var(--wp--preset--color--extra-primary) !important;}

/* = Contact Form 7 CSS
----------------------------------------------- */
.wpcf7{ 
	margin:30px 0 0;
	padding:0;
}
.wpcf7 input[type="text"], 
.wpcf7 input[type="tel"], 
.wpcf7 input[type="email"]{ 
	width:40%;
	border:1px solid #cccccc;
	box-shadow:inset 1px 1px 2px #ccc;
	color:#797979;
	margin-bottom:0;
	height:40px;
	padding:0 15px;
}
.wpcf7 textarea{	
	border:1px solid #cccccc;
	box-shadow:inset 1px 1px 2px #ccc;
	color:#797979;
	margin-bottom:25px;
	padding:10px;
	width:60%;
	height:160px;
	font-size:12px;
}
.wpcf7 input[type="submit"]{
	background-color:#efc62c;
	padding:20px 40px;
	border-radius:40px;
	font-weight:600;
	font-size:16px;
	cursor:pointer;
	color:#ffffff;	
	width:auto;
	border:none;
	text-transform:uppercase;
}
.wpcf7 input[type="submit"]:hover{
	background-color:#101010;
}
.about-LeftBX{ position:relative !important;}
.about-BlueBX{ position: absolute !important; bottom:0%; right:18%; 
	-webkit-border-top-left-radius: 40px;
	-webkit-border-bottom-right-radius: 40px;
	-moz-border-radius-topleft: 40px;
	-moz-border-radius-bottomright: 40px;
	border-top-left-radius: 40px;
	border-bottom-right-radius: 40px;
}
.yellow-CircleBx{ width:80px !important; height:80px !important; text-align:center;}

.top-fourbx{box-shadow: 0 0px 20px 0 rgb(0 0 0 / 10%); border-radius:10px; margin:0 1% !important; border:1px solid transparent;}
.top-fourbx:hover{border:1px solid #007cf9;}
.fourbx-thumb{ width:100px; height:100px; line-height:80px; overflow:hidden; text-align:center; margin:0 auto; background-color:#f4f6f9; border-radius:100%; padding:10px;}

.header-wrap {
    position: absolute;
    width: 100%;
    z-index: 999;
}

.post-page-area .header-wrap {
    position: relative;
}

.store-main-box img{
	width: 100%;
}

.store-main-box {
    position: relative;
}

.store-inner-box{
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
	margin: 0 auto;
}

.store-inner-box h3 a{
	text-decoration: none;
}

.search-box-main{
	position: relative;
}

.search-box-main .wp-block-search__input{
	position: absolute;
	right: 60px;
}

.search-box-main button{
	padding: 8px;
}


.post-page-area .wp-block-post{
	padding: 30px;
	box-shadow: 12px 12px 50px rgba(0, 0, 0, 0.4);
	margin-bottom: 30px;
}

.sidebar-area-wrap .taxonomy-post_tag a {
    background: var(--wp--preset--color--extra-primary);
    padding: 5px !important;
    border-radius: 6px;
    display: inline-block;
    margin-bottom: 10px;
    color: #fff !important;
    margin-right: 10px;
}

.sidebar-area-wrap .taxonomy-post_tag span{
	display: none;
}

.read-more-btn a.wp-block-post-excerpt__more-link {
    background: var(--wp--preset--color--extra-primary);
    border-color: currentColor;
    color: var(--wp--preset--color--white);
    font-weight: 700;
    padding-top: 15px;
    padding-right: 30px;
    padding-bottom: 15px;
    padding-left: 30px;
}

@media (max-width: 1100px) {
	.post-page-area .wp-block-columns.is-layout-flex.wp-block-columns-is-layout-flex {
		max-width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

@media (max-width: 990px) {
	.post-page-area .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
		padding-right: 0 !important;
	}
}

.woocommerce-account .wp-block-post-title, .woocommerce-account main .woocommerce, .woocommerce-cart .wp-block-post-title, .woocommerce-cart main .woocommerce, .woocommerce-checkout .wp-block-post-title, .woocommerce-checkout main .woocommerce {
    max-width: 100%;
}

pre {
    background: #eee;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

/*comment*/
.wp-block-comments{
    padding: 20px;
    border: 1px solid #dfdfdf;
}
.wp-block-comment-template li .wp-block-columns{
    border: 1px solid #dfdfdf;
    padding: 20px;
}
.wp-block-avatar img{
    border: 1px solid #dfdfdf;
    padding: 2px;
}
.wp-block-post-comments-form textarea{
    background: #f8f8f8;
}

.entry-content {
    overflow-wrap: anywhere;
    overflow: hidden;
    padding: 30px 0;
}

/*Woocommerce Account Page CSS*/

nav.woocommerce-MyAccount-navigation li {
  border: 1px solid var(--wp--preset--color--primary) !important;
  margin-bottom: 10px;
  padding: 10px !important;
  background-color: var(--wp--preset--color--primary) !important;
}
nav.woocommerce-MyAccount-navigation li a{
  color: #fff;
  padding: 10px 0 !important;
  text-decoration: none !important;
}
nav.woocommerce-MyAccount-navigation li:hover {
    background-color: transparent !important;
    border-color: #000 !important;
}
nav.woocommerce-MyAccount-navigation li:hover a{
  color:var(--wp--preset--color--primary);
}

.wc-block-components-notice-banner {
	margin: 0;

}

.buy-now-button{
	padding: 5px 10px !important;
	color: #000 !important;
	border-radius: 7px !important;
	background: var(--wp--preset--color--extra-primary) !important;
}

.buy-now-button:hover{
	background: #fff !important;
}