/*
Theme Name: Transport Urgent
Template: hello-elementor
Author: 37Deux
Author URI: https://37deux.com/
Version: 1.0.1752164080
Updated: 2025-07-10 16:14:40

*/

html, body {
    overflow-x: hidden;
}

#header.scrolled {
    background:#0E3F54;
    border-bottom-right-radius:20px;
    border-bottom-left-radius:20px;
}

strong {
    font-weight:400;
}

.news-listing .jet-listing-grid__items > div:nth-child(2n) .article-news .e-con-inner {
    display:flex;
    flex-direction:row-reverse !important;
}
.news-listing .jet-listing-grid__items > div:nth-child(2n) .article-news .e-con-inner .text-news {
    margin-left:0 !important;
    margin-right:2rem !important;
}

.news-listing .jet-listing-grid__items > div:nth-child(2n) .article-news .e-con-inner .text-news h3{
    color:#E64E5D;
}

.news-listing .jet-listing-grid__items .img-news {
    transition:all 0.4s !important;
}

.news-listing .jet-listing-grid__items > div:nth-child(2n) .article-news .e-con-inner .text-news .elementor-widget-heading {
    background-image:url("/wp-content/uploads/2025/08/fleche-rouge.svg");
}

.news-listing .jet-listing-grid__items > div .article-news .e-con-inner .text-news .elementor-widget-heading:hover {
    background-position: center right 30px;
}
.wp-block-image.is-style-rounded img {
    max-height: 400px;
    width:100%;
    object-fit: cover;
    border-radius: 15px;
    box-shadow:0 3px 6px rgba(0,0,0,0.16);
}

.elementor-widget-theme-post-content > * {
    margin-bottom:1.5rem;
}

#wpforms-620-field_1 {
    transition:all 0.3s;
    border-radius:44px !important;
    text-transform:uppercase;
    font-weight:700;
    padding:10px 30px !important;
    border:0 !important;
    color:white;
    background:url("/wp-content/uploads/2025/08/fleche-white.svg") no-repeat;
    background-position:center right 30px;
    background-size:20px;
    background-color:#ffffff24;
}

#wpforms-620-field_1 option {
    color:black !important;
    font-weight:bold !important;
}


.wpforms-submit-container {
    text-align:right;
}

#wpforms-submit-620 {
        font-weight: 700;
    padding: 10px 45px 10px 15px !important;
    border: 0 !important;
    color: black;
    transition: all 0.3s;
    border-radius: 44px !important;
    background: url(/wp-content/uploads/2025/07/btn_fleche_noir.svg) no-repeat;
    background-position: center right 5px;
    background-size: 30px;
    background-color: #ffffff24;
}

#wpforms-submit-620:hover {
    opacity:0.7;
}


#wpforms-620-field_1.devis, #wpforms-submit-620.devis {
    background-color:#E64E5D;
}
#wpforms-620-field_1.information, #wpforms-submit-620.information {
    background-color:#039EE2;
}
#wpforms-620-field_1.candidature, #wpforms-submit-620.candidature {
    background-color:#019DA5;
}

.wpforms-confirmation-container-full, .wpforms-confirmation-container-full p {
    font-family:"Buffalo", sans-serif !important;
    font-size:2rem !important;
}

.iti__country-name {
    color:black !important;
}

@media screen and (max-width:767px) {
    .news-listing .jet-listing-grid__items > div:nth-child(2n) .article-news .e-con-inner .text-news {
        margin-left:0 !important;
        margin-right:0 !important;
    }
    
    #wpforms-620-field_1, #wpforms-620-field_1 option {
        font-weight:400;
        font-size:1rem;
        background-image:none;
    }
}

.animate-pulse {
    animation-name: pulse;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: forwards; /* Recommended for start/end states */
}

.animate-circle{
  animation: floatY 2s linear infinite;
}

.animate-x{
  animation: floatX 2s linear infinite;
}

.animate-rotate{
  animation: moveCircle 10s linear infinite;
}


/* Add these @keyframes to your CSS file */
@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}


@keyframes moveCircle {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes floatY {
  0%   { transform: translateY(calc(-1 * 10px)); }
  50%  { transform: translateY(10px); }
  100% { transform: translateY(calc(-1 * 10px)); }
}

@keyframes floatX {
  0%   { transform: translateX(calc(-1 * 10px)); }
  50%  { transform: translateX(10px); }
  100% { transform: translateX(calc(-1 * 10px)); }
}


@keyframes spin{
  to { transform: rotate(360deg); }
}
@keyframes counterspin{
  /* même durée, mais rotation inverse : net visible = 0° */
  to { transform: rotate(-360deg) translate(-50%, -50%) translateX(var(--radius)); }
}