/*
  custom properties for ALICE
*/


/* ALICE logo */

header .site-info {
    max-width: 64px;
    min-height: 76px;
}

body header .site-info {
    width: 64px;
    min-height: 76px;
}

body.sticky-header header .site-info {
    width: 48px;
    min-height: 56px;
}

body header .site-info__logo {
    width: 100%;
    padding: 0;
}

.sticky-header:not(.open-cern-menu) header .site-info__logo {
    max-width: 100% !important;
    padding: 5px 0 0 0;
}

#alice-logo .field--type-text-with-summary {
    margin-top: 0;
}

#block-alicelogo {
    display: flex;
    float: left;
}


/* --- ALICE logo */

.align-right {
    float: right;
}

.align-left {
    float: left;
}

.rtcenter,
.rtecenter {
    text-align: center;
}


/* ---------- Header */

@media (min-width: 992px) {
    .site-info {
        /* site title */
        width: 100%;
    }
    .site-nav {
        /* (Main menu)*/
        width: 90%;
    }
}

body {
    z-index: 404;
}

main {
    padding-top: 20px;
    padding-bottom: 20px;
}


/* ------------ modify "view", "edit", ... node tabs */

.tabs ul {
    padding-top: 5px;
    margin: 0;
}

.tabs ul li a {
    color: #6696cc;
    padding: 7px 1em 4px 1em;
}

.nav-tabs>li>a {
    border-top-left-radius: 0.4em;
    border-top-right-radius: 0.4em;
    border: 1px solid #ddd;
    background-color: rgba(242, 242, 240, 0.7);
}


/*     sidebar menu    */

a.link-content-menu.is-active {
    background-color: rgba(176, 190, 206, 0.7);
    color: rgb(24, 32, 41);
}

a.link-content-menu.is-active::after {
    font-family: "cern-icons";
    font-size: 4rem;
    content: '\j';
    float: right;
    line-height: 22px;
}

.arrow-right {
    display: inline-block;
    margin: 0 4px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid;
}

.arrow-left {
    display: inline-block;
    margin: 0 4px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid;
}

.arrow-down {
    display: inline-block;
    margin: 0 1px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid;
}

.menu-show {
    display: block;
}

.menu-hide {
    display: none;
}

.menu-arrow {
    float: right;
    padding: 5px 8px 0px 8px;
    margin-top: 5px;
    border-left: 1px solid rgb(185, 185, 185);
}

.menu-arrow:hover {
    border: 1px solid rgb(242, 242, 242);
    color: rgb(145, 143, 145);
}

.panel-default {
    border-color: #ddd;
    border-radius: 2px;
    background-color: #fcfcfa;
}


/* ---- User Block ---- */

.user-table-role {
    margin: 8px;
    font-size: 1.4rem;
    width: 93%;
}

.user-th-role {
    padding: 4px 8px;
    border-bottom: 1px solid #ddd;
    border-top: 2px solid #ddd;
}

.user-role-cell {
    padding: 4px 18px 0 18px;
    border-bottom: 1px solid #ccc;
}

footer .contextual {
    filter: invert(70%);
}

.img-responsive {
    display: block;
    margin-left: auto;
    margin-right: auto;
}