/*
 * Beaux-Arts Paris Bootstrap Theme
 * Custom CSS
 */

@font-face {
  font-family: Obibok;
  src: url('../fonts/obibok/obibok-thin-webfont.woff2') format('woff2');
  font-weight: 100;
}

@font-face {
  font-family: Obibok;
  src: url('../fonts/obibok/obibok-light-webfont.woff2') format('woff2');
  font-weight: 300;
}

@font-face {
  font-family: Obibok;
  src: url('../fonts/obibok/obibok-regular-webfont.woff2') format('woff2');
  font-weight: 400;
}

@font-face {
  font-family: Obibok;
  src: url('../fonts/obibok/obibok-normal-webfont.woff2') format('woff2');
  font-weight: 450;
}

@font-face {
  font-family: Obibok;
  src: url('../fonts/obibok/obibok-medium-webfont.woff2') format('woff2');
  font-weight: 500;
}

@font-face {
  font-family: Obibok;
  src: url('../fonts/obibok/obibok-semibold-webfont.woff2') format('woff2');
  font-weight: 600;
}

@font-face {
  font-family: Obibok;
  src: url('../fonts/obibok/obibok-bold-webfont.woff2') format('woff2');
  font-weight: 700;
}

@font-face {
  font-family: Obibok;
  src: url('../fonts/obibok/obibok-black.woff2') format('woff2');
  font-weight: 900;
}

@font-face {
  font-family: Obibok;
  src: url('../fonts/obibok/obibok-heavy.woff2') format('woff2');
  font-weight: 950;
}

@font-face {
  font-family: Roboto;
  src: 
    url(../fonts/roboto/roboto-light-webfont.woff2) format("woff2");
  font-weight: 300;
}

@font-face {
  font-family: Roboto;
  src: 
    url(../fonts/roboto/roboto-regular-webfont.woff2) format("woff2");
  font-weight: 400;
}

@font-face {
  font-family: Roboto;
  src: 
    url(../fonts/roboto/roboto-medium-webfont.woff2) format("woff2");
  font-weight: 500;
}

@font-face {
  font-family: Roboto;
  src: 
    url(../fonts/roboto/roboto-bold-webfont.woff2) format("woff2");
  font-weight: 700;
  font-style: bold;
}

 /*
  * Bootstrap settings and variables
  */
:root,
[data-bs-theme=light] {
  --bs-font-sans-serif:"Roboto";
  /*--bs-body-font-size: 16px;*/
  /*--bs-body-font-weight: 400;*/
  --bs-purple: #650ecd;
  --bs-pink: #e90d59;;
  --bs-orange: #d14905;
  --bs-green: #108670;
  --bs-link-color-rgb: 0, 0, 255;
  --bs-yellow: #f9f300;
  color: rgba(0, 0, 255);
}

strong {
  font-weight: bold;
}

.btn-burger-menu:active,
.btn-burger-menu:focus,
.btn-burger-menu:hover {
  background-color: var(--bs-purple) !important;
  box-shadow: none !important;
}

.btn-outline-secondary {
  --bs-btn-color: #e90d59;
  --bs-btn-border-color: #e90d59;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #e90d59;
  --bs-btn-hover-border-color: #e90d59;
  --bs-btn-focus-shadow-rgb: 108,117,125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #e90d59;
  --bs-btn-active-border-color: #e90d59;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #e90d59;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #e90d59;
  --bs-gradient: none;
}

.language-switcher-language-url .is-active a {
  font-weight: bolder;
}

.language-link {
  color: white !important;
  font-family: Obibok;
  font-size: 16px;
  text-decoration: none !important;
}

.language-link:hover {
  color: var(--bs-yellow) !important;
}

nav.links-inline span:first-child {
  /*margin-right: 0px !important;
  padding-right: 0px !important;*/
  
  border: 1px solid white;
  border-top: none;
  border-bottom: none;
  border-left: none;
  vertical-align: center;

  @media (min-width: 1400px) {
      
  }

  @media (min-width: 1200px) { 
      padding-right:0.5rem;
  }

  @media (min-width: 768px) {
      padding-left: 0px;
  }

}

nav.links-inline span:last-child {
  /*margin-left: 0px !important;*/
  
  padding-right: 0px !important;

  @media (min-width: 1400px) {
      
  }

  @media (min-width: 1200px) { 
    padding-left: 0.5em !important;
  }
  
  @media (min-width: 768px) {
      /*padding-left: 0px;*/
  }

}

/*
 * Custom classes
 */

.bg-green,
.bg-blue,
.bg-bleu,
.bg-vert {
  background-color: var(--bs-green);
  color: white;
}

.bg-orange {
  background-color: var(--bs-orange);
  color: white;

  > a {
    color: white;
    text-decoration-color: white;
  }
}

.bg-pink {
  background-color: var(--bs-pink);
  color: white;

  > a {
    color: white;
    text-decoration-color: white;
  }
}

.bg-purple {
  background-color: var(--bs-purple);
  color: white;

  > a {
    color: white;
    text-decoration-color: white;
  }
}

.bg-yellow {
  background-color: var(--bs-yellow);
}

.text-pink {
  color: var(--bs-pink);
}

.text-orange {
  color: var(--bs-orange);
}

.text-purple {
  color: var(--bs-purple) !important;
  --bs-link-color-rgb: var(--bs-purple);
}

.text-yellow {
  color:var(--bs-yellow);
  --bs-link-color-rgb: var(--bs-yellow);
}

.btn {
  --bs-btn-font-family: "Roboto";
  font-weight: bold;
}

.form-control:focus {
  box-shadow: none;
}

/**
 * .link-more-info is a class to add a subline,
 * that recedes on one side and returns on the other.
 */

.link-more-info {
  letter-spacing: 1px;
}

.link-more-info span {
  display: inline-block;
}

.link-more-info span:after,
.link-more-info span:before {
    content: "";
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 2px;
    right: 0;
    background-color: var(--bs-purple);
    transform-origin: 0 0;
    transition: transform 0.6s cubic-bezier(0.43, 0.195, 0.02, 1);
}

.link-more-info span:after {
  transform: scaleX(0);
  transition-delay: 0s;
}

.link-more-info span:before {
  transform: scaleX(1);
  transform-origin: 100% 0;
  transition-delay: 0.4s;
}

.link-more-info:hover span:after {
  transform: scaleX(1);
  transition-delay: 0.4s;
}

.link-more-info:hover span:before {
  transform: scaleX(0);
  transition-delay: 0s;
}

/**
 * Custom icon list
 */
.icon1:before {
	background-image: url('../images/icon1.svg');
}
  
.icon2:before {
	background-image: url('../images/icon2.svg');
}
  
.icon3:before {
	background-image: url('../images/icon3.svg');
}
  
.icon4:before {
	background-image: url('../images/icon4.svg');
}

.icon5:before {
	background-image: url('../images/icon5.svg');
}

.icon6:before {
	background-image: url('../images/icon6.svg');
}

.icon7:before {
	background-image: url('../images/icon7.svg');
}

.icon {
  font-size: 13px;
}

.icon::before {
  background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
  margin-right:5px;
  content: '';
	display: inline-block;
	width: 25px;
	height: 25px;
}

.node .accordion h3,
.views-element-container h1,
.views-element-container h2,
.views-element-container h3,
.region-content-header h1,
.region-content-header h2,
.region-content-header h3 {
  font-family: "Obibok";
  font-weight: bold;
}

.node .node__content {
  font-weight: 100;
}

.node .field--type-image {
  float:unset;
}

.node .field--item h2 {
  font-family: "Roboto";
  font-weight: bold;
}

.region-content > .container > .content {
    @media (min-width: 1400px) {
    padding-left: 150px;
    padding-right: 150px; 
  }
}

.path-agenda .region-content > .container > *,
.path-agenda .region-content .container .content,
.path-search .region-content > .container > * {
    @media (min-width: 1400px) {
    padding-left: 150px;
    padding-right: 150px; 
  }
}

.node--type-podcast .container > .content {
  @media (min-width: 1400px) {
    padding-left: 150px;
    padding-right: 150px;
  }
}

.path-search label {
  display: block;
}

.path-search a.search-help-link {
  display: none;
}


.region-content-header > .container > * {
    @media (min-width: 1400px) {
    padding-left: 150px;
    padding-right: 150px; 
  }
}
.region-after-content > .container > .content {
    @media (min-width: 1400px) {
    padding-left: 150px;
    padding-right: 150px; 
  }
}
article.node--view-mode-full > .container > * {
    @media (min-width: 1400px) {
    padding-left: 150px;
    padding-right: 150px; 
  }
}
body.path-node > .block-views > * {
    @media (min-width: 1400px) {
    padding-left: 150px;
    padding-right: 150px; 
  }
}
/*body:not(body.path-frontpage) section.region-content > .views-element-container > div.content > *  {
  @media (min-width: 1400px) {
    padding-left: 150px;
    padding-right: 150px; 
  }
}*/

nav.menu--sous-menu-collection,
nav.menu--sous-menu-evenements,
nav.menu--sous-menu-exposition,
nav.menu--sous-menu-formation,
nav.menu--sous-menu-nous-soutenir {
  font-family: "Obibok";
  font-weight: bold;
  font-size: 17px;
  a {
    --bs-nav-link-color: white;
    --bs-nav-link-hover-color: white;
    transition: all .5s;
  }

  li>a:hover:after,
  li.active>a:after {
      width: 100%;
  }

  li>a:after {
      position: absolute;
      bottom: 8px;
      left: 0;
      right: 0;
      margin: auto;
      width: 0%;
      content: '.';
      color: transparent;
      background: #fff;
      height: 1px;
      transition: all .5s;
  }    
}

nav.menu--sous-menu-collection,
nav.menu--sous-menu-nous-soutenir {
  background: var(--bs-orange);
}

nav.menu--sous-menu-evenements,
nav.menu--sous-menu-exposition,
nav.menu--sous-menu-formation {
  background-color: var(--bs-purple);
}

footer {
  font-family: "Obibok";
  font-weight: bold;
}

footer a:hover {
  color: #e90d59;
}


footer div.newsletter a:hover {
  color: inherit;
}

footer div.newsletter:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -9999px;
    right: 0;
    margin-right: 1px;
    /* border-left: 9999px solid black; */
    -webkit-box-shadow: 9999px 0 0 #e90d59;
    -moz-box-shadow: 9999px 0 0 #e90d59;
    box-shadow: 9999px 0 0 #e90d59;
}

footer .links a:focus,
footer .links a:hover {
    margin-left: 5px;
}

footer .copyright {
    margin-top: 41px;
}

footer .copyright ul li {
    display: inline-block;
    margin: 0 12px;
}

footer .copyright ul li:not(:first-child) a:before {
    background: #fff;
    width: 2px;
    content: "";
    display: block;
    position: absolute;
    height: 15px;
    margin: 8px -15px;
}

@media(min-width:1400px) {
  .container {
    max-width: 1500px !important;
  }
}

body {
 margin: 0 !important; /* remove the magin from drupal-bootstrap.css */
 line-height: 1.6;
}

/* Class to apply on a row to center its column verticaly */
@media(min-width:1200px) {
  .vertical-center {
    display: flex;
    align-items: center;
  }
}

/* Fix overscrolling on mobile */
@media(max-width:768px) {
  .container {
    max-width: 100vw;
    overflow-x: hidden;
  }
  div.container.pdlr0 {
    height:67px;
  }

  #nav-icon {
    top:4px;
  }

  /* The homepage's carousel height = height of the screen */
  section.slider1 {
    height: 100vh;
  }

  /* Image in carrousel are as tall as the page height */
  #slider_landing_page .owl-item, 
  #slider_landing_page .item {
    height: 100vh;
  }

}

.transparent {
  background-color: transparent;
}

div.navbar {
  margin-bottom: 0;
  padding-bottom: 20px;
}

/**
 * Home Page
 */

#slider_landing_page {
  position:relative;
}
 #slider_landing_page::before {
  content: "";
  background-image: linear-gradient(rgba(0, 0, 0, 0.54), transparent);
  height: 175px;
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 2;
}

.block-views-blockslider-home-block-1 button:hover {
  background-color: var(--bs-purple);
}

/* Custom Mouse Pointer */

#cursor {
  background-color: #fff;
  position: absolute;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  cursor: none;
  transform-origin: center;
  transform: translate3d(-50%, -50%, 0);
  pointer-events: none;
  opacity: 0;
  z-index: 3;
}

#cursor {
  -webkit-filter: blur(35px);
  filter: blur(35px);
}

.view-actualite-home .link-more-info span:after,
.view-actualite-home .link-more-info span:before,
.view-agenda-home .link-more-info span:after,
.view-agenda-home .link-more-info span:before {
    background-color: white;
}

#slider_actualites,
#slider_agenda {
  line-height: 1.2;
}

#slider_actualites .card-subtitle a {
  text-decoration: none;
  color:black;
}

#slider_actualites .card-footer a.link-more-info span:after,
#slider_actualites .card-footer a.link-more-info span:before {
  background-color: var(--bs-pink);
  bottom:0px;
}

#slider_actualites .card-footer figure::after {
  content: '';
  inset: 0;
  position: absolute;
  box-shadow: inset 0 0 0 0px #ffffff;
  transition: box-shadow 0.45s ease;
}


#slider_actualites .card:hover .card-footer figure::after {
  box-shadow: inset 0 0 0 18px var(--bs-purple);
  transition: box-shadow 0.45s ease;
}

#slider_agenda .card .card-subtitle .row{
  font-family: Obibok;
}

#slider_agenda .card .card-body h5 a {
  color: black;
  text-decoration: none;
}

#slider_agenda .card-footer a.link-more-info span:after,
#slider_agenda .card-footer a.link-more-info span:before {
  background-color: var(--bs-pink);
  bottom: 0px;
}

#slider_agenda .card-footer figure::after {
  content: '';
  inset: 0;
  position: absolute;
  box-shadow: inset 0 0 0 0px #ffffff;
  transition: box-shadow 0.45s ease;
}

#slider_agenda .card:hover .card-footer figure::after {
  box-shadow: inset 0 0 0 18px var(--bs-orange);
  transition: box-shadow 0.45s ease;
}

a.more_info {
  display: inline-block;
  font-size: 15px;
  font-weight: 100;
  /* color: #e90d59 !important; */ /* Ces liens doivent être en blanc sur la home page */
  text-decoration: underline;
  text-underline-offset: 3px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 15px;
  transition: text-decoration-color 0.1s ease;
}

div.newsletter,
div.view-partenaire-home div.float-end{
  position: relative;
  background-color: var(--bs-pink);
}

div.view-partenaire-home .link-more-info span:after,
div.view-partenaire-home .link-more-info span:before {
  background-color: white;
  width:calc(100% - 2rem);
  left: 1rem;
}


/*section.slider4.partenaires div.float-end:before {*/
div.view-partenaire-home div.text-end:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -9999px;
    right: 0;
    margin-right: 1px;
    -webkit-box-shadow: 9999px 0 0 var(--bs-pink);
    -moz-box-shadow: 9999px 0 0 var(--bs-pink);
    box-shadow: 9999px 0 0 var(--bs-pink);
}

/* Remove the padding-top of the */
body.page-nav--active {
  padding-top:0px;
}

section.page-header div.mtb {
  margin: 60px 0;
}

/*section.page-header img {
  margin: auto;
}*/

.link-share {
    margin-top: 10px;
    margin-bottom: 0px;
}

/*
 * Page /organigramme
 */

.view.view-organigramme {
  width: 100%;
}
div.block-views-blockorganigramme-organigramme {
  .accordion {
    --bs-accordion-active-bg: white;
    --bs-accordion-active-color: var(--bs-green);
    --bs-accordion-border-color: black;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0rem rgba(0, 0, 0, 0);
    box-shadow: none;
  }

  .accordion-button:not(.collapsed) {
    box-shadow: none;
  }

  img {
    border-radius: 100%;
    height: 65px;
    width: 65px;
    object-fit: cover;
  }
}

/**
 * Page /faq
 */

div.paragraph.accordion button.accordion-button:not(.collapsed) {
  box-shadow: none;
}

/*
 * Page /professeurs
 * (liste des professeur)
 */
div.block-views-blockprofesseurs-professeurs {
  .view.view-professeurs {
    width: 100%;
  }
  
  .accordion {
    --bs-accordion-active-bg: white;
    --bs-accordion-active-color: var(--bs-orange);
    --bs-accordion-border-color: black;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0rem rgba(0, 0, 0, 0);
    /* This is the same icon as original, but in Orange*/ 
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23d14905' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    box-shadow: none;
  }

  .accordion-button:not(.collapsed) {
    box-shadow: none;
  }

  img {
    border-radius: 100%;
    height: 65px;
    width: 65px;
    object-fit: cover;
  }
}

/**
 * Page /professeur/nom-professeur
 */
 .page-node-type-professeur {
  .accordion {
    --bs-accordion-active-bg: white;
    --bs-accordion-active-color: var(--bs-orange);
    --bs-accordion-border-color: black;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0rem rgba(0, 0, 0, 0);
    /* This is the same icon as original, but in Orange*/ 
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23d14905' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    box-shadow: none;
  }

  .accordion-button:not(.collapsed) {
    box-shadow: none;
  }
 }

/**
 * Page /actualite
 */
.view-actualite .card a,
.view-collection .card-body a,
.view-edition .card a,
.view-nos-projets .card a {
  font-size: 1.05rem !important;
  text-decoration: none;
  color: black;
}

.view-collection .card-body a {
  font-style: italic;
  font-weight: lighter;
  text-transform: none;
}

.view-actualite .card-title {
  font-size: 1.05rem;
}

.view-edition .card-title,
.view-nos-projets .card-title {
  font-weight: 500 !important;
  font-size: 1.05rem;
}

.view-edition p,
.view-nos-projets p {
  font-style: italic;
  font-weight: lighter !important;
  text-transform: none !important;
}

.view-event .view-header .dropdown-menu {
  border: none;
  border-radius: 0%;
}

.view-event .view-header .dropdown-item,
.view-event .view-header .dropdown-item:hover {
  color: white;
  background: transparent;
}

.view-event .view-header a.dropdown-toggle::after{
  border: none;
  content: url("../images/add_to_agenda.svg") !important;
  display: inline;
  padding-left: 5px;
  vertical-align: -0.25em;
}

.view-event .view-header a.dropdown-toggle span::after,
.view-event .view-header a.dropdown-toggle span::before{
  background-color: white;
  padding-right:5px;
  width: calc(100% - 31px);
  left: 0;
}

.view-event .view-content {
  font-size: 20px;
}

.view-event .field-content {
  padding-top: 1rem !important;
  font-weight: 500;
}

.view-event .field-content a {
  color: var(--bs-link-color-rgb);
  text-decoration-line: none;
  text-transform: uppercase;
  font-weight: 100;

}

.view-event .views-field {
  padding-left:0px;
}

.view-event .views-label {
  display: block;
  text-transform: uppercase;
  border-bottom: 2px solid #ffffffb0;
  font-weight: 100;
  padding-bottom: 1rem !important;
  padding-top: 1rem !important;

}

.view-event .views-field-field-audience {
  margin-top: 40px;
}

.view-event .views-field-field-audience .icon {
  font-size: 15px;
}

.view-event .views-field-field-audience span[class*="icon"]::before {
  filter: invert(1);
}

/*
 * Pager / pagination - Page podcast
 *
 */

.page-node-3850 {
  background-color: var(--bs-orange);
}

.view-podcast h2 a {
  font-family: Obibok;
  font-size: calc(1.375rem + 1.5vw) !important;
  font-weight: 700;
  text-decoration: none !important;
  color: black;
  
  @media (min-width: 1200px) {
    font-size: 2.5rem !important;  
  }  
}

.view-podcast p {
  font-size: 20px;
  font-weight: 300;
}

.view-podcast a.podcast-link {
  color: var(--bs-pink);
  padding-left: 40px;
  position: relative;
}

.view-podcast a.podcast-link::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 0px;
  width: 20px;
  height: 20px;
  background: url(../images/icon-listen.svg) 50% 50% no-repeat;
  background-size: 20px;
}

.view-podcast img {
  height: 243px !important;
  width: 243px !important;
  object-fit: cover; 
}

/**
 * Pages /podcast/*
 */

.ready-player-1.green-audio-player {
    background: var(--bs-purple) !important;
    width: 100%;
    border-radius: 0;
}

.play-pause-btn svg {
    width: 30px;
    height: 30px;
}
.green-audio-player svg path {
    fill: white !important;
}
.green-audio-player .controls{
  color:var(--bs-orange) !important;
}
.green-audio-player .slider .gap-progress,
.green-audio-player .slider .gap-progress .pin {
    background-color:var(--bs-orange) !important;
}

/**
 * Page /nosartistes/observatoire-diplomes
 */

/* Remove the margin-bottom of region-content-header for /nosartistes/observatoire-diplomes
 * because the carousel on the region-content must appear just after the page title
 */
.page-node-614 .region-content-header {
  margin-bottom: 0px !important
}

form#views-exposed-form-annuaire-annuaire-liste-felicites .form-item,
form#views-exposed-form-annuaire-annuaire-liste-felicites .form-item .form-select {
  display:block;
}
form#views-exposed-form-annuaire-annuaire-liste-felicites .form-item .form-select,
form#views-exposed-form-annuaire-annuaire-liste-felicites .form-inline .select-wrapper {
  width:100% !important;
}

form#views-exposed-form-annuaire-annuaire-liste-felicites select[name="field_promotion_value"] {
    box-shadow: none !important;
    border-bottom: 1px solid #888888 !important;
    border-radius: 0;
    border: 0;
    background-size: 30px;
    font-weight: 400;
    height: 63px;
    padding: .375rem 11.25rem .375rem 0rem;
    text-transform: uppercase;
}

form#views-exposed-form-annuaire-annuaire-liste-felicites .select-wrapper:after {
    /* content: '\f067'!important;
    -webkit-text-stroke: 7px #fff !important;
    color: #000 !important;   */
    -webkit-text-stroke: 7px #ffffff !important;
    color: #000 !important;
    content: '\f067'!important;
    font-size: 50px;
    position: absolute;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    top: 50%;
    z-index: 0;
}



/**
 * Styles for "Agenda" (/agenda)
 */
body.path-agenda header {
  background-color: var(--bs-pink);
}

body.path-agenda .form-actions {
  display: none !important;
}

body.path-agenda .form-control::placeholder {
  color: white !important;
  text-transform: uppercase;
  font-weight: 100;
}

body.path-agenda div.input-group {
  border-bottom: white solid 1px;
}

body.path-agenda div.input-group::after {
  content: " ";
  width: 0;
  height: 1px;
  background-color: white;
  position: absolute;
  bottom: -1px;
  transition: 0.4s;
  z-index: 5;
}

body.path-agenda div.input-group:has(input:focus)::after {
  background-color: var(--bs-yellow);
  transition: 0.4s;
  width: 100%;
}


body.path-agenda time {
  font-family: Obibok;
}

body.path-agenda h3 {
  font-family: Roboto;
}

body.path-agenda a.link-more-info span:after,
body.path-agenda a.link-more-info span:before {
  background-color: var(--bs-pink);
  bottom:0px;
}


/**
 * Page /exposition(/deja-vus|/a-voir)
 * &
 * Page /evenement(/deja-vus|/a-voir)
 */
.view-evenements a.link-more-info span:after,
.view-evenements a.link-more-info span:before,
 .view-exposition a.link-more-info span:after,
.view-exposition a.link-more-info span:before {
  background-color: var(--bs-pink);
  bottom:0px;
}

/**
 * Exposition simple (/exposition-simple/*)
 */

 .audience-tooltip {
  --bs-tooltip-bg: var(--bs-purple);
  --bs-tooltip-color: var(--bs-white);
}

/**
 * Type de contenu "template PP" (exemple : /presse)
 */

body.node--type-template-pp .field__items {
  display: grid;
  grid-gap: 20px;
  grid-auto-rows: minmax(100px, auto);
  grid-template-columns: repeat(1, 1fr);

  @media (min-width: 768px) { 
    grid-template-columns: repeat(2, 1fr);
  }
  @media (min-width: 992px) {
    grid-template-columns: repeat(3, 1fr);
   }
}

/* On fait une exception à la hauteur des images pour la page /ecole/vie-etudiant/guides-pratiques/ (nod-3813) */
body.node--type-template-pp:not(.page-node-3813) .field__items .field--name-field-image {
  height:250px;
}

body.node--type-template-pp .field__items img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

body.node--type-template-pp .field__items .field--name-field-titre {
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1.1;
}

body.node--type-template-pp .field__items .field--name-field-sous-titre {
  font-style: italic;
  font-size: 14px
}

body.node--type-podcast .region-content-header {
  margin-bottom: 0 !important;
}

.view-podcast .views-exposed-form label {
  color: white;
}
.view-podcast .views-exposed-form select.form-select {
  display: inline-block !important;
  font-size: 14px;
  margin-left: 5px;
  margin-right: 5px;
  width: auto;
}

.view-podcast .views-exposed-form div.input-group {
  width: auto !important;
}

.view-podcast .views-exposed-form div.input-group input.form-submit {
  background-color: white;
  border-color: #dee2e6;
  color: black;
  font-size: 14px;
  font-weight: 400;
}

.view-podcast .view-content.row {
  margin-left:0;
  margin-right:0;
}

.view-podcast .pagination .page-link {
  background: transparent !important;
  border: none !important;
  border-radius: 0%;
}