.components-panel__body.is-opened.img-admin-promos {
    padding-top:            0;
}
.img-admin-promos > .components-panel__row:nth-of-type(1) .components-select-control__input,
.img-admin-promos > .components-panel__row:nth-of-type(2) .components-select-control__input {
    height:                 200px;
}
.img-admin-promos > .components-panel__row:nth-of-type(3) .components-select-control__input {
    height:                 110px;
}
.img-admin-promos > .components-panel__row:nth-of-type(3) label,
.img-admin-promos > .components-panel__row:nth-of-type(4) label {
    overflow:               visible;
}

.img-promos {
    display:                flex;
    flex-direction:         column;
    gap:                    1rem;
    padding:                0 1rem;
}
.inghamdriven-promotions-container {
    --g:                    1.5rem;
    display:                flex;
    flex-wrap:              wrap;
    gap:                    var(--g);
}

.inghamdriven-promotion-container {
    text-decoration:        none;
    flex:                   1 1 100%;
    min-width:              180px;
    color:                  var(--ingham-text-color);
}

.inghamdriven-promotion-inner-container {
    width:                  100%;
    height:                 initial;
    background-color:       white;
    position:               relative;
    background-size:        cover;
    box-shadow:             var(--ingham-drop-shadow);
    overflow:               hidden;

    border-top-left-radius:     var(--ingham-border-radius-top-left);
    border-top-right-radius:    var(--ingham-border-radius-top-right);
    border-bottom-left-radius:  var(--ingham-border-radius-bottom-left);
    border-bottom-right-radius: var(--ingham-border-radius-bottom-right);
}

.inghamdriven-promotion-image-container img {
    width:                  100%;

    border-top-left-radius: var(--ingham-border-radius-top-left);
    border-top-right-radius:var(--ingham-border-radius-top-right);
}

.inghamdriven-promotion-text-container {
    padding:                1rem;
    padding-top:            0px;
}

.inghamdriven-promotion-text-container > h3 {
    font-size:              1.2rem;
    display:                block;
}

.inghamdriven-promotion-text-container > p {
    display:                block;
}


/*
FILTERS
*/
.img-promos .toolbar {
    --p:                    0.75rem;
    display:                flex;
}
.img-promos .filters {
    padding:                0.75rem;
    margin:                 1rem auto 0.5rem;
    display:                grid;
    column-gap:             0.5rem;
    row-gap:                0.75rem;
    max-width:              none;
    grid-template-columns:  1fr;
    grid-template-rows:     43px 43px 43px 43px;
}
    .img-promos .filters.noBrands {
        grid-template-rows: 43px 43px 43px;
    }
.img-promos .filters .inghamdriven-forms-container {
    padding:                0;
    margin:                 0;
}
.img-promos .filters .btn {
    --h:                    calc(3.125rem - 8px);
    line-height:            calc(var(--h) + 1px);
    justify-content:        space-between;
    padding:                0 1rem;
    font-size:              1.0625rem;
    font-weight:            600;
    border-color:           var(--ingham-border-color);
    column-gap:             0.75rem;
}
    .img-promos .filters .icon:last-child {
        font-size:          1.25rem;
        display:            flex;
        align-items:        center;
        padding-right:      var(--p);
        justify-content:    right;
        position:           absolute;
        left:               0;
        top:                0;
        right:              0;
        bottom:             0;
        text-align:         right;
        z-index:            1;
    }
    .img-promos .filters a svg {
        font-size:          1.25rem;
    }
/*  FILTER Keywords */
.img-promos .filters > .keywords,
.img-promos .filters > .keywords > div {
    display:                flex;
    float:                  none;
    margin:                 0;
}
    .img-promos .filters > .keywords > div {
        flex-grow:          1;
        background:         white;
        border:             none;
        border-radius:      9px 3px 9px 3px;
        padding:            0;
        position:           relative;
    }
    .img-promos .filters > .keywords input {
        background:         none !important;
        z-index:            2;
        display:            block;
        border:             none;
        height:             auto;
        padding:            0 1em 0 2.625rem;
        width:              100%;
        font-family:        var(--ingham-font-family-body);
        font-size:          1rem;
        border-radius:      9px 3px 9px 3px;
        outline-color:      var(--ingham-primary-color);
        background-clip:            text !important;
        -webkit-background-clip:    text !important;
    }
        .img-promos .filters > .keywords input:hover:not(:focus) {
            outline:        1px solid var(--ingham-border-color);
        }
    .img-promos .filters > .keywords .icon {
        justify-content:    left;
        padding:            0 0 0 var(--p);
        opacity:            0.66;
    }
        .img-promos .filters > .keywords > div:hover .icon,
        .img-promos .filters > .keywords input:focus + .icon {
            opacity:        1;
        }
/*  FILTER Select */
.img-promos .filters .filter.select {
    display:                flex;
    float:                  none;
    margin:                 0;
}
    .img-promos .filters .filter.select .icon {
        font-size:          1rem;
        padding-right:      0.625rem;
    }
        .img-promos .filters .filter.select:hover .icon,
        .img-promos .filters .filter.select:focus .icon {
            color:          var(--ingham-btn-color);
        }
    .img-promos .filters .filter.select > div {
        display:            flex;
        flex-grow:          2;
        position:           relative;
        background:         white;
        color:              var(--ingham-text-color);
        border-color:       transparent;
        border-radius:      9px 3px 9px 3px;
        padding:            0;
    }
        .img-promos .filters .filter.select > div:hover:not(:focus) {
            outline:        1px solid var(--ingham-border-color);
        }
    .img-promos .filters .filter.select select {
        z-index:            2;
        color:              var(--ingham-text-color);
        background:         none;
        padding:            0 1rem;
        border-radius:      9px 3px 9px 3px;
        outline-color:      var(--ingham-primary-color);
        -webkit-appearance: none;
        appearance:         none;
        -moz-appearance:    none;
        height:             auto;
    }
        .img-promos .filters .filter.select > a + *:hover select {
            cursor:         pointer;
        }
        .img-promos .filters .filter.select select.v {
            font-weight:    600;
        }
/* FILTER Submit */
.img-promos .filters .submit {
    display:                flex;
    padding:                0;
    margin:                 0;
    border-radius:          0;
}
    .img-promos .filters .btn {
        --h:                auto;
        height:             auto;
        border-radius:      9px 3px 9px 3px;
        font-weight:        normal;
    }


@media only screen and (min-width: 351px) {
    .img-promos .filters,
    .img-promos .filters.noBrands {
        margin:                 1.5rem auto 1rem;
        grid-template-columns:  1fr 1fr;
        grid-template-rows:     43px 43px;
    }
        .img-promos .filters > .filter {
            grid-row:           1;
        }
        .img-promos .filters.noBrands .filter.keywords {
            grid-column:        1 / span 2;
        }
        .img-promos .filters.noBrands .filter.category {
            grid-row:           2;
        }
}
@media only screen and (min-width: 601px) {
    .inghamdriven-promotion-container {
        --w:                    calc(50% - calc(var(--g) / 2));
        flex:                   1 1 var(--w);
        max-width:              var(--w);
    }
    .inghamdriven-promotion-inner-container {
        min-height:             350px;
    }
    .img-promos .filters {
        padding:                0.5rem;
        row-gap:                0.5rem;
        grid-template-columns:  minmax(150px, 1fr) minmax(95px, 1fr) minmax(115px, 1fr) minmax(min-content, 150px);
        grid-template-rows:     43px;
    }
        .img-promos .filters.noBrands {
            grid-template-columns:  minmax(150px, 1fr) minmax(115px, 1fr) minmax(min-content, 150px);
            grid-template-rows: 43px;
        }
        .img-promos .filters.noBrands .filter.keywords {
            grid-column:        1;
        }
        .img-promos .filters.noBrands .filter.category {
            grid-row:           1;
        }
}
@media only screen and (min-width: 701px) {
    .inghamdriven-promotion-container {
        --w:                    calc(calc(100% / 3) - calc(calc(var(--g) * 2) / 3));
    }
}