/* --- 02. GLOBAL ELEMENTS --- */

/*
 * Le style des "grandes parties".
 * Cela permet de définir les différents éléments qui composeront la page totale
 *
 */

// A modifier pour customiser le style facilement :


/* 02.1 - Wrapper et page totale */

#wrapper {
  background: #64b5f6 url('img/background.png') center bottom repeat-x;
}

/* 02.1 - Header */

header h1 {
    border-style:none !important;
    color:#FFF;
    font-weight:700;
    font-size:5.4rem;
    font-style:oblique;
    padding-bottom:0px;
    margin:auto;
    text-align:center;
    line-height: 7.5rem;
    margin-bottom: 1.5rem;
}

.navbar {
  box-shadow: $large-shadow;
  @include borders();
  border-left: 0;
  border-right: 0;
  ul {
    padding-bottom:0;
  }
  @include li-no-margin();

    &.navbar-transparent {
        border: none;
        box-shadow: none;
        background-color:transparent;
    }
}

.dropdown-menu {
  box-shadow: $narrow-shadow, $inset-shadow;
}

/* 02.2 - Footer */

footer {
  margin-top: $baselinerem;
}

/* social media */

ul.social {
    font-size:1.5em;
    padding:0;
    margin:auto;
    margin-bottom: $baselinerem;
    text-align:center;
  li {
    margin:0;
    list-style: none;
    display: inline;
    a {
      color:#FFFFFF;
      background-color:#000000;
      padding:0.3em;
      padding-left:0.36em;
      padding-right:0.36em;
      vertical-align:middle;
      border-radius:100%;
      &:hover {
        color:#000;
        background-color:#FFF
      }
    }
  }
}