/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/


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

:root {
      --blue:       #1C2D4A;
      --blue-hover: #263d66;
      --anthracite: #333333;
      --white:      #FFFFFF;
      --light-gray: #F4F4F4;
      --mid-gray:   #6b7280;
	--border:     #e5e7eb;
	--shadow: 0 4px 24px rgba(28,45,74,.12);
}

.et_pb_text_inner h1,
.et_pb_text_inner h2,
.et_pb_text_inner h3,
h2.et_pb_module_header,
h3.et_pb_module_header{
	line-height:1.5em;
}

/* check-liste*/
.check-list ul{margin-top:15px;}
.check-list ul li { list-style: none; padding-left: 36px; position: relative; margin-bottom: 12px; font-weight: 700;font-size:14px;}

.check-list ul li::before { content: ''; position: absolute; left: 0; top: 3px; width: 22px; height: 22px; background-color: var(--blue); border-radius: 50%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E"); background-size: 13px; background-repeat: no-repeat; background-position: center; }

.intro-grid__accent {
      position: absolute;
      bottom: -1.5rem;
      right: -1.5rem;
      width: 45%;
      aspect-ratio: 1;
      background: var(--blue);
      border-radius: 2px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      color: var(--white);
      padding: 1.25rem;
      box-shadow: var(--shadow-lg);
    }
    .intro-grid__accent strong {
      font-family: var(--font-head);
      font-size: 2.5rem;
      font-weight: 800;
      line-height: 1;
    }
    .intro-grid__accent span {
      font-size: .75rem;
      font-weight: 600;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: rgba(255,255,255,.65);
      text-align: center;
      margin-top: .25rem;
    }

.tag {
    display: inline-block;
    font-family: var(--font-head);
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--blue);
    border-bottom: 2px solid var(--blue);
    padding-bottom: 2px;
    margin-bottom: 1rem;
}
/*Page contact*/
.page-id-16 .et_pb_text_inner h1 {
    display: inline-block;
    font-family: var(--font-head);
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.6);
    border-bottom: 2px solid rgba(255, 255, 255, 0.6);
    padding-bottom: 2px;
    margin-bottom: 1rem;
}


  .service-card {
      background: var(--white);
      border: 1px solid var(--border);
      border-radius: var(--radius);
      transition: box-shadow .25s, transform .25s, border-color .25s;
    }

  .service-card .et_pb_blurb_container {
      padding: 0 2rem 2rem;
    }
    .service-card:hover {
      box-shadow: var(--shadow);
      transform: translateY(-3px);
      border-color: rgba(28,45,74,.2);
    }
.zones-grid {
      display: flex;
      flex-wrap: wrap;
      gap: .75rem;
      margin-top: 1.5rem;
    }
    .zone-pill {
      background: rgba(255,255,255,.1);
      border: 1px solid rgba(255,255,255,.15);
      border-radius: 100px;
      padding: .4rem 1.1rem;
      font-family: var(--font-head);
      font-size: .8rem;
      font-weight: 600;
      color: rgba(255,255,255,.8);
      letter-spacing: .04em;
      transition: background .2s;
    }
    .zone-pill:hover { background: rgba(255,255,255,.18); }

/***************lire plus style**************/

 details{
  display:inline;
}
details {
  position:relative;
}
details summary {
	color: var(--blue);
    display: block;
    cursor: pointer;
    font-size: 16px !important;
    font-weight: 700;
	padding-top: 10px;
}
details summary:focus {
  outline:none;
}
details[open] {
  display:block;
  padding-bottom:25px;
  /*padding-top:10px;*/
  animation: open .2s linear;
}
details[open] summary {
  position:absolute;
  bottom: 0;
  left:0;
}
details[open] #close {
    position: relative;
    top: 10px;
	
}
details #open{padding-left:5px;text-align:center;}
details[open] #open{display:none;}
details #close{display:none;}
details[open] #close{display:block;}
::-webkit-details-marker {display: none;}
@keyframes open {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*Fin lire plus*/

@media (max-width: 768px) {
	.col-reverse{
		display:flex;
		flex-direction:column-reverse
	}
}


@media (max-width: 420px) {
    .mobile-break {
        display: block;
    }
}