/*
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 { --primary-color: #024638; --secondary-color: #ff6816; --base-color: #fffbf2; --heading-color: #00373d; --text-color: #202020; --muted-color: #5f655f; --light-color: #ffffff; --border-color: #e7dfcf; --table-border-color: #1f1f1f; --table-stripe-color: #f7f7f7; --soft-green-color: #eef4ef; --dark-color: #030016; }

.header.transparent:not(.stuck) .header-wrapper { background: transparent; box-shadow: none; }
.header.transparent:not(.stuck) .header-nav-main.nav > li > a { color: var(--light-color); text-shadow: 0 1px 5px rgba(3, 0, 22, 0.48); }
.header.transparent:not(.stuck) .header-search > a { color: var(--light-color); text-shadow: 0 1px 5px rgba(3, 0, 22, 0.48); }
.header.transparent:not(.stuck) #logo img { filter: drop-shadow(0 1px 4px rgba(3, 0, 22, 0.28)); }
.header-nav-main.nav > li > a { padding-left: 10px; padding-right: 10px; }
.mr-home-section { color: var(--text-color); }
.mr-home-section .section-content { z-index: 2; }
.mr-hero-section .col { padding-bottom: 0; }
.mr-hero-section { position: relative; }
.mr-hero-section::before { background: linear-gradient(180deg, rgba(3, 0, 22, 0.56) 0%, rgba(3, 0, 22, 0.38) 42px, rgba(3, 0, 22, 0.16) 96px, rgba(3, 0, 22, 0) 168px); content: ""; height: 190px; left: 0; pointer-events: none; position: absolute; right: 0; top: 0; z-index: 5; }
.mr-full-image { margin: 0; }
.mr-full-image img { display: block; width: 100%; }
.mr-hero-image img { aspect-ratio: 16 / 9; object-fit: cover; }
.mr-section-title { margin-bottom: 16px; }
.mr-section-title .section-title { border-bottom: 0; margin-bottom: 0; }
.mr-section-title .section-title-main { border: 0; color: var(--heading-color); font-size: 88%; line-height: 1.35; padding: 0 12px; text-transform: none; }
.mr-section-title b { background: var(--heading-color); height: 1px; opacity: 1; }
.mr-copy { color: var(--text-color); font-size: 15px; line-height: 1.8; text-align: justify; }
.mr-copy p { margin-bottom: 16px; }
.mr-wide-image { margin: 18px 0 6px; }
.mr-wide-image img { border-radius: 0; display: block; width: 100%; }
.mr-card-image img { display: block; width: 100%; }
.mr-location-gallery-row { margin-top: 12px; }
.mr-location-gallery-image .img-inner { padding-top: 66% !important; }
.mr-location-gallery-image img { height: 100%; object-fit: cover; width: 100%; }
.mr-caption { color: var(--muted-color); font-size: 13px; font-style: italic; line-height: 1.65; margin-bottom: 18px; text-align: center; }
.mr-caption p { margin-bottom: 0; }
.mr-overview-section { border-top: 1px solid var(--border-color); }
.mr-overview-table-wrap { background: var(--light-color); margin-top: 14px; overflow-x: auto; }
.mr-overview-table { border: 1px solid var(--table-border-color); border-collapse: collapse; color: #111111; font-size: 15px; line-height: 1.45; margin: 0; min-width: 620px; width: 100%; }
.mr-overview-table td { border: 1px solid var(--table-border-color); color: #111111; padding: 14px 16px; vertical-align: middle; }
.mr-overview-table td:first-child { width: 38%; }
.mr-overview-table tr:nth-child(even) td { background: var(--table-stripe-color); }
.mr-overview-table strong { font-weight: 700; }
.mr-consult-section { padding-top: 0 !important; }
.mr-form-card .col-inner { background: var(--base-color); border: 1px solid var(--border-color); box-shadow: 0 10px 28px rgba(0, 55, 61, 0.08); padding: 18px; }
.mr-form-title { margin-bottom: 8px; }
.mr-form-title .section-title { display: block; text-align: center; }
.mr-form-title .section-title-main { border: 0; color: var(--dark-color); font-size: 78%; font-weight: 700; padding: 0; }
.mr-form-title b { display: none; }
.mr-form-intro { color: var(--muted-color); font-size: 14px; line-height: 1.7; margin-bottom: 14px; text-align: center; }
.mr-form-intro p { margin-bottom: 0; }
.mr-form-card .wpcf7 form { margin: 0; }
.mr-form-card .wpcf7 p { margin: 0; }
.mr-form-options { display: grid; gap: 8px; margin-bottom: 12px; }
.mr-form-options label { color: var(--text-color); font-size: 14px; line-height: 1.5; margin: 0; }
.mr-form-options .wpcf7-list-item { margin: 0; }
.mr-form-line { margin-bottom: 12px; }
.mr-form-grid { display: grid; gap: 12px; margin-bottom: 12px; }
.mr-form-card .wpcf7 input[type="text"] { background: var(--light-color); border: 1px solid var(--border-color); box-shadow: none; color: var(--text-color); font-size: 14px; height: 44px; margin-bottom: 0; padding: 0 12px; }
.mr-form-card .wpcf7 input[type="tel"] { background: var(--light-color); border: 1px solid var(--border-color); box-shadow: none; color: var(--text-color); font-size: 14px; height: 44px; margin-bottom: 0; padding: 0 12px; }
.mr-form-card .wpcf7 input[type="email"] { background: var(--light-color); border: 1px solid var(--border-color); box-shadow: none; color: var(--text-color); font-size: 14px; height: 44px; margin-bottom: 0; padding: 0 12px; }
.mr-form-card .wpcf7 input[type="checkbox"] { margin-bottom: 0; margin-right: 8px; }
.mr-form-submit { text-align: center; }
.mr-form-card .wpcf7 input[type="submit"] { background: var(--secondary-color); border-radius: 0; color: var(--light-color); font-size: 14px; font-weight: 700; letter-spacing: 0; line-height: 1.2; margin: 8px 0 0; min-height: 44px; padding: 0 24px; text-transform: uppercase; }
.mr-form-card .wpcf7 input[type="submit"]:hover { background: var(--primary-color); box-shadow: none; }
.mr-form-card .wpcf7-spinner { display: block; margin: 10px auto 0; }
.mr-form-card .wpcf7-response-output { margin: 14px 0 0 !important; padding: 10px 12px !important; }
.mr-gallery-row { margin-top: 18px; }
.mr-square-image .img-inner { padding-top: 100% !important; }
.mr-square-image img { height: 100%; object-fit: cover; width: 100%; }
.mr-feature-list { background: var(--light-color); border-left: 4px solid var(--primary-color); font-size: 15px; line-height: 1.75; margin: 18px 0; padding: 16px; }
.mr-feature-list h3 { color: var(--heading-color); font-size: 18px; line-height: 1.4; margin: 0 0 8px; }
.mr-feature-list ul { margin-bottom: 16px; }
.mr-plan-card .col-inner { background: var(--light-color); border: 1px solid var(--border-color); padding: 8px; }
.mr-plan-image img { display: block; width: 100%; }
.mr-layout-row { margin-top: 12px; }
.mr-interior-image .img-inner { padding-top: 75% !important; }
.mr-interior-image img { height: 100%; object-fit: cover; width: 100%; }
.mr-payment-grid { margin-top: 12px; }
.mr-payment-grid .img { background: var(--light-color); border: 1px solid var(--border-color); padding: 6px; }
.mr-news-card .col-inner { background: var(--light-color); border: 1px solid var(--border-color); height: 100%; }
.mr-news-image { margin-bottom: 0; }
.mr-news-image .img-inner { padding-top: 70% !important; }
.mr-news-image img { height: 100%; object-fit: cover; width: 100%; }
.mr-news-title { padding: 12px; }
.mr-news-title h3 { color: var(--heading-color); font-size: 15px; font-weight: 700; line-height: 1.45; margin: 0; }
.mr-news-section .post-item { padding-bottom: 18px; }
.mr-news-section .post-item .col-inner { height: 100%; }
.mr-news-section .box-blog-post { background: var(--light-color); border: 1px solid var(--border-color); height: 100%; transition: border-color 0.2s ease, transform 0.2s ease; }
.mr-news-section .box-blog-post:hover { border-color: var(--heading-color); transform: translateY(-3px); }
.mr-news-section .box-blog-post .box-image { margin: 0; }
.mr-news-section .box-blog-post .image-cover { padding-top: 70% !important; }
.mr-news-section .box-blog-post .image-cover img { height: 100%; object-fit: cover; transition: transform 0.35s ease; width: 100%; }
.mr-news-section .box-blog-post:hover .image-cover img { transform: scale(1.04); }
.mr-news-section .box-blog-post .box-text { background: var(--light-color); padding: 14px 14px 16px; }
.mr-news-section .box-blog-post .post-title { font-size: 15px; font-weight: 700; line-height: 1.45; margin: 0; }
.mr-news-section .box-blog-post .post-title a { color: var(--heading-color); display: block; }
.mr-news-section .box-blog-post .post-title a:hover { color: var(--secondary-color); }
.mr-news-section .box-blog-post .is-divider { background-color: var(--secondary-color); height: 2px; margin: 10px 0 0; max-width: 42px; }
.mr-cta-title .section-title { display: block; }
.mr-cta-title .section-title-main { border: 0; color: var(--heading-color); font-size: 80%; padding: 0; }
.mr-cta-title b { display: none; }
.mr-cta-copy ul { color: var(--heading-color); font-weight: 600; margin-bottom: 0; }
.mr-form-card-bottom .col-inner { background: var(--light-color); }
.mr-final-cta-section { border-top: 0; }
.mr-final-cta-section .mr-form-card-bottom .col-inner { background: transparent; border: 0; box-shadow: none; padding: 0; }
.mr-final-cta-section .mr-cta-title { margin-bottom: 20px; }
.mr-final-cta-section .mr-cta-title .section-title { align-items: center; border-bottom: 0; display: flex; gap: 12px; justify-content: center; text-align: center; }
.mr-final-cta-section .mr-cta-title .section-title-main { color: #111111; font-size: 88%; padding: 0 12px; }
.mr-final-cta-section .mr-cta-title b { background: #111111; display: block; flex: 1; height: 1px; opacity: 1; }
.mr-final-cta-copy { color: #111111; font-size: 15px; line-height: 1.65; margin: 0 auto 20px; max-width: 900px; text-align: center; }
.mr-final-cta-copy p { margin-bottom: 16px; }
.mr-final-options { display: grid; gap: 10px; margin: 0 auto 20px; max-width: 820px; text-align: left; }
.mr-final-options span { align-items: center; display: flex; gap: 8px; line-height: 1.5; }
.mr-option-box { border: 1px solid #111111; border-radius: 3px; display: inline-block; flex: 0 0 14px; height: 14px; width: 14px; }
.mr-final-cta-section .wpcf7 { margin: 0 auto; max-width: 900px; }
.mr-final-cta-section .mr-form-line { margin-bottom: 16px; }
.mr-final-cta-section .mr-form-grid { gap: 18px; margin-bottom: 16px; }
.mr-final-cta-section .wpcf7-form-control-wrap { display: block; position: relative; }
.mr-final-cta-section .wpcf7-form-control-wrap::before { color: #111111; font-family: fl-icons; font-size: 17px; left: 16px; line-height: 1; pointer-events: none; position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; }
.mr-final-cta-section .wpcf7-form-control-wrap[data-name="your-name"]::before { content: "\e901"; }
.mr-final-cta-section .wpcf7-form-control-wrap[data-name="your-phone"]::before { content: "\e600"; }
.mr-final-cta-section .wpcf7-form-control-wrap[data-name="your-email"]::before { content: "\e003"; }
.mr-final-cta-section .wpcf7-form-control-wrap[data-name="your-message"]::before { content: "\e903"; }
.mr-final-cta-section .mr-form-card .wpcf7 input[type="text"] { border: 1px solid #111111; height: 50px; padding-left: 46px; }
.mr-final-cta-section .mr-form-card .wpcf7 input[type="tel"] { border: 1px solid #111111; height: 50px; padding-left: 46px; }
.mr-final-cta-section .mr-form-card .wpcf7 input[type="email"] { border: 1px solid #111111; height: 50px; padding-left: 46px; }
.mr-final-cta-section .mr-form-card .wpcf7 input[type="submit"] { border-radius: 4px; font-size: 15px; margin-top: 8px; min-height: 50px; padding: 0 34px; }
.mr-consult-section { background-color: var(--heading-color) !important; padding-top: 34px !important; padding-bottom: 34px !important; }
.mr-consult-section .mr-form-card .col-inner { background: transparent; border: 0; box-shadow: none; padding-left: 0; padding-right: 0; }
.mr-consult-section .mr-form-title { margin-bottom: 18px; }
.mr-consult-section .mr-form-title .section-title { align-items: center; border-bottom: 0; display: flex; gap: 16px; justify-content: center; text-align: center; }
.mr-consult-section .mr-form-title .section-title-main { color: var(--light-color); font-size: 88%; padding: 0 12px; }
.mr-consult-section .mr-form-title b { background: rgba(255, 255, 255, 0.72); display: block; flex: 1; height: 1px; opacity: 1; }
.mr-consult-section .mr-form-intro { color: var(--light-color); font-size: 16px; margin-bottom: 22px; }
.mr-consult-section .mr-form-line { margin-bottom: 14px; }
.mr-consult-section .mr-form-grid { margin-bottom: 14px; }
.mr-consult-section .mr-form-card .wpcf7 input[type="text"] { border: 2px solid #111111; height: 50px; padding: 0 16px; }
.mr-consult-section .mr-form-card .wpcf7 input[type="tel"] { border: 2px solid #111111; height: 50px; padding: 0 16px; }
.mr-consult-section .mr-form-card .wpcf7 input[type="email"] { border: 2px solid #111111; height: 50px; padding: 0 16px; }
.mr-consult-section .mr-form-card .wpcf7 input[type="submit"] { border-radius: 4px; font-size: 15px; margin-top: 12px; min-height: 50px; padding: 0 34px; }
.mr-footer-section { background: var(--heading-color); color: var(--light-color); }
.mr-footer-section .section-content { z-index: 2; }
.mr-footer-section .col { padding-bottom: 24px; }
.mr-footer-brand { text-align: center; }
.mr-footer-brand-text { text-align: center; }
.mr-footer-logo { align-items: flex-end; color: #8b542a; display: inline-flex; font-family: Georgia, serif; gap: 8px; justify-content: center; line-height: 0.9; margin-bottom: 18px; text-transform: uppercase; }
.mr-footer-logo-mark { font-size: 64px; letter-spacing: 0; line-height: 0.8; }
.mr-footer-logo-text { display: grid; font-size: 28px; letter-spacing: 0; text-align: left; }
.mr-footer-logo-text small { font-size: 13px; letter-spacing: 0; line-height: 1.1; padding-left: 22px; }
.mr-footer-brand-text p { color: var(--light-color); font-size: 15px; font-weight: 600; line-height: 1.8; margin: 0 auto; max-width: 360px; text-align: center; }
.mr-footer-heading h3 { color: var(--light-color); font-size: 18px; font-weight: 700; line-height: 1.35; margin: 0 0 18px; text-align: center; text-transform: uppercase; }
.mr-footer-list p { color: var(--light-color); display: block; font-size: 14px; font-weight: 600; line-height: 1.55; margin: 0 0 12px; padding-left: 30px; position: relative; }
.mr-footer-list p::before { color: var(--light-color); font-family: fl-icons; font-size: 16px; left: 0; line-height: 1.55; position: absolute; text-align: center; top: 0; width: 18px; }
.mr-footer-contact-list p:nth-child(1)::before { content: "\e600"; }
.mr-footer-contact-list p:nth-child(2)::before { content: "\e003"; }
.mr-footer-contact-list p:nth-child(3)::before { content: "\e009"; }
.mr-footer-contact-list p:nth-child(4)::before { content: "\e009"; }
.mr-footer-post-list p::before { content: "\e008"; }
.mr-footer-list strong { font-weight: 700; }
.mr-footer-list a { color: var(--light-color); text-decoration: none; }
.mr-footer-list a:hover { color: var(--secondary-color); }
.mr-footer-posts { max-width: 320px; }
.mr-footer-section + .absolute-footer { background: var(--dark-color); color: var(--light-color); padding: 14px 0 16px; }
.mr-footer-section + .absolute-footer .container { align-items: center; display: flex; justify-content: center; }
.mr-footer-section + .absolute-footer .footer-primary { float: none; padding: 0; text-align: center; width: 100%; }
.mr-footer-section + .absolute-footer .footer-secondary { display: none; }
.mr-footer-section + .absolute-footer .copyright-footer { color: var(--light-color); font-size: 14px; font-weight: 600; letter-spacing: 0; }
.mr-footer-section + .absolute-footer .footer-nav { display: none; }




/*************** RESPONSIVE CSS HERE  ***************/

@media (min-width: 768px) { 
    .mr-section-title .section-title-main { font-size: 100%; padding: 0 18px; }
    .mr-copy { font-size: 16px; }
    .mr-overview-table { font-size: 18px; min-width: 0; }
    .mr-overview-table td { padding: 17px 24px; }
    .mr-form-card .col-inner { padding: 24px 28px; }
    .mr-form-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mr-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mr-final-cta-copy { font-size: 16px; max-width: 1180px; }
    .mr-final-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mr-feature-list { padding: 20px 24px; }
    .mr-footer-section .col { padding-bottom: 0; }
    .mr-footer-brand { text-align: center; }
    .mr-footer-heading h3 { text-align: left; }
    .mr-footer-brand-text p { font-size: 16px; }
    .mr-footer-list p { font-size: 15px; }

}


@media (min-width: 992px) { 
    .header-nav-main.nav > li > a { padding-left: 14px; padding-right: 14px; }
    .mr-intro-section { padding-top: 34px !important; padding-bottom: 34px !important; }
    .mr-overview-section { padding-top: 42px !important; padding-bottom: 30px !important; }
    .mr-location-section { padding-top: 44px !important; padding-bottom: 44px !important; }
    .mr-amenities-section { padding-top: 44px !important; padding-bottom: 44px !important; }
    .mr-apartment-section { padding-top: 44px !important; padding-bottom: 44px !important; }
    .mr-payment-section { padding-top: 44px !important; padding-bottom: 44px !important; }
    .mr-news-section { padding-top: 44px !important; padding-bottom: 44px !important; }
    .mr-final-cta-section { padding-top: 44px !important; padding-bottom: 44px !important; }
    .mr-section-title { margin-bottom: 20px; }
    .mr-section-title .section-title-main { font-size: 108%; }
    .mr-overview-table { font-size: 20px; }
    .mr-overview-table td { padding: 18px 28px; }
    .mr-form-card .col-inner { padding: 28px 34px; }
    .mr-form-title .section-title-main { font-size: 92%; }
    .mr-news-title h3 { font-size: 16px; }
    .mr-footer-section { padding-top: 34px !important; padding-bottom: 34px !important; }
    .mr-footer-heading h3 { font-size: 20px; margin-bottom: 24px; }
    .mr-footer-list p { font-size: 16px; margin-bottom: 14px; }
}