/*!
Theme Name: elag-pro
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: elag-pro
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

#header{
	background: #fff;
	border-bottom:1px solid #EEE;
}

#header .navbar{
	padding: .5rem 0;
}

.logo-img{
	height:75px;
}
@media (max-width: 768px) {
  .logo-img {
    height: 65px;
  }
}
.social-medias{
	background: #76B22B;
	padding:5px;
}

.phone-number a{
	background: #76B22B;
	color:#fff;
	font-weight: bold;
	font-size: 18px;
	padding: 15px 40px;
    border-radius: 25px;
}
.phone-number a:hover{
	color:#fff;
	text-decoration: none;
}

#header-navbar{
}

#header-navbar .nav-link{
	margin-right: 25px;
	font-size:15px;
	color:#333;
}
#header-navbar .nav-link:before{
    content: '';
    background:url('img/flower.png');
    background-size:cover;
    position:absolute;
    width:12px;
    height:12px;
    margin-top: 7px;
}

#header-navbar .nav-link span{ 
    margin-left: 15px;
}

#collapse-btn{
	padding:1px 5px;
	border:0
}

#under-header{
	display:none !important;
}

#under-header .nav-link.active {
    background: #76B22B;
    border-radius: 5px;
    color: #fff !important;
}

#under-header .nav-link:not(.active):hover {
    background: #F1F1F1;
    border-radius: 5px;
}

.landing-page-form{
	background:#FFF;
	border-radius:5px;
	padding:25px;
}
.landing-page-form .title{
	text-align:center;
	font-size:27px;
	font-weight:bold;
}
.landing-page-form input,.landing-page-form textarea{
	width:100%;
}
.landing-page-form textarea {
	width:100%;
	height:130px;
}



/* Styling the titles */
#article h1, #article h2, #article h3, #article h4, #article h5, #article h6 {
  font-family: 'Arial', sans-serif; /* Change to your preferred font */
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 1rem;
	color:#443414;
}

/* Paragraph styling */
#article p {
  font-size: 1rem;
  line-height: 1.8;
  margin-bottom: 1.5rem;
}

/* Links */
#article a {
  color: #007bff;
  text-decoration: none;
}
#article a:hover {
  text-decoration: underline;
}

/* Blockquote */
#article blockquote {
  border-left: 4px solid #007bff;
  padding-left: 1rem;
  font-style: italic;
  color: #6c757d;
}

/* Images */
#article img {
  max-width: 100%;
  height: auto;
  border-radius: 5px;
  margin-bottom: 1.5rem;
}

/* Lists */
#article ul, #article ol {
  margin-left: 1.5rem;
  margin-bottom: 1.5rem;
}

/* Code block */
#article pre {
  background: #f8f9fa;
  padding: 1rem;
  border-radius: 5px;
  overflow-x: auto;
}

/* Add spacing and style around the article content */
#article .post-content {
}

#article .featured-image img {
  max-width: 100%;
  border-radius: 10px;
  margin-bottom: 1.5rem;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.article-box {
    background: #f8f9fa; /* Couleur de fond légère */
    border: 1px solid #ddd; /* Bordure discrète */
    border-radius: 8px; /* Coins arrondis */
    padding: 15px;
    transition: all 0.3s ease-in-out;
}

.article-box:hover {
    background: #ffffff; /* Fond blanc au survol */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Ombre légère au survol */
}

.article-box img {
    border-radius: 6px; /* Coins arrondis pour l’image */
}

.article-box h5 {
    font-size: 1.1rem;
    margin-bottom: 10px;
}

.article-box h5 a {
    text-decoration: none;
    color: #333;
    transition: color 0.3s ease;
}

.article-box h5 a:hover {
    color: #007bff; /* Bleu Bootstrap au survol */
}

.article-box p {
    font-size: 0.9rem;
    color: #666;
    margin-bottom: 10px;
}

.article-box .btn {
    font-size: 0.875rem;
    padding: 6px 12px;
}

#realisations img {
	border-radius:20px;
}

.gallery-item {
	margin-bottom: 20px!important;
}

@media (max-width: 479px) {
    .gallery-item {
		margin-bottom: 20px!important;
        max-width: 50% !important;
    }
}

span[style*="position:fixed"][style*="right: 20px"][style*="bottom: 10px"][style*="font-size: 16px"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.step {
  margin-bottom: 30px;
}

.step-header {
  display: flex;
  align-items: center;
  gap: 16px;
}

.step-circle {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background-color: #fff;
  border: 5px solid #76B22B; /* vert nature */
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 700;
  color: #22c55e;
  flex-shrink: 0;
}

.step h4 {
  margin: 0;
  font-size: 26px;
  color: #413116;
  font-weight: 600;
}

.step p {
  margin: 8px 0 0 70px; /* décalage sous le titre (aligné au texte) */
  font-size: 17px;
  color: #555;
  line-height: 1.5;
  max-width: 600px;
}

/* Optionnel : effet hover sur le cercle */
.step-circle:hover {
  background-color: #DEEDC8;
  color: #333;
  transition: all 0.3s ease;
}

/* Responsive */
@media (max-width: 600px) {
  .step p {
    margin-left: 0;
  }
}