/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
:root {
    --gr-primary: #ffc700;
}

.epl-featured-image {
    border-radius: 1rem;
    overflow: hidden;
}

.slick-arrow {
    z-index: 1;
    transform: scale(2);
}

.slick-prev:before,
.slick-next:before {
    color: #1b1b1b;
}

.slick-prev {
    left: 5%;
}

.slick-prev::before {
    content: '❮';
}

.slick-next {
    right: 5%;
}

.slick-next::before {
    content: '❯';
}

.epl-content .page-price {
    font-size: 2rem;
    line-height: 2rem;
}

.epl-property-single.view-expanded .entry-header .property-details,
.epl-property-single.view-expanded .entry-header .property-pricing-details {
    width: unset;
}

.follow-icons a.icon.tooltip, 
#header-contact a.tooltip, 
.header-nav a.tooltip:has(> i) {
    opacity: 1;
}
.header-nav li.header-contact-wrapper {
    margin-left: unset;
}

.epl-property-single .status-sticker.new, 
.epl-property-blog .status-sticker.new {
    background-color: var(--bs-danger);
}

.epl-property-blog-card .epl-entry-content {
    overflow: hidden;
    box-shadow: 0 0 40px #00000024;
}
.epl-property-blog-card .epl-entry-content .property-content {
    font-size: 1rem;
}
.epl-property-blog-card .epl-entry-content .page-price {
    font-size: 1.5rem;
    font-weight: bold;
    color: var(--gr-primary);
    font-family: 'Sarala';
}
.epl-property-blog-card .property-feature-icons {
    border-top: 1px solid #0000001f;
}
.epl-property-blog-card .status-sticker.new {
    background-color: var(--gr-primary);
    font-weight: bold;
}

.epl-icon-fill g {
	fill: var(--gr-primary);
}

.property-gallery figure:not(.slick-current) {
    opacity: .3;
}

.fancy-underline:after {
    background:url(assets/img/underline.png);
}

.ux-shape-divider--to-front {
    z-index: 1 !important;
}

a.ux-menu-link__link, footer .list-group-item {
    min-height: 1.5rem;
    line-height: 1rem;
}

.mobile-sidebar .header-social-icons a.icon {
    text-align: center;
    margin-left: 0;
}
.mobile-sidebar .header-social-icons a.icon:not(:last-child) {
    margin-bottom: .5rem;
}
.header-nav .header-social-icons .social-icons {
    display: flex;
}
#header-contact .icon-clock {
    line-height: 0;
}

@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/


}