/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

section.recipe-trio-block {
    /* margin-top: 33px; */
    /* padding: 40px 75px 35px 75px; */
    background-color: var(--yale-blue);
}
section.recipe-trio-block .recipe-trio-block-contents h2{
    font-family: 'Microbrew Three';
    color: white;
}
section.recipe-trio-block .recipe-trio-block-contents p{
    color: white;
}
section.recipe-trio-block .recipe-trio-block-contents a{
    background-color: var(--ship-cove);
    color: var(--yale-blue-secondary);
}
section.recipe-trio-block .recipe-cards {
    /* margin: 33px auto;
    margin: var(--margin) auto; */
    
    margin: 20px auto;
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
    align-items: center;
    justify-content: center;
    gap: 30px;
}
section.recipe-trio-block .recipe-cards .recipe-card{
    max-width: 280px;
    padding: 0;
}  
section.recipe-trio-block .recipe-cards a {
    display: block;
}
section.recipe-trio-block .recipe-cards a .card-img-top {
    border: solid 10px white;
    /* aspect-ratio: 4/3; */
}
section.recipe-trio-block.text-position-center {
    text-align: center;
}
section.recipe-trio-block article div.recipe-block-text {
    max-width: 550px;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
}
@media screen and (min-width: 767px) {
    section.recipe-trio-block {
        padding: 40px 75px 35px 75px;
    }
    section.recipe-trio-block .recipe-cards .card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    section.recipe-trio-block .recipe-cards .card a {
        padding: 0px 5px;
    }   
}