/*
  Theme Name: Porter Davis
  Author: Whetham Solutions
  Author URI: https://whethamsolutions.com
  Description: Wordpress theme for Porter Davis. Use of this theme outside of this company's website is strictly prohibited.
  Template: ion
  Text Domain: porterdavis
*/

@media (max-width: 767px) {
    .page, #home-gallery, #home-gallery .hg-item, #home-gallery .hg-item section:not(.hg-infobox-pager section) {
        min-height: calc(100vh - 100px) !important;
        height: calc(100vh - 100px) !important;
        max-height: calc(100vh - 100px) !important;
    }
    .safari .page, .safari #home-gallery, .safari #home-gallery .hg-item, .safari #home-gallery .hg-item section:not(.hg-infobox-pager section) {
        min-height: calc(100vh - 76px) !important;
        height: calc(100vh - 76px) !important;
        max-height: calc(100vh - 76px) !important;
    }
    #before-home-gallery .hg-item section .hg-infobox, #home-gallery .hg-item section .hg-infobox {
        left: 0;
        right: 0 !important;
        bottom: 10px;
        background: #000;
    }
    .hg-item a.close-hg-infobox {
        top: 100px;
    }
    #before-home-gallery .hg-item section:not(.hg-infobox-pager section):before, #home-gallery .hg-item section:not(.hg-infobox-pager section):before {
        content: none;
    }
    .hg-item .hg-main-image, .hg-item .hg-temp-image {
        height: calc(100% - 140px);
    }
    #before-home-gallery .slick-next, #before-home-gallery .slick-prev, #home-gallery .slick-next, #home-gallery .slick-prev, .gallery-container .slick-next, .gallery-container .slick-prev {
        top: -100px;
    }
    #home-gallery .hg-item section .hg-infobox {
        padding: 20px;
        flex-direction: row;
        justify-content: center;
    }
    #home-gallery .hg-item section .hg-infobox h2 {
        text-align: left !important;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    #before-home-gallery .hg-item section .hg-infobox h2 span, #home-gallery .hg-item section .hg-infobox h2 span {
        align-items: flex-start;
    }
    #before-home-gallery .hg-item section .hg-infobox .trigger-gallery, #home-gallery .hg-item section .hg-infobox .trigger-gallery {
        max-width: clamp(125px,8.3854166666667vw,161px);
        height: clamp(100px,6.5104166666667vw,125px);
    }
    #home-gallery .hg-main-image {
        padding: 76px 0 0;
    }
}