/**
 * @file
 * Use this CSS file to override components CSS rules
 */

/* products views - layout switcher */
#block-minimalplus-productslayoutswithergridactive,
#block-minimalplus-productslayoutswitcherlistactive {
  padding-bottom: 10px;
}

/* Top Menu */

.header {
  background-color: #DCEFF6;
}

.header-container ul.menu {
  text-align: right;
}

.onscroll .header.js-fixed.region--white-background {
    background-color: rgba(220, 239, 246, 0.95);
}

.header-container ul.menu li a, .header-container ul.menu li > span {
  font-size: 16px;
  padding: 15px 0.75em 13px;
}

ul.menu li a:hover {
  text-decoration: none;
  color: var(--mt-color-secondary-dark);
}

ul.sf-menu .sf-sub-indicator::after {
  content: "\f107";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  left: 50%;
  top: -3px;
  margin-left: 0px;
  font-size: 13px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: absolute;
  transform: none;
}

.header-container ul.menu li > span.sf-depth-1,
.region-slideout ul.menu li > span.sf-depth-1 {
  padding-right: 16px;
  cursor: pointer;
}

/* Sélecteur de langue */

#block-selecteurdelangue-2 ul {
  list-style: none;
  padding-left: 0;
  padding-top: 6px;
}

#block-selecteurdelangue-2 li {
  line-height: 1;
  position: relative;
  font-size: 16px;
  font-weight: 400;
  padding-top: 18px;
  padding-right: 10px;
  padding-bottom: 15px;
  padding-left: 10px;
  margin: 16px 10px;
  text-decoration: none;
  text-transform: capitalize;
  color: #ffffff;
}

@media (max-width: 1199px) {
  #block-selecteurdelangue-2 li {
    padding-top: 11px;
  }
  
}

#block-selecteurdelangue-2 li a {
  color: #000;
  padding: 15px 10px 20px;
}

#block-selecteurdelangue li a:hover,
#block-selecteurdelangue-2 li a:hover {
  color: #007989;
  text-decoration: none;
}

.block-language ul li::before {
  content: "";
  font-family: 'Open Sans', Helvetica Neue, Arial, Sans-serif;
}

@media (max-width: 991px) {
  #superfish-main--2-toggle {
    display: none;
  }
  
  .region-header .language-switcher-language-url {
    display: none;
  }
  
}

.slideout-toggle {
  background-color: transparent;
  margin-top: 16px;
  color: #000b0f;
}

@media (max-width: 399px) {
  .slideout-toggle {
    margin-top: 3px;
  }
}

.slideout .language-switcher-language-url a {
  text-transform: capitalize;
  text-decoration: none;
  color: #000b0f;
}

.slideout__section .block {
    padding-bottom: 10px;
}

ul.sf-menu .sf-sub-indicator {
  overflow: visible;
}

ul.sf-menu.sf-accordion .sf-sub-indicator::after {
  content: "\f107";
}

/* Search */

#block-headersearch {
  padding-top: 32px;
}

/* Accueil */

#block-tracesinteresse h2.title {
  margin-bottom: 12px;
  margin-top: 12px; 
}

#block-tracesinteresse .field--name-field-contenu-gauche,
#block-tracesinteresse .field--name-field-contenu-droite {
  padding-left: 48px;
  padding-right: 48px;
  padding-top: 12px;
  padding-bottom: 12px;
  background: #DCEFF6;
  min-height: 402px;
  border-radius: 10px;
}

#block-views-block-themes-de-recherche-block-1 h2.title {
  text-align: center;
}

#block-views-block-themes-de-recherche-block-1 h3 {
  font-size: 1.35rem;
  text-align: center;
}

#views-bootstrap-themes-de-recherche-block-1 .views-field-field-image-theme {
  margin-bottom: 12px;
}

/* Front-Nos Projets Porteurs */

#block-nosprojetsporteurs div.field--type-image {
  height: 190px;
}

#block-nosprojetsporteurs div.field--name-field-image-droite img {
  padding-top: 19px;
}

/* Projets */

.field--name-field-image-pour-projet {
  margin-top: 32px;
}

/* Membres équipe */

.page-node-type-mt-team-member .field--name-field-mt-tmm-member-photo {
  text-align: center;
}

/*
.page-node-type-mt-team-member .block-field-blocknodemt-team-membertitle {
  margin-bottom: 40px;
  margin-top: 0;
  font-family: 'PlayfairDisplay', serif;
  font-style: normal;
  font-weight: normal;
  font-size: 3.052rem;
}
*/

/* Équipe */

.view-team-members-grid .views-field-title h5 {
    font-size: 20px;
}

/* Publications de vulgarisatioon */

#block-views-block-materiel-de-vulgarisation-block-1 h2,
#block-views-block-materiel-de-vulgarisation-block-2 h2,
#block-views-block-materiel-de-vulgarisation-block-3 h2,
#block-views-block-materiel-de-vulgarisation-block-4 h2,
#block-views-block-materiel-de-vulgarisation-block-5 h2.
#block-views-block-materiel-de-vulgarisation-block-6 h2 {
  padding-bottom: 16px;
  margin-bottom: 16px;
}

#block-views-block-materiel-de-vulgarisation-block-1 .views-row,
#block-views-block-materiel-de-vulgarisation-block-2 .views-row,
#block-views-block-materiel-de-vulgarisation-block-3 .views-row,
#block-views-block-materiel-de-vulgarisation-block-4 .views-row,
#block-views-block-materiel-de-vulgarisation-block-5 .views-row,
#block-views-block-materiel-de-vulgarisation-block-6 .views-row {
  padding-bottom: 16px;
  margin-bottom: 24px;
  border-bottom: 1px solid #d8d8d8;
}

/* Page de vidéos */

.view-page-videos .item-video {
  margin-bottom: 24px;
  padding: 0 6px 0 6x;
}

.view-page-videos .views-field-title {
  max-width: 550px;
  margin-bottom: 18px;
}

/* Publications académiques */

.ui-accordion .ui-accordion-header {
  font-size: 1.953rem;
}

.ui-accordion .ui-accordion-content .field--name-field-article .field__item {
  margin-bottom: 24px;
}

/* Infographies */

#block-views-block-materiel-de-vulgarisation-block-7 .views-field-title {
  height: 116px;
  text-align: center;
}

/* #block-views-block-materiel-de-vulgarisation-block-7 .views-field-field-image-de-l-infographie {
  padding-left: 12px;
  padding-right: 12px;
} */

#block-views-block-materiel-de-vulgarisation-block-7 .views-field-field-image-de-l-infographie:hover {
  background-color: rgba(0, 77, 87, 1);  
}

#block-views-block-materiel-de-vulgarisation-block-7 .views-field-field-image-de-l-infographie img:hover {
  opacity: 0.7;
}

/*Infographies nv*/

.view-id-infographies_grid.view-display-id-page_1 ul.list-unstyled {
  column-count: 3;
  column-gap: 100px;
}

.view-id-infographies_grid.view-display-id-page_1 ul.list-unstyled > li {
  padding-bottom: 100px;
}

.view-id-infographies_grid.view-display-id-page_1 ul.list-unstyled > li span.overlay--colored {
  background-color: rgba(0, 77, 87, 0.85);
}

.view-id-infographies_grid.view-display-id-page_1 ul.list-unstyled > li h4 {
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 5%;
  right: 5%;
  margin: 0;
}

@media (max-width:1399px) {
  .view-id-infographies_grid.view-display-id-page_1 ul.list-unstyled {
    column-count: 3;
    column-gap: 80px;
  }
  .view-id-infographies_grid.view-display-id-page_1 ul.list-unstyled > li {
    padding-bottom: 80px;
  }
}

@media (max-width:1199px) {
  .view-id-infographies_grid.view-display-id-page_1 ul.list-unstyled {
    column-count: 2;
    column-gap: 100px;
  }
  .view-id-infographies_grid.view-display-id-page_1 ul.list-unstyled > li {
    padding-bottom: 100px;
  }
}

@media (max-width:991px) {
  .view-id-infographies_grid.view-display-id-page_1 ul.list-unstyled {
    column-count: 2;
    column-gap: 80px;
  }
  .view-id-infographies_grid.view-display-id-page_1 ul.list-unstyled > li {
    padding-bottom: 80px;
  }
}

@media (max-width:767px) {
  .view-id-infographies_grid.view-display-id-page_1 ul.list-unstyled {
    column-count: 1;
    column-gap: 80px;
  }
}

@media (max-width:575px) {
 .view-id-infographies_grid.view-display-id-page_1 ul.list-unstyled > li {
   padding-bottom: 60px;
 }
}

/* Galerie PHotos */

#block-views-block-galerie-photos-block-1 p {
  font-size: 12px;
  margin-top: 6px;
  margin-bottom: 12px;
}

/* Nouvelles */


/*  Blogue */

.page-node-310 h1.page-title{
  margin-bottom: 0;
}

.node--view-mode-teaser.node--type-article .node__header h2 {
  margin-bottom: 24px;
}

.node--type-article .node__main-content .field--name-field-mt-subheader-body p {
  font-size: 24px;
}

.node--type-article .node__main-content .field--name-created {
  text-transform: capitalize;
}

.node--type-article .node__meta {
  margin-bottom: 0;
}

.field--name-field-auteur-trice .field__label {
  font-weight: normal;
  padding-right: 0.25em;
}

.field--name-field-auteur-trice .field__label::after {
  content: "";
}

.field--name-field-auteur-trice .field__item {
  font-size: 14px;
}

.node--type-auteur {
  margin-top: 24px;
}

/* Collaborateurs */

.field--name-field-regroupements-de-recherche,
.field--name-field-liens-utiles {
  margin-top: 60px;
}

.field--name-field-collaborateurs-principaux .bs-2col,
.field--name-field-regroupements-de-recherche .bs-2col,
.field--name-field-liens-utiles .bs-2col {
  margin-bottom: 24px;
  margin-top: 24px;
}

.regroup,
.liens {
  margin-bottom: 24px;
  margin-top: 16px;
}

/* Bloc auteur*/

.node--type-auteur .node__header {
  display: none;
}

/* Footer */

.socials-list {
    padding-left: 0;
    list-style-type: none;
    text-align: center;
    margin-bottom: 0;
    font-size: 36px;
}

.socials-list li {
    display: inline-block;
    margin-right: 12px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.socials-list li a:hover {
  color: #4A9397;
}

/* CNVAM */

#block-logocnvam p {
  text-align: right;
  margin-top: 15px;
}

.content-top-highlighted ul.menu li a:before {
    content: "";
    font-family: sans-serif;
    width: 0;
    height: 0;
}

.field--name-field-video .field__item {
  margin-bottom: 48px;
}

/* Sexotherapie */

#block-logosexotherapie p {
  text-align: right;
  margin-top: 15px;
}

/* Couples parentaux */

#block-logocouplesparentaux p {
  text-align: right;
  margin-top: 15px;
}

/* Citations */

#block-views-block-citations-block-1,
#block-views-block-citations-block-2,
#block-views-block-citations-block-3,
#block-views-block-citations-block-4,
#block-views-block-citations-block-5,
#block-views-block-citations-block-6 {
  padding: 16px;
}

/* Bande Logos */

#block-bandelogos {
  margin-bottom: 36px;
}

#block-bandelogos img {
  margin-left: 12px;
  margin-right: 12px;
}