/*
Theme Name: LP MFTOnline
Theme URI: 
Author: Velcome SEO
Author URI: 
Description: 
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lp-mftonline
Tags: 
*/

header.sticky {
  position: sticky;
  top: 0;
  z-index: 1000000;
}

main,
footer {
  margin: 0;
}

.d-none-desktop {
  display: none !important;
}

@media screen and (max-width: 767px) {
  .d-none-desktop {
    display: flex !important;
  }
}

.d-none-mobile {
  display: flex !important;
}

@media screen and (max-width: 767px) {
  .d-none-mobile {
    display: none !important;
  }
}

.rounded-table thead {
  background-color: var(--wp--preset--color--custom-bleu);
  color: white;
}

@media screen and (max-width: 720px) {
  .scrollable {
    border-radius: 20px;
    overflow-x: scroll !important;
  }
}

.table-container {
  min-width: 720px;
}

.rounded-table,
.table-container {
  overflow: hidden;
  border-radius: 20px;
}

thead {
  border: none;
}

th {
  padding: 20px !important;
}

table {
  border-collapse: collapse;
}
table td,
table th {
  border: 1px solid black;
}
table tr:first-child th {
  border-top: 0;
}
table tr:last-child td {
  border-bottom: 0;
}
table tr td:first-child,
table tr th:first-child {
  border-left: 0;
}
table tr td:last-child,
table tr th:last-child {
  border-right: 0;
}

table tr td:last-of-type {
  background-color: lightgray;
}

.img-quote {
  z-index: 1000 !important;
}

.bulle {
  position: relative;
}

.bulle:after {
  content: "";
  position: absolute;
  top: 105%;
  left: 5%;
  margin-top: -10px;
  border-width: 15px;
  border-style: solid;
  border-color: transparent transparent transparent
    var(--wp--preset--color--custom-gris);
  rotate: 90deg;
}

[class*="-send"] {
  padding: 10px;
  font-weight: bold;
}

.error-send {
  border: solid 1px var(--wp--preset--color--vivid-red);
  color: var(--wp--preset--color--vivid-red);
}

.succes-send {
  border: solid 1px var(--wp--preset--color--vivid-green-cyan);
  color: var(--wp--preset--color--vivid-green-cyan);
}

#contact-form .form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  font-weight: 300;

  @media screen and (max-width: 767px) {
    grid-template-columns: 1fr;
  }
}

#contact-form .form-grid label {
  display: flex;
  flex-direction: column;
}

#contact-form .form-grid label span span,
#contact-form .form-grid div span span {
  color: red;
}

#contact-form .form-grid label span,
#contact-form .form-grid div span {
  margin-bottom: 5px;
  display: inline-block;
}

label[for="commentaires"] {
  grid-column: 1/3;
  margin-bottom: 15px;

  @media screen and (max-width: 767px) {
    grid-column: 1;
  }
}

textarea {
  margin-top: 5px;
  font-family: var(--wp--preset--font-family--inter);
}

input[type="radio"] {
  width: 15px;
}

input[type="text"],
select,
input[type="email"],
input[type="tel"],
textarea {
  border: solid 2px #dddddd;
  border-radius: 4px;
  padding: 10px;
}

#contact-form .form-grid label[for="utilisateur-professionnel"] {
  margin-bottom: 5px;
}

#contact-form .form-grid label[for="utilisateur-professionnel"],
#contact-form .form-grid label[for="utilisateur-particulier"] {
  display: flex;
  flex-direction: row;
  gap: 10px;
}

#contact-form button[type="submit"] {
  width: fit-content;
  margin-top: 15px;
}

.g-recaptcha {
  transform: scale(0.77);
  -webkit-transform: scale(0.77);
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
}