/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Block styling.
 */

.block__title {
  margin-block: 0 var(--sp);
  letter-spacing: 0.02em;
}

.site-footer .block__title {
  color: var(--color--gray-65);
}

.main_flex .right_column{
  max-width: 300px;
}

.main_flex .right_column h2{
  margin-bottom: 0px;
}

.main_flex .right_column li:not(nav li) {
  margin-bottom:5px;
}

.main_flex .right_column li:not(nav li) .views-field-created,.main_flex .right_column li:not(nav li) .views-field-field-author  {
 font-size: 0.80em;
}

.main_flex .right_column a.is-active {
 color:brown;
}

.right_column h2 {
  font-size: 1.25rem !important;
}

.right_column .views-field-changed {
  font-size: 0.875rem;
  line-height: var(--sp);
}

.view-filters.custom-filter{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  
}
.view-filters.custom-filter select[multiple]{
  width: 100%;
  min-width: 320px;
}

.view-filters.custom-filter .form-actions .button, .view-filters.custom-filter .form-actions .action-link{
  width: 100%!important;
  margin-inline-end:0px;
 
}

.view-filters.custom-filter .form--inline .form-actions{
  margin-top:0px;
  margin-bottom:10px;
}

.view-filters.custom-filter  select:focus{
  border-width: 1px;
  outline-offset: -1px;
  outline-width: 1px;
}

.view-filters.custom-filter .form-item__label{
  color:brown;
  font-weight: 700;
}
.view-filters.custom-filter .form--inline .form-actions{
 display: flex;
 justify-content: flex-end;
 align-items: center;
}
.view-filters.custom-filter .form--inline .form-actions button{
  background-color: brown;
  color: #fff;
}

.view_title_header {
  font-size: 0.9rem;
  line-height: 1rem;
  font-weight: 700;
  color: #062130;
  margin-bottom: 10px;
}

.view_videos,
.view_title_header {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}



.view_book {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}


.view_book .item {
  max-width: 320px;
  margin-right: 25px;
  margin-bottom: 25px;
  background-color: rgb(246, 248, 248);
  padding:5px;
}


.view_videos .item .video p{
  margin:0;
  padding: 0;
}


.view_group .item .title{
  font-weight: 700; 
}

.view_group .item div{
  line-height:0.9rem;
}

.view_group .item {

  border-top:1px solid #3b3536;
}

.view_group .item .description{
  line-height:1.1rem;
}

.view_group .item .link a{
  font-size: 0.80rem;
  line-height: 20px;
  font-weight: 700;
}

.view_group .item .title a{
  font-size: 1.20rem;
}

.view_group .item .lieu{
  margin-top:10px;
  font-size: 0.90rem;
  color:#ac1828;
  font-weight: 700;
}

.view_group .item .bold{
  font-style: italic;
}

.view_group {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  
}

#block-olivero-sub-theme-views-block-taxo-ti-taxo-ti .view-content{
  gap:0;
}
.view_group .item {
  display:flex; 
  width:100%; 
  padding: 20px 10px 10px 10px; 
  color:#000;
  font-family: "ember", georgia, serif;
  font-size: 1.10rem;
}

.view_group .item .content{
  height:100%;
}
.view_group .item iframe{
  width:320px!important;
  height:180px!important;  
}


  .view_videos .item{
    width:100%!important;
    max-width:100%!important;  
    margin-bottom: 20px;  
  }
  .view_videos .item iframe{
    width:100%!important;
    min-height: 350px !important;  
    height: 100% !important;
    background-color: #000;
  }