:root { --accent: #ec4e8b; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(255, 60, 72, 1), -10px 10px rgba(255, 60, 72, 0.2), -10px -10px rgba(255, 60, 72, 1), 10px -10px rgba(255, 60, 72, 0.2); } 25% { box-shadow: -10px 10px rgba(255, 60, 72, 0.2), -10px -10px rgba(255, 60, 72, 1), 10px -10px rgba(255, 60, 72, 0.2), 10px 10px rgba(255, 60, 72, 1); } 50% { box-shadow: -10px -10px rgba(255, 60, 72, 1), 10px -10px rgba(255, 60, 72, 0.2), 10px 10px rgba(255, 60, 72, 1), -10px 10px rgba(255, 60, 72, 0.2); } 75% { box-shadow: 10px -10px rgba(255, 60, 72, 0.2), 10px 10px rgba(255, 60, 72, 1), -10px 10px rgba(255, 60, 72, 0.2), -10px -10px rgba(255, 60, 72, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #f4f4f4 }.su-table table { width: 100% !important; color: #000000; margin: 0 !important; border-collapse: collapse !important; font-size: 1em !important; border: 1px solid #ccc !important; table-layout: auto !important; } /* sticky block */ .single-listing .sticky-block { position: sticky; top: 30px; z-index: 999; } @media only screen and (min-width : 1201px) { .single-listing.type-for-sale .listing-tabs .tab-template-content-sidebar > .row { display: flex; } .single-listing.type-for-sale .listing-tabs .tab-template-content-sidebar .cts-right-column{ height: 100%; } /* desktop signing area hide */ body:not(.logged-in) .user-area.signin-area { display: none; } .tab-content { /* Default styles for desktop */ font-size: 10px; } /* Media query for tablets */ .tab-content { font-size: 18px; /* Increase the font size for tablets */ } } /* Media query for mobile devices */ .tab-content { font-size: 18px; /* Increase the font size for mobile */ } /* single listing project overview */ .table-block { background-color:white; } /* Comission block */ .commission-block { background-color: black; color: white; /* Ensures text remains visible */ padding: 10px; /* Optional: Add padding for better spacing */ border: 1px solid red; /* Keeps the existing border style */ } /* preview card price action left */ .lf-head-btn { position: relative; font-weight: 400; font-size: 13px padding: 0 7px; align-items: center; background: rgba(0, 0, 0, 0.6); border: 1.5px solid hsla(0,0%,100%,.3); border-radius: 4px; line-height: 10px; height: 32px; } /* preview card Fields title */ .lf-item-info > h4 { position: relative; font-weight: 400; font-size: 15px; padding: 0 7px; align-items: center; color: #000000; background: rgba(0, 0, 0, 0.6); border: 1.5px solid hsla(0,0%,100%,.3); border-radius: 4px; line-height: 15px; height: 32px;; } /* preview card Fields below title icon */ .lf-item-info>ul li i { font-size: 10px !important; top: -1px !important; } /* Map direction in single listing */ .map-block-address a, a.add-to-google-cal, a.add-to-i-cal { background-image: initial; background-color: rgba(255, 0, 0, 0.6); border-right-color: initial; display: none; color: rgb(207, 200, 189) !important; } .price-or-date .value { position: relative; font-weight: 400; font-size: 10px; padding: 0 7px; align-items: center; color: #ffffff; background: rgba(0, 0, 0, 1); border-radius: 4px; line-height: 15px; height: 32px;; } .price-or-date .lmb-label { font-size: 15px; opacity: .9; position: relative; font-weight: 400; padding: 0 7px; align-items: center; color: #ffffff; background: rgba(0, 0, 0, 1); border-radius: 4px; line-height: 15px; height: 32px;; } /* mobile cover height */ /* Fix the cover image container */ .featured-section.profile-cover.profile-cover-image { height: 480px !important; padding-bottom: 0 !important; background-size: cover !important; background-position: center !important; overflow: hidden !important; } /* Ensure the image fills completely */ .profile-cover-image img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; } /* Remove any overlay or pseudo-elements that might cause grey area */ .profile-cover-image::before, .profile-cover-image::after { display: none !important; } /* Fix for responsive behavior */ @media (max-width: 768px) { .featured-section.profile-cover.profile-cover-image { height: 500px !important; } } /* Finish mobile cover height */ /* Single Listing TITLE backround color */ @media only screen and (max-width: 2400px) { .listing-main-info .profile-name h1, .listing-main-info .profile-name h2 { background: rgba(255,255,255); border: 1.5px solid hsla(0,0%,100%,.3); } } /* Profiles in single listing hide */ @media only screen and (max-width: 2400px) { .profile-header .profile-menu>ul { margin-bottom: 0; display: none !important; } } /* Whatsapp button */ @media only screen and (max-width: 2400px) { .lmb-calltoaction>a { height: 63px; font-size: 22px; background: rgb(34, 139, 34); } } /* Tags Button Single Listing */ #cta-39d528 a { background-color: red !important; color: white; /* Optional: ensure text is readable */ height: 32px; } .term-icon.image-icon img { height: 50px; width: 40px; object-fit: contain; } .myClass.myClassAgain { background-color: #ff5959; /* Red */ width: 100%; } .map-block-address p { margin-bottom: 0; text-align: left; content-visibility : hidden; } .style .attribute { padding: 10px !important; height: 55px; text-align: center; /* background: rgb(220, 137, 232) !important; */ /* background: linear-gradient(141deg, rgba(220, 137, 232, 1) 0%, rgba(144, 64, 204, 1) 100%) !important; */ } .lc-info h6 { font-size: large; color: rgb(229, 224, 216); } .header-scroll.header-scroll-dark-skin .user-area > span, .header.header-dark-skin .user-area > i.user-area-icon, .header.header-scroll.header-scroll-dark-skin .user-area > i.user-area-icon { color: rgb(229, 224, 216); display: none !important; } .yrm-text-wrapper-custom-dimensions { position: absolute; top: 50%; left: 0; width: 100%; margin-right: -50%; transform: translate(-50%); font-size: large; color: red; } .su-box-title { background-color: #000000 !important; /* Use !important to override inline style */ } .myClass.myClassAgain { color: white; /* You can also use the hex code #ffffff */ /* Add this line to your existing rule or create a new rule like this */ /* Keep other styles like background-color if needed */ background-color: #ff5959; /* This was already there */ width: 100%; /* This was already there */ } /* Fluent Form Header Backround Color */ .fl_masterplan { background-color: #000; /* Black background */ color: #fffff; /* White text */ } /* Mobile Signing area icon */ .header-light-skin .mob-sign-in i, .header-scroll.header-scroll-light-skin .mob-sign-in i { color: #484848; display: none; } /* Tablet Signing area icon */ @media (min-width: 769px) and (max-width: 1200px) { .header .user-area>i.user-area-icon { font-size: 24px; display: none; } } body:not(.logged-in) .user-area.signin-area { margin-right: 15px; display: none; }