/*
*
*
* Mahogany Meta CSS
*
*
*/





.repeaterfields.flex .repeater-display {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}
body .row.promo {
    width: 100%;
    display: block;
    clear: both;
    margin: 0;
    padding: 0;
    max-width: 100%;
}
.row.promo.left-image .sitewidth,
.row.promo.right-image .sitewidth {
                                display: flex;
                                justify-content: space-between;
                                align-items: center;
                                margin-left: auto;
                                margin-right: auto;
                                max-width: 1140px;
                            }
                            .row.promo.left-image .sitewidth .leftside,
                            .row.promo.right-image .sitewidth .leftside,
                            .row.promo.left-image .sitewidth .rightside,
                            .row.promo.right-image .sitewidth .rightside {
                                display: inline-block;
                                width: 100%;
                                max-width: 600px;
                                margin: 0;
                                height: auto;
                                vertical-align: middle;
                                position: relative;
                                padding: 20px 0;
                            }
                            .row.promo.left-image .sitewidth .leftside img {
                                padding: 20px;
                                max-width: 420px;
                                height: auto;
                                display: block;
                                margin-left: auto;
                                margin-right: auto;
                            }
                            .row.promo a.cat-button {
                                margin-top: 20px;
                            }
                            @media All and (max-width: 650px) {
                                .row.promo.left-image .sitewidth,
                                .row.promo.right-image .sitewidth {
                                    display: block;
                                    clear: both;
                                    position: relative;
                                }
                                .row.promo.left-image .sitewidth > div,
                                .row.promo.right-image .sitewidth > div {
                                    width: 100%;
                                    clear: both;
                                }
                                .row.promo.left-image .sitewidth > div.leftside img {
                                    max-width: 100%;
                                    height: auto;
                                }
                                .row.promo.right-image .sitewidth > div.rightside {

                                }
                            }