hike-single-edits

hike-single-edits.css

/*change lines 1677 from*/

@media only screen and (max-width: 767px) and (min-width: 320px)
.node-type-hike .vt-commerce-image-wrapper .vt-commerce-image-large img, 
    .node-type-destination .vt-commerce-image-wrapper .vt-commerce-image-large img, 
    .node-type-park .vt-commerce-image-wrapper .vt-commerce-image-large img {
    float: left;
    height: 100% !important;
    /* margin: -2px 6px 10px 0; */
    width: auto !important;
    max-width: 1240px !important;
    padding: 0px !important;
}

/*to*/

@media only screen and (max-width: 767px) and (min-width: 320px)
.node-type-hike .vt-commerce-image-wrapper .vt-commerce-image-large img, 
    .node-type-destination .vt-commerce-image-wrapper .vt-commerce-image-large img, 
    .node-type-park .vt-commerce-image-wrapper .vt-commerce-image-large img {
    float: left;
    height: 100% !important;
    /* margin: -2px 6px 10px 0; */
    width: auto !important;
    max-width: 1240px !important;
    padding: 0px !important;
    margin-left: -50% !important;
}

/*also make sure .gallery-block-detail is 100% all the time in mobile devices*/

@media only screen and (max-device-width:767px) {
        .node-type-hike  .gallery-block-detail, 
        .node-type-park  .gallery-block-detail, 
        .node-type-destination, .gallery-block-detail {

             width: 100%;

        }
    
}

/*to this (remove opacity .85 and replace with opacity:1 to over-ride any other opacities and get rid of any right:44px; that are found in the gallery block detail)*/

.node-type-hike .gallery-block-detail, .node-type-park .gallery-block-detail, .node-type-destination .gallery-block-detail {
    opacity:1;
    
}

@media only screen and (max-device-width: 480px) and (min-device-width: 320px)
.node-type-hike .gallery-block-detail, .node-type-park .gallery-block-detail, .node-type-destination .gallery-block-detail {
   
    top: 540px;

}

/*changes values below to the ones in this code, do not remove other values */


/*line 1026 move park get directions down*/

@media only screen and (max-device-width: 480px) and (min-device-width: 320px) {
    .park-get-directions {
        margin-top: 750px;
    }
}
/*line 1024 move destination get directions down*/
@media only screen and (max-device-width: 480px) and (min-device-width: 320px) {
   .destination-get-directions {
        margin-top:750px;
    }
}

/*line 1216 move down coordinates */
@media only screen and (max-device-width: 480px) and (min-device-width: 320px)
.view-id-park_single_page .field-content.geo-location-coordinates {
    margin-top: 230px;
   
    }
}
/*line 1214 move down coordinates */
@media only screen and (max-device-width: 480px) and (min-device-width: 320px) {
    .view-id-destination_single_page .field-content.geo-location-coordinates {
    margin-top: 230px;
    }
}