/**
 * @file
 * Subtheme specific CSS.
 */


#block-bootstrap-barrio-subtheme-blocheader {
    padding-top:2em;
}

#block-bootstrap-barrio-subtheme-navigationprincipale {
    
}

h1, .h1 {
  font-family: "Roboto";     
  text-align: center;
  padding: 2em 0;  
  padding-bottom:1em;
  font-size:4em;
}


@media(max-width: 576px) {
  h1, .h1 {    
      padding: 1em 0;  
  }
}

img {
    max-width:100%;
    height: auto !important;
}
/* responsive menu */

.responsive-menu-toggle-icon::before, .responsive-menu-toggle-icon::after, .responsive-menu-toggle-icon span.icon {
  background: #cfa943;
}

.responsive-menu-toggle-icon span.label {
  color: #cfa943 !important;
}

.responsive-menu-toggle-wrapper div {
  width: 100px;
  margin-left: auto;
  margin-right: auto;    
}
.responsive-menu-toggle-wrapper {
    margin-top: 1em;
}

@media (min-width: 979px) { 
  .responsive-menu-toggle-wrapper {
    display: none;
  }
}


/* tb megamenu */
@media (max-width: 979px) { 
  .tb-megamenu {
    display: none;
  }
}

.tb-megamenu {
  background-color: transparent;
}

.tb-megamenu .nav > li:first-child > a, .tb-megamenu .nav > li:first-child > span.tb-megamenu-no-link {
  border-left: 1px solid #cfa943;
}


.tb-megamenu .nav > li > a, .tb-megamenu .nav > li > span.tb-megamenu-no-link {
  border-bottom: 0;
  border-right: 1px solid #cfa943;
  border-top: 0;
  color: #cfa943;
  font-weight: bold;
  padding: 10px 20px;
  text-shadow: none;
  text-transform: uppercase;
}

.tb-megamenu .nav > .active > a, .tb-megamenu .nav > .active > a:hover, .tb-megamenu .nav > .active > a:focus, .tb-megamenu .nav > .active > span.tb-megamenu-no-link, .tb-megamenu .nav > .active > span.tb-megamenu-no-link:hover, .tb-megamenu .nav > .active > span.tb-megamenu-no-link:focus {
  background-color: #cfa943;
  color: #fff;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: none;
}
.tb-megamenu .nav > li > a:focus, .tb-megamenu .nav > li > a:hover, .tb-megamenu .nav > li > span.tb-megamenu-no-link:focus, .tb-megamenu .nav > li > span.tb-megamenu-no-link:hover {
  background-color: #fff;
  color: #cfb544;
  text-decoration: none;
  text-shadow: none;
  outline: none;
}

.tb-megamenu .nav, .tb-megamenu .tb-block ul, .tb-megamenu .tb-block .nav {
    display: flex; justify-content: center; list-style: none; padding: 0;
}





.ebt-hero-container .hero-col-2 {
  position: absolute;
  z-index: 5;
  /*left: 10em;
  bottom: 10em;  */
  text-align: left;
  left: 3vw;

}

@media(min-width: 576px) {
  .ebt-hero-container .hero-col-2 {   
        top: 65vw;  
  }
}
@media(min-width: 768px) {
  .ebt-hero-container .hero-col-2 {   
        top: 55vw;  
  }
}
@media(min-width: 992px) {
  .ebt-hero-container .hero-col-2 {   
        top: 50vw;  
  }
}
@media(min-width: 1200px) {
  .ebt-hero-container .hero-col-2 {   
        top: 45vw;  
  }
}




.field--name-field-ebt-hero-column-image img {
    width:100% !important;
    height:auto !important;
}



.pyr figure { 
  display: flex;
  justify-content: center;
}    




video {
  margin-left: auto;
  margin-right: auto;    
}


body.node--type-video #page, body.node--type-video #main-wrapper, body.node--type-video .region-primary-menu .menu-item a.is-active, body.node--type-video .region-primary-menu .menu-item--active-trail a {
  background: #000;
}

body.node--type-video h1 {
    color: #892370;
}
body.node--type-video video {
    margin-bottom:5em;
}

/* fiche */
.field--name-field-fiche-bienfaits-principaux {   
  /*width: fit-content;*/
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10em;
}
.field--name-field-fiche-bienfaits-principaux .field__item {   
  width: 100%;
  float: left;
  padding: 1em;
  font-size: 1.3em;
  color: #cfa943;
  text-transform: uppercase;    
  text-align: center;
}
.field--name-field-fiche-introduction {
    clear:both;
}
.node--type-fiche #block-bootstrap-barrio-subtheme-content {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.field--name-field-fiche-image img {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.node--type-fiche .field--name-field-image-cat {
  float:none;   
}
.node--type-fiche .field--name-field-image-cat img {
  margin-left: auto;
  margin-right: auto;    
}
.node--type-fiche .field--name-taxonomy-term-title {
    text-align: center;
}
.node--type-fiche .field--type-image {
    margin: 0;
}

.node--type-fiche fieldset {
  padding-top: 3em;
  padding-bottom: 2em;
}
.node--type-fiche fieldset legend {
  background-color: #fafafa;
  padding-left: 1em;
  border-radius: 0.5em;
  margin-bottom: 1em;
  color: #cfa943;
}



/* categories */

.field--name-field-image-cat img {
  margin-left: auto;
  margin-right: auto;
  display: block;  
}

.view-tvi-mineraux .views-field-title .field-content {
    text-align:center;
}


/* view guide */
.view-guide .col-guide {
    margin-bottom:2em;
}
.view-guide .views-field-title, .view-guide .views-field-field-fiche-image {
    text-align: center;
}
.view-guide a:link, .view-guide a:visited, .view-guide a:hover {
    text-decoration: none;
    font-weight:bold;
    color: #cfa943;
}


/* view collection */
.view-collection .col-collection {
    margin-bottom:2em;
}
.view-collection .views-field-title, .view-collection .views-field-field-produit-image, .view-collection .views-field-field-fiche-bienfaits-principaux {
    text-align: center;
}
.view-collection a:link, .view-collection a:visited, .view-collection a:hover {
    text-decoration: none;
    font-weight:bold;
    color: #cfa943;
}
.view-collection .col-collection {
    margin-left: auto;
    margin-right: auto;
}

.view-collection .views-field-field-fiche-bienfaits-principaux {
  color: #666;
  font-style: italic;
  height: 4em;
  background: #f9f9f9;
  border-radius: 0.5em;
}




/* page collection */
.h2-collection {
    font-family: "Roboto";
    font-size: 3em;
    color: var(--bb-h1-color); 
}




/* produit */
.node--type-produit h1 {
    padding-bottom: 0em;
}
.node--type-produit .field--name-field-produit-image {
    text-align:center;
    float: none;
}
.node--type-produit  .field--name-field-produit-designation {
    text-align:center;
    font-size: 2em;
    color: #cfa943;
}


/* contact */
#webform-submission-contact-add-form {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
}
#webform-submission-contact-add-form .btn-primary {
  background-color: #cfa943;
  border-color: #cfa943;
  color: #fff;
  border-radius: 20px;
}

/* gifts */
#block-bootstrap-barrio-subtheme-webform {
  width:100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  background: #cfa943; /*#855907;*/
  padding: 1em 5em;
  border-radius: 30px;
  margin-bottom: 5em;
  color: #FFF;   
}
#block-bootstrap-barrio-subtheme-webform .btn-primary {
  background-color: #9f0ea6;
  border-color: #9f0ea6;
  color: #fff;
  border-radius: 20px;
}