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

body, .qform2022, .qform2022 input, .qform2022 select, .qform2022 textarea { font-family: "Albert Sans", Arial, sans-serif; }
.qform2022 h1, .qform2022 h2, .qform2022 .title, .qform2022 button.button { font-family: "Outfit", Arial, sans-serif; }
.qform2022 .title, .qform2022 h1 { color: #17261f; }
.qform2022 .subtitle, .qform2022 h2 { color: #51605a; }

/* 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: #b4501a; border-radius: 0; letter-spacing: .02em; }
.qform2022 button.button:hover { background: #1d4d3c; }
.qform2022 button.button.clear { background: transparent; border: 1px solid #b4501a; color: #b4501a; }
.qform2022 button.button.clear:hover { background: #b4501a; color: #fff; }

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

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

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