/* 
Theme Name: Jeveuxunsite.be
Theme URI: https://github.com/elementor/hello-theme/
Description: Jeveuxunsite.be is a child theme of Hello Elementor
Author: Jeveuxunsite.be
Author URI: https://jeveuxunsite.be/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

body {
margin: 0;
padding: 0;
height: 100%;
padding-bottom: 57px;
overflow: hidden;
}



/*IE page*/

#ie-container {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-bottom:50px;
    padding-top: 50px;
}

.ie-centernav {
    display: inline-block;
    padding: 25px;
}


/* Police du logo */

@font-face {
    font-family: 'K-haus 205';
    src: url('fonts/K-haus205-Medium.eot'); /* IE9 Compat Modes */
    src: url('fonts/K-haus205-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/K-haus205-Medium.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/K-haus205-Medium.woff') format('woff'), /* Modern Browsers */
       url('fonts/K-haus205-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/K-haus205-Medium.svg#K-haus205-Medium') format('svg'); /* Legacy iOS */
    font-weight: 500;
    font-style: normal;
}


h1,h2,.customfont {
    font-family:"K-haus 205", sans-serif !important;
}


/*Carousel*/

   body .carousel-container {
      width: 100%;
      height: 400px;
      overflow-x: hidden;
      position: relative;
      margin-bottom: 40px;
    }

    body .carousel-track {
      display: flex;
      gap: 20px;
      position: absolute;
      top: 0;
      left: 0;
      will-change: transform;
      padding-top:30px;
    }

    body .carousel-box {
      flex: 0 0 auto;
      width: 280px;
      background: white;
      border-radius: 20px;
      padding: 25px 20px !important;
      text-align: center;
      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
      user-select: none;
      cursor: grab;
      transition: transform 0.35s ease, box-shadow 0.35s ease;
    }

    body .carousel-box:hover {
      transform: translateY(-4px);
      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
    }

    body .carousel-icon {
      margin-bottom: 10px;
    }
    
    .carousel-icon img {
        width:50px !important;
        height:50px !important;
    }

    body .carousel-title, body .carousel-title h3 {
      font-family: InterieurMaison, sans-serif;
      font-size: 30px;
      font-weight: 400;
      gap: 5px;
    }

    body .carousel-desc {
      font-family: "Adrianna", sans-serif;
      font-size: 15px;
      font-weight: 400;
      padding-bottom: 5px;
    }


body .carousel-readmore a{
    display: inline-block;
    text-align: center;
    text-decoration: none;
    transition: 0.3s;
    padding: 5px 10px 5px 10px;
    border-radius: 30px;
    background-color: #000000;
    color: #ffffff;
    font-size: 13px;
} 

body .carousel-readmore a:hover{
    background: #F01A29;
    color: #ffffff;
}