/*
Theme Name: Woffice Child
Description: Child theme for Woffice
Author: Alkaweb Team
Template: woffice
*/

/* 
WP Kraken #l621893: Add styles for filter selector
Need #content-container to get higher specificity
*/

#content-container .wpk-blog-filter {
    display: flex;
    flex-direction: column;
    align-items: center;

    z-index: 16;
    width: max-content;
    max-width: 98%;
    padding: 1em;
    margin: 20px auto;
    margin-top: -1em;

    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 0.4rem 2rem rgba(0,0,0,.08);
    -moz-box-shadow: 0 .4rem 2rem rgba(0,0,0,.08);
    box-shadow: 0 0.4rem 2rem rgba(0,0,0,.08);
}

#content-container .wpk-blog-filter__fields {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

#content-container .wpk-blog-filter__field,
#content-container .wpk-blog-filter__message {
    flex: auto;
    margin: 1em 1em;
}

#content-container .wpk-blog-filter__select {
    display: inline-block;
    width: 100%;
    margin: 0;
}