@import url("cssprod/layout/layout.css");

@import url("celleneuve-header.css");
@import url("celleneuve-navigation.css");



/*
@import url('cssprod/nav-primary.css');
@import url('cssprod/nav-primary-wide.css');
@import url('cssprod/nav-button-mobile');
*/


.bleu
{color:var(--color--primary-60);
}

body.path-frontpage .page-title{display:none;}


.text-content{    font-family: var(--font-sans);}


.main-content__container {
  
  width:95%;
  margin:auto;
}


#page .page-wrapper {}

#page {

  .layout-main {}

  .layout--content-medium, .layout--pass--content-medium > * {
    grid-column: 2 / 15;
  }

  a{
    color:var(--color--primary-50);
    font-weight:bold;
    &:hover{
      color:var(--color--primary-30);
    }
  }
   
  .page-wrapper {
    max-width: var(--max-bg-color);
    background: var(--color--white);      
    }
  
  h1,
  .page-title {
    text-transform: uppercase;
    color: #1475ad;
    font-size:2.5rem;
  }

  div.region--hero{
    
    .vvjs.hero-slideshow{        
    
      .vvjs-inner{
                      
        .vvjs-items{
          
          .vvjs-item{                  

          }
        }       
      }
    }        
  }

    /* texte */
    .vvjs-hero-content.d-middle {
      position: absolute;
      top: 30%;
      left: 50%;
      transform: translate(0%, -11%);
      background-color: rgba(250, 250, 250, 0.9);
      height: 70%;
      width: 35%;
      z-index: 100;
      border-radius: 20px;
      padding:20px;
    }

    .vvjs-hero-content{
      .views-field-field-date-agenda {
        font-size:var(--font-size-s);
        color:var(--color--red);
        font-weight:bold;
      }

      .views-field-title {
        font-size:var(--font-size-s);
        text-transform:uppercase;
        color:var(--color--primary-40);
        font-weight:bold;          
      } 
      .views-field-body{
        font-size:var(--font-size-s);
      }
      .views-field-view-node{
        position:absolute;
        bottom:20px;
        right:20px;
      }
    }
    /* boutons contrôle */
    .play-pause-button svg {
      width: 40px;
      height: 40px;
      fill: white;
    }

    .nav-dots-numbers {
      background-color: transparent;              
    }      

  .colorbox img {
    float:left;
    height :200px;
    margin:3px;    
  }


  #block-olivero-quisommesnousaccueil
  {        
    
    grid-row: 1/4;    
    .text-content{
      
      line-height:2rem;
    }
  }

  #block-olivero-photoquisommesnousaccueil{
    display:none;
  }


  /*page d'accueil et vues*/
  .views-view-grid__item{
    border:solid thin var(--color--primary-50);
    color:var(--color--primary-50);
    padding:20px;
    margin:10px;
    display:block; 
border-radius:20px;   
  }

  .views-view-grid{
    .field-content a {}

    .field-content p {}

    .field-content {
      /* font-size:1.25rem;       */
    }
  }

  .views-view-grid__item-inner{
    text-align:center; 
    display:block;    
  }

  .views-field-title a{
    text-transform:uppercase;
    font-weight:bold;
    text-decoration:none;
    /* font-size:1.35rem;         */
  }

  .views-field-field-photo {
    margin-top:10px;  
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .field--name-field-date-agenda, 
  .views-field-field-date-agenda{
    text-transform:uppercase;
    color:var(--color--red);
    font-weight:bold;
    font-size:0.9rem;
    margin-top:10px;
  }

  .views-field-view-node{
    text-align:right;    
  }

  .site-footer {
    position: relative; /* stack above left social bar */
    background: var(--color--primary-30);      
    /* color: var(--color--gray-65); */
    /* font-size: var(--font-size-l); */
        
    *, *:hover{
      color: var(--color--gray-65);
      font-size: var(--font-size-l);
    }

    .button--primary{
      background: var(--color--primary-50);      
    }
    .button--primary:hover{
      color: var(--color--primary-60);      
      background: var(--color--primary-40);      
    }
.view-actualites-du-comite
{display:block;}
  }
@media (min-width: 43.75rem) {
    .main-content__container {
        padding-block-start: 0;
    }
}

} /* page ending */


@media (max-width: 43.75rem) {
  #page {
     
    #main-wrapper{
      position:relative;
       
    }

    .layout--content-medium, .layout--pass--content-medium > * {
      grid-column: 1 / 15;
    }
    
    .vvjs-hero-content.d-middle{
      display:none;      
      
    }

    .play-pause-button svg {
      width: 40px;
      height: 40px;
      fill: black;      
    }

    .nav-dots-numbers {
      position:relative;
      margin-top:-70px;
      text-align:right; 
      
    }
    
    .play-pause-button svg {
      width: 25px;
      height: 25px;
      fill: white;

    }

    .view-actualites {
      
    }

    .view-content{
      display:flex;
      flex-direction: column;
    }
    .views-view-grid--horizontal{
      order:1;
      display:block;          
      /* float:clear; */

      .views-view-grid__item{background:white;}
    }

    #block-olivero-quisommesnousaccueil
    {      
      grid-column: 1/14;    
      grid-row: 1/4;  

    }

    main::after{
      display:block;
    }

 .view-actualites-du-comite
{display:block;
}
 }
 }



/* tablet */
@media (min-width: 43.75rem) and (max-width: 75rem){
  
  .views-view-grid{
    .field-content a {}

    .field-content p {}

    .field-content {
      font-size:1rem;              
    }

  }


}/* tablet ending */

a:focus {
    outline: solid 0px currentColor;
    outline-offset: 0px;
}
@media (min-width: 43.75rem) {
.text-content p {
	margin-block-end: var(--sp1);
	margin-block-start: var(--sp1);
	}
}
@media (min-width: 62.5rem) {
    .region > *:where(:not([data-big-pipe-placeholder-id])) {
        margin-block-end: 0;
    }
}