/* 
Theme Name: Orion Theme
Description: A child theme for Hello by Elementor.
Author: BoldOrion
Author URI: https://boldorion.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: orion
License: Copyright 2024 BoldOrion
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
*/

body {
    background-color: #050505!important;
}

#content, .hentry {
    max-width: 393px;
    margin: 0 auto;
}

.bookmark-title .elementor-icon-box-icon svg{
    width: 19.36px;
    height: 40px;
    margin-top: 5px;
}

.bookmark-title .elementor-icon-box-icon{
    padding-right: 5px;
}

.route-title .elementor-icon-box-icon{
    padding-right: 14px;
}

.elementor-button{
    fill: var( --e-global-color-secondary )!important;
}

    .elementor-button:hover{
    fill: var( --e-global-color-ef6fce7 )!important;
}

#modalTitle{
    color: var( --e-global-color-ef6fce7 )!important;
    font-family: "Inter Tight", Sans-serif;
    font-weight: 600;
}


.marker-container {
    position: relative;
    text-align: center;
    pointer-events: none; /* Makes the container non-clickable */
}

.marker-label {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    white-space: normal;
    min-width: 120px;
    color: white;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
    font-size: 12px;
    font-weight: 600;
    margin-top: 2px;
    pointer-events: none; /* Makes the label non-clickable */
}

.custom-marker img {
    pointer-events: auto; /* Makes only the icon clickable */
}