/*
Theme Name: Sam Ferronnerie
Theme URI: http://example.com
Description: Thème enfant de Twenty Twenty-Five.
Author: Ton Nom
Author URI: http://example.com
Template: twentytwentyfive
Version: 1.0.0
*/

/* Importation du style du thème parent */
@import url("../twentytwentyfive/style.css");


.removepadding{
    margin-block-start: 0;
    margin-block-end: 0;
}

.container {
    padding-right: var(--wp--preset--spacing--50);
    padding-left: var(--wp--preset--spacing--50);
  }


  .mail{
    position: relative;
    padding-left: 3rem;
  }
  
  .mail::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 3px;
    transform: translateY(-50%);
    width: 50px;
    height: 100%;
    background: url("https://www.sam-ferronnerie.fr/wp-content/uploads/2024/11/mail-svgrepo-com.svg")
      no-repeat; /* Chemin du SVG */
    background-size: contain; /* S'assure que le SVG est bien contenu dans la taille définie */
  }
  
  
  .tel{
    position: relative;
    padding-left: 3rem;
  }
  
  .tel::before{
    content: "";
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    background: url("https://www.sam-ferronnerie.fr/wp-content/uploads/2024/11/phone-svgrepo-com-1.svg")
      no-repeat; /* Chemin du SVG */
    background-size: contain; /* S'assure que le SVG est bien contenu dans la taille définie */
    width: 50px;
  }

    
  .headeraccueil{
    height: 100vh;
  }

  .hero-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 65%;
  }

  .hero-section {
    height: 100%;
  }


  a {
    text-decoration: none;
  }


  .wp-block-navigation__responsive-container.has-modal-open.is-menu-open{
    background-color: #222222!important;
  }



  .wp-block-navigation__responsive-container-content {
    align-items: center!important;

  }


 
  


  .wp-block-navigation__container.has-text-color.has-white-color.is-responsive.items-justified-right.wp-block-navigation  {
    align-items: start;
  }

  .wp-block-cover, .wp-block-cover-image {
    min-height: 100%;
  }


  .filtr-item {
    padding: 0;
  }

  .row{
    --bs-gutter-x : 0
  }

  @media screen and (max-width: 576px) {
    .banniere{
      max-height: 12rem;
    }
    
    .wp-block-navigation__responsive-container-content ul li a  {
      font-size: 35px;
  
    }

  }

  @media screen and (min-width: 1700px) {
    .banniere{
      height: 38rem!important;
    }

  }



ul.wp-block-latest-posts__list.is-grid.columns-3.has-dates.wp-block-latest-posts li {

  padding:1rem;
}
.wp-block-latest-posts__featured-image a {
	width : 100%
}

.wp-block-latest-posts__featured-image img {
	max-height: fit-content!important ;
	    object-fit: cover;
    object-position: center;
	width:100%
}
.wp-block-latest-posts.is-grid {
  flex-wrap: nowrap;
}

.wp-block-latest-posts__post-excerpt {
  margin-right: 2rem;
  color: #000000;
  font-size: 1rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-top: 2rem;
}

.wp-block-latest-posts__post-title {
  margin-right: 2rem;
  font-size: 1.25rem;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}
.wp-block-latest-posts__list.is-grid.columns-3.has-dates.wp-block-latest-posts {
	max-width:83rem!important;
}

.btn-read-more {
  display: inline-block;
  padding: 10px 20px;
  background-color: #ff8000;
  box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.25);
  color: white;
  text-decoration: none;
  border-radius: 5px;
  margin-top: 10px;
  font-weight: bold;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
}

@media screen and (max-width: 791px) {
    ul.wp-block-latest-posts__list.is-grid.columns-3.has-dates.wp-block-latest-posts li{
      width: 80%!important;
    }
	ul.wp-block-latest-posts__list.is-grid.columns-3.has-dates.wp-block-latest-posts{
      display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:center;
	}
	
}