/*
Theme Name: Masonic Child
Template: masonic
Version: 1.0
*/
@import url("../masonic/style.css");

/* Styling für die Koordinaten */
.post-coordinates {
    color: #888888;
    font-size: 0.9em;
    margin-bottom: 10px;
    font-style: italic;
}

/* Styling für die Header-Content-Box */
.header-content-box {
    height: 300px;
    width: 100%;
    background-color: #f5f5f5;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}

/* Styling für die Leaflet-Karte */
#header-map {
    height: 100%;
    width: 100%;
    z-index: 1;
}

.leaflet-container {
    height: 100%;
    width: 100%;
}

/* Styling für die Leaflet-Popups */
.leaflet-popup-content a {
    font-size: 16px; /* Schriftgröße des Links im Popup */
    color: #0078A8; /* Hauptfarbe des Themes für Konsistenz */
}

.leaflet-popup-content a:hover {
    color: #005f80; /* Dunklere Variante der Hauptfarbe für Hover-Effekt */
}

/* Styling für die Wetterseite */
.weather-container,
.forecast-container {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
}

.forecast-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.forecast-item {
    flex: 1;
    min-width: 200px;
    background-color: #fff;
    border: 1px solid #eee;
    padding: 15px;
    border-radius: 5px;
}

/* Styling für das Segelboot-Emoji */
.sailboat-icon {
    font-size: 40px;
    color: #0078A8; /* Farbe des Emojis */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); /* Schatten für bessere Sichtbarkeit */
    background: transparent !important; /* Stelle sicher, dass der Hintergrund transparent ist */
}

/* Anpassung der "Read more"-Button-Farbe */
.button {
    color: #0078A8; /* Hauptfarbe des Themes */
}

.button:hover {
    color: #005f80; /* Dunklere Variante der Hauptfarbe für Hover-Effekt */
}