.components-panel__body.is-opened.img-admin-search {
    padding-top:            0;
}
.img-admin-search > .components-panel__row:nth-of-type(1).justify {
    align-items:        stretch;
    flex-direction:     column;
}

:root, ::marker, ::before, ::after {
    --img-search-height:    5rem;
    --img-search-bgcolor:   none;
    --img-search-border:    none;
}

/* FIX for random lines in between Flex grid */
.wp-block .img-search-c form > *,
.wp-block .img-search-c .cta > * {
    margin:     0 -1px;
}

.img-search {
    background:             var(--img-search-bgcolor);
}
.img-search-c {
    transform:              translateX(-50%);
    position:               absolute;
    top:                    -2.5rem;
    text-align:             center;
    left:                   50%;
    width:                  100%;
    z-index:                100;
    font-size:              var(--ingham-font-size);

    display:                grid;
    grid-template-columns:  auto;
}
    .img-search.dbl .img-search-c {
        grid-template-columns:  auto 315px;
    }
.img-search-c .box {
    /*background:                 white;*/
    border-bottom-right-radius: var(--ingham-border-radius-bottom-right);
    border-bottom-left-radius:  var(--ingham-border-radius-bottom-left);
    border-top-right-radius:    var(--ingham-border-radius-top-right);
    border-top-left-radius:     var(--ingham-border-radius-top-left);
    box-shadow:                 var(--ingham-drop-shadow);
}
    .img-search-c .box.search {
        flex-grow:      1;
    }
        .img-search.dbl .box.search {
            margin-right:   1.5rem;
        }
.img-search-c .img-btn.primary > * {
    border-bottom-right-radius: var(--ingham-border-radius-bottom-right);
    border-top-right-radius:    var(--ingham-border-radius-top-right);
    color:                      var(--ingham-primary-text-color);
    background:                 var(--ingham-primary-color);
}
.img-search-c form {
    display:    flex;
}
    .img-search-c form .control {
        flex-grow:      1;
        width:          33.3%;
    }
        .img-search-c form .make {
            flex-grow:  2;
        }
        .img-search-c form .keywords {
            padding-right:  0.5rem;
            background:     #fff;
        }
    .img-search-c form .img-btn {
        flex-shrink:    0;
    }
    .img-search-c .field,
    .img-search-c .img-btn > * {
        font-family:    var(--ingham-font-family-body);
        letter-spacing: -0.015em;
    }
    .img-search-c .dropdown select,
    .img-search-c .dropdown option {
        -webkit-appearance: none;
        appearance:         none;
        border-color:       transparent;
    }
    .img-search-c .dropdown {
        position:       relative;
        display:        inline-block;
        width:          100%;
    }
    .img-search-c .dropdown::after {
        content:        '\0025BC';
        font-family:    'FontAwesome';
        line-height:    1;
        color:          var(--ingham-text-color);
        right:          0.75rem;
        top:            50%;
        transform:      translateY(-50%);
        position:       absolute;
        pointer-events: none;
    }

    .img-search-c form select,
    .img-search-c form input {
        height:         var(--img-search-height);
        font-size:      inherit;
        padding:        0 0 0 1.5rem;
        background:     white;
        border:         none;
        width:          100%;
        border-radius:  0px;
        margin-bottom:  0px;
    }
        .img-search-c .control:first-child select {
            border-bottom-left-radius:  var(--ingham-border-radius-bottom-left);
            border-top-left-radius:     var(--ingham-border-radius-top-left);
        }
    .img-search-c form button {
        height:         var(--img-search-height);
        cursor:         pointer;
        padding:        0 1rem;
        width:          100%;
        font-size:      inherit;
    }
        .img-search-c form .icon button {
            align-items:    center;
            display:        flex;
        }
        .img-search-c form button:hover > * {
            opacity:    0.85;
        }
.img-search-c .box.cta {
    display: flex;
}
    .img-search-c .box > .img-btn {
        flex-grow:      1;
    }
    .img-search-c .img-btn a {
        line-height:    var(--img-search-height);
        height:         var(--img-search-height);
        cursor:         pointer;
        padding:        0 1rem;
        display:        block;
        background:     white;
    }
        .img-search-c .img-btn:first-child a {
            border-bottom-left-radius:  var(--ingham-border-radius-bottom-left);
            border-top-left-radius:     var(--ingham-border-radius-top-left);
        }
    .img-search-c .img-btn.icon a {
        line-height:    normal;
        align-items:    center;
        display:        flex;
    }
        .img-search-c .img-btn.icon i {
            margin:         2px 0.75rem 0 0;
            font-size:      1.9rem;
        }
            .img-search-c .img-btn.find i {
                font-size:  2rem;
            }
        .img-search-c .img-btn.icon span {
            text-align:     left;
        }
            .img-search-c .img-btn.icon a:hover > * {
                opacity:    0.85;
            }
.img-search-c .margin {
    display: none;
}

.img-search .margin {
    height:     4.25rem;
    display:    block;
    width:      100%;
}


@media (max-width: 1400px) {
    :root, ::marker, ::before, ::after {
        --img-search-height:    4rem;
    }
    .img-search-c {
        font-size: 16px;
    }
        .img-search.dbl .img-search-c {
            grid-template-columns:  auto 290px;
        }
    .img-search-c .img-btn.icon i {
        font-size:      1.7rem;
        margin-top:     1px;
    }
        .img-search-c .img-btn.find i {
            font-size:  1.8rem;
        }
    .img-search .margin {
        height:     3.5rem;
    }
}
@media (min-width: 701px) and (max-width: 1410px) {
    /* FIX for random lines in between Flex grid */
    .img-search-c form > *,
    .img-search-c .cta > * {
        margin:     0 -1px;
    }
}
@media (min-width: 701px) and (max-width: 1400px) {
    .img-search-c {
        top:        -2rem;
    }
}
@media (min-width: 701px) and (max-width: 1100px) {
    .img-search-c {
        width:      calc(100% - 2rem);
    }
    .img-search-c form .control {
        /*width:      33%;*/
    }
}
@media (max-width: 800px) {
    .img-search-c .keywords {
        display:    none;
    }
}
@media (min-width: 701px) and (max-width: 800px) {
    .img-search-c form .model {
        /*background:     #fff;*/
    }
}
@media (max-width: 700px) {
    :root, ::marker, ::before, ::after {
        --img-search-height:    3.5rem;
    }

    .img-search-c,
    .img-search.dbl .img-search-c {
        grid-template-columns: auto;
        width:      calc(100% - 2rem);
        top:        -3.25rem;
        transform:  initial;
        margin:     1rem;
        left:       0px;
    }
        .img-search-c .box.search {
            background:     white;
        }
            .img-search.dbl .box.search {
                margin:     0;
            }
        .img-search-c .box.cta {
            background:     none;
            box-shadow:     none;
            margin:         1rem 0 0 0;
        }
    .img-search-c .box.cta .img-btn {
        box-shadow: var(--ingham-drop-shadow);
    }
        .img-search-c .box.cta .img-btn:last-child {
            margin-left: 1rem;
        }
    .img-search-c br {
        display:    none;
    }
    .img-search-c form button,
    .img-search-c .img-btn a {
        justify-content:    center;
    }
    .img-search-c .img-btn a {
        color:                      var(--ingham-primary-text-color);
        background:                 var(--ingham-primary-color);
        border:                     var(--img-search-border);
    }
    .img-search-c .cta .img-btn,
    .img-search-c .img-btn a {
        border-bottom-right-radius: var(--ingham-border-radius-bottom-right);
        border-bottom-left-radius:  var(--ingham-border-radius-bottom-left);
        border-top-right-radius:    var(--ingham-border-radius-top-right);
        border-top-left-radius:     var(--ingham-border-radius-top-left);
    }
        .img-search-c .img-btn.icon i {
            font-size:      1.3rem;
            margin-top:     1px;
        }
            .img-search-c .img-btn.find i {
                font-size:  1.5rem;
            }
    .img-search-c form {
        justify-content:    space-between;
        flex-wrap:          wrap;
    }
        .img-search-c form .control {
            width:          48.5%;
            flex-grow:      0;
        }
            .img-search-c .control:first-child + .img-search-c .control {
                border-top-right-radius:    var(--ingham-border-radius-top-right);
                padding-right:              0.75rem;
            }

        .img-search-c form .img-btn {
            border:         1px solid white;
            width:          100%;
        }
        .img-search-c form select {
            padding:        0 1rem;
        }
            .img-search-c .control:first-child + .img-search-c .control select {
                border-top-right-radius:    var(--ingham-border-radius-top-right);
            }
        .img-search-c form button {
            border:         none;
        }
            .img-search-c form select,
            .img-search-c form input,
            .img-search-c form .img-btn,
            .img-search-c form button {
                border-bottom-right-radius: var(--ingham-border-radius-bottom-right);
                border-bottom-left-radius:  var(--ingham-border-radius-bottom-left);
                border-top-right-radius:    var(--ingham-border-radius-top-right);
                border-top-left-radius:     var(--ingham-border-radius-top-left);
            }
    .img-search .margin {
        height:     6.25rem;
    }
        .img-search.dbl .margin {
            height:     10.5rem;
        }
}
@media (max-width: 577px) {
    .img-search-c {
        top:        -6.25rem;
    }
    .img-search .margin {
        height:     3.25rem;
    }
}
@media (max-width: 415px) {
    .img-search-c {
        font-size:  15px;
    }
    .img-search-c .box.cta .img-btn {
        width:      50%;
    }
}