/*
Theme Name: RealHomes Child
Theme URI: https://mansion.vn
Description: Child theme cua RealHomes, dung de giu code custom (header, footer, CSS, functions) khong bi mat khi update themes.
Author: mansion.vn
Template: realhomes
Version: 1.0
*/

/* ==========================================================
   Toan bo CSS custom cua may (dang sua truoc do trong
   style.css cua theme goc) dan tiep xuong duoi day.
   Khong xoa phan khai bao Theme Name / Template o tren.
   ========================================================== */
/* General Footer Styling */
.content-footer {
    width: 100%;
    text-align: center;
    float: none;
}

.content-footer .footer-1 {
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #f2f2f2;
}

.content-footer .footer-1 ul {
    list-style: none;
    padding: 0 50px;
}

.content-footer .footer-1 ul li {
    display: inline-block;
    font-size: 14px;
    color: #f2f2f2;
    margin-top: 10px;
    padding: 0 10px;
    border-left: 1px solid #f2f2f2;
}

.content-footer .footer-1 ul li:first-child {
    border: none;
}

.content-footer .footer-1 ul li a {
    font-size: 14px;
    color: #f2f2f2;
    text-decoration: none;
    transition: color 0.3s ease;
}

.content-footer .footer-1 ul li a:hover {
    color: gold;
}

.content-footer .footer-2 {
    width: 100%;
    text-align: center;
    margin: 20px 0 10px;
}

.content-footer .footer-2 ul {
    list-style: none;
    margin-top: 10px;
}

.content-footer .footer-2 ul li {
    font-size: 14px;
    color: #f2f2f2;
    font-family: sans-serif;
    font-weight: 300;
    padding: 5px 0;
}

.content-footer .footer-2 ul li a {
    font-size: 14px;
    color: #f2f2f2;
    font-weight: 300;
    text-decoration: none;
    transition: color 0.3s ease;
}

.content-footer .footer-2 ul li a:hover {
    color: gold;
}

.rh_footer a {
    color: #f2f2f2;
    font-size: 20px;
    padding: 10px;
    text-decoration: none;
    transition: color 0.3s ease;
}

.rh_footer a:hover {
    color: gold;
}

.rh_footer__before_fix {
    padding: 20px;
}

/* Responsive Design */
@media (min-width: 920px) {
    .rh_footer__before_fix {
        display: flex;
    }

    .content-footer {
        text-align: left;
    }

    .content-footer .footer-1 {
        width: 50%;
        float: left;
        border: none;
    }

    .content-footer .footer-2 {
        width: 50%;
        float: left;
        margin: 0;
    }

    .content-footer .footer-2 ul li {
        display: inline-block;
        padding: 0 10px;
        border-left: 1px solid #f2f2f2;
    }

    .content-footer .footer-2 ul li:first-child {
        border: none;
    }
}

@media (min-width: 1024px) {
    .rh_footer .rh_footer__social {
        width: 100%;
        text-align: center;
        padding: 0;
    }
}

/* Custom Button */
#customBtn {
    text-align: center;
    justify-content: center;
    width: 100%;
    position: relative;
    display: contents;
}

#customBtn img {
    margin: 0 auto;
}

#customBtn:hover {
    cursor: pointer;
}