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

body, .qform2022, .qform2022 input, .qform2022 select, .qform2022 textarea { font-family: "Hind", Arial, sans-serif; }
.qform2022 h1, .qform2022 h2, .qform2022 .title, .qform2022 button.button { font-family: "Plus Jakarta Sans", Arial, sans-serif; }
.qform2022 .title, .qform2022 h1 { color: #1d2a30; }
.qform2022 .subtitle, .qform2022 h2 { color: #566870; }

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

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

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

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