/*
Theme Name: Blockskit Real Estate
Theme URI: https://blockskit.com/blockskit-real-estate/
Author: BlockskitDev
Author URI: https://blockskit.com
Description: Blockskit Real Estate is a modern, versatile FSE WordPress theme designed for real estate, architecture firm, builders, building, business, companies, construction, contractors, industry, infrastructure, interior design, plumbing, real estate agency, renovation, and other real estate websites—no coding required. With full-site editing, you can easily customize every aspect of your site, including headers and footers. Featuring multiple templates, patterns, and style variations, it adapts seamlessly to various aesthetics and business needs.
Template: blockskit-base
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 5.6
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: blockskit-real-estate
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, threaded-comments, translation-ready, wide-blocks, block-styles, blog, portfolio, education

Blockskit Real Estate WordPress Theme, Copyright 2026 BlockskitDev
Blockskit Real Estate is distributed under the terms of the GNU General Public License v3
*/


.wp-block-columns:not(.is-not-stacked-on-mobile) > .site-nav{
  flex-basis: 70% !important;
}

.wp-block-columns:not(.is-not-stacked-on-mobile) > .site-logo{
  flex-basis: 20% !important;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    color: #2d1810;
}

h2.wp-block-heading {
    font-size: 1.6rem;
    font-weight: 700;
    padding-bottom: 8px;
    margin-bottom: 12px;
    position: relative;
    display: inline-block;
}

h2.wp-block-heading::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 3px;
    background: linear-gradient(90deg, #c0392b, #e67e22);
    border-radius: 2px;
}

h3.wp-block-heading {
    font-size: 1.25rem;
    font-weight: 700;
    color: #b5451b;
    margin-bottom: 6px;
}

.entry-content p {
    color: #3b2f2f;
    line-height: 1.75;
    margin-bottom: 10px;
}

.entry-content > p:first-of-type {
    font-size: 1.05rem;
    color: #2d1810;
}

.entry-content p em {
    color: #8e5b3e;
    font-style: italic;
    font-size: 0.92rem;
    letter-spacing: 0.3px;
}

a {
    color: #b5451b;
    text-decoration: none;
    transition: color 0.2s ease;
}

a:hover {
    color: #e67e22;
}

.wp-block-cover {
    border-radius: 6px;
}

.wp-block-cover .wp-block-cover__inner-container {
    padding: 20px;
}

.wp-block-cover .wp-block-cover__background.has-secondary-background-color {
    background: linear-gradient(135deg, rgba(46, 43, 42, 0.92), rgba(48, 23, 6, 0.85)) !important;
}

.wp-block-cover h3.wp-block-heading {
    color: #f5c242;
    font-size: 1.3rem;
    margin-bottom: 4px;
}

.wp-block-cover p {
    color: #f0e6d6 !important;
}

.wp-block-cover p em {
    color: #f5c242 !important;
}

.wp-block-cover .contact-info p {
    color: #e8d5b5 !important;
    font-size: 0.88rem;
}

.wp-block-cover .contact-info p strong {
    color: #f5c242 !important;
}

main.wp-block-group > .wp-block-cover.alignfull {
    border-radius: 0;
    margin-bottom: 20px;
}

main.wp-block-group > .wp-block-cover.alignfull .wp-block-cover__background {
    background-color: #2d1810 !important;
}

main.wp-block-group > .wp-block-cover.alignfull h1 {
    font-weight: 800;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

figure.wp-block-table {
    margin: 15px 0;
    overflow-x: auto;
}

figure.wp-block-table table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(45, 24, 16, 0.08);
}

figure.wp-block-table thead tr {
    background: linear-gradient(135deg, #2d1810, #5a2d0c);
}

figure.wp-block-table thead th {
    color: #f5c242;
    font-weight: 700;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 10px 14px;
    text-align: center;
}

figure.wp-block-table tbody tr {
    background: #fdf8f0;
    transition: background 0.2s ease;
}

figure.wp-block-table tbody tr:nth-child(even) {
    background: #f9f0e3;
}

figure.wp-block-table tbody tr:hover {
    background: #f0e0c8;
}

figure.wp-block-table tbody td {
    padding: 9px 14px;
    color: #3b2f2f;
    font-size: 0.9rem;
    border-bottom: 1px solid #ecdcc8;
}

figure.wp-block-table tbody tr:last-child td {
    border-bottom: none;
}

figure.wp-block-table tbody td:first-child {
    font-weight: 700;
    color: #b5451b;
    text-align: center;
    width: 40px;
}

blockquote.wp-block-quote {
    background: linear-gradient(135deg, #fdf8f0, #f9f0e3);
    padding: 14px 18px;
    border-radius: 6px;
    margin: 12px 0;
    position: relative;
    box-shadow: 0 1px 6px rgba(45, 24, 16, 0.06);
}

blockquote.wp-block-quote::before {
    content: "\2728";
    position: absolute;
    top: -10px;
    left: 14px;
    font-size: 1.2rem;
}

blockquote.wp-block-quote p {
    color: #5a3e2b !important;
    font-size: 0.88rem;
    margin: 0;
    font-style: italic;
}

figure.wp-block-image {
    margin: 0;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 3px 12px rgba(45, 24, 16, 0.12);
}

figure.wp-block-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 6px;
    transition: transform 0.35s ease;
}

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

.contact-info {
    gap: 20px;
    padding: 8px 14px;
    background: #fdf8f0;
    border-radius: 4px;
    margin: 8px 0;
    flex-wrap: wrap;
}

.contact-info p {
    font-size: 0.88rem !important;
    color: #5a3e2b !important;
    margin: 0 !important;
    white-space: nowrap;
}

.contact-info p strong {
    color: #2d1810;
}

.wp-block-cover .contact-info {
    background: rgba(255, 255, 255, 0.08);
    padding: 8px 12px;
    border-radius: 4px;
}

ul.wp-block-list.royal-list {
    list-style: none;
    padding: 0;
    margin: 12px 0;
}

ul.wp-block-list.royal-list li {
    position: relative;
    padding: 10px 10px 10px 32px;
    margin-bottom: 6px;
    background: #fdf8f0;
    border-radius: 5px;
    color: #3b2f2f;
    line-height: 1.65;
    font-size: 0.92rem;
    transition: background 0.2s ease;
}

ul.wp-block-list.royal-list li:hover {
    background: #f9f0e3;
}

ul.wp-block-list.royal-list li::before {
    content: "\1F35B";
    position: absolute;
    left: 8px;
    top: 10px;
    font-size: 0.95rem;
}

ul.wp-block-list.royal-list li:nth-child(2)::before {
    content: "\1F357";
}

ul.wp-block-list.royal-list li:nth-child(3)::before {
    content: "\1F35A";
}

ul.wp-block-list.royal-list li:nth-child(4)::before {
    content: "\1F372";
}

ul.wp-block-list.royal-list li:nth-child(5)::before {
    content: "\1F35E";
}

p.services {
    background: linear-gradient(135deg, #fdf8f0, #f5ead6);
    padding: 12px 14px;
    border-radius: 5px;
    font-size: 0.9rem;
    margin: 10px 0;
    box-shadow: 0 1px 4px rgba(45, 24, 16, 0.06);
}

p.services strong {
    color: #b5451b;
}

.author-note {
    background: linear-gradient(135deg, #2d1810, #4a2410);
    padding: 16px 20px;
    border-radius: 6px;
    margin-top: 20px;
    gap: 4px;
}

.author-note p {
    color: #e8d5b5 !important;
    font-size: 0.85rem !important;
    line-height: 1.65;
    margin: 0 !important;
}

.author-note p strong {
    color: #f5c242;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    gap: 6px;
}

.author-note p strong::before {
    content: "\270D\FE0F";
}

header .wp-block-site-title a {
    color: #2d1810;
    text-decoration: none;
    font-weight: 700;
    transition: color 0.2s ease;
}

header .wp-block-site-title a:hover {
    color: #b5451b;
}

nav.wp-block-navigation a {
    color: #3b2f2f;
    text-decoration: none;
    transition: color 0.2s ease;
}

nav.wp-block-navigation a:hover {
    color: #b5451b;
}

footer .wp-block-cover {
    border-radius: 0;
}

footer .wp-block-cover .wp-block-cover__background {
    background-color: #1a0e08 !important;
}

footer p,
footer .wp-block-site-title a {
    color: #c4a882 !important;
}

footer .wp-block-site-title a:hover {
    color: #f5c242 !important;
}


.wp-block-cover.has-parallax {
    background-attachment: fixed;
}

@media (max-width: 781px){
  .text-right{
    flex-direction: column-reverse;
  }
}

@media (max-width: 768px) {
    h2.wp-block-heading {
        font-size: 1.35rem;
    }

    h3.wp-block-heading {
        font-size: 1.1rem;
    }

    .wp-block-columns.are-vertically-aligned-center {
        padding: 10px;
    }

    figure.wp-block-table thead th,
    figure.wp-block-table tbody td {
        padding: 7px 10px;
        font-size: 0.82rem;
    }

    .contact-info {
        flex-direction: column;
        gap: 4px;
    }
}