/*
 Theme Name:   Chrimson Child Theme
 Theme URI:    https://chrimson.ancorathemes.com/
 Description:  Chrimson Child Theme
 Author:       AncoraThemes
 Author URI:   https://ancorathemes.com
 Template:     chrimson
 Version:      1.0
 Tags:         flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
 Text Domain:  chrimson
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */

.boite-hover .elementor-image-box-img:before {
  position: absolute;
  top: 0;
  left: -100%;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
  transition: all 0.3s ease;
}
.boite-hover:hover .elementor-image-box-img:before {
  -webkit-animation: shine 1s;
  animation: shine 1s;
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
.boite-hover .elementor-image-box-content h3 {
    font-size: 18px;
    color: #fff;
}
 .boite-hover .elementor-image-box-content {
    text-align: left;
    color: #fff;
    }
@media (min-width: 991px) {
    .boite-hover {
        overflow: hidden;
    }
.boite-hover .elementor-image-box-content {
   

    position: absolute;
    padding: 10px;
    margin-bottom: 8px;
    left: 0;
    bottom: 0;
}
.boite-hover:hover .elementor-image-box-content {
    background: rgba(0,0,0,0.3)
}

.boite-hover .elementor-image-box-content .elementor-image-box-description {
    transition: all .2s ease-in-out;
    opacity: 0;
    height: 1px;
    color: #fff;
}
.boite-hover .elementor-image-box-content .elementor-image-box-description a {
    color: #fff;
}
.boite-hover .elementor-image-box-wrapper {
    position: relative;
}
.boite-hover:hover .elementor-image-box-content .elementor-image-box-description {
    height: 150px;
    opacity: 1;
}
}
@media (max-width: 990px) {
    .boite-hover .elementor-image-box-content {
        background: var(--main-brown);
        padding: 10px;
        margin-top: -10px;
        position: relative;
        z-index: 1;
    }
    
}