/*
Theme Name: ServListing
Author: RadiusTheme
Author URI: https://radiustheme.com
Description: A clean and modern news theme designed for a professional and user-friendly reading experience. Featuring a minimalistic layout, responsive design, and a sleek color palette, ServListing prioritizes clarity and accessibility. With a focus on legible typography, organized grid layouts, and subtle animations, this theme provides a trustworthy platform for delivering news content. Social media integration, a well-structured navigation system, and a touch of elegance make ServListing the perfect choice for a contemporary news website.
Version: 1.1.1
Requires at least: 5.4.2
Tested up to: 6.2.2
Requires PHP: 7.2
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: servlisting
*/

.wellness-tagline {
  color: #707C6E; /* Olive green */
  font-size: 1.2rem;
  font-style: italic;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.5px;
  margin: 1rem 0;
  padding: 0.5rem 1rem;
  display: inline-block;
  background: rgba(112, 130, 56, 0.08);
  border-radius: 6px;
}

[data-name="text_mgxb181e"], [data-name="text_mgx6e7rg"] , 
[data-name="textarea_mgx6fvcb"], [data-name="text_mgx6ghaz"],
[data-name="service-area"], [data-name="session_type"]
{
  display: none !important;
}

.rtcl-listing-description {
    background-color: #F7F4F0;
    border-radius: 15px;
    padding:25px;
}

.rtcl-cf-properties {
    background-color: #F7F4F0;
    border-radius: 15px;
    padding:25px;
}

.custom-info {
    
}

.info-widget {
    background-color: #F8F8F8;
    border-radius: 15px;
    padding:15px;
    margin:25px;
}

.rtcl .listing-sidebar {
    padding-bottom: 15px;
}
.h4, h4 {
    font-size: 26px;
    line-height: 26px !important;
}

.rtcl .listing-sidebar .rtcl-listing-user-info .list-group .rtcl-user-social {
    align-items: center;
    border-bottom: 1px solid #d6e2e2;
    border-top: 1px solid #d6e2e2;
    display: flex
;
    flex-flow: row !important; 
    gap: 10px;
    justify-content: center;
    margin-bottom: 24px;
    padding: 22px 25px;
}

.rtcl .listing-sidebar .rtcl-listing-user-info .list-group .rtcl-user-social .rtcl-icon {
    background-color: transparent !important;
    border-radius: 7px;
}

.rtcl-single-custom-fields .rtcl-cf-properties .rtcl-cfp-item .cfp-label {
    color: #707C6E;
    font-weight: 600;
    margin-right: 5px;
    font-size:22px;
}

.listing-details-header.header-v1 {
    padding-top: 50px !important;
}

.rtcl-widget-heading > h3 {
    display:none;
}

.breadcrumb-title {
    color:#d6e2e2;
}

.tags{
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Base tag */
.tag{
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  color: #d6e2e2;
  background: #707C6E;
  border-radius: 10px;
  padding: 0.1rem .5rem;
  white-space: nowrap;
}

.elementor-1646 .elementor-element.elementor-element-5a436dc .listing-item .item-price .rtcl-price {
    font-size: 17px !important;
}

.item-content .rtcl-price-wrap .rtcl-price {
    color: #E4BFB6 !important;
    font-size: 17px !important;
}

.servlisting-post-card .article-inner-wrapper {
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
}

.article-inner-wrapper {
    background-color: #ffffff;
}

.servlisting-breadcrumb-wrapper .breadcrumb-content nav.breadcrumb-nav a:hover {
    color: #E4BFB6 !important;
}

.listing-category a:hover {
    color: #E4BFB6 !important;
}

.site-branding img {
    height: 60px !important;
}

.elementor-icon-list-icon svg {
    color: #707C6E !important;
}


/* THe listing detail grid */
/* Controls the grid layout */
.photo-swip-gallery-wrap {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 10px;
}

/* Controls each gallery item */
.photo-swip-gallery-wrap .listing-gallery-item {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4 / 3; /* Keeps a consistent shape (change to 1/1 for square) */
}

/* Ensures the image scales correctly */
.photo-swip-gallery-wrap .listing-gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* crop to fit without distortion */
  display: block;
}

.elementor-4532 .elementor-element.elementor-element-b60d36c .fluentform-widget-wrapper .ff-el-group .ff-btn-submit {
    background-color: #707C6E !important;
}



/* ------------------------------------------------------- */

@media (max-width: 767px) {
    .site-branding img {
     height: auto !important;
    }
}