/*
Theme Name:   OceanWP Child
Description:  OceanWP Child Theme
Author:       Stefan Mühlhausen
Template:     oceanwp
Version:      1.1.2
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Bei Smartphones, Tablets hochkant etc. (immer wenn das Menü in die mobile-Version schaltet; eingestellt auf 900px) wird keine NRW-Karte sondern eine Liste der Gedenkstätten angezeigt*/

@media only screen and (max-width: 900px) 
{ 
    #div-nrw-karte 
    {
        display: none; 
    }
    #div-liste-orte
    {
        display: block;
    }
    .back-link-list
    {
        display: block
    }
    .back-link-map
    {
        display: none;
    }
} 

@media only screen and (min-width: 901px) 
{ 
    #div-nrw-karte 
    {
        display: block; 
    }
    #div-liste-orte
    {
        display: none;
    }
    .back-link-list
    {
        display: none
    }
    .back-link-map
    {
        display: block;
    }
}






/* alles zur ortliste bei kleineren displays*/
#orte-liste-h3 
{
    font: bold 1.2em/1.5 Arial, Helvetica, sans-serif;
}
      
#orte-liste-img 
{
    float: left;
    margin-right: 15px;
    width: 7em;
}
      
#orte-liste-p 
{
    font: 100 0.75em/1.5 Arial, Helvetica, sans-serif;
    margin-top: -15px;
    white-space: normal;
}
      
#orte-liste 
{
    padding: 10px;
    overflow: auto;
}

#ul-orte 
{
    list-style-type: none;
    width: 100%;
    margin-left: -10px;
    margin-right: 0px;
}

.link-ortliste
{
    text-decoration-style: solid;
}

.link-ortliste:hover
{
    color: #333333;
    text-decoration-style: solid;
}




/* Popup bei auswahl von düsseldorf bei karte auf größeren displays*/

/* wir unterscheiden noch mal in mittelgroße und große displays. Bei den mittelgroßen muss das popup etwas höher sein, da der Infotext über den Bildern umbricht. Die Bilder sollen jedoch nicht so hoch gestreckt werden*/

@media only screen and (min-width: 901px) and (max-width: 1050px)
{ 
    #map-popup
    {
        display:none; 
        width:50%; 
        height:55%; 
        border-width:3px; 
        border-style:solid; 
        border-color:black; 
        position:absolute; 
        margin-top:-580px; 
        margin-left:18px; 
        background-color:white;
    }
    #map-popup-image-div-left
    {
        width: 40%; 
        height:75%; 
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
        margin-left:37px; 
        float:left;
    }

    #map-popup-image-div-right
    {
        width: 40%; 
        height:75%; 
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
        margin-right:37px; 
        float:right;
    }
}

@media only screen and (min-width: 1051px)
{ 
    #map-popup
    {
        display:none; 
        width:50%; 
        height:50%; 
        border-width:3px; 
        border-style:solid; 
        border-color:black; 
        position:absolute; 
        margin-top:-580px; 
        margin-left:18px; 
        background-color:white;
    }

    #map-popup-image-div-left
    {
        width: 40%; 
        height:80%; 
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
        margin-left:37px; 
        float:left;
    }

    #map-popup-image-div-right
    {
        width: 40%; 
        height:80%; 
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
        margin-right:37px; 
        float:right;
    }
}

#map-popup-infotext-div
{
    text-align:center; 
    width:100%; 
    margin-bottom: 15px;
}

.map-popup-linktext-div
{
    text-align: left; 
    padding: 10px 20px;
}


#close-popup-link
{
    display: block;
    margin-top: 5px; 
    margin-bottom:0px; 
    margin-left:37px; 
    float:left;
}
 

/* Änderungen am Original-Theme*/

/* Bildunterschrift soll linksbündig*/ 

.wp-block-image figcaption
{
    text-align: left;
}