/*
 * Custom style goes here.
 * A template should always ship with an empty custom.css
 */

body .btn{
    background-color: #2557a7;
    border-color: #2557a7;
}

body .btn:focus, body .btn:hover, body .btn:active{
    background-color: #3a67b0;
    border-color: #3a67b0;
}


 .overflowClass{
    overflow: hidden;
 }


#module-hiblog-postdetails .blog-desc-image-block{
    position: relative;
        line-height: 0;
        margin-bottom: 50px;
}
#module-hiblog-postdetails .blog-desc-image-block img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}

#module-hiblog-postdetails .blog-desc-image-block:after{
    content: "";
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;

}


#module-hiblog-postdetails .blog-desc-image-block:hover img{
    transform: scale(1);
}

#module-hiblog-postdetails .blog-desc-title{
    opacity: 0;
    position: absolute;
    top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  z-index: 5;
  font-size: 45px;
  padding: 0;
  margin: 0;
  width: 90%;
}

#module-hiblog-postdetails .post-published{
    display: none;
}

#module-hiblog-postdetails .top-content, #module-hiblog-postdetails .main-content{
    max-width: 1100px;
}

@media screen and (max-width:767px){
    #module-hiblog-postdetails .blog-desc-title{
        font-size: 35px;
        line-height: 39px;
    }
}


#module-hiblog-blog .post-image-block img{
    height: 200px;
    width: 100%;
    object-fit: cover;
}

#module-hiblog-blog .post-title a{
    color: #2557a7!important;
}
#module-hiblog-blog .post-published{
    display: none;
}


/* PAGE CONTACT */

#contact .contact-page-footer svg{
    color: #2557a7;
}

#contact #left-column{
    display: none;
}
#contact #content-wrapper-left{
    width: 100%;
}

/* PAGE PRODUIT */

#product .current-price{
    font-family: 'Work Sans';
    font-weight: 700;
}


#top-menu .parent > a::after {
  font-family: "Font Awesome 6 Free";
  content: "\f078"; /* code unicode du chevron droit */
  font-weight: 900;
  margin-left: 6px;
}

#top-menu .parent > a{
    display: flex;
}