/*!
 * medium-down.css
 *
 * @link https://www.vektorrausch.de
 * @author vektorrausch GmbH <sippel@vektorrausch.de>
 *
 * @package WordPress
 * @subpackage cleantheme
 */

/* ######################################## *\
		HTML
\* ######################################## */


/* ######################################## *\
		LAYOUT
\* ######################################## */


/* ######################################## *\
		WIDGETS
\* ######################################## */


/* ######################################## *\
		CONTENT
\* ######################################## */


/* ######################################## *\
		BLOCKS
\* ######################################## */

/* wp-block-spacer */
.wp-block-spacer.wp-block-spacer--big {
    height: 48px !important;
}

.wp-block-spacer.wp-block-spacer--medium {
    height: 36px !important;
}

.wp-block-spacer.wp-block-spacer--small {
    height: 24px !important;
}

/* ######################################## *\
		ELEMENTS
\* ######################################## */

/* search */
.search-button {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 12px;
    right: 82px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    z-index: 5;
}

.search-button.active {
    color: rgba(var(--color-theme), 1);
}

.search-button:after {
    height: 100%;
    background: rgba(0, 0, 0, 0.12);
    width: 1px;
    position: absolute;
    top: 0;
    right: -12px;
    z-index: 1;
    content: "";
    cursor: default;
}

/* ######################################## *\
		MISC / CONTRIB
\* ######################################## */

/* adminbar */
html.js {
    margin-top: 0 !important;
}

#wpadminbar {
    display: none;
}