/*
Theme Name: Property Luxe Lite
Theme URI: https://www.featherthemes.com/themes/wordpress-theme-property-luxe-lite/
Author: featherthemes
Author URI: https://www.featherthemes.com/
Description: Property Luxe Lite is the perfect free WordPress theme for your next real estate website. Designed for agencies, brokers, property consultants, rental businesses, and independent realtors, it helps you showcase homes, apartments, villas, and commercial listings with a clean, conversion-focused layout. Enjoy a customizable homepage hero, Featured Properties cards, header phone/email and social links, flexible page layouts, footer widgets, and WooCommerce support — all managed from the WordPress Customizer with live preview. Fully responsive, translation-ready, and built with lightweight code for solid performance. Looking for a free real estate WordPress theme? Property Luxe Lite is ready for your next project.
Version: 0.2
Requires at least: 5.0
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: property-luxe-lite
Tags: blog, news, e-commerce, custom-menu, theme-options, threaded-comments, translation-ready, custom-background, custom-colors, custom-header, custom-logo, editor-style, featured-images, two-columns, wide-blocks, block-styles, full-width-template

Property Luxe Lite WordPress Theme, Copyright 2026 featherthemes (https://www.featherthemes.com/)
Property Luxe Lite is distributed under the terms of the GNU GPL
*/

/*extra Classes */
body{letter-spacing: normal; font-size:15px; font-family: 'Roboto', sans-serif; color: #4b5563; line-height: 1.7;}
.btn-primary {  color: #fff;  background-color:#f59e0b; border-color: #f59e0b;}
.btn-primary:hover{background-color: #b45309; transform: translateY(-2px);}
.alignnone{ width:100% !important;}
img.alignleft, .alignleft{ float:left; margin:0 15px 0 0; padding:5px; border:1px solid #cccccc;}
img.alignright, .alignright{ float:right; margin:0 0 0 15px; padding:5px; border:1px solid #cccccc;}
.left{ float:left;}
.right{ float:right;}
a{color:#f59e0b;text-decoration:none; transition: color 0.2s ease;}
a:hover{color:#b45309;}
p a{ text-decoration:underline;}
p a:hover{ color:#b45309;}
h3 a{color:#1f2937;}
.heading {
    margin-bottom: 25px;
}
.page .blog-post .heading,
.single .entry-header {
    margin-top: 0;
}
ol.wp-block-latest-comments{padding-left:0;}

#comment-nav-above .nav-previous, #comment-nav-below .nav-previous{ float:none !important; margin:10px 0;}
ol.comment-list li{ list-style:none; margin-bottom:5px;}
a.rdmore {
    background: #f59e0b;
    color: #ffffff;
    border: none;
    padding: 12px 28px;
    border-radius: 5px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.25);
}
a.rdmore:hover {
    background: #b45309;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(37, 99, 235, 0.35);
}
.readmorebox{ width: 100%; text-align: left; }
.home .sitefull {    text-align: left;    padding: 20px; box-shadow: 0px 5px 30px 0px rgba(214,215,216,0.57);
    -moz-box-shadow: 0px 5px 30px 0px rgba(214,215,216,0.57);
    -webkit-box-shadow: 0px 5px 30px 0px rgba(214,215,216,0.57); margin-bottom:30px;}

/* = Page lay out css
-------------------------------------------------------------- */
.site-main{ margin:0; padding:24px 0; }

.blog-post {
    padding: 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
    margin-bottom: 30px;
    overflow: hidden;
    border: none;
}
.blog-post h1 {
    color: #1f2937;
    font-size: 28px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    padding: 30px 30px 0 0;
    margin-bottom: 5px;
}

#sitefull{ width:100%; float:none; }
#sitefull p{ margin-bottom:15px;}

.page_content,
.pagecontent {
    padding: 30px;
}
.page_content.ourresources{ padding: 0 0;}
.page_content p {
    margin-bottom: 18px;
    line-height: 1.8;
    margin-top: 0;
    color: #374151;
    font-size: 15px;
}
.page_content p.box_content {
    padding-bottom: 20px;
    margin-bottom: 0;
}

/* Blog Meta */
.postmeta {
    background: #f1f5f9;
    padding: 10px 15px;
    border-radius: 6px;
    margin: 10px 0 15px;
    font-size: 13px;
    color: #64748b;
}
.blog-meta {
    font-style: normal;
    margin-bottom: 15px;
    padding: 0 0 12px;
    border-bottom: 1px solid #f1f5f9;
    font-size: 13px;
}
.post-date, .post-comment, .post-categories {
    display: inline-block;
    color: #64748b;
    margin: 0 12px 0 0;
    font-size: 13px;
    line-height: 21px;
}
.post-date i, .post-comment i, .post-categories i { color: #f59e0b; margin-right: 4px; }

/* Pagination */
.page-numbers {
    display: inline-block;
    min-width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    margin: 0 3px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    color: #4b5563;
    background: #fff;
    border: 1px solid #e2e8f0;
    transition: all 0.2s ease;
    text-decoration: none;
}
.page-numbers:hover,
.page-numbers.current {
    background: #f59e0b;
    color: #fff;
    border-color: #f59e0b;
}
.navigation.pagination {
    border-radius: 8px;
    background: transparent;
    padding: 20px 0;
    display: block;
    text-align: center;
}

/* Blog Lists */
.blog_lists {
    margin-bottom: 25px;
    border-bottom: none;
    background: #fff;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
    transition: box-shadow 0.3s ease;
}
.blog_lists:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.blog_lists h3 {
    margin-bottom: 8px;
    text-transform: none;
    font-size: 22px;
    font-weight: 700;
}
.blog_lists h3 a{ color:#1f2937; text-decoration:none; transition: color 0.2s ease; }
.blog_lists h3 a:hover{ color:#f59e0b;}
.blog_lists p{ margin-bottom:10px; color:#4b5563; line-height:1.7; }

.single_title{ margin-bottom:10px; }

.BlogPosts{ width:31.2%; float:left; margin:0 3% 0 0;}
.BlogPosts img{ width:100%; border-radius:8px; }
.BlogPosts h2{ margin:10px 0; font-size:22px; }

/* Post Thumbnail */
.post-thumb {
    width: auto;
    float: left;
    margin: 0 25px 15px 0;
    border-radius: 8px;
    overflow: hidden;
}
.post-thumb img{ width:auto; transition: transform 0.4s ease; }
.post-thumb:hover img { transform: scale(1.03); }
/* Page & single: feature image on top, full-width and centered (do not use width: auto or image aligns left) */
.page .blog-post .post-thumb,
.blog-post .featured-image-wrap,
.single .post-thumb {
    display: block;
    width: 100%;
    float: none;
    margin: 0 0 24px 0;
}
.page .blog-post .post-thumb img,
.blog-post .featured-image-wrap img,
.single .post-thumb img {
    width: auto;
    height: auto;
    display: block;
    max-width: 100%;
    image-rendering: auto;
    margin: 10px auto 0;
}
/* Disable hover zoom on page/single feature image to prevent blur */
.page .blog-post .post-thumb:hover img,
.blog-post .featured-image-wrap:hover img,
.single .post-thumb:hover img {
    transform: none;
}

/* Full Width Layout */
#contentdiv.layout-fullwidth .site-main {
    width: 100%;
    float: none;
}

#contentdiv.layout-fullwidth .blog-post {
    text-align: left;
}

#contentdiv.layout-fullwidth .blog-post .heading,
#contentdiv.layout-fullwidth .blog-post .heading h1,
#contentdiv.layout-fullwidth .blog-post .heading h3,
#contentdiv.layout-fullwidth .blog-post .heading .style2 {
    text-align: center !important;
}

#contentdiv.layout-fullwidth .blog-post .pagecontent,
#contentdiv.layout-fullwidth .blog-post .entry-content {
    text-align: justify !important;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
}

#contentdiv.layout-fullwidth .blog-post .pagecontent p,
#contentdiv.layout-fullwidth .blog-post .entry-content p {
    text-align: justify !important;
}



/* Ensure full width layout hides sidebar */
#contentdiv.layout-fullwidth #sidebar {
    display: none !important;
}

/* Page: center content and keep layout as feature image → title → content below */
.page .blog-post {
    text-align: center;
}
.page .blog-post .heading,
.page .blog-post .heading h1,
.page .blog-post .heading h3 {
    text-align: center;
}
.page .blog-post .pagecontent {
    text-align: center;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.page .blog-post .pagecontent p {
    text-align: center;
}
/* Stack any columns/media in page content below title; center images */
.page .blog-post .pagecontent .alignleft,
.page .blog-post .pagecontent .alignright,
.page .blog-post .pagecontent img.alignleft,
.page .blog-post .pagecontent img.alignright {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
}
.page .blog-post .pagecontent .wp-block-columns {
    flex-direction: column;
    align-items: center;
}
/* Force Media & Text block to stack: image on top, content below, centered */
.page .blog-post .pagecontent .wp-block-media-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.page .blog-post .pagecontent .wp-block-media-text .wp-block-media-text__media {
    margin: 0 auto 1em;
    width: 100%;
    max-width: 100%;
}
.page .blog-post .pagecontent .wp-block-media-text .wp-block-media-text__content {
    padding: 1em 0;
    text-align: center;
}
.page .blog-post .pagecontent .wp-block-media-text .wp-block-media-text__content p {
    text-align: center;
}
.page .blog-post .heading {
    padding-left: 30px;
    padding-right: 30px;
}
.page .blog-post .pagecontent {
    padding-left: 30px;
    padding-right: 30px;
}

/* Recent Articles */
.recent_articles h3 a{ font-size:22px; text-decoration:none; color:#1f2937; transition:color 0.2s ease; }
.recent_articles h3 a:hover { color:#f59e0b; }
.recent_articles {
    margin: 0 0 25px;
    border-bottom: none;
    padding: 25px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
}
.recent_articles h3 {
    background: none;
    padding: 0;
    margin-bottom: 10px;
    color: #1f2937;
    font-size: 20px;
    font-weight: 700;
}

/* Blockquote */
blockquote {
    border-left: 4px solid #f59e0b;
    margin: 20px 0;
    padding: 18px 24px;
    background: #f8fafc;
    border-radius: 0 8px 8px 0;
    color: #374151;
    font-size: 16px;
    line-height: 1.7;
    font-style: italic;
}

h3.style2 {
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 50px;
    border-left: none;
    padding-left: 25px;
    color: #1f2937;
    text-align:center;
}
.wp-block-latest-comments__comment {
    padding: 4px 20px 0;
}

#comments.comments-area {
    padding: 30px;
}

#commentform input[type="checkbox"] {
    width: auto;
}