/* SHOP-1.0.12D - CONTACT MAP ALIGNMENT
   Contact page only. No form, reCAPTCHA, checkout or payment logic is changed. */

/* Keep the contact page map inside the same centered content width as the page. */
body[class*="information-contact"] #content .google-map,
body[class*="information-contact"] #content .map,
body[class*="information-contact"] #content .contact-map,
body[class*="information-contact"] #content iframe[src*="google.com/maps"],
body[class*="information-contact"] #content iframe[src*="maps.google"],
body[class*="information-contact"] .container iframe[src*="google.com/maps"],
body[class*="information-contact"] .container iframe[src*="maps.google"] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 310px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

/* If Journal places the map in a full-viewport wrapper, constrain that wrapper. */
body[class*="information-contact"] .page-title + .google-map,
body[class*="information-contact"] .breadcrumb + .google-map,
body[class*="information-contact"] #content > .google-map,
body[class*="information-contact"] #content > .map,
body[class*="information-contact"] #content > .contact-map {
    width: 100% !important;
    max-width: 1280px !important;
    margin: 12px auto 18px auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
}

/* Common Journal/OpenCart map wrappers. */
body[class*="information-contact"] #content .journal3-map,
body[class*="information-contact"] #content .module-map,
body[class*="information-contact"] #content .map-wrapper,
body[class*="information-contact"] #content .contact-map-wrapper {
    width: 100% !important;
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
}

/* Prevent a child iframe from escaping its wrapper. */
body[class*="information-contact"] #content .journal3-map iframe,
body[class*="information-contact"] #content .module-map iframe,
body[class*="information-contact"] #content .map-wrapper iframe,
body[class*="information-contact"] #content .contact-map-wrapper iframe {
    width: 100% !important;
    max-width: 100% !important;
    height: 310px !important;
    border: 0 !important;
}

/* Mobile */
@media (max-width: 767px) {
    body[class*="information-contact"] #content .google-map,
    body[class*="information-contact"] #content .map,
    body[class*="information-contact"] #content .contact-map,
    body[class*="information-contact"] #content iframe[src*="google.com/maps"],
    body[class*="information-contact"] #content iframe[src*="maps.google"],
    body[class*="information-contact"] #content .journal3-map iframe,
    body[class*="information-contact"] #content .module-map iframe,
    body[class*="information-contact"] #content .map-wrapper iframe,
    body[class*="information-contact"] #content .contact-map-wrapper iframe {
        height: 240px !important;
    }

    body[class*="information-contact"] #content > .google-map,
    body[class*="information-contact"] #content > .map,
    body[class*="information-contact"] #content > .contact-map,
    body[class*="information-contact"] #content .journal3-map,
    body[class*="information-contact"] #content .module-map,
    body[class*="information-contact"] #content .map-wrapper,
    body[class*="information-contact"] #content .contact-map-wrapper {
        padding-left: 10px !important;
        padding-right: 10px !important;
        margin-top: 10px !important;
        margin-bottom: 14px !important;
    }
}