@charset "utf-8";
/* la végétale */

:root {
    /*deporté styles.css*/
  /*  --item-padding:20px;
    --titre-wrapper-padding-x: 40px;
    --titre-wrapper-padding-y: 10px;*/
}
.wp-block-group{
	background: var(--prim-grd);
}
#carrousel-activites{
    background-image: url(../../../themes/la-vegetale/assets/images/bkg-pictos.svg);
	background-repeat: repeat;
	background-position: center center;
    background-size: 60%
}
#carrousel-activites h2{
    color: #FFF
}
ul.list-types-activites li {
	list-style-type: none;  
    
}
ul.list-types-activites li::before {
	content:"";   
}
ul.list-types-activites h4{
    font-family: 'Postface';
    color:#FFF;
    font-weight: 700;
    font-size: 28px;
}

.picto-activite svg {
  width: 48px;
  margin: auto;
}

#carrousel-activites [id^="term-"] a{
    background: #FFF;
    width: 56px;
    height: 56px;
    border-radius: 50px;
    padding:0;
}

#carrousel-activites [id^="term-"] {
    font-size: 88%;
    line-height: 90%;
    font-weight: 300;
     color : #FFF;
}
#carrousel-activites [id^="term-"] a:hover , #carrousel-activites [id^="term-"] a:focus  {
    background-color: var(--sixth-color)
}
#carrousel-activites [id^="term-"] a:hover svg , #carrousel-activites [id^="term-"] a:focus svg {
    fill: #FFF;
}
.item-activite .btn-lls {
  margin-left: 0;
  width: 60%;
/*  margin-bottom: 10px;*/
  transition: all 0.5s ease-in-out;
  color:#FFF;
  background-color: var(--sixth-color);
}
.item-activite .btn-lls:hover,.item-activite .btn-lls:focus{
    background-color: var(--sec-color);
}
#carrousel-activites .item:hover .image-wrapper-half, 
#carrousel-activites .item:focus.image-wrapper-half {
    background-size: 144%; 
}
#carrousel-activites .item .wrapper {
    background-size: 237%;
}
#carrousel-activites .item:hover .wrapper,
#carrousel-activites .item:focus .wrapper {
    background-size: 255%; 
}
.slick-slider.carrousel-activites .item .wrapper {
  background-color:#FFF;
}
.slick-slider.carrousel-activites .titre-wrapper{
 padding: var(--titre-wrapper-padding-y) var(--titre-wrapper-padding-x);
}
.slick-slider.carrousel-activites .image-wrapper-half,
.slick-slider.carrousel-activites .photo_half .titre-wrapper{height: 50%}
.slick-slider.carrousel-activites .photo_full .titre-wrapper{height: 100%}
/*.slick-slider.carrousel-activites .item p.titre {
  color: var(--sec-color);
}*/
.slick-slider.carrousel-activites .item.photo_full p.titre {
  color:#FFF
}

.slick-slider.carrousel-activites .item .date-article {
  font-size: 66%;
  color:#FFF
}

.slick-slider.carrousel-activites .item:hover .wrapper, 
.slick-slider.carrousel-activites .item:focus .wrapper {
}

.slick-slider.carrousel-activites a {
  color: #000
}

.slick-slider.carrousel-activites .item .wrapper.img {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.slick-slider.carrousel-activites .item:hover p.titre, 
.slick-slider.carrousel-activites .item:focus p.titre {
  color: var(--sec-color);
}

/*.slick-slider.carrousel-activites .item .line {
  border-bottom: 1px solid #000;
  margin: 15px 0;
}
.slick-slider.carrousel-activites .fil {
  border-bottom: 1px solid #000
}
.slick-slider.carrousel-activites .fil .actu {
  border: 5px solid #FFF;
  width: 20px;
  height: 20px;
  margin-bottom: -10px
}
.slick-slider.carrousel-activites .fil .actu .inside {
  border: 1px solid #000;
  width: 100%x;
  height: 100%;
  background-color: #FFF;
}
.slick-slider.carrousel-activites #item_actu_1 .fil .actu_1 .inside, .slick-slider.carrousel-activites #item_actu_2 .fil .actu_2 .inside, .slick-slider.carrousel-activites #item_actu_3 .fil .actu_3 .inside, .slick-slider.carrousel-activites #item_actu_4 .fil .actu_4 .inside, .slick-slider.carrousel-activites #item_actu_5 .fil .actu_5 .inside {
  background-color: #000;
}
#carrousel-activites .vertical-line {
  margin-top: 32px
}*/
/* Arrows */
/*.slick-prev, .slick-next {
  font-family: 'Work Sans', sans-serif;
  position: relative;
  display: block;
  height: 30px;
  width: 30px;
  line-height: 0px;
  font-size: 20px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  padding: 0;
  border: 1px solid #000;
  outline: none;
  transition: all 0.3s ease-in-out;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
  border: 1px solid var(--sec-color);
}
.slick-prev:before, .slick-next:before {
  font-family: 'Work Sans', sans-serif;
  font-weight: 200;
  font-size: 24px;
  line-height: 1;
  color: #000;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
  top: 350px;
  left: -136px;
}
.slick-next {
  top: -34px;
  left: -96px;
}
.slick-prev:before {
  content: "<";
  margin-left: 5px
}
.slick-next:before {
  content: ">";
  margin-left: 6px
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
  color: var(--sec-color)
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
  opacity: 0.25;
}
*/



/* Dots */
/*.slick-dotted.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
font-size: 20px;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  line-height: 20px;
  text-align: center;
  color:var(--third-color);
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}
.slickcaroussel .item {
  position: relative;
}
.slickcaroussel .nom {
  height: 80px;
}
.slickcaroussel h3 {
  font-size: 35px;
  line-height: 45px;
  font-weight: 600;
  text-transform: uppercase
}
.slickcaroussel .texte_intro {
  height: 220px;
}
.slickcaroussel .texte_intro p {
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  color: #FFF;
}
.slickcaroussel img {
  max-height: 260px;
  width: auto;
}
.slickcaroussel .btnplus {
  color: #FFF;
  font-size: 13px;
  padding: 9px 12px;
  border-radius: 8px;
  border: thin solid rgba(255, 255, 255, 1.00);
}
.slickcaroussel .item {
  position: relative;
}
.overlay-slick {
  position: absolute;
  background-color: #001F40;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: all 0.5s ease-in-out;
  z-index: 1000
}

@media (min-width: 1399px) {
  .slick-prev {
    top: 370px;
    left: -136px;
  }
  .slick-next {
    top: -34px;
    left: -96px;
  }
}
*/