/*
Theme Name:   Engitech Child
Theme URI:    http://wpdemo.archiwp.com/engitech/
Description:  Make your modifications to [Parent Theme] in this Engitech child theme.
Author:       OceanThemes
Author URI:   http://oceanthemes.net/
Template:     engitech
Version:      1.1
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  engitech-child
*/

/* =Theme customization starts here
------------------------------------------------------- */
.rentman-listings {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.rentman-listing {
    border: 1px solid #ddd;
    padding: 15px;
    width: 30%;
    box-sizing: border-box;
    background-color: #f9f9f9;
    border-radius: 5px;
    transition: transform 0.2s;
}

.rentman-listing:hover {
    transform: translateY(-5px);
}

.rentman-property-image {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
    margin-bottom: 10px;
}

.rentman-listing h2 {
    font-size: 1.5em;
    color: #333;
    margin-bottom: 10px;
}

.rentman-listing p {
    font-size: 1em;
    color: #555;
    margin-bottom: 10px;
}

.rentman-single-property {
    border: 1px solid #ddd;
    padding: 15px;
    background-color: #f9f9f9;
    border-radius: 5px;
    margin-bottom: 20px;
}

.rentman-single-property h2 {
    font-size: 1.5em;
    color: #333;
    margin-bottom: 10px;
}

.rentman-single-property img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
    margin-bottom: 10px;
}

.rentman-single-property p {
    font-size: 1em;
    color: #555;
    margin-bottom: 10px;
}

.rentman-single-property {
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 8px;
}

.rentman-property-image {
    max-width: 100%;
    height: auto;
    display: block;
    margin-bottom: 15px;
}

.rentman-property-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 15px;
}

.rentman-property-table th,
.rentman-property-table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

.rentman-property-table th {
    background-color: #f4f4f4;
    font-weight: bold;
}

.rentman-property-table i {
    margin-right: 5px; /* Space between icon and text */
    color: #333; /* Change icon color if needed */
}

.rentman-property-map {
    margin-top: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
}

.status-line {
	margin-left: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.status-text {
    margin-left: auto;
    font-weight: normal; /* Adjust as needed */
}

.rentman-property-image {
    max-width: 100%; /* Ensure image does not exceed container width */
    height: auto;    /* Maintain aspect ratio */
    max-height: 400px; /* Optional: limit maximum height */
    display: block;  /* Remove extra space below image */
    margin: 0 auto;  /* Center the image if needed */
}

/* without api */

/* Basic styling for the Property */
Properties {
  display: block;
  font-family: Arial, sans-serif;
  padding: 20px;
  border: 1px solid #ccc;
  margin: 20px;
  background-color: #f9f9f9;
}

/* Styling individual elements within Property */
Property > * {
  display: block;
  margin-bottom: 10px;
  padding: 8px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Styling for specific elements */
Property > Rentorbuy,
Property > Refnumber,
Property > Number,
Property > Street,
Property > Address4,
Property > Postcode,
Property > Area,
Property > Tube,
Property > Type,
Property > Beds,
Property > Furnished,
Property > Parking,
Property > Heating,
Property > Available,
Property > Price,
Property > Deposit,
Property > Condition,
Property > Age,
Property > Taxband,
Property > Status,
Property > Description,
Property > Comments,
Property > Strapline,
Property > Negotiatorname,
Property > Negotiatoremail,
Property > Bulletpoints > Bulletpoint,
Property > Rooms > Room > Title {
  font-weight: bold;
  color: #333;
}

/* Highlight specific conditions */
Property > Price[Per="Month"] {
  color: green;
}

Property > Type[Commercial="False"] {
  color: blue;
}

Property > Garage[False] {
  text-decoration: line-through;
  color: red;
}

/* Styling bullet points */
Property > Bulletpoints > Bulletpoint {
  margin-left: 20px;
  list-style: disc;
}

/* Styling the images in Media and Other */
Property > Media > Item,
Property > Other > Item {
  display: inline-block;
  margin-right: 10px;
}

Property > Media > Item::before,
Property > Other > Item::before {
  content: '🖼️';
  margin-right: 5px;
}

/* Styling the main description */
Property > Description::before {
  content: "Description: ";
  font-weight: bold;
}

/* Styling the comments */
Property > Comments {
  border-top: 1px solid #ddd;
  padding-top: 10px;
  font-style: italic;
}

Property > Comments::before {
  content: "Comments: ";
  font-weight: bold;
}

/* General formatting for important details */
Property > Negotiatorname::before {
  content: "Negotiator: ";
  font-weight: bold;
}

Property > Negotiatoremail::before {
  content: "Email: ";
  font-weight: bold;
}

Property > Strapline::before {
  content: "Strapline: ";
  font-weight: bold;
}

 @keyframes slide {
    0% { transform: translateX(0); }
    14.28% { transform: translateX(0); }
    28.56% { transform: translateX(-100%); }
    42.84% { transform: translateX(-100%); }
    57.12% { transform: translateX(-200%); }
    71.4% { transform: translateX(-200%); }
    85.68% { transform: translateX(-300%); }
    100% { transform: translateX(-300%); }
  }

  Media {
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
  }

  Media Item {
    display: inline-block;
    width: 100%;
    vertical-align: top;
  }

  Media img {
    width: 100%;
    height: auto;
    display: block;
    cursor: pointer;
  }

  Media {
    display: flex;
  }

  /* Modal Styles */
  #modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.9);
  }

  #modal img {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
  }

  #modal .close {
    position: absolute;
    top: 10px;
    right: 25px;
    color: #fff;
    font-size: 35px;
    font-weight: bold;
    cursor: pointer;
  }

.ot-testimonials-3 .testi-item {
	padding-left: 0px !important;
}


input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  width: 100% !important;
}

select {
  width: 100%;
  padding: 13px 20px;
}

.pgrid .inner-post .entry-meta {
  margin-bottom: 10px;
  display: none;
}