/**
 * Place your custom styles here.
 */
.feed-icons {
  margin-top: 21px;
  margin-bottom: 10.5px;
}
aside {
  margin-top: 42px;
  border-top: solid 1px #E5E5E5;
  padding-top: 21px;
}
@media screen and (min-width: 768px) {
  aside {
    margin-top: 0px;
    border-top: none;
    padding-top: 0px;
  }
}
/**
 * Navbar
 **/
.navbar-header {
  width: 100%;
  margin-bottom: 1em;
}
.navbar-default {
  background-color: #06681b;
  background-image: url(../images/football_banner.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
/**
 * Frontpage
 **/
.path-frontpage .page-header {
  display: none;
}
.path-frontpage .navbar {
    margin-bottom: 0;
}
/*****************
 * Articles
 ******************/
.node--type-article.node--view-mode-teaser {
  padding-bottom: 21px;
  border-bottom: solid 1px #E5E5E5;
  margin-bottom: 21px;
}
/******************
 * Membre
 ******************/
#views-bootstrap-membre-page-1 img {
  margin-left: auto;
  margin-right: auto;
}
.page-node-type-membre .field--name-field-membre-photo img {
  margin: 10.5px auto;
  border-radius: 50%;
}
.page-node-type-membre .field--name-field-membre-role {
  text-align: center;
  margin-bottom: 10.5px;
}

/******************
 * Vues
 ******************/
.view-empty {
  font-size: 15px;
}
.col-sm-12.bs-region.bs-region--top {
  margin-bottom: 21px
}
.more-link, .field--name-node-link {
  margin-top: 10.5px;
}

/**
 * Vue: Membres
 **/
#views-bootstrap-membre-page-1 .row {
  margin-bottom: 21px;
}

/**
 * Vue : Documents à télécharger
 **/
.view-documents-a-telecharger table caption {
    font-size: 3rem;
    font-weight: 100;
    color: black;
}
/**
 * Vue : Documents à télécharger : Disposition reglementaire;
 **/
.disposition-reglementaire {
  border-top: solid 1px #E5E5E5;
  padding-top: 42px;
  margin-top: 42px;
}

/******************
 * Pages
 ******************/

/**
 * Page : Historique de la ligue
 */
.timeline * {
  box-sizing: border-box;
}
.timeline {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
}
/* verticle ruler */
.timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: #E5E5E5;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}
/* containers arround the content */
.timeline .container-timeline {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  width: 50%;
}
/* Circle of the timeline */
.timeline .container-timeline::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -13px;
  background-color: #E5E5E5;
  border: 4px solid #ff7518;
  top: 18px;
  border-radius:50%;
  z-index: 1; 
}
/* Place containers to the left */
.timeline .left-timeline {
  left: 0;
}
/* Place the containers to the right */
.timeline .right-timeline {
  left: 50%;
}
/* Add arrow to the left containers (pointing right) */
.timeline .left-timeline::before {
  content:" ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid #2780e3;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #2780e3;
}
/* Add arrow to the right containers (pointing left) */
.timeline .right-timeline::before {
  content:" ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid #2780e3;
  border-width: 10px 10px 10px 0;
  border-color: transparent #2780e3 transparent transparent;
}
/* Fix the circle for containers on the right side */
.timeline .right-timeline::after {
  left: -13px;
}
/* the actual content  */
.timeline .content {
  color: white;
  padding: 20px 30px;
  background-color: #2780e3;
  border-color: #2780e3;
  position: relative;
  border-radius: 6px;
}
.timeline a, .timeline a:hover, .timeline a:focus, .timeline a:visited {
  color: white;
  text-decoration: underline;
}
.timeline h3 {
  font-weight: bold;
}
/**
 ** Fichier telechargement
 **/
.file {
    font-size: 100%;
    font-weight: 100;
}
/* Media-queries Responsive timeline on screens less than 600px wide*/
@media screen and (max-width: 600px) {
  /* Place the timeline to the left*/
  .timeline::after {
    left: 31px;
  }

  /* Full-width containers*/
  .timeline .container-timeline {
    width: 100%;
    padding-left: 70px;
    padding-right: 25px;
  }

  /* Make sure that all arrows pointing leftwards */
  .timeline .container-timeline::before {
    left: 60px;
    border: medium solid #2780E3;
    border-width: 10px 10px 10px 0;
    border-color: transparent #2780E3 transparent transparent;
  }

  /* Make sure that all circles are at the same spot */
  .timeline .left-timeline::after, .timeline .right-timeline::after {
    left: 15px;
  }

  /* Make all right containers behave like the left ones */
  .timeline .right-timeline {
    left: 0%;
  }
}


/******************
 * Blocks
 ******************/

/**
 * Superfish 
 **/
ul.sf-menu.sf-style-black {
  margin-bottom: 0;
}
ul.sf-menu.sf-style-black li, ul.sf-menu.sf-style-black.sk-navbar {
  background: #222!important;
}

/**
 * Vertical Main menu
 **/
#block-mainnavigation #superfish-main.sf-vertical {
    width: 100%;
}
#block-mainnavigation #superfish-main.sf-vertical li {
    border-bottom: solid 1px #444;
}
#block-mainnavigation #superfish-main.sf-vertical li:lastchild {
    border-bottom: none;
}
/**
 * Block Pour le bien du football
 **/
#block-views-block-pour-le-bien-du-football-block-1 {
  border-bottom: solid 1px #E5E5E5;
  border-top: solid 1px #E5E5E5;
  text-align: center;
  padding-top:21px;
}
#block-views-block-pour-le-bien-du-football-block-1 .block-title {
  margin-top: 0;
}
#block-views-block-pour-le-bien-du-football-block-1 .carousel-inner .item {
  height: 70px;
}
#block-views-block-pour-le-bien-du-football-block-1 .carousel-caption {
  text-shadow: none;
  color: inherit;
}
@media screen and (min-width: 768px) {
  #block-views-block-pour-le-bien-du-football-block-1 .carousel-caption {
    left: 0;
    right: 0;
    padding-bottom: 10.5px;
  }
  #block-views-block-pour-le-bien-du-football-block-1 .carousel-inner .item {
  height: 60px;
  }
}
/**
 * Block : Bulletin officiel;
 **/
#block-lfwmosta-views-block-bulletin-officiel-block-1 {
    color: #ffffff;
    background-color: #2780e3;
    border-color: #2780e3;
    padding: 15px;
    font-size: 19px;
    line-height: 1.3333333;
}
#block-lfwmosta-views-block-bulletin-officiel-block-1 .block-title {
  margin-top: 0px;
  font-size: 26px;
  font-weight: 400;
}
#block-lfwmosta-views-block-bulletin-officiel-block-1 .more-link {
  margin-top: 10.5px;
}
#block-lfwmosta-views-block-bulletin-officiel-block-1 .more-link a {
  color: white;
}
#block-lfwmosta-views-block-bulletin-officiel-block-1 .views-field-title a {
  display: block;
  padding: 5px;
  margin-top: 5px;
  background-color: white;
}

/**
 * Block : LFWM Info - Sidebar ;
 **/
#block-lfwmosta-views-block-lfwm-info-block-1 {
  border: solid 1px #E5E5E5;
  padding: 0px 15px 15px 15px;
}
#block-lfwmosta-views-block-lfwm-info-block-1 h4{
  font-weight: bold;
  border-top: solid 1px #E5E5E5;
  padding-top: 15px;
}
#block-lfwmosta-views-block-lfwm-info-block-1 .office-hours__item-comments {
    display: inline-block;
    white-space: normal;
}

/**
 * Block : club;
 **/
.view-display-id-block_1 .item-list ul li {
  display: inline-block;
  list-style: none;
}

/**
 * Necrologie
 **/
.path-frontpage .view-id-necrologie {
    position: relative;
}
.black-stroke {
    position: absolute;
    top: 0;
    left: 0;
}