/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
.elementor-pagination {
    display: flex;
    gap: 10px;
    
    font-size: 12pt;
    
    & span, & a {
        display: flex;
        justify-content: center;
        align-items: center;
        
        width: 50px;
        height: 50px;
        
        margin: 0 !important;
        
        color: var(--text);
        background-color: rgb(243, 243, 244);
        
        transition: color 0.3s;
        transition: background-color 0.3s;
    }
    
    & .current, & a:hover {
        color: #FFF;
        background-color: var(--accent);
    }
    
    & .next, & .prev {
        width: fit-content;
        padding: 0 40px;
        
        text-transform: uppercase;
        font-weight: 600;
        
        background-color: var(--text);
        color: #FFF;
        
        transition: color 0.3s;
        transition: background-color 0.3s;
    }
    
    & .next:hover, & .prev:hover {
        color: #FFF;
    }
    
    & span.next, & span.prev {
        display: none;
    }
}

.whitemarsh-signup-form {
    & p {
        display: flex;
        gap: 5px;
    }
}

@media only screen and (max-width: 767px) {
    .whitemarsh-signup-form p {
        flex-direction: column;
    }
}

/* |------------- */
/* | Map styles   */
/* |------------- */
#map {
    height: 500px;
    width: 100%;
    
    & .map-window-title {
        font-size: 16px;
        font-weight: 600;
        color: rgb(10, 25, 35);
    }

    & .map-window-title:hover {
        color: rgb(226, 32, 40);
    }

    & .map-window-price {
        font-size: 16px;
        font-weight: 600;
        color: rgb(191, 19, 19);
    }

    & .gm-style-iw-d {
        width: 200px;
    }

    & .acres:before {
        font-family: 'Mercury Real Estate';
        color: #AD0D0D;
        font-size: 30px;
        line-height: 30px;
        content: '\e80D';
        text-align: center;
    }

    & .area:before {
        font-family: 'Mercury Real Estate';
        color: #AD0D0D;
        font-size: 30px;
        line-height: 30px;
        content: '\e800';
        text-align: center;
    }

    & .bed:before {
        font-family: 'Mercury Real Estate';
        color: #AD0D0D;
        font-size: 30px;
        line-height: 30px;
        content: '\e816';
        text-align: center;
    }

    & .bath:before {
        font-family: 'Mercury Real Estate';
        color: #AD0D0D;
        font-size: 30px;
        line-height: 30px;
        content: '\e815';
        text-align: center;
    }

    & .additional-data {
        font-size: 12px;
        line-height: 30px;
        font-weight: 400;
        white-space: nowrap;
        margin-bottom: 0;
        display: flex;
    }

    & .additional-data-wrapper {
        display: flex;
        flex-direction: column;
    }
}