/*
Theme Name: Houzez Child
Theme URI: http://www.favethemes.com/
Author: Favethemes
Author URI: http://www.favethemes.com/
Description: Houzez is a premium WordPress theme for real estate agents where modern aesthetics are combined with tasteful simplicity, and where the ease of use is achieved without compromise in your ability to customise the design. Whether you are a real estate agent looking to build a website for your company or a web developer seeking a perfect WordPress theme for your next project, you are certain to appreciate the numerous features and benefits that our theme provides.
Version: 1.0
Tags: white, right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, post-formats, theme-options, translation-ready
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: houzez
Template: houzez
*/


@import url("../houzez/style.css");

/* Your CSS code goes here
-------------------------------------- */
.block-content-wrap.inquiry-content ul li span {
    float: right;
    max-width: 100%;
    text-align: left;
}

/*/ HIDE RADIO /*/
/*.hiddenradio [type=radio] { 
    position: absolute;
    opacity: 1;
    width: 0;
    height: 0;
}*/
.customize-div-readio-338 {
    display: flex;
    margin-top: 10px;
}

.customize-div-readio-338 .furniture-color-child li label img{
    height: 100px;
    width: 100px;
}
.customize-div-readio-338 .edit-tenant-furniture-child li label img{
    height: 100px;
    width: 100px;
}
.view-the-heading-3443{
    width: 5%;
}

.edit-tenant-furniture-main{
    width: 18%;
}
.edit-tenant-furniture-main label img{
    height: 100px;
    width: 100px;
}

.view-the-heading-3443 label img{
    height: 100px;
    width: 100px;
}
.view-the-radio-button, .furniture-color-child{
    width: 95%;
    margin-right: 1pc;
}

.edit-tenant-furniture-child{
    width: 82%;
    margin-right: 1pc;
}
.view-the-radio-button, .furniture-color-child li, .edit-tenant-furniture-child li {
    list-style-type: none;
    display: inline;
}
.view-the-radio-button {
    margin-left: 88px;
}

.edit-tenant-furniture-child{
    margin-left: 0px;
}

.furniture-color-child {
    margin-left: 149px;
}

.hiddenradio label{
    padding-right: 10px;
}

/*/ IMAGE STYLES /*/
.hiddenradio [type=radio] + img {
    cursor: pointer;
}

.hiddenradio img{
    height: 50px;
    width: 50px;
}

/*checkboxes for add new property*/
.cusotmizme-athe-ald li{
    list-style-type: none;
    display: inline;
}

.cusotmizme-athe-ald img{
    margin: 8px 0px;
    height: 50px;
    width: 50px;
}

.new-div-row ul {
    display: inline;
}

.new-div-row{
    display: flex;
}

.cusotmizme-athe-dfsakdfje{
    width: 9%;
    padding-left: 3px;
}

.cusotmizme-athe-ald{
    width: 95%;
    margin-right: 1pc;
    margin-left: 8px;
}

.cusotmizme-athe-dfsakdfje label{
    margin-top: 18px;
}
.btn.btn-primary.customize-the-btn-for-file.inquiry_furniture.float-right{
    margin-top: -27px;
}
@media (max-width: 767px){
    .hiddenradio {
        margin-left: 30px;
    }
    .hiddenradio label {
        display: block;
    }
    .view-the-heading-3443 {
        padding-left: 0px;
    }
    .edit-tenant-furniture-main {
        padding-left: 0px;
        width: 33%;
    }
    .edit-tenant-furniture-child{
        width: 67%;
    }
    .view-the-radio-button, .furniture-color-child {
        margin-top: 40px;
    }
    .view-the-radio-button, .furniture-color-child {
        margin-top: 40px;
        padding-left: 20px;
    }
    .view-the-radio-button, .furniture-color-child li, .edit-tenant-furniture-child li {
        display: block;
    }

    .btn.btn-primary.customize-the-btn-for-file.inquiry_furniture.float-right{
        margin-top: -20px;
    }
}

.customize-img-div-4858483 img{
    margin-bottom: 5px;
    margin-left: 5px;
}
@media (max-width: 546px){

    .cusotmizme-athe-dfsakdfje{
        /*display: block !important;*/
        width: 40% !important;
    }
    .cusotmizme-athe-ald li {
        list-style-type: none;
        display: block;
    }
    .customize-img-div-4858483 img{
        display: block;
        margin-left: 1rem;
    }   
}

.customize-img-div-4858483 ul{
    padding-left: 0px;
}
.customize-img-div-4858483 ul li {
    display: inline-block;
    width: 100px;
    margin: 0px 10px;
    list-style-type: none;
    margin-bottom: 10px;
}
.customize-img-div-4858483 span{
    float: left !important;
    display: block;
    margin-left: 5px;
}
@media (max-width: 546px){
    .customize-img-div-4858483 ul li {
        display: table-caption;
        margin-bottom: 15px;
    }
    .customize-img-div-4858483 span {
        margin-left: 15px;
    }
}

.btn.btn-primary.customize-the-btn-for-file.inquiry_furniture.float-right {
    margin-top: -27px;
    z-index: 99;
    position: absolute;
    right: 40px;
}

.document-img{
    margin-bottom: 10px;
    width: 100px;
    height: 100px;
}

.customize-the-furniture-color img{
    display: block;
}

.dashboard-tenant-sortby-wrap{
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.dashboard-tenant-sortby-wrap .d-flex{
    float: right;
}
.block-wrap.mb-4 .block-content-wrap.inquiry-content .customize-div-readio-338 ul.view-the-heading-3443 {
    width: 16%; 
}
.block-wrap.mb-4 .block-content-wrap.inquiry-content .customize-div-readio-338 ul.view-the-radio-button li {
    display: inline;
}

/* === Blog Post Container (Updated for wider layout) === */
.blog-post-wrapper {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 1rem;
}

@media (min-width: 768px) {
  .blog-post-wrapper {
    max-width: 1024px;
    padding: 0 0.5rem;
  }
}

@media (min-width: 1200px) {
  .blog-post-wrapper {
    max-width: 1140px;
    padding: 0 0.5rem;
  }
}

/* === Headings === */
.blog-post-wrapper h2 {
  position: relative;
  font-size: 1.75rem;
  line-height: 1.3;
  font-weight: 700;
  margin-top: 3.125rem;
  margin-bottom: 1.25rem;
  padding-left: 0.75rem;
}

.blog-post-wrapper h2:first-of-type {
  margin-top: 0;
  padding-left: 0.75rem;
}

.blog-post-wrapper h2:not(:first-of-type)::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 5rem;
  height: 0.125rem;
  background-color: #1abc9c;
  border-radius: 15px;
}

.blog-post-wrapper h2:not(:first-of-type)::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0.125rem;
  height: 2rem;
  background-color: #1abc9c;
  border-radius: 15px;
}

.blog-post-wrapper h3 {
  font-size: 1.375rem;
  line-height: 1.4;
  font-weight: 600;
  margin-top: 2.5rem;
  margin-bottom: 1rem;
}

.blog-post-wrapper h4 {
  font-size: 1.125rem;
  line-height: 1.4;
  font-weight: 500;
  margin-top: 1.875rem;
  margin-bottom: 0.625rem;
}

/* === Paragraphs === */
.blog-post-wrapper p {
  line-height: 1.8;
  margin-bottom: 1em;
}

.blog-post-wrapper p:last-of-type {
  margin-bottom: 3.125rem;
}

/* === Lists === */
.blog-post-wrapper ul,
.blog-post-wrapper ol {
  padding-left: 1.5em;
  margin-top: 1.5em;
  margin-bottom: 2em;
}

.blog-post-wrapper ul {
  list-style-type: disc;
}

.blog-post-wrapper ol {
  list-style-type: decimal;
}

.blog-post-wrapper ul li,
.blog-post-wrapper ol li {
  color: #333;
  line-height: 2.2;
  margin-bottom: 0.8em;
}

.blog-post-wrapper ul li::marker,
.blog-post-wrapper ol li::marker {
  color: #1abc9c;
  font-weight: bold;
}

/* === Highlight Box === */
.blog-post-wrapper .highlight-box {
  background: #f9f7ff;
  border-left: 4px solid #9b59b6;
  padding: 1rem;
  margin: 1.5rem 0;
  font-weight: 500;
}

/* === Tables === */
.blog-post-wrapper table {
  width: 100%;
  border-collapse: collapse;
  margin: 2em 0;
  font-size: 0.9375rem;
  background-color: #ffffff;
  color: #000000;
}

.blog-post-wrapper table th,
.blog-post-wrapper table td {
  border: 1px solid #dddddd;
  padding: 0.75rem 1rem;
  text-align: left;
}

.blog-post-wrapper table th {
  background-color: #1abc9c;
  color: #000000;
  font-weight: 600;
}

/* === Blockquotes === */
.blog-post-wrapper blockquote {
  border-left: 4px solid #1abc9c;
  background: #f4fcf9;
  padding: 1em 1.5em;
  font-style: italic;
  margin: 2em 0;
  color: #444;
}

/* === Figure Captions === */
.blog-post-wrapper figcaption {
  font-size: 0.75rem;
  color: #777;
  text-align: center;
  margin-top: 0.5em;
  font-style: italic;
}

/* === Link Styling === */
.blog-post-wrapper a {
  color: #1abc9c;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}

.blog-post-wrapper a:hover,
.blog-post-wrapper a:focus {
  color: #148f77;
  text-decoration: underline;
}

.blog-post-wrapper a:visited {
  color: #1abc9c;
}

.blog-post-wrapper a:active {
  color: #117a65;
}

.kummuni-breadcrumb {
  font-size: 14px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 3px;
  color: #816ba0;
}

.kummuni-breadcrumb a.crumb {
  color: #816ba0;
  text-decoration: none;
  font-weight: normal;
}

.kummuni-breadcrumb a.crumb:hover {
  color: #816ba0;
}

.kummuni-breadcrumb .crumb-sep {
  color: #816ba0;
  margin: 0 3px;
}

.kummuni-breadcrumb .crumb.current {
  color: #0c977b;
  font-weight: normal;
}

/* Prevent browser dark mode overrides */
@media (prefers-color-scheme: dark) {
  .kummuni-breadcrumb a.crumb,
  .kummuni-breadcrumb .crumb-sep {
    color: #816ba0;
  }

  .kummuni-breadcrumb .crumb.current {
    color: #0c977b;
  }
}