/*
Theme Name: digitool
Author: Amandine GAGNON
Author URI:
Theme URI:
Tags: full-site-editing
Text Domain: digitool
Requires at least: 6.1
Requires PHP: 7.4
Tested up to: 6.2
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/*--------------------------------------------------------------
# Reset
--------------------------------------------------------------*/
/* Box sizing rules */
*,
*::before,
*::after {
box-sizing: border-box;
}
/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
margin: 0;
}
/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role=list],
ol[role=list] {
list-style: none;
}
/* Set core root defaults */
html:focus-within {
scroll-behavior: smooth;
}
/* Set core body defaults */
body {
min-height: 100vh;
text-rendering: optimizeSpeed;
line-height: 1.5;
background: url("../../../wp-content/uploads/2023/11/comptasante_background.svg") no-repeat;
background-size: cover;
}
/* A elements that don't have a class get default styles */
a:not([class]) {
-webkit-text-decoration-skip: ink;
text-decoration-skip-ink: auto;
}
/* Make images easier to work with */
img,
picture {
max-width: 100%;
display: block;
}
/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
font: inherit;
}
/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
html:focus-within {
scroll-behavior: auto;
}
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
.wp-block-social-link:hover{
transform: scale(1);
}
/* Charger la police Raleway en poids normal (400) */
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
src: url('./assets/fonts/Raleway-Regular.ttf') format('truetype');
}
/* Charger la police Raleway en poids bold (700) */
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
src: url('./assets/fonts/Raleway-Bold.ttf') format('truetype');
}
/* Charger la police Raleway en poids extra bold (900) */
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 900;
src: url('./assets/fonts/Raleway-Black.ttf') format('truetype');
}
/* Utiliser la police Raleway dans le reste du document */
body {
font-family: 'Raleway', sans-serif;
color: var(--wp--preset--color--contrast);
}
.underline{
text-decoration: underline;
}
/*--------------------------------------------------------------
# Menu
--------------------------------------------------------------*/
[class^="wp-block-navigation__responsive-container"]{
align-items: center;
}
.wp-block-navigation__responsive-container-open:before{
content: "Menu";
margin-right: .5rem;
}
.wp-block-navigation__responsive-container-close{
display: flex;
}
.wp-block-navigation__responsive-container-close:before{
content: "Fermer";
margin-right: .5rem;
}
.wp-block-navigation__responsive-container.is-menu-open{
padding: 2rem;
}
.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog{
margin-top: 0;
}
header li a span{
display: flex !important;
align-items: center;
gap: .5rem;
}
header li a span:before{
line-height: 1;
}
header .phone a span:before{
content: url('data:image/svg+xml,');
}
header .rdv a span:before{
content: url('data:image/svg+xml,');
}
.title{
font-weight: 900;
font-size: 1.25rem;
margin-bottom: 2rem!important;
}
.undertitle {
font-weight: 600;
margin-top: 2rem !important;
font-style: normal;
}
/*--------------------------------------------------------------
# CF7
--------------------------------------------------------------*/
body .is-layout-constrained > .wp-block-contact-form-7-contact-form-selector{
max-width: none;
}
.form-card,
.thematique{
padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--60) ;
}
.thematique::before {
content: "";
background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>') no-repeat;
display: block;
margin-bottom: 2rem;
width: 100%;
height: 35px;
}
.wpcf7 p{
margin: 0 0 .5rem 0;
line-height: 1;
}
.wpcf7 p.title{
display: flex;
align-items: center;
}
.wpcf7-inline-wrapper {
display: table;
table-layout: fixed;
width: 100%;
margin: .5rem 0;
}
.wpcf7-inline-wrapper.margin{
margin-top: 1.5rem;
}
.wpcf7-inline-wrapper .wpcf7-inline-field {
width: 50%;
display: table-cell;
vertical-align: top;
padding: 0px .5rem;
}
.wpcf7-inline-wrapper .wpcf7-inline-field:first-child{
padding-left: 0;
}
.wpcf7-inline-wrapper .wpcf7-inline-field:last-child{
padding-right: 0;
}
.wpcf7-inline-field > label > span:first-child {
font-weight: 700;
display: block;
margin: 1rem 0 .5rem 0;
}
.wpcf7-inline-wide{
margin: 0;
}
.wpcf7-inline-field > label > span:first-child::after,
.obligatoire::after{
content: "*";
display: inline-block;
color: #D03E4F;
margin-left: .5rem;
}
label.obligatoire:after{
display: none;
}
h2.warning{
font-size: 18px;
}
h2.warning:before{
content: url('data:image/svg+xml,');
margin-right: .5rem;
display: inline-block;
}
.accordeon_content {
padding: 2rem;
background: rgba(190, 215, 208, 0.14);
color: var(--wp--preset--color--contrast);
display: none;
margin-bottom: 2rem;
}
span.infoAccordeon{
content: url('data:image/svg+xml,');
margin-left: 1rem;
}
.info{
background: rgba(230, 243, 254, 0.44);
max-width: 800px;
margin: auto;
padding: 1.5rem;
font-style: italic;
}
.info.left{
margin: 0;
}
.infoTitle{
font-weight: 700;
display: flex;
align-items: center;
gap: .5rem;
}
.infoTitle:before{
content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
}
.info p{
line-height: 1.6;
}
.info span {
display: block;
font-weight: 700;
margin: auto;
width: fit-content;
}
div.bold{
font-weight: 700;
margin: 3rem 0;
}
h2.warning:after,
.border:before{
content: "";
width: 100%;
height: 1px;
background: #4D5056;
display: block;
margin: 3rem 0;
}
h2.warning:after{
margin: 1rem 0 0 0;
}
.border + .buttons{
margin-top: 3rem;
}
.wpcf7 .flex .wpcf7-checkbox{
flex-direction: row;
gap: 1rem;
}
.wpcf7-checkbox {
display: flex;
align-items: start;
flex-direction: column;
}
.wpcf7-list-item {
display: inline-block;
margin: 0;
}
.wpcf7-list-item-label{
display: flex;
}
.wpcf7-list-item-label,
.wpcf7-list-item-label::before{
justify-content: center;
align-items: center;
}
.wpcf7-list-item-label::before{
content: "";
display: inline-flex;
border-radius: 100%;
border: 1px solid var(--wp--preset--color--contrast);
width: 16px;
margin-right: .5rem;
aspect-ratio: 1/1;
}
.wpcf7-list-item-label.checked::before{
content: "\e900";
font-family: 'icomoon' !important;
line-height: 1;
font-style: normal;
font-weight: normal;
font-size: 8px;
background: #72AEE0;
border-color: transparent;
color: white;
}
input.hidden{
opacity: 0;
display: none;
}
.wpcf7-form input{
padding: 1rem 2rem;
border: 1px solid var(--wp--preset--color--contrast)
}
input, button, textarea, select{
width: 100%;
max-width: 100%;
margin-top: .5rem;
padding: 1rem;
border: 1px solid var(--wp--preset--color--contrast);
background-color: var(--wp--preset--color--base);
}
.wpcf7-form input[type="radio"],.wpcf7-form input[type="checkbox"]{
width: auto;
}
.wpcf7-inline-wrapper.right p input{
float: right;
}
input[type="submit"]{
width: auto!important;
float: right;
}
.codedropz-upload-inner {
min-height: 25vh;
display: flex;
gap: .5rem;
align-items: center;
flex-direction: column;
justify-content: center;
}
.codedropz-upload-inner-img{
content: url('data:image/svg+xml,');
}
#signature-canvas {
border: 1px solid var(--wp--preset--color--contrast);
}
.control_div{
display: flex !important;
justify-content: end;
max-width: 300px;
gap: 1rem;
margin-bottom: 3rem;
}
.control_div button{
font-style: normal;
border-radius: 15.75px;
background: #F9DFDD;
border: none!important;
width: auto;
padding: 6px 12px;
}
.rating-group{
text-align: center;
}
.uacf7-rating:not(:hover) label input:checked ~ .icon, .uacf7-rating:hover label:hover input ~ .icon,
.uacf7-rating:not(:hover) label input:checked ~ .icon{
color: #72AEE0!important;
}
.wpcf7 .buttons{
display: flex;
gap: 1rem;
justify-content: center;
}
.wpcf7 button {
width: auto;
border: 1px solid var(--wp--preset--color--contrast);
}
button,input[type="reset"],input[type="submit"] {
width: auto;
cursor: pointer;
}
.wp-block-button__link{
border-radius: 48px;
padding: 1.5rem 2.5rem!important;
font-weight: 700;
font-style: normal;
}
input[type="submit"]{
background: #39B8B0;
border: 1px solid #39B8B0;
}
input[type="submit"]:hover{
color: #39B8B0;
background-color: #fff;
}
#print:hover{
color: var(--wp--preset--color--contrast);
background-color: #fff;
}
.buttons .wpcf7-spinner{
display: none;
}
#clean{
margin-top: 3rem;
}
input[type="reset"] {
border: none;
text-decoration: underline;
padding: 0;
width: fit-content;
text-decoration: underline;
font-style: normal;
font-weight: 700;
}
#confirm_message{
color: #dc3232!important;
}
.wpcf7 form.sent .wpcf7-response-output{
margin: 2rem 0;
border: none ;
background: var(--wp--preset--color--base);
text-align: center;
}
#gform_fields_32 .gfield--input-type-textarea > .gform-field-label,
#gform_fields_32 fieldset > .gform-field-label{
font-weight: 700 !important;
}
#gform_fields_32 .gfield--input-type-html{
margin-bottom: -2rem !important;
}
.repeater-field-header{
display: none;
}
.repeater-field-footer{
margin-top: 2rem;
}
.repeater-field-footer:hover >.gf-repeater-field-button-add{
border: none!important;
box-shadow: none !important;
color: #000;
text-decoration: underline;
}
.gfield--type-repeater_end{
padding: 0!important;
}
.repeater-field-item{
margin: 1rem 0;
}
.container-repeater-field{
display: flex;
flex-direction: column;
gap: var(--gf-form-gap-y);
}
/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
@media screen and (max-width: 1500px){
body .is-layout-constrained > .alignwide {
max-width: 90%;
}
}
@media screen and (min-width: 1400px){
.wpcf7 .flex .flex-group{
display: grid;
grid-template-columns: 1fr 2fr;
gap: 2rem;
}
.wpcf7 .flex .flex-group > :last-child{
display: flex;
align-items: center;
gap: 1rem;
}
.wpcf7 .flex .flex-group > :last-child > *{
margin: 0!important;
}
}
@media (min-width: 1081px){
.wpcf7-inline-field.solo input{
max-width: calc(50% - .5rem);
}
}
@media (min-width: 300px) and (max-width: 1080px){
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
display: none;
position: fixed;
}
.wp-block-navigation__responsive-container-open:not(.always-shown) {
display: flex!important;
}
.wpcf7-inline-wrapper .wpcf7-inline-field {
width: 100%;
display: block;
padding: 0 !important;
}
.entry-content > .wp-block-group{
padding: 2rem!important;
}
.form-card, .thematique {
padding: 2rem;
}
#signature-canvas{
max-width: 100%;
}
.gform-theme--foundation .gfield .ginput_password.medium, .gform-theme--foundation .gfield input.medium, .gform-theme--foundation .gfield select.medium {
inline-size: 100%;
}
}
/*--------------------------------------------------------------
# Test for Pauline
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Fonts - icon
--------------------------------------------------------------*/
@font-face {
font-family: 'icomoon';
src: url('./assets/fonts/icomoon.woff?fqm5yz') format('woff');
font-weight: normal;
font-style: normal;
font-display: inline-block;
}