/*
Theme Name: smarttheme
Theme URI: https://smarttheme.smartson.fr
Author: agence smartson
Author URI: https://www.smartson.fr
Description: Ceci est une courte description du thème smarttheme
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 5.7
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: smarttheme
Tags:
*/
/* ############################################################################################################ */
/* ########### style pour resolution desktop a partir de 1921px de large ###################################### */
/* ############################################################################################################ */
@media (min-width: 1921px) {
/* ########### calage fixe du bloc texte par rapport au paragraphe au-dessus de la video ###################### */
.wp-block-cover.is-position-bottom-left { padding: 3.5em!important; }
/* ########### definition de la largeur maximum du site et centrage sur la largeur d'ecran ################### */
.wp-site-blocks { max-width: 1920px!important; width: 100%!important; margin: auto; }
/* ########### definition de la largeur du footer sur la pleine largeur d ecran ############################### */
footer.wp-block-template-part { width: calc(100svw - 5px)!important; transform: translateX(calc(-50vw + 960px)); }
}
/* ############################################################################################################ */
/* ########### style pour resolution desktop inferieure à 1500px de large ##################################### */
/* ############################################################################################################ */
@media (max-width: 1500px) {
/* ########### retire les balise
aux paragraphes pour éviter les retours à la ligne disgracieux ########## */
.wp-block-cover .has-text-align-left br { display:none; }
.wp-block-heading br { display:none; }
/* ########### retire duit la taille des espaces entres des éléments de la grille ############################# */
.wp-block-columns-is-layout-flex { max-width: 85vw!important; }
/* ########### fixe à 100vw pour ne pas tenir compte de la réduction à 85vw au-dessus ######################### */
footer .wp-block-columns-is-layout-flex { max-width: 100vw!important; }
}
/* ############################################################################################################ */
/* ########### style pour resolution desktop entre 1000px et 1920px de large ################################## */
/* ############################################################################################################ */
@media (min-width: 1000px) and (max-width: 1920px) {
/* ########### definition de la largeur maximum du site et centrage sur la largeur d'ecran ################### */
.wp-site-blocks { max-width: 1920px!important; width: 100%!important; margin: auto; }
}
/* ############################################################################################################ */
/* ########### style pour resolution desktop entre 1000px et 1199px de large ################################## */
/* ############################################################################################################ */
@media (min-width: 1000px) and (max-width: 1199px) {
/* ########### calage des espaces entre les éléments du menu à 20px au lieu de 50px par défaut ############### */
.wp-container-core-navigation-is-layout-1 { gap: 20px !important; }
/* ########### retire les balise
aux paragraphes pour éviter les retours à la ligne disgracieux ######### */
.wp-block-cover .has-text-align-left br { display:none; }
/* ########### permet à la zone texte au dessus de la vidéo de prendre toute la largeur de la vidéo ########### */
.wp-block-cover__inner-container {max-width:100%; }
}
/* ############################################################################################################ */
/* ########### style pour resolution desktop a partir de 1000px de large ###################################### */
/* ############################################################################################################ */
@media (min-width: 1000px) {
/* ########### definit les marges du site à 75px ############################################################## */
header.wp-block-template-part { margin-left: 75px; margin-right: 75px; }
.entry-content { margin-left: 75px; margin-right: 75px; }
/* ########### definit les dimensions et le style du block "cover" ############################################ */
.wp-block-cover { border-radius: 10px; object-fit: cover; height: calc(100svh - 150px); margin-block-start: 0px; margin-left: 75px; margin-right: 75px; margin-bottom: 75px!important; }
.has-text-align-left.soustitre-cover-video { margin-block-start: 10px; }
/* ########### definit le calage et la largeur des bloc sous-menu qui se déroule en menu desktop ############## */
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {padding-top: 15px!important; padding: 26px; min-width:350px!important; border: 0px!important; transform: translateX(-40px);}
/* ########### definit le style des entêtes de menu desktop dans le header #################################### */
button.wp-block-navigation-item__content.wp-block-navigation-submenu__toggle { font-size: 1.1em; font-style: normal; font-weight: 600; }
/* ########### définit le style du hover au dessus de tous les liens du menu desktop ########################## */
button.wp-block-navigation-item__content.wp-block-navigation-submenu__toggle:hover { color: #206c2e; }
.wp-block-navigation a.wp-block-navigation-item__content.wp-block-navigation-item__content:hover { color: #206c2e; }
}
/* ############################################################################################################ */
/* ########### style pour resolution desktop jusqu'à 999px de large ########################################### */
/* ############################################################################################################ */
@media (max-width: 999px) {
/* ########### retire les balise
aux titres h2 pour éviter les retours à la ligne disgracieux ########## */
h2.wp-block-heading.has-text-align-left br { display:none; }
/* ########### affichage du menu burger ####################################################################### */
.wp-block-navigation__responsive-container-open { display: block !important; }
/* ########### correction calage "croix" du menu burger ####################################################### */
.wp-block-navigation__responsive-container.is-menu-open { padding-top:20px!important; padding-right: 28px!important; }
/* ########### masquage du menu desktop ####################################################################### */
.wp-block-navigation__responsive-container:not(.is-menu-open.has-modal-open) { display: none !important; }
/* ########### suppression du bouton vert téléphone dans le header suite à la bascule en menu mobile ########## */
/* .wp-block-buttons {display: none!important; } */
.bouton-tel-desktop {display: none!important; }
/* ########### retire les balise
aux paragraphes pour éviter les retours à la ligne disgracieux ########## */
.wp-block-cover .has-text-align-left br { content: ""; }
.wp-block-cover .has-text-align-left br:after { content: " "; }
/* ########### réduit les marges extérieures à 25px ########################################################### */
header.wp-block-template-part { margin-left: 25px; margin-right: 25px; }
.entry-content { margin-left: 25px; margin-right: 25px; }
/* ########### définit les dimensions et le style du block "cover" ############################################ */
.wp-block-cover { border-radius: 10px; object-fit: cover; height: calc(100svh - 100px); margin-block-start: 0px; margin-left: 25px; margin-right: 25px; margin-bottom: 35px!important; }
/* ########### réduction des tailles de police sur les textes au dessus de la "cover" ######################### */
.has-text-align-left.titre-cover-video { font-size: 3.6em!important; }
h1.wp-block-heading { font-size: 3.6em!important; }
.has-text-align-left.soustitre-cover-video { font-size: 1.5em!important; }
/* ########### permet à la zone texte au dessus de la vidéo de prendre toute la largeur de la vidéo ########### */
.wp-block-cover__inner-container { max-width:100%; }
/* ########### calage de la position du menu mobile déroulé par rapport au haut de l'écran #################### */
.wp-block-navigation__responsive-container-content { padding-top: 0px!important; }
/* ########### taille des textes - blocs entete du menu mobile ################################################ */
.wp-block-navigation__container { font-size: 1.5em; letter-spacing: -0.1rem!important; padding-bottom: 0px!important; padding-top: 0px!important; }
.wp-block-navigation-item__content { padding-top: 0px!important; margin-top: 0px!important; }
.wp-block-navigation-item.wp-block-navigation-link { padding-top: 0px!important; margin-top: 0px!important; }
/* ########### taille des textes - blocs en-tete ouvrables du menu mobile ##################################### */
button.wp-block-navigation-item__content.wp-block-navigation-submenu__toggle { font-size: 1.1em; color: #BDBDBD!important; font-style: normal; font-weight: 600; }
.wp-block-navigation-item.wp-block-navigation-link { padding-top: 0px!important; margin-top: 0px!important; padding-bottom: 0px!important; }
/* ########### espace des blocs du sous-menu ################################################################## */
.wp-block-navigation__submenu-container.wp-block-navigation-submenu {padding-left: 15px!important; margin-top: 0px!important; padding-top: 0px!important; padding-bottom: 0px!important; }
.wp-block-navigation-item__label {padding-top: 0px!important; padding-bottom: 0px!important; margin-top: 0px!important; margin-bottom: 0px!important; }
}
/* ############################################################################################################ */
/* ########### style pour resolution desktop jusqu'à 699px de large ########################################### */
/* ############################################################################################################ */
@media (max-width: 699px) {
/* ########### taille des textes - blocs entete du menu mobile ################################################ */
.wp-block-navigation__container { font-size: 1.5em; letter-spacing: -0.1rem!important; }
.wp-block-navigation-item__content { padding-top: 0px!important; }
.wp-block-navigation-item.wp-block-navigation-link { padding-top: 0px!important; }
/* ########### taille des textes - blocs en-tete ouvrables du menu mobile ##################################### */
button.wp-block-navigation-item__content.wp-block-navigation-submenu__toggle { font-size: 1.1em; color: #BDBDBD!important; font-style: normal; font-weight: 600; }
.wp-block-navigation-item.wp-block-navigation-link { padding-top: 5px!important; padding-bottom: 5px!important;}
/* ########### espace des blocs du sous-menu ################################################################## */
.wp-block-navigation__submenu-container.wp-block-navigation-submenu {padding-left: 15px!important; }
.wp-block-navigation-item__label {padding-top: 0px!important; padding-bottom: 0px!important; }
/* ########### modification des tailles de polices sur le cover video ######################################### */
.has-text-align-left.titre-cover-video { font-size: 2.6em!important; }
h1.wp-block-heading { font-size: 2.6em!important; }
.has-text-align-left.soustitre-cover-video { font-size: 1.2em!important; }
/* ########### calage fixe du bloc texte/paragraphe au-dessus de la vidéo ##################################### */
.wp-block-cover.is-position-bottom-left { padding: 1.5em!important; }
.has-text-align-left.soustitre-cover-video { margin-block-start: 10px; }
/* ########### réduction des espaces entre les items du menu à 5px au lieu de 50px ############################ */
.wp-container-core-navigation-is-layout-1 { gap: 0px !important;}
/* ########### réduction de la taille des et des
##################################################### */
h2.wp-block-heading { font-size: 2.5rem!important; line-height: 1!important; }
p.has-text-align-left { margin-top: 0.2em!important; }
.wp-block-group-is-layout-grid { gap: 1.5rem!important; }
}
/* ############################################################################################################ */
/* ############################################################################################################ */
/* ############################################################################################################ */
/* ########### Uniformisation de la taille des images dans la galerie ######################################## */
figure .wp-block-image { min-width: 150px!important; max-width: 200px!important; }
/* ########### personnalisation des légendes sous les images en galerie ####################################### */
figure .wp-block-image figcaption { background: unset!important; color: #545454!important; text-shadow: unset!important; padding: 0em!important; }
.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before { display: none; }
/* ########### personnalisation des icones réseaux sociaux dans le footer ##################################### */
footer .wp-block-social-links svg { fill: #000!important; }
footer .wp-block-social-links { font-size: 30px!important; }
/* ########### désactivation des zones bleu au clic sur mobile ################################################ */
input,textarea,button,select,a { -webkit-tap-highlight-color: transparent; }
/* ########### scrollbar personnalisée ######################################################################## */
::-webkit-scrollbar {width: 5px;}
/* Track */ ::-webkit-scrollbar-track {background: #eeeeee; border-radius: 10px;}
/* Handle */::-webkit-scrollbar-thumb {background: #555555; border-radius: 10px;}
/* Handle on hover */::-webkit-scrollbar-thumb:hover {background: #222222;}
.entry-content.wp-block-post-content.is-layout-flow.wp-block-post-content-is-layout-flow { margin-block-start: 0px !important; }
/* ############################################################################################################ */
/* ########### style formulaires smartform #################################################################### */
/* ############################################################################################################ */
input#smartform-button {
background-color: #206c2e; /* Couleur de fond noire */
color: #ffffff; /* Couleur du texte blanche */
padding: 10px 30px; /* Espacement intérieur : 10px en haut et en bas, 20px à gauche et à droite */
font-size: 16px; /* Taille de la police de 16px */
font-weight: bold; /* Texte en gras */
border: none; /* Pas de bordure */
border-radius: 20px; /* Coins arrondis de 5px */
cursor: pointer; /* Curseur en forme de main au survol */
transition: background-color 0.3s; /* Transition douce de la couleur de fond sur 0,3 seconde */
}
.smartform-submit {
float: right;
}
.smartform-confirm-checkbox input[type="checkbox"] {
background-color: #fff;
margin-right: 4px;
margin-bottom: 4px;
margin-left: 0px;
font: inherit;
color: currentColor;
width: 1.15em;
height: 1.15em;
border: 0.15em solid currentColor;
border-radius: 0.15em;
transform: translateY(0.2em);
cursor: pointer;
}
.smartform-confirm-checkbox {
margin-bottom: 20px;
margin-top: 10px;
}
.smartform-message {
display: grid!important;
margin-top: 15px;
}
.smartform-row {
display: grid!important;
}
#simple-contact-form .smartform-row input {
background-color: rgb(249, 249, 249);
color: rgb(0 0 0);
margin: 10px 0px;
font-size: 16px;
font-weight: 400;
border: 0.5px solid rgb(173 173 173);
border-radius: 5px;
transition: background-color 0.3s;
padding: 10px;
font-family: 'Outfit';
}
textarea#smartform_message {
display: block;
background-color: rgb(249, 249, 249);
color: rgb(0 0 0);
margin: 10px 0px;
font-size: 16px;
font-weight: 400;
border: 0.5px solid rgb(173 173 173);
border-radius: 5px;
transition: background-color 0.3s;
width: calc(100% - 20px);
height: 100px;
resize: none;
padding: 10px;
font-family: 'Outfit';
}
.smartform_spam {
color: red;
font-weight: bold;
}
.smartform_success {
text-align: center;
font-size: 5em;
color: #206c2e;
letter-spacing: -0.05em;
margin-top: 35px!important;
margin-bottom: 0em!important;
padding-top: 0em!important;
padding-bottom: 0em!important;
}
.smartform_success_sub {
text-align: center;
font-size: 2em;
color: #206c2e;
margin-top: 0px!important;
margin-bottom: 0px!important;
padding-top: 0px!important;
padding-bottom: 0px!important;
font-weight: 500;
letter-spacing: -0.05em;
line-height: 1em;
}
.smartform_success_text {
text-align: center;
font-size: 1.6em;
color: rgb(0 0 0);
margin-top: 15px!important;
margin-bottom: 110px!important;
padding-top: 0px!important;
padding-bottom: 0px!important;
font-weight: normal;
letter-spacing: -0.05em;
line-height: 1em;
}
.smartform_reset {
text-align: center;
font-size: 1.2em;
color: #206c2e;
}
.smartform_reset a {
background-color: rgb(0 0 0); /* Couleur de fond noire */
color: #ffffff; /* Couleur du texte blanche */
padding: 10px 30px; /* Espacement intérieur : 10px en haut et en bas, 20px à gauche et à droite */
font-size: 18px; /* Taille de la police de 16px */
font-weight: unset; /* Texte en gras */
border: none; /* Pas de bordure */
border-radius: 20px; /* Coins arrondis de 5px */
cursor: pointer; /* Curseur en forme de main au survol */
transition: background-color 0.3s; /* Transition douce de la couleur de fond sur 0,3 seconde */
}
code {
display: none!important;
}
a:visited {
color: unset;
}