/*
Theme Name: Coyote theme
*/

footer a p:hover { 
color: #23D63E !important; 
}

/* forcer retour ligne responsive */
.dont-break-out {
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}

/* max height img article */
#actual-article img {
max-height: 400px !important;
}
#actual-article h1,
#actual-article h2,
#actual-article h3,
#actual-article h4,
#actual-article h5,
#actual-article h6 {
padding-top: 20px;
padding-bottom: 20px;
}
/* minimiser la taille des h3 sur les communiqués de presse */
#actual-article h3 {
font-size: 24px;
}

/* style timeline */
.carousel-indicators .active {
font-size: 20px;
color: #23D63E !important;
font-weight: 600;
}

/* pagination wordpress */
.page-numbers {
text-decoration: none;
padding: 5px;
}
.pagination .current {
color: #23D63E;
font-weight: 700;
}

/* Collaspe partenaires changement textes */
button.btn-partenaires:before,
button.btn-partenaires.collapsed:before {
display: block;
}
button.btn-partenaires.collapsed:before {
content: 'Découvrir tous les partenaires';
}
button.btn-partenaires:before {
content: 'Fermer tous les partenaires';
}

/* Collaspe avantages changement textes */
button.btn-avantages:before,
button.btn-avantages.collapsed:before {
display: block;
}
button.btn-avantages.collapsed:before {
content: 'Découvrir tous les avantages';
}
button.btn-avantages:before {
content: 'Fermer tous les avantages';
}

/* Modification scrollbar */
@media only screen and (min-width:1200px) {
::-webkit-scrollbar {
    width: 2px;
    height: 11px;
}
::-webkit-scrollbar-track {
    background: #F4F4F6;
    width: 2px;
    border-radius: 6px;
}
::-webkit-scrollbar-thumb {
    background: #23D63E;
    border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover {
    background: #23D63Ea1;
}
}

/* notre histoire timeline */
@media (min-width: Opx) {
#timeline {
    height: 350px;
    overflow: hidden;
    position: relative;
}
#dates {
    height: 50px;
    overflow: hidden;
}
}

@media (min-width: 576px) {
#timeline {
    width: 800px;
    height: 350px;
    overflow: hidden;
    margin: 100px auto;
    position: relative;
}
#dates {
    width: 800px;
    height: 50px;
    overflow: hidden;
}
}

#dates a {
text-decoration: none;
-webkit-transition: 0.5s;
transition: 0.5s;
}
#dates a:hover,
#dates a.selected {
color: #23D63E;
font-weight: 600;
}

.sociales {
text-align: center;
margin-bottom: 20px;
}

#timeline {
width: 800px;
height: 350px;
overflow: hidden;
margin: 100px auto;
position: relative;
}
#dates {
width: 800px;
height: 50px;
overflow: hidden;
}
#dates li {
list-style: none;
float: left;
width: 100px;
height: 50px;
font-size: 24px;
text-align: center;
}
#dates a {
line-height: 38px;
padding-bottom: 10px;
}
#dates .selected {
font-size: 38px;
}

#issues {
width: 800px;
height: 350px;
overflow: hidden;
}
#issues li {
width: 800px;
height: 350px;
list-style: none;
float: left;
}
#issues li img {
float: right;
margin: 10px 30px 10px 50px;
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
/* IE 8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
/* IE 6 & 7 */
zoom: 1;
-webkit-transition: all 2s ease-in-out;
transition: all 2s ease-in-out;
-webkit-transform: scale(0.7, 0.7);
transform: scale(0.7, 0.7);
}
#issues li h1 {
color: #23D63E;
font-size: 32px;
margin: 20px 0;
}
#issues li p {
font-size: 14px;
margin-right: 70px;
font-weight: normal;
line-height: 22px;
}

.bullet::before {
content: "\2022";
color: #23D63E;
}

/* Animation slider partenaires */
@-webkit-keyframes scroll {
0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
100% {
    -webkit-transform: translateX(calc(-250px * 7));
    transform: translateX(calc(-250px * 7));
}
}
@keyframes scroll {
0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
100% {
    -webkit-transform: translateX(calc(-250px * 7));
    transform: translateX(calc(-250px * 7));
}
}

.slider {
background: white;
height: 100px;
margin: auto;
overflow: hidden;
position: relative;
}
.slider::before,
.slider::after {
background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 30%);
content: "";
height: 100px;
position: absolute;
width: 200px;
z-index: 2;
}
.slider::after {
right: 0;
top: 0;
-webkit-transform: rotateZ(180deg);
transform: rotateZ(180deg);
}
.slider::before {
left: 0;
top: 0;
}
.slider .slide-track {
-webkit-animation: scroll 40s linear infinite;
animation: scroll 40s linear infinite;
display: flex;
width: calc(250px * 14);
}
.slider .slide {
height: 100px;
width: 250px;
}

/* Essai de supprimer la scrolable horizontale 
Ici suppression d ela barre mis ça supprime les deux 
::-webkit-scrollbar {
display: none;
}
Ici forcer la tille d'un container mais ça ne passe pas  
@media (min-width: 1200px) .container {
width: 1170px!important;
}
*/

/* supression barre x pour bug */
body {
overflow-x: hidden;
}

/* Début de la version responsive */
@media (min-width: Opx) {
.team-member {
    padding: 1em !important;
}
}
@media (min-width: 576px) {
.coyote-number2 {
    padding-top: 3em !important;
}
.team-row {
    padding-top: 3em;
}
.img-w-70 {
    width: 70% !important;
}
}
/* (Les media queries vides pour 768px, 992px, 1200px, 1400px ont été supprimées) */

/* Reverse image on mobile */
@media screen and (max-width: 980px) {
.inverse {
    display: flex;
    flex-flow: column-reverse;
}
.img-legende {
    width: 65%;
}
.btn-dossierPresse {
    font-size: 18px !important;
}
.img-top-home {
    width: 40vh !important;
}
}
@media (min-width: 768px) {
.card-img-top {
    width: 100%;
    height: 15vw;
    object-fit: cover;
}
}
/* forcer le border des img card */
.card-img-top {
border-top-left-radius: 8px !important;
border-top-right-radius: 8px !important;
}
@media (max-width: 991.98px) {
#navbar_top .navbar-brand {
    top: 13px;
}
}

:root {
--cti-spacing: 100%;
}

.timeline-carousel,
.carousel-inner {
padding-left: 15%;
padding-right: 15%;
}

.timeline-carousel .carousel-indicators {
position: relative;
margin: 0;
height: 30px;
margin-bottom: 20px;
overflow: hidden;
}

.timeline-carousel .carousel-indicators button {
position: absolute;
transition: 0.6s;
width: 100px;
height: 30px;
text-indent: 0;
margin: 0;
border: 0;
}

.timeline-carousel .carousel-control-next-icon,
.timeline-carousel .carousel-control-prev-icon {
-webkit-filter: invert(100%);
filter: invert(100%);
}

/* Règles pour les positions actives – de 1 à 100 et leurs opposées */
.timeline-carousel .carousel-indicators button.active-1 { transform: translateX(calc(1 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active--1 { transform: translateX(calc(-1 * 1 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active-2 { transform: translateX(calc(2 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active--2 { transform: translateX(calc(-1 * 2 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active-3 { transform: translateX(calc(3 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active--3 { transform: translateX(calc(-1 * 3 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active-4 { transform: translateX(calc(4 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active--4 { transform: translateX(calc(-1 * 4 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active-5 { transform: translateX(calc(5 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active--5 { transform: translateX(calc(-1 * 5 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active-6 { transform: translateX(calc(6 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active--6 { transform: translateX(calc(-1 * 6 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active-7 { transform: translateX(calc(7 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active--7 { transform: translateX(calc(-1 * 7 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active-8 { transform: translateX(calc(8 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active--8 { transform: translateX(calc(-1 * 8 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active-9 { transform: translateX(calc(9 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active--9 { transform: translateX(calc(-1 * 9 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active-10 { transform: translateX(calc(10 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active--10 { transform: translateX(calc(-1 * 10 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active-11 { transform: translateX(calc(11 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active--11 { transform: translateX(calc(-1 * 11 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active-12 { transform: translateX(calc(12 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active--12 { transform: translateX(calc(-1 * 12 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active-13 { transform: translateX(calc(13 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active--13 { transform: translateX(calc(-1 * 13 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active-14 { transform: translateX(calc(14 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active--14 { transform: translateX(calc(-1 * 14 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active-15 { transform: translateX(calc(15 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active--15 { transform: translateX(calc(-1 * 15 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active-16 { transform: translateX(calc(16 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active--16 { transform: translateX(calc(-1 * 16 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active-17 { transform: translateX(calc(17 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active--17 { transform: translateX(calc(-1 * 17 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active-18 { transform: translateX(calc(18 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active--18 { transform: translateX(calc(-1 * 18 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active-19 { transform: translateX(calc(19 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active--19 { transform: translateX(calc(-1 * 19 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active-20 { transform: translateX(calc(20 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active--20 { transform: translateX(calc(-1 * 20 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active-21 { transform: translateX(calc(21 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active--21 { transform: translateX(calc(-1 * 21 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active-22 { transform: translateX(calc(22 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active--22 { transform: translateX(calc(-1 * 22 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active-23 { transform: translateX(calc(23 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active--23 { transform: translateX(calc(-1 * 23 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active-24 { transform: translateX(calc(24 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active--24 { transform: translateX(calc(-1 * 24 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active-25 { transform: translateX(calc(25 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active--25 { transform: translateX(calc(-1 * 25 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active-26 { transform: translateX(calc(26 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active--26 { transform: translateX(calc(-1 * 26 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active-27 { transform: translateX(calc(27 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active--27 { transform: translateX(calc(-1 * 27 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active-28 { transform: translateX(calc(28 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active--28 { transform: translateX(calc(-1 * 28 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active-29 { transform: translateX(calc(29 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active--29 { transform: translateX(calc(-1 * 29 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active-30 { transform: translateX(calc(30 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active--30 { transform: translateX(calc(-1 * 30 * var(--cti-spacing))); }
.timeline-carousel .carousel-indicators button.active-31 { transform: translateX(calc(31 * var(--cti-spacing))); }

#myCarousel .carousel-item img {
object-fit: contain;
object-position: center;
overflow: hidden;
height: 30vh;
}

/* actif seulement entre md et <lg */
@media (min-width: 540px) and (max-width: 767.98px) {
  .hscroll.mc .col:first-child {
    margin-left:  max(0px, calc((100vw - 540px) / 2)); 
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .hscroll.mc .col:first-child {
    margin-left:  max(0px, calc((100vw - 720px) / 2)); 
    }
}

/* à partir de lg : marge supprimée */
@media (min-width: 992px) {
  .hscroll.mc .col {
    margin-left: 0;
  }
}