.recette-type-filter-list{
     display:none;
     opacity:0;
     visibility:hidden;
}
 figure.has-vid:before{
     content:" ";
     position:absolute;
     width:100%;
     height:100%;
     background-image:url(https://onewhost.com/intern/cevital/wp-content/uploads/2023/04/Play-Button.png);
     background-repeat:no-repeat;
     background-position:center;
     background-size:20%;
}
 figure.has-vid{
     position:relative;
}
 .shdw-wrap{
     filter: drop-shadow(0px 30px 30px rgb(242 169 10 / 60%));
}
 .intro-outside{
     clip-path: ellipse(73% 80% at 50% 19%);
     background-color: #F1AA0B;
     padding-bottom: 10px;
}
 .intro-header {
     padding-top:20px;
     clip-path: ellipse(72% 80% at 50% 19%);
     background-image: url(https://onewhost.com/intern/cevital/wp-content/uploads/2023/02/Calque-155-copie-5.png);
     background-repeat: no-repeat;
     background-size: cover;
}
 .deli-container-rec{
     position:relative;
    text-align:center;
}
 .deli-container-rec h2 {
     text-align: center;
     text-transform: uppercase;
     color: #004F9E;
     font-size: 65px;
     margin-top: 40px;
     line-height:1;
}
 .tit-del{
     position:absolute;
     right:100px;
}
 .filter-list{
     margin:30px 0;
}
 .type-wrapper{
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     gap: 60px;
}
 .filter-categ-tit {
     color: #004F9E;
     text-align: center;
     text-transform: uppercase;
     font-size:25px;
     margin-bottom:0;
     margin-top: -15px;
}
 .type-btn {
     position: relative;
     padding: 15px;
     background-color: #E4EDF6;
     max-width: 125px;
     width: 100%;
     border-radius: 80px;
     cursor: pointer;
}
 .type-btn.active{
     background-color:#FFC709;
}
 .remove{
     display:none;
     top: 5px;
     left: 5px;
     position: absolute;
     width: 35px;
     height: 35px;
     background: #fff;
     border-radius: 50%;
     border: 1px solid #B9B9B9;
     background-image:url("https://onewhost.com/intern/cevital/wp-content/uploads/2023/03/Vector-1.png");
     background-repeat:no-repeat;
     background-position:center;
}
 .active .remove{
     display:block;
}
 .archive-prod-container {
     position: relative;
}
 #deli-rec{
     max-height: 350px;
     margin-bottom:-10px;
}
 .nei-background-overlay {
     height: 100%;
     width: 100%;
     top: 0;
     left: 0;
     position: absolute;
     background: #FFFFFF;
     filter: blur(13px);
     z-index: -1;
}
 .recettes-list-container{
     display: flex;
     flex-wrap: wrap;
     padding: 40px;
     gap:5%;
}
 .recettes-list-container .recette{
     width:30%;
}
 .recette-title {
     font-size: 28px;
     text-align: center;
     color:#004F9E;
     font-weight:700;
     margin-top:15px;
}
 .pagination-prod {
     width:100%;
}
 ul.page-numbers a, ul.page-numbers input[type=submit], ul.page-numbers span{
     border: 2px solid #1359A1;
     color: #1359A1 !important;
     background: transparent !important;
     border-radius: 4px !important;
}
 ul.page-numbers .current {
     background: #1359A1 !important;
     color: #fff !important;
}
 ul.page-numbers {
     justify-content:center;
}
 .overlaypr {
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     position: absolute;
     background: rgb(255 255 255 / 30%);
     z-index: 1111111111111;
}
 .overlayftr {
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     position: absolute;
     background: rgb(255 255 255 / 30%);
     z-index: 10;
}
 .overlay__inner {
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     position: absolute;
}
 .overlay__content {
     left: 50%;
     position: absolute;
     top: 50%;
     transform: translate(-50%, -50%);
}
 .spinner {
     width: 100px;
     height: 100px;
     display: inline-block;
     border-width: 4px;
     border-color: rgba(255, 255, 255, 0.05);
     border-top-color: #1359A1;
     animation: spin 1s infinite linear;
     border-radius: 100%;
     border-style: solid;
}
 @keyframes spin {
     100% {
         transform: rotate(360deg);
    }
}
 @media (max-width:1024px){
     .tit-del {
         right: 30px;
    }
     .deli-container-rec h2 {
         font-size: 9vw;
    }
     .type-wrapper{
         gap:30px;
    }
}
 @media(min-width:1025px){
     .type-btn:hover{
         background-color:#FFC709;
    }
}
 @media (max-width:781px){
     .recettes-list-container .recette {
         width: 47%;
    }
     .recettes-list-container {
         padding: 20px;
         gap: 0;
         justify-content: space-between;
    }
}
 @media (max-width:500px){
     .filter-list {
         margin: 50px 0 20px 0;
    }
     .recettes-list-container .recette {
         width: 100%;
    }
     .type-btn {
         max-width: 110px;
         padding: 20px;
    }
     .filter-categ-tit {
         font-size: 20px;
    }
     .remove{
         left:-5px;
    }
}