/* Styles for yeswiki's template
 * under GNU General Public License
 * Variante du style margot avec barre de menu blanche
 */
@import url("margot.css");

/*
 * CSS variables
 */
:root {
    /* couleur de la barre de menu */
    --navbar-bg-color: white;
    --navbar-text-color: var(--neutral-color);
    --navbar-link-color: var(--neutral-color);

    /* --navbar-link-bg-color: transparent; */

    --navbar-link-hover-color: var(--primary-color);
}
#yw-topnav {
    border-bottom: 1px solid var(--neutral-light-color);
}

#yw-topnav .btn.btn-default {
    background: transparent !important;
    color: var(--navbar-link-color) !important;
}

#yw-topnav .btn.btn-default:hover,
#yw-topnav .btn.btn-default:focus,
#yw-topnav .btn.btn-default:active {
    color: var(--primary-color) !important;
}

#yw-topnav .dropdown-menu {
    border: 1px solid var(--neutral-light-color);
    border-top: none;
}

@media (width <= 1200px) {
    :root {
        --main-text-fontsize: 15px;
    }
}

@media (width <= 800px) {
    :root {
        --main-text-fontsize: 13px;
    }
}

.panel-group > .panel-default > .panel-heading {
    background-color: transparent;
    color: black;
    border-bottom: none;
}

.panel-group > .panel-default {
    border: #e6e6e6 1px solid;
    border-radius: Radius/200;
    div {
        border-top: none;
    }
}

a.pull-right {
    color: var(--neutral-color);
}