/*
 Theme Name:     familly Child Divi
 Theme URI:      https://www.lewebetik.fr
 Description:    Theme spéciale pour familly
 Author:         Adrien Topall
 Author URI:     https://www.lewebetik.fr
 Template:       Divi
 Version:        1.0.0
*/
 

/* Divi Engine Blog Post - How to Show the Title on Hover with the Divi Portfolio Module */


#main-content {
  min-height: 100vh;
}
/* We set the position of the title here */
.lwe-portfolio-hover-title h2.et_pb_module_header {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    margin-top: 0px!important;
    z-index: 3;
    opacity: 0;     /* We want to make sure it is not shown unless hovered */
}
 
/* Make the title visible when hovered */
.lwe-portfolio-hover-title .et_pb_portfolio_item:hover h2.et_pb_module_header {
    opacity: 1;
}
 
/* Remove the overlay icon if one is set */
.lwe-portfolio-hover-title span.et_overlay:before {
    content: '';
}
 
/* Make sure the title is shown even if you hover it directly */
.lwe-portfolio-hover-title .et_pb_portfolio_item:hover span.et_overlay {
    opacity: 1;
    z-index: 3;
}
/*************************************************************************/

.blog-with-acf-taxonomy > div{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 20px;
}

.blog-with-acf-taxonomy article{
  border-radius: 10px;
  box-shadow: 2px 2px 6px #939393;
  transition: all 0.6s;
}

.blog-with-acf-taxonomy article:hover{
  box-shadow: 2px 2px 10px #525252;
}

.blog-with-acf-taxonomy article .entry-title,
.blog-with-acf-taxonomy article .post-meta,
.blog-with-acf-taxonomy article .post-content{
  padding: 0 1rem;
}

.blog-with-acf-taxonomy .entry-featured-image-url img{
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: top;
  border-radius: 10px 10px 0 0;
}
/*************************************************************************/

.et-db #et-boc .et-l .et_pb_post,
.et_pb_post {
  margin-bottom: 0px;
}

/*************************************************************************/
  .box_categories .et_pb_section_0.et_pb_section {
    padding-top:0px
  }

  .box_categories .box_filter {
    margin-bottom: 1rem;
  }

  .box_categories .et_pb_button_0_wrapper .et_pb_button_0,
  .box_categories .et_pb_button_0_wrapper .et_pb_button_0:hover {
    padding-top:2px!important;
    padding-bottom:2px!important;
    margin-bottom: 0.5rem;
    display: inline-block;
    font-size: 14px;
  }

  body #page-container .et_pb_section .box_categories .et_pb_button_0:before,
  body #page-container .et_pb_section .box_categories .et_pb_button_0:after {
    display:none!important
  }
  .box_categories .et_pb_button_0 {
    transition:color 300ms ease 0ms,background-color 300ms ease 0ms
  }
  .box_categories .et_pb_button_0,
  .box_categories .et_pb_button_0:after {
    transition:all 300ms ease 0ms
  }
  .box_categories .et_pb_blog_0 .et_pb_post .entry-featured-image-url,
  .box_categories .et_pb_blog_0 .et_pb_post .et_pb_slides,
  .box_categories .et_pb_blog_0 .et_pb_post .et_pb_video_overlay {
    border-radius:10px 10px 0 0;
    overflow:hidden
  }
  .box_categories .et_pb_blog_0 article {
    border-radius:10px 10px 0 0
  }
  .box_categories .et_pb_blog_0 article {
    border-radius:10px 10px 0 0
  }
  .et-db #et-boc .et-l .et_pb_gutters3.et_pb_row .et_pb_column_1_4 .et_pb_module, .et_pb_gutters3.et-db #et-boc .et-l .et_pb_column_1_4 .et_pb_module{
    margin-bottom: 1rem !important;
  }
  .et_pb_gutters3 .et_pb_column_1_4 .et_pb_module, .et_pb_gutters3.et_pb_row .et_pb_column_1_4 .et_pb_module{
    margin-bottom: 1rem !important;
  }


  body #page-container .box_categories .box_filter .btn-sm {
    margin-bottom: 0.5rem;
    padding: 5px !important;
    font-size: 12px;
    text-transform: uppercase !important;
    margin-right: 0.5rem;
    border-color: #111;
    color: #111;
    border: 1px solid;
    transition: all 0.6s;
    
  }

  .et-db #et-boc .et-l .et_pb_button:hover, 
  .et-db #et-boc .et-l .et_pb_module .et_pb_button:hover,
  body #page-container .box_categories .box_filter .btn-sm:hover {
    border: 1px solid #1d37aa !important;
    color: #1d37aa !important;
    background-color: transparent !important;
    padding: 5px !important;
  }
 

  @media all and (max-width: 960px) {
    body #page-container .box_categories .box_filter .btn-sm {
        margin-bottom: 0.3rem;
        padding: 3px !important;
        font-size: 10px;
        margin-right: 0.2rem;
      }

      .et-db #et-boc .et-l .et_pb_button:hover, 
      .et-db #et-boc .et-l .et_pb_module .et_pb_button:hover,
      body #page-container .box_categories .box_filter .btn-sm:hover {
        padding: 3px !important;
      }
 
  }