/**
 * Theme Name: Piccolo Museo Materiale
 * Description: Blocksy Child theme
 * Author: MM
 * Template: blocksy
 * Text Domain: cut
 */


ul#menu-main-menu .menu-item {
    position: relative;
}
ul#menu-main-menu .menu-item:after,
[data-device="desktop"] button.ct-header-search.ct-toggle:after {
    position: absolute;
    display: block;
    content: '/';
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    left: -30px;
}
button.ct-header-search.ct-toggle {
    position: relative;
    margin-left: 30px !important;
    padding-left: 20px !important;
}

ul#menu-main-menu .current-menu-item a {
    color: var(--theme-palette-color-3) !important;
}
ul#menu-main-menu .current-menu-item a:hover {
    color: var(--theme-palette-color-2) !important;
}
ul#menu-main-menu .current-menu-item:before {
    display: block;
    content: ' ';
    position: absolute;
    height: 30px;
    background-color: var(--theme-palette-color-1);
    left: 0;
    right: 0;
}

[data-header*="type-1"] #search-modal {
    background-color: rgba(58, 79, 102, .95);
}
#search-modal input {
    --theme-form-font-size: 28px;
    --theme-form-field-height: 60px;
    padding: 0 60px 0 20px;
    margin-bottom: 0;
    background:  var(--theme-palette-color-4);
    border-radius: 6px;
}
#search-modal form .ct-search-form-controls {
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}
#search-modal form .ct-search-form-controls button {
    color: var(--theme-palette-color-4);
    --theme-icon-color: var(--theme-palette-color-4);
    --theme-button-border-radius: 6px;
    --theme-icon-size: 18px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    min-height: 40px;
}