/* load the default Redmine stylesheet */
@import url(../../../stylesheets/application.css);

/* add a logo in the header */
#header {
    background: #8660b4;
    background-position: 10px 10px;
    padding-left: 86px;
    height: 89px;
    padding: 10px;
    margin: 0;
}

#header > h1 {
    background: url(../images/logo-100.png) no-repeat;
    padding: 0;
    margin: 0;
    height: 69px;
    line-height: 69px;
    padding-left: 110px;
}

#top-menu {
    background: #2f1f42
}

a {
    color: #217dbb;
}

/*******************************************/
/*RESPONSIVE*/
/*******************************************/
@media screen and (max-width: 899px) {
    .theme-Lttng #header {
        top: 0px;
        background-color: #8660b4;
    }

    .theme-Lttng .flyout-menu {
        background-color: #8660b4;
    }

    .theme-Lttng .flyout-menu h3 {
        background-color: #2f1f42;
	border-top: 1px solid rgba(255, 255, 255, .1);
	border-bottom: 1px solid rgba(255, 255, 255, .1);
    }
}

/* Temp fix for the projects page layout */
#projects-index {
  column-count: auto;
  column-width: auto;
  -webkit-column-count: auto;
  -webkit-column-width: auto;
  -webkit-column-gap : 0.5rem;
  -moz-column-count: auto;
  -moz-column-width: auto;
  -moz-column-gap : 0.5rem;
}