/**
 * SETTINGS
 */

.main-btn-style, .main-btn a {
    color: var(--ast-global-color-4) !important;
    background-color: var(--ast-global-color-1) !important;
    border-color: var(--ast-global-color-1) !important;
    transition: all 0.2s linear;
}

.main-btn-style:hover, .main-btn a {
    color: var(--ast-global-color-2) !important;
    background-color: var(--ast-global-color-4) !important;
    border-color: var(--ast-global-color-2) !important;
}

.secondary-btn-style, .secondary-btn a {
    color: var(--ast-global-color-2) !important;
    background-color: var(--ast-global-color-4) !important;
    border-color: var(--ast-global-color-4) !important;
    transition: all 0.2s linear;
}

.secondary-btn-style:hover, .secondary-btn:hover a {
    color: var(--ast-global-color-4) !important;
    background-color: var(--ast-global-color-2) !important;
}

/**
 * CSS DU POT DE MIEL
 */

.pot_miel_form {
    position: absolute;
    z-index: -100;
    opacity: 0;
    top: -100vh;
    left: -100vw;
}

/**
 * MAIN CSS
 */

/*      Home        */

@keyframes comeAndGo {
    0% { left: -100%; }
    10% { left: -10%; }
    15% { left: 0; }
    85% { left: 0; }
    90% { left: -20%; }
    100% { left: -100%; }
}

.home-services-effect-container {
    position: relative;
    grid-column: 1 / 7;
    grid-row: 1;
    overflow-x: clip;
    height: 40px;
}

.home-services-effect{
    color: var(--ast-global-color-0);
    font-size: 2.25rem;
    font-weight: 700;
    font-family: 'League Spartan', sans-serif;

    /* ANIMATION */
    position: absolute;
    display: block;
    left: -100%;
    animation: comeAndGo 4000ms linear infinite;
}



.home-form-container {
    grid-column: 7 / 11;
    grid-row: 1 / 12;
    position: relative;
}

.home-form-card {
    height: 60vh;
    min-height: fit-content;
    position: sticky;
    top: 20vh;
}


.home-service-btn {
    grid-column: 1 / 7;
    padding: 35px 0;
}

/* 150*9=)1350
    25 * 8 200
    donc container fera 1550 au total
    1550 * 3 
    3000 1500 150
    4650
*/

@keyframes homeCarousel {
  from {
    transform: translateX(-33%);
  }

  to {
    transform: translateX(-66%);
  }
}

.home-logo-section {
    filter: saturate(0);
    display: flex;
    justify-content: space-between;
    min-width: 300vw;
    width: 4650px;
    max-width: none !important; 
    height: 150px;
    transform: translateX(-33%);
    animation: homeCarousel 18s linear infinite;
}

.home-logo-section .logo-container {
    height: -webkit-fill-available;
    margin: 0 auto !important;
    width: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-logo-section .logo-container img{
    display: block;
}

.home-logo-section .diplodorex{
    filter: contrast(0.5);
}

.home-logo-section .lbc{
    background: white;
    border-radius: 50%;
    padding: 10px;
}

.home-logo-section .diplodorex,
.home-logo-section .allu,
.home-logo-section .arktic,
.home-logo-section .diplodorex
{
    padding: 20px !important;
}


/**
 * RESPONSIVE
 *
 * Desktop	1281 px et plus
 * Laptop	1025 – 1280 px
 * Tablette	769 – 1024 px
 * Mobile large / petit tablette	481 – 768 px
 * Mobile	0 – 480 px	
 *
*/

@media (max-width: 1280px){

}

@media (max-width: 1024px){
.home-logo-section .diplodorex
{
    padding: 7px !important;
}

} /* FIN 1024 */

@media (max-width: 770px){

.custom-home-grid,
.b3d-form-container-home-emergency-form .b3d-form-content {
	display: flex !important;
	flex-direction: column;
}

.custom-home-grid > div,
.custom-home-grid > h2,
.custom-home-grid > p,
{
	order: 6;
	border-radius: 1px red solid;
}

.m-order-1{ order: 1; }
.m-order-2{ order: 2; }
.m-order-3{ order: 3; }
.m-order-4{ order: 4; }
.m-order-5{ order: 5; }
.m-order-6{ order: 6; }

.home-services-effect {
	font-size: 24px;
	white-space: nowrap;
}

.custom-home-grid .main-title{
	font-size: 40px !important;
	order: -1
}
/*.custom-home-grid .home-services-effect-container,
.custom-home-grid h1,
.custom-home-grid p,
.custom-home-grid .home-services-btn,
.home-form-container
{
    grid-column: span 1 !important;
}*/


.custom-home-grid
{
    /*grid-column: 1;*/
}

.home-form-container {
    /*grid-column: 1;*/
    grid-row: 4;
}



.home-logo-section {
    flex-wrap: wrap;
    justify-content: space-between;
}

.home-logo-section figure.wp-block-image {
    width: 32% !important;
    max-width: 150px !important;
}

.home-logo-section .diplodorex,
.home-logo-section .allu,
.home-logo-section .arktic,
.home-logo-section .diplodorex
{
    padding: 0px !important;
}


} /* FIN 770 */