.elementor-section.elementor-top-section.elementor-element,
.elementor-widget-wrap{
    padding-top:unset !important;
}
.elementor-widget.elementor-widget-breadcrumbs, header#site-header {display:none}

body.show-list{
/*     background-image:url("/wp-content/themes/hello-theme-child-master/walkingroute/kapel-saint-louis.jpg"); */
    background-size:cover;
    background-repeat:no-repeat;
    background-position:left;
    position:relative;
}
body.show-list:after{
    content:"";
    position:absolute;
    background:#87ab72e3;
    top:0;
    bottom:0;
    left:0;
    right:0;
	z-index:-1;
}
section.elementor-element-69153b1 {
    background:unset !important;
}

footer#site-footer{display:none}
/*HEADER*/
div#walking-router-header {
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:999999;
    height:64px;
    display:flex;
    align-content:center;
    align-items:center;
    justify-content:center;
  
}
body.logged-in.admin-bar div#walking-router-header{
	margin-top:32px !important
}
div#walking-router-header > span#back-btn{
    position:absolute;
    z-index:999;
    left:0;
    top:0;
    height:36px;
    width:18px;
    top:50%;
    left:15px;
    transform:translateY(-50%);
	opacity:0.3
}
body.show-route-popup div#walking-router-header > span#back-btn{opacity:1;cursor:pointer}
div#walking-router-header > span#back-btn > svg{
    fill:#ffffff
}
div#walking-router-header span.header-text{
      color:#ffffff;
    font-size:24px;
    font-weight:600;
}
div#walking-route-list {
    padding-top:64px
}
/*Route List*/
div#walking-route-list,
div#walking-route-single-popup{
/*     width:800px; */
	width: min(800px, 90vw);
    margin-left:auto;
    margin-right:auto;
    padding-top:100px;
	padding-bottom:70px;
}

div#walking-route-list > ul{
    list-style-type:none;
	padding-inline: 0;
}
div#walking-route-list > ul > li{
    border-top: 1px solid rgb(255 255 255 / 90%);
    border-bottom: 1px solid rgb(255 255 255 / 90%);
    color:#ffffff;
    padding:20px;
    cursor:pointer;
    font-size:16px;
}

div#walking-route-list > ul > li:nth-child(odd){
    background: #30364A !important;
}

/*Route Map*/
div#walking-route-map {
    position:absolute !important;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:100% !important;
    height:100vh !important;
}
.hide-element{
    display:none !important;
}

/*Floating Buttons*/
span#show-list, span#show-map {
    position:fixed;
    bottom:30px;
    left:30px;
    background:#ffffff;
    border:2px solid black;
    font-size:10px;
    height:50px;
    width:50px;
    border-radius:100%;
    display:flex;
    align-content:center;
    align-items:center;
    justify-content:center;
    cursor:pointer;
}

span#show-list svg, span#show-map svg{
    width:22px
}

/*Single Popup*/
iframe#youtube-video {
    height:400px;
    border:5px solid #ffffff;
    border-radius:5px;
    margin-top:25px;
	margin-bottom:25px
}

div#audio_file {margin-top:30px}

h1#walking-route-single-header, h2#walking-route-single-address ,  div#description, div#description a,  div#description h2, .single-map-container h4, p.street-view-not-available{
    color:#ffffff
}

p.street-view-not-available {
    font-style:italic;
    text-decoration:underline
}

div#walking-route-share-container {
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    background:#30364A;
    padding:15px 20px;
    text-align:center;
	z-index:9999999;
}

div#walking-route-share-container > a{
    color:#37394C;
    background:#ffffff;
    display:inline-block;
    padding:13px 16px !important;
    font-size:16px;
    font-weight:600;
    border-radius:5px;
    line-height:1;
    min-width:180px;
    border-width:2px;
    border-style: solid;
    border-color:#ffffff;
}
div#walking-route-share-container > a:hover{
    color:#ffffff;
    background:#37394C;
    border-color:#ffffff
}

.single-map-container{margin-top:35px}
div#walking-route-single-map{
    height:300px;
    margin-bottom:20px;
}

div#walking-route-single-street-view.available{
	height:500px;
}

/*  */

body.show-route-popup :is(div#walking-route-list, div#walking-route-map, span#show-list, span#show-map){
	display:none !important
}