/* CUSTOM BULMA BASE THEME CSS */

/* ROOT CUSTOM VARIABLE */
:root {
  /* Retro Punch color (https://www.canva.com/colors/color-palettes/retro-punch/) */
  --custom-beige: #F4F1E0;
  --custom-jaune: #F6CD45;
  --custom-orange: #EB5027;
  --custom-bleu: #3077B5;
  --custom-anthracite: #1D1D1D;
  
  /* Font size */
  --custom-smaller-text: 0.85rem;
  /* Font weight */
  --custom-has-text-weight-extra-bold: 900;
}


.custom-color-beige {
    color: var(--custom-beige);
}


.user-logged-in .region-content {
  padding-top: 50px;
}


.custom-smaller-size {
    font-size: var(--custom-smaller-text);
}
.custom-has-text-weight-extra-bold {
  font-weight: var(--custom-has-text-weight-extra-bold);
}


.bd-color-swatch {
  background-color: var(--background);
  border-radius: .25em;
  box-shadow: 0 .125em .25em 0 rgba(0,0,0,.1),inset 0 0 0 1px rgba(0,0,0,.1);
  color: var(--color);
  display: inline-flex;
  font-family: var(--bulma-family-code);
  font-size: .875em;
  gap: .375em;
  line-height: 1;
  min-height: 1.5rem;
  min-width: 1.5rem;
  padding: .5rem;
  vertical-align: top;
  white-space: nowrap;
}



.layout-sidebar-right.sidebar {
  padding-left: 2rem;
}


/* TYPOGRAPHY */
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
  font-family: "Outfit", sans-serif; 
  font-weight: 500;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Outfit", sans-serif; 
  font-weight: 500;
}

h2 {font-size: 1.6rem;}
h3 {font-size: 1.4rem;}
h4 {font-size: 1.2rem;}
h5 {font-size: 1.1rem;}


/* DIVERS */

.is-large.modal-close {
  height: 105px;
  max-height: 105px;
  max-width: 105px;
  min-height: 105px;
  min-width: 105px;
  width: 105px;
}

p {font-size: 1.05rem;}



/* HEADER */

#logo {
    margin-right: 1rem;
}
#name-slogan {
    font-size: 1.9rem;
    line-height: 1.1;
}
#name-slogan span {
    font-size: .65em;
}
@media screen and (max-width: 767px) {
  #name-slogan span {
      font-size: .55em;
  }
}


.navbar-brand img {
    width: 130px;
}
@media screen and (max-width: 767px) {
  .navbar-brand img {
      width: 105px;
  }
}

.header-top-info a {
  font-weight: 500;
  font-style: italic;
  padding-right: .5rem
}
.header-top-rs i,
.header-top-info i {
  font-size: 1.3rem;
  color: var(--bulma-link-40) !important;
}

#leaderboard.section { 
  padding-top: .5rem;
  padding-bottom: .5rem;
  border-bottom: 2px solid #eee
}

header nav {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* NAVBAR */

a.navbar-item.is-active, a.navbar-item.is-selected,
.navbar-link.is-active,
.navbar-link.is-selected {
    background-color: transparent;
    color: var(--bulma-link);
}
a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover,
.navbar-link:focus,
.navbar-link:focus-within,
.navbar-link:hover {
    background-color: transparent;
    color: var(--bulma-link-60);
}
.navbar-link:not(.is-arrowless)::after {
  border-color: var(--bulma-link);
}

/* FOOTER */
#footer-first-wrapper.footer {
  /*background-color: var(--custom-beige);*/
  background: white;
  color: var(--bulma-text);
  border-top: 1px solid #e7e4d3;
  padding: 4.5rem 0 3rem;
}
#footer-second-wrapper.footer {
  background-color: var(--bulma-primary-90);
  border-top: 1px solid #e7e4d3;
  color: var(--bulma-text);
  padding: 4rem 0 4rem;
}
.footer {
  background-color: var(--bulma-text-20);
  color: #F4F1E0;
}
.footer a {
    color: var(--bulma-link-70);
}



/* HERO WRAPPER */
#hero-wrapper {
  background-size: cover;
  background-position: left center;
  padding-top: calc(55vh - 98px);
  padding-bottom: 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  #hero-wrapper {
    padding-top: calc(45vh - 98px);  
  } 
}
#hero-wrapper:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(23, 24, 33, 0.1);  
}

#hero-wrapper h1 {
  color: #1D1D1D;
  text-align: center;
  background-color: white;
  padding: 2rem;
  border-radius: 1rem 1rem 0 0;
}

.layout-sidebar-right #hero-wrapper h1 {
  background-color: white;
  max-width: 880px;
}

#hero-wrapper.no_hero h1 {
  background-color: var(--custom-beige);
}
#hero-wrapper.no_hero {
  padding-top: 2rem
}
#hero-wrapper.no_hero:before {
  background-color: transparent;
}


/* NODE PAGE */
div.field-node-page-body h2,
div.field-node-page-body h3,
div.field-node-page-body h4,
div.field-node-page-body h5,
div.field-node-page-body h6 {
 color: white;
}


article.large,
#hero-wrapper.large h1 {
  max-width: 1280px;
  margin: auto;
}
article.medium,
#hero-wrapper.medium h1 {
  max-width: 1100px;
  margin: auto;
}

/*section.small + #main-wrapper {
  max-width: 840px;
  margin: auto;
  padding-left: 0;
  padding-right: 0;
}*/

article.small,
.small.block,
#hero-wrapper.small h1 {
  max-width: 840px;
  margin: auto;
}

/* Pages article : body */
div.field-node-page-body p,
div.field-node-article-body p {
  font-size: inherit;
}
.large div.field-node-intro {
  max-width: 1280px;
}
.medium div.field-node-intro {
  max-width: 1100px;
}
.node--view-mode--full div.field-node-intro {
  color: white;
  text-align: center;
  font-size: 1.2rem;
  padding: 2rem;
  border-radius: 0 0 1rem 1rem;
  margin: -3rem auto 2.5rem;
}

.node--view-mode--full div.field-node-intro {
  background-color: var(--bulma-link-45);
}
.node--view-mode--full div.field-node-intro h2,
.node--view-mode--full div.field-node-intro h3,
.node--view-mode--full div.field-node-intro h4 {
  margin-bottom: 0
}

div.field-node-article-body h2,
div.field-node-article-body h3,
div.field-node-article-body h4,
div.field-node-article-body h5,
div.field-node-article-body h6 {
 color: white;
}


.paragraph--type--grid div:last-child .paragraph,
.paragraph--type--grid .paragraph {
  margin: 0;
}

.paragraph--type--grid .grid h3 {
  padding: 0;
  margin-bottom: .5rem;
}
.paragraph--type--grid .cell {
  border: 1px solid #eee;
  text-align: center;
  padding: 1rem;
  background: #eee;
  border-radius: 1rem;
}