/* CSS Document */
/*

<div class='contentContainer'>
    <div class='contentWrapper'>
        <div class='contentBlock'>
            <h1></h1>
            <p> 
            </p> 
            <p></p>
        </div>
        <div class='contentBlock'>
            <h2></h2>
            <p></p>
        </div>
    </div>    
    <div class='contentWrapper'>
        <div class='contentBlock'>
            <h2></h2>
            <p></p>
            <ul>
                <li></li>
            </ul>
        </div>
        <div class='contentBlock'>
            <h2></h2>
        </div>
    </div>    
</div>
*/
/*
    2025-05-17
    Remove borders from divs containing images and vertically align.
*/
/*.contentWrapper {
    display: flex;

}*/
.contentContainer, .contentContainer > * {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;    
}
    .contentBlock:has(a) {
        border: 0;
        justify-content: space-around;
        align-items: center;
    }
.contentBlock {
    width: 80%;
}
.contentBlock img {
    max-width: 80%;
}
.contentBlock > * {
    /*max-width: 80%;*/
}
.contentContainer {
    margin: 0 1rem;
}
.contentBlock {
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 1px grey solid;
    margin: 1rem;
    padding: 1rem;
}
.contentBlock img {
    max-width: 90%;
    align-self: center;
    max-height: 100%;
}
.contentBlock a {
    text-decoration: underline;
    /*	margin-top: auto;
*/ align-self: center;
}
.contentBlock a:hover {
    text-decoration: none;
    cursor: pointer;
}

.highlightBlock{
    color: white;
    background-color: var(--bkCol01);
    text-align: center;
}
@media (min-width: 1350px) { /* was 992px */
    .contentContainer {
        flex-direction: row;
        justify-content: center;
    }
    .contentBlock {
        width: 30vw;
        min-height: 22vw;
        overflow: auto;
        max-height: 30vw;
    }
    .contentBlock h1, .contentBlock p {
        margin-bottom: 1rem;
    }
    .contentBlock input[type=submit] {
        align-self: center;
        width: 320px; /* % not working */
        width: 100%;
    }
    /*
        2025-05-17
        Remove borders from divs containing images and vertically align.
    */
    .contentBlock:has(img) {
        border: 0;
        justify-content: center;
    }
    .contentBlock:has(img) + div {
        border: 0;
        justify-content: center;
    }
    /*
        /2025-05-17
    */
    /*
        2025-06-17
        Format contact Us box better.
    */
    /*
        /2025-06-17
    */

}