.container,.weather-card{background-color:#1f2937;height:auto}#info-container,.weather-grid{grid-template-columns:1fr 1fr}#description,#info-container,.forecast-card p{overflow-wrap:break-word}.title,.trail-name{grid-column:span 2}#description,#uv-message,.container,.forecast-card,.grid-item,.subtitle,.title,.title1,p{text-align:center}#city-input-btn,#start-route{background-color:transparent;position:relative}#directionBtn,#start-route{transition:background-color .3s,transform .2s ease-in-out,box-shadow .2s ease-in-out;cursor:pointer}#weather-icon,.icon{animation:2s infinite alternate moveLeft}#city-input,#date,#description,#uv-index,#uv-message,#wind-speed,.gps-text,.sun-info,.temperature,.title1{font-weight:700}.trail-item:focus,.trail-item:hover{transform:translateY(-5px);box-shadow:0 6px 5px rgba(255,102,128,.8)}.container{position:relative;color:#fff;width:100vw;max-width:100%;overflow:hidden}.weather-card{box-shadow:0 0 10px rgba(0,0,0,.9);transition:transform .3s ease-in-out;width:100%;margin:0 auto;min-height:425px;z-index:1}.header{display:flex;flex-flow:column;padding-top:0;margin-bottom:0;width:100%}.title1{z-index:100;font-style:italic;font-size:4rem;margin:0 auto;background:url("https://meteodujour.ch/wp-content/themes/phlox-child/img/title.png") center center/cover no-repeat padding-box text;-webkit-background-clip:text;color:transparent;display:inline-block;width:max-content}.subtitle{color:#ff5349;margin:5px 0 0;width:100%}.centered-icon{width:100px;position:relative;z-index:1;display:none;margin:10px;transform:translate(0,35px)}.weather-grid{display:grid;grid-template-rows:repeat(3,50px);color:#fff;border-radius:10px;overflow:hidden;background-color:rgba(255,255,255,.1)}.grid-item{display:grid;grid-auto-columns:auto;align-items:center;justify-content:center;border:1px solid #ffffff45;border-radius:0}#city-input,.forecast-item{border:1px solid #ccc;padding:10px}#weather-info{flex-direction:row;justify-content:space-between;align-items:center;margin:0;padding:0;display:inline}.forecast-item{margin:5px;flex:1;min-width:100px}.search-container{display:flex;margin-top:-20px;align-items:center}#city-input{flex:1;z-index:1000;margin-left:10px;margin-right:-80px;background-color:#fff;box-sizing:border-box;border-radius:20px;text-indent:20px}#sunrise,#sunset,.sun-info{align-items:center;display:flex}#city-input:focus{outline:0;border-color:#dee2e6}#city-input::placeholder{color:#232323;font-weight:700;transform:translate(-20px,0)}#city-input-btn{margin-top:2px;z-index:1000;right:0;color:#e4e2e2;border:none;border-radius:50%;cursor:pointer;transition:background-color .3s,transform .3s;transform:translate(60px,10px)}#city-input-btn img{height:auto;width:45px;border-radius:50%;transform:translate(-45px,-5px)}#city-input:active{transform:scale(.95);box-shadow:0 2px 4px rgba(0,0,0,.2)}.sun-info{justify-content:center;transform:translateY(-70px);margin:2px}.sunrise-icon,.sunset-icon{width:35px;height:auto;padding:0}#sunrise-time,#sunset-time{font-size:14px;margin-top:-5px}#weather-icon{width:50px;height:50px;align-self:center;margin-top:-20px;margin-bottom:-35px;transform:translate(-50px,5px)}#city-name{margin-top:-25px;margin-bottom:-30px;font-size:30px;color:#ff5349}#date{font-size:20px;color:#e0e0e0}#temperature{font-size:30px;transform:translate(-35px,0);display:flex}.temperature-icon{width:20px;height:auto;transform:translate(82px,2px)}#description{font-size:14px;transform:translate(0,7px)}#wind-speed{font-size:12px;color:#fff;transform:translate(50px,-45px)}#humidity-container{margin-top:-12px;text-align:center;font-family:Arial,sans-serif;transform:translate(40px,-35px);font-size:12px}.humidity-icon{width:12px;height:12px;transform:translate(-5px,0);display:inline-flex}.wind-speed-icon{width:12px;height:12px;align-self:center;transform:translate(0,0)}#uv-index{font-size:12px;color:#fff}#uv-message{display:flex;font-size:10px;color:#fff}.uv-icon{width:150px;margin-top:-29px}#forecast-info h5{white-space:nowrap;font-size:14px;margin-top:0;margin-bottom:0;max-width:100%}.forecast-grid{display:grid;grid-template-columns:repeat(5,1fr);background-color:#fff;align-items:center;width:10px;height:15px;margin-bottom:5px}#forecast-grid,#info-container,#info-container p,#instructions-list li,.instructions-container,.title{background-color:rgba(255,255,255,.1)}.forecast-card h6{margin-top:-2px;margin-bottom:-10px;font-size:14px}.forecast-card p{margin:-6px 0 -1px;font-size:12px}#forecast-grid{display:flex;justify-content:space-between;border-radius:10px;overflow:hidden;margin:2px}.forecast-card{padding:4px;border:1px solid #ffffff45;border-radius:0;width:100vw}#info-container{display:grid;grid-template-rows:repeat(3,auto);text-align:left;border-radius:10px;color:#fff;overflow:hidden;width:auto;margin-top:5px}.title{margin:.5px;border:1px solid #ffffff45;border-radius:0;overflow:hidden}#info-container .title h4{font-size:16px;font-weight:700;margin:2px}.trail-name{align-items:center;border-radius:0}#directionBtn,p{align-items:center}p{margin:0}.row{display:contents;border:1px solid #ffffff45}body{margin:0;padding:0;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color:#f0f4f8}.category-icon,.difficulty-icon,.distance-icon,.duration-icon,.hiker-icon,.lost-icon,.pinme-icon,.season-icon{width:30px;height:30px;margin-right:10px;vertical-align:middle;background-size:contain;background-repeat:no-repeat;transform:translateX(4px)}#trail-name{display:inline-flex;text-align:start;width:100%}#trail-distance{display:inline-block;margin-left:40px}.button-container{display:flex;justify-content:center;align-items:center;flex-direction:row;border-radius:10px;overflow:hidden;margin:2px auto;width:100%;height:auto}#directionBtn{display:flex;align-self:baseline;justify-content:center;background-color:#1da1f2;color:#fff;font-size:16px;border-radius:25px;height:30px;border:.5px;margin:0 auto;box-shadow:0 2px 6px #000001;width:250px;transform:translate(50px,25px)}#directionBtn:hover{background-color:#1a91da;transform:translateX(20px) translateY(2px);background-color:#1f2937a9;box-shadow:0 6px 5px rgba(102,140,255,.8)}#start-route{border-radius:50%;border:0;transform:translate(20px,10px)}#start-route img.direction-icon{width:35px;vertical-align:middle;height:35px;transition:opacity .3s}.gps-text{display:none;font-size:16px;color:#1da1f2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .3s}#start-route:hover img.direction-icon{opacity:0}#start-route:hover .gps-text{display:block;opacity:1}#start-route:active{transform:scale(.8)}.instructions-container{display:block;width:100%;margin-bottom:15px;height:auto;overflow-y:auto;transition:max-height .5s ease-in,opacity .5s ease-in;border:1px solid #ccc;text-align:left}.instructions-container.open{max-height:125px;opacity:1;border-radius:10px}#instructions-list{display:block;list-style-position:outside;padding-left:0;margin:0;font-size:14px;max-height:155px;width:100%}#instructions-list li{margin-bottom:1px;padding-left:20px;position:relative;border-radius:10px;overflow:hidden;border:.5px solid #ffffff45}#instructions-list li::before{content:'➤';position:absolute;left:4px;border-radius:10px}#info-container h2{margin:0 0 10px;font-size:18px;color:#333}#info-container p{display:inline-flex;align-items:center;margin:0;font-size:12px;color:#fff;border:1px solid #ffffff45;width:100%;height:100%}#search-container{display:flex;margin-top:15px}#search-input{flex:1;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:14px;box-shadow:0 2px 5px rgba(0,0,0,.1);transition:border .3s}#search-input:focus{border-color:#007bff;outline:0;box-shadow:0 0 5px rgba(0,123,255,.5)}#search-button{padding:10px;border:none;border-radius:5px;background-color:#007bff;color:#fff;font-size:14px;cursor:pointer;transition:background-color .3s;box-shadow:0 2px 5px rgba(182,116,1,.121)}#search-button:hover{background-color:#0056b3}.marker{display:flex;flex-direction:column;align-items:center;justify-content:center}.icon{width:80px;height:80px;background-size:cover}@keyframes moveLeft{0%{transform:translateX(15px)}100%{transform:translateX(0)}}.temperature{color:#353535;animation:2s infinite alternate mymove;font-size:20px;position:relative;margin-top:-30px}#route-info,.info-box{position:absolute;padding:10px;pointer-events:none}@keyframes mymove{from{left:0}to{left:15px}}.info-box{background-color:#fff;border:1px solid #ccc;z-index:100}#route-info{background-color:rgba(255,255,255,.9);border-radius:5px;box-shadow:0 4px 8px rgba(0,0,0,.2);font-family:Arial,sans-serif;font-size:14px;color:#333;display:none;z-index:9999}#carousel-container{display:none;min-height:150px;align-items:center;justify-content:center;transform:scale(.9);display:flex;flex-direction:row;align-items:center;justify-content:center;overflow:hidden;position:relative;margin:-20px auto 0;width:100%;height:auto}.carousel{display:flex;overflow-x:auto;width:100%;padding:10px 0;height:auto}.trail-item-choice1,.trail-item-choice2,.trail-item-choice3{background-color:rgba(255,255,255,.1);padding:10px}#trail-list{display:none;gap:0}.trail-item{border-radius:50px;box-shadow:0 3px 2px rgba(255,102,128,.8);transition:transform .3s,background-color .3s,box-shadow .3s;font-size:12px;border:.5px solid rgba(255,102,128,.8);z-index:2;width:-webkit-fill-available;position:relative;transform:translateX(0)}.indicator,.left-btn,.right-btn{opacity:.6;cursor:pointer;transition:.3s}.choice-text,.left-btn,.right-btn{font-size:16px;font-weight:700;margin:0}.left-btn,.right-btn{transform:translate(0,5px)}.trail-item:hover{background-color:rgba(255,102,128,.1)}.trail-item:focus{background-color:rgba(255,102,128,.2)}.left-btn,.right-btn{display:flex;align-items:center;justify-content:center;position:static;width:35px;background-color:rgba(255,255,255,.1);color:#fff;z-index:1}.trail-item:hover .trail-name{color:#fff}.left-btn{left:3px;border-radius:15px 0 0 15px}.right-btn{right:3px;border-radius:0 15px 15px 0}.left-btn:hover,.right-btn:hover{background-color:rgba(255,255,255,.4);box-shadow:0 6px 15px rgba(0,0,0,.1);opacity:.8}.left-btn:active,.right-btn:active{transform:scale(.95) translateY(-50%);box-shadow:0 2px 5px rgba(0,0,0,.2)}.trail-item.selected{background-color:#8ea0d2;transform:scale(1.02);box-shadow:0 4px 10px #000;border:2px solid #1da1f2;z-index:2001}.trail-item-choice1{border:3px solid #28a745;cursor:pointer}.trail-item-choice2{border:3px solid #fd7e14;cursor:pointer}.trail-item-choice3{border:3px solid #dc3545;cursor:pointer}.trail-choice{font-size:14px;margin:0}.trail-item,.trail-item-choice1,.trail-item-choice2,.trail-item-choice3{margin:0}.indicators{display:flex;justify-content:center;align-items:center;gap:10px;position:relative;margin-top:-15px;margin-bottom:10px}.indicator{margin:0 2px;width:10px;height:10px;background-color:#fff;border:2px solid #1f2937;border-radius:4px}.indicator[active]{transform:scale(1.2);width:15px;opacity:1}.indicator:hover{transform:translateY(-2px);background-color:rgba(255,102,128,.1);box-shadow:0 6px 5px rgba(102,140,255,.8)}#map-mobile{display:none;width:100vw;height:300px;z-index:1}@media (min-width:1024px){.container{width:100%;max-width:425px;height:auto;z-index:1}#map,.weather-card{height:100vh;z-index:1}.weather-card{padding:5px;width:98%}#city-input{width:100%;font-size:16px}#weather-icon{width:65px;height:65px}#map{position:absolute;top:0;left:425px;width:calc(100vw - 425px);margin:0 auto;border:5px solid #ccc}}@media (min-width:768px) and (max-width:1023px){.container{width:100vw;height:auto;z-index:1}.weather-card{padding:10px;z-index:1}#forecast-grid,#forecast-ingo,.trail-item{flex:auto;width:auto}.toggle-button{width:40px;height:15px;transform:translate(-25px,0)}.indicators{margin-top:-5px;margin-bottom:10px}}@media (max-width:768px){.container{width:100vw;max-width:100%;height:auto;z-index:1}.centered-icon{transform:translate(0,10px)}#weather-info{flex-direction:row;justify-content:space-between}.header{display:flex;flex-flow:column}#carousel-container{transform:scale(1);margin-top:-10px}.title1{font-size:32px}#forecast-info h5,.subtitle{font-size:16px;margin-top:-10px}.toggle-button{width:40px;height:15px;transform:translate(-25px,0)}.indicators{margin-top:-10px;margin-bottom:10px}#city-input-btn img{transform:translate(0,0)}.subtitle{margin-bottom:35px}.search-container{display:flex;transform:translate(20px,-35px);align-items:center;margin-bottom:-85px}#city-input{margin-right:-70px}#city-input-btn{transform:translate(-5px,5px)}#date{transform:translate(0,-10px)}#info-container{margin:2px}.weather-grid{transform:translate(0,-12px);margin:2px}#map{display:none}#map-mobile{display:block}#city-name{margin-top:25px;font-size:30px;color:#ff5349}.instructions-container{width:auto}.trail-item,.trail-item-choice1,.trail-item-choice2,.trail-item-choice3{padding:10px}#loading-gif-category,#loading-gif-distance,#loading-gif-duration,#loading-gif-instructions,#loading-gif-mapsping,#loading-gif-newposition,#loading-gif-position,#loading-gif-weather{width:100%;height:30px;justify-content:center}}.container.loading{display:flex;align-items:center;justify-content:center;width:100vw;overflow-y:auto;height:100%;filter:blur(.5px);overflow:hidden;background-color:#1f2937}.loading-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;background-color:rgba(0,0,0,.5);color:#fff;font-size:12px;position:absolute;top:0;left:0}.loading-placeholder img{width:auto;height:100%;max-height:100%}