/*圖片滑入縮放*/
.item-inner:hover img {
    -webkit-transform: unset;
    transform: none;
    -webkit-transition: unset;
    transition: unset;
}

.item-inner img {
    -webkit-transition: none;
    transition: none;
}
.blog .item:hover img, .blog-featured .item:hover img {
    -webkit-transform: none;
    transform: none;
}

/*故事地圖*/

body.layout-storymap .blog .item-inner, .blog-featured .item-inner {
    margin-bottom: 0rem;
    padding-bottom: 0rem;
}


body.layout-storymap #t4-main-body #item-container + .item{
    height: 100vh;
    padding-top: 0px;
    background-color: #eee;
}

body.layout-storymap #t4-main-body #item-container .item.h--90{
    height: 90vh;
    overflow: hidden;
}
body.layout-storymap #t4-main-body #item-container .item.h--80{
    height: 80vh;
    overflow: hidden;
}
body.layout-storymap #t4-main-body #item-container .item.h--70{
    height: 70vh;
    overflow: hidden;
}
body.layout-storymap #t4-main-body #item-container .item.h--60{
    height: 60vh;
    overflow: hidden;
}
body.layout-storymap #t4-main-body #item-container .item.h--50{
    height: 50vh;
    overflow: hidden;
}
body.layout-storymap #t4-main-body #item-container .item.h--40{
    height: 40vh;
    overflow: hidden;
}
body.layout-storymap #t4-main-body #item-container .item.h--30{
    height: 30vh;
    overflow: hidden;
}

body.layout-storymap #t4-main-body .item .item-inner,
body.layout-storymap #t4-main-body .item.map .item-inner .container-fluid,
body.layout-storymap #t4-main-body .item.map .item-inner .container-fluid .row,
body.layout-storymap #t4-main-body .item.aside .item-inner .container-fluid,
body.layout-storymap #t4-main-body .item.aside .item-inner .container-fluid .row,
body.layout-storymap #t4-main-body .item.geoJSON .item-inner .container-fluid,
body.layout-storymap #t4-main-body .item.geoJSON .item-inner .container-fluid .row{
    height: 100%;
}

.item-inner .btn-success{
    margin:5px;
}
[id^="map-"]{ 
    min-height: 200px;
    height: 100%;
    width: 100%;
    z-index: 0;
}
#map-3{
    height:100%;
}
#info-box-1 {
    position: relative;
    bottom: 50%;
    left: 20px;
    background: rgba(255,255,255,0.85);
    padding: 10px 15px;
    border-radius: 8px;
    max-width: 250px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    z-index: 1;
}


#info-box-3 {
    position: relative;
    bottom: 95%;
    left: 20px;
    background: rgba(255,255,255,0.85);
    padding: 10px 15px;
    border-radius: 8px;
    max-width: 250px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    z-index: 1;
}

.sm-hero{
    background-repeat: no-repeat;
    background-size: cover;
}

#t4-footnav{
    display:none;
}