/*
Theme Name: Twenty Twenty-Five Enfant
Template: twentytwentyfive

TEST  body { background-color: blue;}
*/


/*            *********************************************************************************       */
/*            *               F I C H I E R     STYLE.CSS     E N     L I G N E               *       */
/*            *********************************************************************************       */


/*  ----- AJOUT MGA -----    */

/* --- Déclaration police titre du site ----- */
@font-face {
    font-family: 'FasterOne-Regular';
    src: url('assets/fonts/Faster_One/FasterOne-Regular.eot');
    src: url('assets/fonts/Faster_One/FasterOne-Regular.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/Faster_One/FasterOne-Regular.woff2') format('woff2'),
         url('assets/fonts/Faster_One/FasterOne-Regular.woff') format('woff'),
         url('assets/fonts/Faster_One/FasterOne-Regular.ttf') format('truetype'),
         url('assets/fonts/Faster_One/FasterOne-Regular.svg#FasterOne-Regulart') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* --- Chargement police titre du site ----- */
.titre_site_font_cl {font-family: 'FasterOne-Regular';}

/* --- RESPONSIVE DESIGN Par défaut sur MOBILE --- */

/* Image en arrière-plan */
.img_fond_cl {
  background-image: url(https://c2t-31.fr/wp-content/uploads/maison.png);
  background-size: 70%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: top 60% center;
}

/* --- Liens au survol ----- */
a:hover {
	color: #fbe363 !important;                                  /* Au survol lien jaune */
  text-decoration: none;                                      /* Au survol lien pas souligné */
}

a:active {
  border: none !important;                                   /* Au survol lien jaune */
  text-decoration: none;                                      /* Au survol lien pas souligné */
}

a:focus {
  border: none !important;                                   /* Au survol lien jaune */
  text-decoration: none;                                      /* Au survol lien pas souligné */
}

/* Texte gras */
.txt_gras_cl {font-weight: bold;}

/* Texte italique */
.txt_italic_cl {font-style: italic;}

/* Texte justifié sur certaines pasges */
.txt_justifie_cl {text-align: justify;}

/* Affichage des liens sur page Plan du site */
.plan_du_site_liens_cl a {
  color: blue;
  text-decoration: none;
}

/* Mise en page carte */
.carte_cl {
  background-color: #fcec9c;
  padding: 10px;
  border-left: 1px;
  border-top: 1px;
  border-right: 1px;
  border-bottom: 1px;
  border-style: solid;
  border-color: #14447c;
 	box-shadow: 5px 5px 8px #14447c;
}

/* reCAPTCHA */
/* Affiché sur aucune page */
.grecaptcha-badge {
  visibility: hidden;
}
/* Affiché sur la page indiquée */
/* Changer n°ID page par le bon */
.page-id-142 .grecaptcha-badge {
  visibility: visible;
}

/* Masquer colonne 1 (Marques) */
.col_marques_cl {
   display: none;
}

/* Afficher image marques */
.img_marques_cl {
   display: block;
}

.bouton_appel_bordure_cl {
   margin-top: 20px;
   display: flex;
   justify-content: center;
   width: 95%;
   padding: 5px 15px 5px 0;
   text-align: center;
   color: white;
   background-color: #ec7404;
   border-radius: 30px;
   border-style: outset;
   border-width: 3px;
   border-color: black;
   text-decoration: none;
}
 
.bouton_appel_fond_cl {
   display: flex;
   justify-content: center;
   width: 80%;
   margin: 0px 15px 0px 5px;
   text-align:center;
   font-family: "arial";
   color: #0967cd;
   font-weight: bold;
   font-size: x-large;
   background: white;
   border-radius: 30px;
   text-decoration: none;
}

.bouton_appel_bordure_cl:focus {
   border-style: inset;
   border-width: 3px;
   border-color: black;
}

.google_maps_cl {
   width: 320px;
   height: 300px;
}

/* --- RESPONSIVE DESIGN sur MOBILE LANSCAPE --- */

@media screen and (max-width: 800px) and (orientation: landscape) {

  .img_fond_cl {
    background-size: 30%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top 120% center;
  }
  
  .colonnes_cl {
    flex-direction: column;
  }
 
 /* Masquer colonne 1 (Marques) */
  .col_marques_cl {
    display: none;
  }

  /* Afficher image marques */
  .img_marques_cl {
     display: block;
  }
  
  .google_maps_cl {
     width: 320px;
     height: 300px;
   }
   
  .col_3_cl {
     width: 100%;
     align-items: center;
   }
   
  .grpe_col_3_cl {
     width: 50%;
   }
}

/* --- RESPONSIVE DESIGN sur TABLETTE PORTRAIT --- */

/* --- RESPONSIVE DESIGN sur TABLETTE ET PC --- */

@media screen and (min-width: 800px) {
  
  /* Masquer bouton d'appel */
  .bouton_appel_bordure_cl {display: none;}

  .bouton_appel_fond_cl {display: none;}
  
  /* Masquer image marques */
  .img_marques_cl {display: none;}

  /* Afficher colonne 1 (Marques) */
  .col_marques_cl {display: flex;}
  
  /* Image en arrière-plan */
  .img_fond_cl {
    background-size: 25%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top 80% center;
  }
  
  .google_maps_cl {
     width: 640px;
     height: 480px;
  }

}