/**********************************************---***********************
    File name: home.css
    Site: al-porto.org

    Copyright 2024 Michael J. Miller, All rights reserved

    Purpose: layout of home page

    Revision History:
    Date        Version     Details
    --------    --------    --------------------------------------------
    3/24/24     3.0a        created.
************************************************************************/

@layer page {
    #page-content {
        padding: 8px;
    }
    .grid-property-home {
        box-sizing: border-box;
        border-bottom: medium solid lightcoral;
        margin-bottom: 1rem;
    /*    border: thin dotted red;*/
    }
    h2 {
        font-size: 1.5rem;
        margin-bottom: 0;
        margin-top: .25em;
    }
    #lead {
        border-bottom: medium solid lightcoral;
        padding-bottom: .75em;
    }
    .property-description {
        margin: 0;
    }
    .propertylocation {
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
        color: #6C757D;
        font-size: smaller;
        font-weight: normal;
        text-indent: .5rem;
        margin-top: .25em;
        margin-bottom: .25em;
    }
    .property-pictures{
        display: flex;
        flex-flow: row nowrap;
        column-gap: 6px;
        justify-content: space-around;
/*        row-gap: 1em;*/
        margin-bottom: .5rem;
        overflow-x: auto;
        overflow-y: hidden;
    /*    border: thin dotted red;*/
    }
    @media (max-width: 820px) {
        .property-pictures {
            justify-content: start;
        }


    }
    .property-image {
        width: var(--home-picture-frame);
        height: var(--home-picture-frame);
        max-width: 190px;
        max-height: calc(190px * .8);
    }
    .property-image img {
        object-fit: cover;
        border-radius: 6px;
        border: thin solid var(--image-border-color);
    }
}