/** ===============================================
  Responsive
  ===============================================**/
/** ===============================================
  Layout
  ===============================================**/
/** ===============================================
  Flexbox
  ===============================================**/
/** ===============================================
  Position
  ===============================================**/
/** ===============================================
  Effects
  ===============================================**/
/** ===============================================
  Buttons
  ===============================================**/
/** ===============================================
  Components
  ===============================================**/
@media (min-width: 48rem) {
  .page-node-type-accueil-choeur .block-title-wrapper {
    text-align: right;
  }
}

.page-node-type-accueil-choeur .field--name-field-items .block-title {
  font-family: hurme_bold, sans-serif;
  font-size: 4rem;
  line-height: 1;
  display: inline-block;
  padding: 0.75rem 1rem;
  margin-bottom: 2rem;
  width: auto;
}
@media (max-width: 1200px) {
  .page-node-type-accueil-choeur .field--name-field-items .block-title {
    font-size: calc(1.525rem + 3.3vw);
  }
}
.page-node-type-accueil-choeur
  .field--name-field-items
  .block-title:not(.background-alt) {
  background: #ffffff;
}

.page-node-type-accueil-choeur .block--instagram-without-api .block-title {
  font-size: 3rem;
}
@media (max-width: 1200px) {
  .page-node-type-accueil-choeur .block--instagram-without-api .block-title {
    font-size: calc(1.425rem + 2.1vw);
  }
}

.page-node-type-accueil-choeur .paragraph--type-instagram .menu--social .fill {
  fill: var(--secondary-color);
}

@media (min-width: 48rem) {
  .page-node-type-accueil-choeur .block--instagram-without-api,
  .page-node-type-accueil-choeur .paragraph--type-instagram .menu--social,
  .page-node-type-accueil-choeur .block--views-blockagenda-agenda {
    display: block;
    margin: 0;
    margin-right: auto;
  }
}

@media (min-width: 75rem) {
  .page-node-type-accueil-choeur .block--instagram-without-api,
  .page-node-type-accueil-choeur .paragraph--type-instagram .menu--social,
  .page-node-type-accueil-choeur .block--views-blockagenda-agenda {
    width: 85%;
    margin-left: auto;
  }
}

@media (min-width: 48rem) {
  .page-node-type-accueil-choeur .block--opera-season-block {
    padding-left: 2.5rem;
  }
}

.page-node-type-accueil-choeur .paragraph--type-agenda,
.page-node-type-accueil-choeur .paragraph--type-cards {
  background: #ffffff;
}

.page-node-type-accueil-choeur .iwa li {
  display: block;
  border: 1px solid #f3f3ef;
  background: #ffffff;
  border-radius: 10px;
  margin-bottom: 2rem;
  padding: 0;
}

.page-node-type-accueil-choeur .iwa a {
  display: block;
}

.choeur_image_et_texte {
  display: flex;
  padding: 5rem 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.875rem;
}

.choeur_actus,
.choeur_ressources {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5rem;
  align-self: stretch;
  background: #f3f3ef;
}

.choeur_actus,
.choeur_ressources {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.875rem;
  padding: 5rem 0;
}

.choeur_actus > div,
.choeur_ressources > div {
  align-self: stretch;
  width: 100%;
}

.choeur_bandeau {
  display: flex;
  height: 22.5rem;
  align-items: center;
  align-self: stretch;
}

.choeur_3_colonnes {
  display: flex;
  padding: 0rem 0px 5rem;
  justify-content: center;
  align-items: center;
  gap: 3.125rem;
  align-self: stretch;
}

.node--type-accueil-choeur .paragraph--type-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex: 1 0 0;

  max-width: 32.1875rem;
}

.paragraph--type-card .content{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex: 1 0 0;

  padding: 0;
  align-self: stretch;
}

.paragraph--type-card .content > * {
  align-self: stretch;
}

.node--view-mode-card{
  padding: 0;
  max-width: initial;
}

.node--view-mode-card .content{
  display: flex;
  padding: 0px 50px 40px 50px;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  align-self: stretch;
}
.node--view-mode-card .content .node-title-container{
  display: flex;
  height: 89px;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
}
.paragraph--type-card .node-title, .node--view-mode-card .node-title{
  padding: 0;
  margin: 0;
}

.view-events .view-content > .inner,
.view-events .views-row{
  padding-bottom: 0;
}


.view-events .node--view-mode-search-index{
  margin: 0;
}

.view-events .node--view-mode-search-index .inner{
  display: flex;
  padding: 32px 15px 18px 15px;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  align-self: stretch;
}

.view-events .node--view-mode-search-index .field,
.view-events .node--view-mode-search-index .node-title-container{
  align-self: stretch;
}

.view-events .node--view-mode-search-index .node-title,
.view-events .node--view-mode-search-index .field,
.view-events .node--view-mode-search-index .field .field-item,
.view-events .node--view-mode-search-index .readmore .button{
  margin: 0;
}

@media (max-width: 1100px) {
  .paragraph--type-column > .inner > .field--name-field-items > .field-item > .paragraph {
    padding: 2rem 1rem; 
  } 
  .choeur_3_colonnes{
    padding: 2rem 1rem; 
  }
}
@media(max-width:900px){
  .choeur_3_colonnes{
    display: flex;
    padding: 40px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    align-self: stretch;
  }

  .actualites, .actualites > *{
    width: 100%;
    gap: 20px
  }
  .actualites .flickity-viewport{
    overflow: visible;
  }
  .view-events .view-content > .inner{
    display: block;
  }
  .view-events .view-content > .inner .views-row{
    width: calc(100% - 20px - 20px); /* Width of each slide */
    margin-right: 20px; /* Gap between slides */
    padding: 0;
  }
  .view-events .view-content > .inner .views-row article{
    padding: 0;
    margin:0;
  }
  .actualites .flickity-prev-next-button.prev{
    left: 0;
  }
  .actualites .flickity-prev-next-button.next{
    right: 0;
  }
}
@media(max-width:600px){
  .choeur_3_colonnes{
    display: flex;
    padding: 40px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    align-self: stretch;
  }
  .choeur_bandeau{
    margin: 0 1rem;
  }
}