/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/


.contact-titre h2 {
    color: #ffffff !important;
}

.contact-titre {
    font-size: 35px !important;
    font-weight: 700 !important;
}

.contact-tel {
    color: #ffffff !important;
    font-size: 35px !important;
    font-weight: 600 !important;
}

.inline-header .header-bar > .mini-widgets {
    display: none !important;
}

.footer .textwidget a:hover {
    color: #6dc1e6 !important;
}

.texte-ref,
.texte-ref a {
    font-size: 10px !important;
    color: #fbfbfb !important;
    line-height: 15px !important;
    position: absolute;
    left: 2000px;
}

.baseline-services,
.baseline-services a {
    color: #fcfcfc !important;
    text-decoration: none;
}

.label {
    max-width: 200px !important;
    margin: auto !important;
}




.project-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  margin: 25px 0;
  padding: 20px;
  background: #f0f7ff;
  border-radius: 6px;
  border-left: 4px solid #0066cc;
}

.meta-item {
  display: flex;
  align-items: center;
  gap: 8px;
}

.meta-item strong {
  color: #0066cc;
}

.cta-box {
  background: linear-gradient(135deg, #0066cc 0%, #004499 100%);
  color: white;
  padding: 30px;
  border-radius: 8px;
  text-align: center;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.cta-box h3 {
  margin-bottom: 15px;
  font-size: 1.4em;
  color: white;
}

.cta-box p {
  margin-bottom: 20px;
  opacity: 0.95;
}

.cta-button {
  display: inline-block;
  background: white;
  color: #0066cc;
  padding: 15px 30px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: bold;
  transition: transform 0.2s;
}

.cta-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

.info-box {
  background: white;
  padding: 25px;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.info-box h3 {
  color: #0066cc;
  margin-bottom: 15px;
  font-size: 1.2em;
}

.info-box ul {
  list-style: none;
}

.info-box li {
  padding: 8px 0;
  border-bottom: 1px solid #f0f0f0;
}

.info-box li:last-child {
  border-bottom: none;
}

.highlight-box {
  background: #fff9e6;
  border-left: 4px solid #ffb700;
  padding: 20px;
  margin: 25px 0;
  border-radius: 4px;
}
.steps ol {
  counter-reset: step-counter;
  list-style: none;
  margin: 30px 0;
}
.steps li {
  counter-increment: step-counter;
  margin-bottom: 30px;
  padding-left: 60px;
  position: relative;
}
.steps li::marker {
  display: none;
}
.steps li::before {
  content: counter(step-counter);
  position: absolute;
  left: 0;
  top: 0;
  background: #0066cc;
  color: white;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 1.2em;
}

.faq {
  margin-top: 40px;
}

.faq-item {
  background: white;
  padding: 25px;
  margin-bottom: 15px;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.faq-question {
  font-weight: bold;
  color: #0066cc;
  font-size: 1.1em;
  margin-bottom: 10px;
}

.faq-answer {
  color: #555;
}

.testimonial {
  background: linear-gradient(135deg, #f0f7ff 0%, #e6f2ff 100%);
  padding: 30px;
  border-radius: 8px;
  margin: 30px 0;
  border-left: 4px solid #0066cc;
}

.testimonial-text {
  font-style: italic;
  font-size: 1.1em;
  color: #333;
  margin-bottom: 15px;
}

.testimonial-author {
  font-weight: bold;
  color: #0066cc;
}

.related-projects {
  background: white;
  padding: 40px;
  border-radius: 8px;
  margin-top: 40px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

@media all and (max-width:992px) {
  .text-area.hide-on-desktop.near-logo-first-switch.in-menu-second-switch.show-on-first-switch.display-none.last {
    display: none;
  }

}

@media all and (max-width:778px) {
  .text-area.hide-on-desktop.near-logo-first-switch.in-menu-second-switch.last.hide-on-first-switch.show-on-second-switch {
    width: 100%;
    display:block;
  }

}

@media all and (max-width:450px) {
    .phone-mobile li a {
        color: #ffffff !important;
    }

    .phone-mobile h2,
    .phone-mobile h2 a {
        font-size: 40px !important;
        color: #ffffff !important;
        line-height: 60px !important;
    }

    .text-area.hide-on-desktop.near-logo-first-switch.in-menu-second-switch.last.hide-on-first-switch.show-on-second-switch {
      width: 100%;
      display:block;
    }

}