.elementor-43922 .elementor-element.elementor-element-b021ff6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:0px;--padding-left:100px;--padding-right:100px;}.elementor-43922 .elementor-element.elementor-element-b021ff6:not(.elementor-motion-effects-element-type-background), .elementor-43922 .elementor-element.elementor-element-b021ff6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DFDFDF;}.elementor-43922 .elementor-element.elementor-element-96382d1{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:50px;--padding-left:100px;--padding-right:50px;}.elementor-43922 .elementor-element.elementor-element-96382d1.e-con{--align-self:flex-start;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-43922 .elementor-element.elementor-element-f3068b3{text-align:start;}.elementor-43922 .elementor-element.elementor-element-f3068b3 .elementor-heading-title{font-family:"Ansata Mark pro", Sans-serif;font-size:28px;font-weight:600;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-43922 .elementor-element.elementor-element-6e4218b{text-align:start;font-family:"Ansata Mark pro", Sans-serif;font-size:20px;font-weight:500;}.elementor-43922 .elementor-element.elementor-element-a101b8a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-43922 .elementor-element.elementor-element-a101b8a:not(.elementor-motion-effects-element-type-background), .elementor-43922 .elementor-element.elementor-element-a101b8a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DFDFDF;}.elementor-43922 .elementor-element.elementor-element-5c35711{width:100%;max-width:100%;}.elementor-43922 .elementor-element.elementor-element-5c35711 > .elementor-widget-container{padding:0px 50px 50px 190px;}:root{--page-title-display:none;}@media(max-width:999px){.elementor-43922 .elementor-element.elementor-element-96382d1{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-43922 .elementor-element.elementor-element-5c35711 > .elementor-widget-container{padding:30px 30px 30px 30px;}}@media(max-width:689px){.elementor-43922 .elementor-element.elementor-element-b021ff6{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-43922 .elementor-element.elementor-element-96382d1{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-43922 .elementor-element.elementor-element-f3068b3 .elementor-heading-title{font-size:20px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-43922 .elementor-element.elementor-element-6e4218b{font-size:14px;}.elementor-43922 .elementor-element.elementor-element-5c35711 > .elementor-widget-container{padding:10px 10px 10px 10px;}}@media(min-width:690px){.elementor-43922 .elementor-element.elementor-element-96382d1{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-5c35711 *//* Flex container for the map and filter */
.wpgmp_map_container {
    display: flex !important; /* Display items in a row */
    align-items: flex-start !important; /* Align items at the top */
}

/* Adjust the map's width */
.wpgmp_map {
    flex: 3; /* Allow map to take more space */
    min-width: 900px; /* Set a minimum width for the map */
    margin-right: 30px!important; /* Space between map and filter */
    
}

/* Adjust the filter's width */
.wpgmp_filter_wrappers {
    flex: 1; /* Allow filter to take less space */
    min-width: 300px; /* Set a minimum width for the filter */
}

/* Ensure the filter wrapper displays elements vertically */
.wpgmp_filter_wrappers {
    display: flex; 
    flex-direction: column; /* Stack filter elements vertically */
}

/* Optional: Style for the select dropdown */
.categories_filter select {
    width: 100%; /* Make the dropdown full width */
    padding: 10px; /* Add some padding */
}

/* General styles for desktop and larger screens */
.categories_filter select[name="place_category"] {
    color: #ffffff; /* Text color for the dropdown */
    background-color: #333333; /* Background color for the dropdown */
    font-size: 14px;
    text-transform: none;
}

.categories_filter select[name="place_category"] option {
    color: #000000; /* Text color for the options */
    background-color: #ffffff; /* Background color for the options */
    font-size: 14px;
    text-transform: none;
}
/* Styles for smaller screens (tablet and mobile) */
@media (max-width: 1024px) {
    /* For tablet-sized screens */
    .wpgmp_map_container {
        flex-direction: column !important; /* Stack map and filter vertically */
    }
    
    .wpgmp_map {
        min-width: 100%; /* Map takes full width on smaller screens */
        margin-right: 0; /* Remove margin between map and filter */
        height: 500px; /* Adjust height for smaller screens */
    }
    
    .wpgmp_filter_wrappers {
        width: 100%; /* Filter takes full width */
        margin-top: 20px; /* Add space between map and filter */
    }
}

@media (max-width: 768px) {
    /* For mobile screens */
    .wpgmp_map {
        height: 250px; /* Further reduce the map height for mobile */
    }

    .categories_filter select {
        font-size: 12px; /* Reduce font size for better mobile display */
        padding: 8px; /* Adjust padding for mobile */
    }

    .wpgmp_filter_wrappers {
        margin-top: 10px; /* Less space between map and filter on mobile */
    }
}

.categories_filter select[name="place_category"] {
    color: #ffffff; /* Text color for the dropdown */
    background-color: #333333; /* Background color for the dropdown */
    font-size: 14px;
    text-transform: none;
    font-family: 'Ansata Mark Pro', sans-serif; /* Add font-family here */
}

.categories_filter select[name="place_category"] option {
    color: #000000; /* Text color for the options */
    background-color: #ffffff; /* Background color for the options */
    font-size: 14px;
    text-transform: none;
    font-family: 'Ansata Mark Pro', sans-serif; /* Add font-family here */
}/* End custom CSS */