/* Style du formulaire MyJobQuote (iframe) pour buryjoinery.co.uk : couleurs et polices du site, angles droits. */
@import url('https://fonts.googleapis.com/css2?family=Familjen+Grotesk:wght@600;700&family=Be+Vietnam+Pro:wght@400;600;700&display=swap');

body, .qform2022, .qform2022 input, .qform2022 select, .qform2022 textarea { font-family: "Be Vietnam Pro", Arial, sans-serif; }
.qform2022 h1, .qform2022 h2, .qform2022 .title, .qform2022 button.button { font-family: "Familjen Grotesk", Arial, sans-serif; }
.qform2022 .title, .qform2022 h1 { color: #2a2018; }
.qform2022 .subtitle, .qform2022 h2 { color: #62574c; }

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

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

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

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