/*
 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
------------------------------------------------------- */
.cls-btn-contact a{
    border-color: #a99564;
    letter-spacing: 4px;
    font-family: 'Teko';
    text-transform: uppercase !important;
    background-color: #a99564;
    padding: 20px 25px !important;
    color: #fff !important;
    margin-top: -25px !important;
}
.wpcf7 form .wpcf7-response-output {
    display: flex;
}
.et-fixed-header {
    padding: 10px 0;
}
.mobile_menu_bar:before {
    color: #a99564;
}
.et_mobile_menu {
    border-top: 3px solid #a99564;
}
#top-menu a {
	color: #131313;
}
#top-menu li.current_page_item>a {
	color: #a99564;
}
.et_pb_button {
    padding: 12px 30px !important;
}
.cls-icon img {
    height: 45px;
    width: auto;
    transition: transform 0.3s ease-in-out;  /* Adds smooth transition for hover */
}

.cls-icon .et_pb_image:hover img {
    transform: scale(1.1);  /* Scales the image to 110% on hover */
}

.cls-icon .et_pb_image_wrap {
    padding: 15px;
    border: 2px solid #131313;
    border-radius: 50px;
}
.google-text {
	display: none !important;
}

.info-contact .et_pb_blurb_container {
    padding-left: 0px;
}
@media (max-width: 767px) {
.et_pb_button {
    font-size: 15px;
}
.cls-btn-contact a {
        padding: 10px 25px 6px !important;
        padding: 10px 25px 6px !important;
        margin-top: 0px !important;
        display: inline-block !important;
}
}

 #top-menu li.current-menu-item>a {
    color: #a99564;
}



/***************lire plus**************/
details {
  display: inline-block;
  position: relative;
  border-radius: 8px;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

details summary {
  display: block;
  cursor: pointer;
  font-weight: 700;
  font-size: 1rem;
  color: #333;
  transition: color 0.3s ease;
}

details summary:hover {
  color: #a99564;
}

details summary:focus {
  outline: none;
}

details[open] {
  display: block;
  padding-bottom: 25px;
  animation: open 0.5s ease-in-out;
}

details[open] summary {
  position: absolute;
  bottom: 0;
  left: 0;
}

details[open] #close {
  position: relative;
  top: 15px;
  padding-bottom: 10px;
}

details #open {
  text-align: center;
}

details #open:after {
  display: inline-block;
  position: relative;
  top: 1px;
  margin-left: 8px;
  content: '\f107';
  font-family: 'FontAwesome';
  transition: transform 0.3s ease;
}

details[open] #open {
  display: none;
}

details #close {
  display: none;
}

details[open] #close {
  display: block;
}

details[open] #close:after {
  transform: rotate(180deg);
  color: #24898d;
}

::-webkit-details-marker {
  display: none;
}

@keyframes open {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

details[open] summary {
  width: 100%;
}
/**********Fixed phone***********/ 
.fixed-icon {
    position: fixed;
    top: 50%; 
    right: 0;
    background-color: #25d366;
    padding: 12px 20px;
    cursor: pointer;
    z-index: 2;
    transform: translateY(-50%); 
}

.fixed-icon a {
    color: #ffffff; 
    text-decoration: none;
    position: relative;
    display: flex;
    align-items: center;
}

.fixed-icon i {
    font-size: 24px;
}

.fixed-icon .phone-number {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 35px;
    transform: translateY(-50%) translateX(100%);
    background-color: #25d366;
    color: #ffffff;
    padding: 9px 15px;
    white-space: nowrap;
    opacity: 0;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    border: 1px solid #a99564;
}

.fixed-icon:hover .phone-number {
    transform: translateY(-50%) translateX(0);
    opacity: 1; 
}

/*************Contact*****************/
.one-second.column {
    width: 50%;
}
.one.column {
    width: 100%;
}
.wpcf7-form .column {
    padding: 0 10px 20px;
}
.column, .columns {
    float: left;
    margin: 0;
}
@media (max-width: 767px) {
.one-second.column {
    width: 100%;
}
}