/* Style du formulaire MyJobQuote (iframe) pour derehamelectrician.com : couleurs et polices du site, angles droits. */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@600;700&family=Karla:wght@400;600;700&display=swap');

body, .qform2022, .qform2022 input, .qform2022 select, .qform2022 textarea { font-family: "Karla", Arial, sans-serif; }
.qform2022 h1, .qform2022 h2, .qform2022 .title, .qform2022 button.button { font-family: "Bricolage Grotesque", Arial, sans-serif; }
.qform2022 .title, .qform2022 h1 { color: #1b1f21; }
.qform2022 .subtitle, .qform2022 h2 { color: #586166; }

/* Premier écran : le titre « Post your job » et l'accroche sont remplacés par l'en-tête de la page. */
.qform2022.first-step > h1, .qform2022.first-step > h2 { display: none; }
.main-popup-container { padding-top: 0 !important; padding-bottom: 10px !important; }
.qform2022.first-step > .single { padding-top: 0 !important; }

.qform2022 button.button { background: #2b3033; border-radius: 0; letter-spacing: .02em; }
.qform2022 button.button:hover { background: #1c2023; }
.qform2022 button.button.clear { background: transparent; border: 1px solid #2b3033; color: #2b3033; }
.qform2022 button.button.clear:hover { background: #2b3033; color: #fff; }

.qform2022 .generic-inputs input, .qform2022 .generic-inputs select, .qform2022 .generic-inputs textarea { border-radius: 0; border-color: #d3d8da; }
.qform2022 .generic-inputs input:focus, .qform2022 .generic-inputs select:focus, .qform2022 .generic-inputs textarea:focus { border: 1px solid #2b3033; outline: none; }

.qform2022 .options-container .single .t1 { color: #1b1f21; font-weight: 600; }
.qform2022 .options-container.radio .single.active .opt { border: 5px solid #2b3033; }
.qform2022 .options-container.checkbox .single.active .opt:after { color: #2b3033; }
.qform2022 .terms-container.active .checkbox:after { color: #2b3033; }
.qform2022 .footernav a.normal-link { color: #2b3033; }
.qform2022 .incentive { border-color: #2b3033; }

/* Variante « Single » (feuille iframe.css de MyJobQuote) */
.quoteform input[type="submit"] { background-color: #2b3033; border-radius: 0; }
.quoteform select:focus, .quoteform textarea:focus, .quoteform input:focus { border-color: #2b3033; }
.quoteform .select-wrapper.current:after { border-color: #2b3033; color: #2b3033; }