/* COMMONS BULMA BASE THEME CSS */

.bef-links-use-ajax ul  {
  margin-left: 0;
  margin-bottom: 2rem;
}

.bef-links-use-ajax li {
  display: inline;
}
.bef-links-use-ajax li a {
  display: inline;
  background: #3077B5;
  color: white;
  font-size: 1.1rem;
  padding: .5rem 1rem;
  margin-right: 1rem;
  border-radius: .5rem;
}

/* CARDS SHADOW */
.has-shadow {
   box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);
}
.has-shadow-large {
  box-shadow: 0px 15px 60px rgba(10,10,10, 0.1) !important;
}
.card-no-shadow .card {
   box-shadow: initial;
}

/* Border Radius */
.has-border-radius-05 {
    border-radius: .5rem;
}
.has-border-radius-1 {
    border-radius: 1rem;
}


/* LAYOUT */

.path-frontpage .container.is-fluid {
  padding: 0;
}
.two-sidebar .sidebar h2 {
  font-size: 1.45rem !important;
}
#footer-firt-wrapper.footer {
    padding-bottom: 3rem;
}

/* NAVBAR */

@media screen and (min-width: 1024px) {
  .navbar > .container .navbar-brand, 
  .container > .navbar .navbar-brand {
    margin-inline-start: 0rem;
  }
}


.modal-button {
  cursor: pointer;
}



@media(max-width: 767px) {
  .reverse-columns {
    flex-direction: column-reverse;
    display: flex;
  }
}


/* BULMA OVERRIDES */

#leaderboard.section {
  padding-top: 0;
  padding-bottom: 0;
}


/* MICROMODAL OVERRIDES */
.modal__overlay {
  background: rgba(0,0,0,0.95);
}



.has-text-weight-bold h1 {
  font-weight: bold;
}


/* MESSAGE STATUS MODAL */

.user-logged-in .modal-close {
  height: 140px;
  top: 100px;
}


/* VIEWS */

.card-no-shadow .views-view-responsive-grid__item {
    box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);
    border-radius: var(--bulma-radius-large);
}

/* VIEWS GRID CELL MARGIN */

.views-view-grid .grid.is-gap-5 {
  margin-bottom: 2.5rem;
}


/* PARAGRAPH */
.field-paragraphs {
  /*max-width: 1015px;*/
  /*max-width: 840px;*/
  margin: auto;
}

.paragraph:not(.paragraph--type--video) img {
  width: 100%;
}

article > div > div > div .paragraph {
  margin-bottom: 3rem;
}
article > div > div > div:last-child .paragraph {
  margin-bottom: 1rem;
}

/* Paragraph type Texte Encadre */
.paragraph--type--texte-encadre {
  padding: 3rem;
  background: var(--bulma-text-95);
  border-radius: .5rem;
}

/* Paragraph type Audio */
.paragraph--type--audio > div:nth-child(2) {
  display: flex;
}
.paragraph--type--audio > div:nth-child(2) > div {
  padding-right: 1rem;
}
.paragraph--type--audio > div:nth-child(2) > div:last-child {
  padding-right: 0;
}

/* Paragraph type video */
.paragraph--type--video {
  text-align: center;
}
.paragraph--type--video .micromodal-slide.is-open {
  text-align: right;
}

/* Paragraph type document */
.paragraph--type--document > div {
  display: flex;
}

.paragraph--type--document > div > div {
  border-left: 1px solid  #eee;
  margin-right: 1rem;
  padding: .1rem;
  text-align: center
}

.paragraph--type--document > div > div:last-of-type {
  margin-right: 0;
  border-right: 1px solid #eee
}

.paragraph--type--document span.file {
  text-align: center;
  display: block;
}

/* Paragraph type document */
.paragraph--type--document > div {
  display: flex;
}

.paragraph--type--document > div > div {
  border-left: 1px solid  #eee;
  margin-right: 1rem;
  padding: .1rem;
  text-align: center
}

.paragraph--type--document > div > div:last-of-type {
  margin-right: 0;
  border-right: 1px solid #eee
}

.paragraph--type--document span.file {
  text-align: center;
  display: block;
}

/* Paragraph type Image */
.paragraph--type--image {
  text-align: center;
}
.blazy .media--blazy img.media__element {
  margin: 0 auto;
}
.paragraph--type--image.large img {max-width: 80%;}
.paragraph--type--image.medium img {max-width: 60%;}
.paragraph--type--image.small img {max-width: 40%;} 
.paragraph--type--image.large,
.paragraph--type--image.medium,
.paragraph--type--image.small { 

}


/* Pager */
nav.pager {
  margin-top: 2rem;
}
.pager li {
  display: inline;
  padding: .2rem;
  font-weight: bold;
  color: var(--bulma-primary);
}
.pager li a {
  color: var(--bulma-primary);
}

/* Blockquote */
.content blockquote {
  font-size: 1.2rem;
}