/** DO NOT MODIFY THIS FILE. All code here are generated by MachForm Theme Editor **/

#main_body h1 a
{
background-image: url('https://www.powerslave.be/webform/images/form_resources/machform.png');
background-repeat: no-repeat;
height: 40px;
}

html
{
background-image: url('https://www.powerslave.be/webform/images/form_resources/grey-mild.png');
background-repeat: repeat;
}

#main_body h1
{
background-color: #525252;
background-image: none;
}

#form_container
{
background-color: #ffffff;
border-width: 0px;
border-style: solid;
border-color: #CCCCCC;
}

#main_body form li.highlighted,#main_body .matrix tbody tr:hover td,#machform_review_table tr.alt
{
background-color: #FFF7C0;
}

#main_body form .guidelines
{
background-color: #F5F5F5;
border-width: 1px;
border-style: solid;
border-color: #CCCCCC;
}

#main_body form .guidelines small
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 80%;
color: #444444;
}

#main_body input.text,#main_body input.file,#main_body textarea.textarea,#main_body select.select,#main_body input.checkbox,#main_body input.radio
{
background-color: #FBFBFB;
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 100%;
color: #666666;
}

#machform_review_table td.mf_review_value
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 100%;
color: #444444;
}

#main_body .form_description h2,#main_body .form_success h2
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 160%;
color: #444444;
}

#main_body .form_description p,#main_body form ul.payment_list_items li
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 95%;
color: #444444;
}

#main_body form li span.ap_tp_text
{
color: #444444;
}

#main_body form li label.description,#main_body form li span.description,#main_body .matrix caption,#main_body .matrix td.first_col,#main_body form li.total_payment span,#machform_review_table td.mf_review_label
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 700;
font-style: normal;
font-size: 95%;
color: #444444;
}

#main_body form li span label,#main_body label.choice,#main_body .matrix th,#main_body form li span.symbol,.mf_sigpad_clear,#main_body form li div label,#main_body form li div span.label
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
color: #444444;
}

#main_body form .section_break h3,#main_body form .media h3,#machform_review_table td .mf_section_title
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 110%;
color: #444444;
}

#main_body form .section_break p,#main_body form .media p,#machform_review_table td .mf_section_content
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 85%;
color: #444444;
}

#main_body form li.section_break
{
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #CCCCCC;
}



/** Advanced CSS **/

/* ==========================================================================
   Powerslave – MachForm theme for forms embedded on powerslave.be
   Paste into: MachForm > Themes > (theme) > Advanced > Custom CSS
   Matches the Shopify site: Barlow Condensed, navy #002c42, yellow #ffaa01.
   ========================================================================== */

/* Barlow Condensed, the site font (latin subset, Google Fonts) */
@font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 400; font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTx3L3I-JCGChYJ8VI-L6OO_au7B6xHT2lv0tKk.woff2) format('woff2'); }
@font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 500; font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxwL3I-JCGChYJ8VI-L6OO_au7B4-Lwz3bWuYMBYro.woff2) format('woff2'); }
@font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 600; font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxwL3I-JCGChYJ8VI-L6OO_au7B4873z3bWuYMBYro.woff2) format('woff2'); }

/* --- Page and card: transparent around a white card, like the site's contact cards */
html, body#main_body {
  background: transparent !important;
  background-image: none !important;
}

#main_body {
  margin: 0 !important;
  padding: 0 !important;
  font-family: 'Barlow Condensed', 'Arial Narrow', Arial, sans-serif !important;
  color: #002c42;
}

#main_body #form_container {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 28px 28px 20px !important;
  border: 1px solid rgba(0, 44, 66, 0.1) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  box-sizing: border-box;
}

/* The website page already shows the logo, title and intro */
#main_body h1,
#main_body .form_description,
#main_body #footer,
#main_body #bottom,
#main_body #top {
  display: none !important;
}

/* --- Fields */
#main_body form ul {
  margin: 0 !important;
  padding: 0 !important;
}

#main_body form li {
  margin: 0 0 18px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

#main_body form li.highlighted {
  background: transparent !important;
}

#main_body fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

#main_body label.description,
#main_body span.description {
  display: block;
  margin: 0 0 6px !important;
  padding: 0 !important;
  font-family: 'Barlow Condensed', 'Arial Narrow', Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  color: #002c42 !important;
}

#main_body span.required {
  color: #c2410c !important;
  font-weight: 600;
}

/* Sub-labels under name and address inputs */
#main_body form li span label,
#main_body form li div label:not(.choice) {
  display: block;
  margin-top: 4px;
  padding: 0;
  font-family: 'Barlow Condensed', 'Arial Narrow', Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.3;
  color: #4d6170 !important;
}

#main_body input.text,
#main_body textarea.textarea,
#main_body select.select,
#main_body select {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  border: 1px solid #ffaa01 !important;
  border-radius: 4px !important;
  background: #ffffff !important;
  font-family: 'Barlow Condensed', 'Arial Narrow', Arial, sans-serif !important;
  font-size: 17px !important;
  line-height: 1.3 !important;
  color: #002c42 !important;
  box-shadow: none !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

#main_body select.select,
#main_body select {
  height: auto !important;
  min-height: 44px;
}

#main_body textarea.textarea {
  min-height: 120px;
  resize: vertical;
}

#main_body input.text:hover,
#main_body textarea.textarea:hover,
#main_body select:hover {
  border-color: #e69900 !important;
}

#main_body input.text:focus,
#main_body textarea.textarea:focus,
#main_body select:focus {
  border-color: #e69900 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(255, 170, 1, 0.35) !important;
}

/* Two-up name and address fields, stacked on narrow screens */
#main_body li.simple_name fieldset,
#main_body li.address fieldset > div {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 16px;
}

#main_body li.simple_name fieldset > span.description,
#main_body li.address fieldset > span.description {
  flex: 0 0 100%;
}

#main_body li.simple_name span.simple_name_1,
#main_body li.simple_name span.simple_name_2,
#main_body li.address span.left,
#main_body li.address span.right {
  float: none !important;
  display: block;
  flex: 1 1 200px;
  width: auto !important;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
}

#main_body li.address #li_5_span_1,
#main_body li.address span:not(.left):not(.right):not(.description):not(.required) {
  display: block;
  flex: 0 0 100%;
  width: 100% !important;
  margin: 0 !important;
}

#main_body li.address div {
  float: none !important;
}

/* --- Checkboxes and radio buttons */
#main_body li.checkboxes fieldset > span,
#main_body li.multiple_choice fieldset > span {
  display: flex !important;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 8px !important;
  padding: 0 !important;
}

#main_body input.checkbox,
#main_body input.radio {
  flex: 0 0 auto;
  width: 20px !important;
  height: 20px !important;
  margin: 1px 0 0 !important;
  accent-color: #002c42;
  cursor: pointer;
}

#main_body label.choice {
  display: block;
  flex: 1 1 auto;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: 'Barlow Condensed', 'Arial Narrow', Arial, sans-serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  color: #002c42 !important;
  cursor: pointer;
}

#main_body form .guidelines {
  display: none !important;
}

/* --- Source field: filled in from the link, not meant for visitors.
   Dealer forms only (NL 14775, FR 15635, DE 15887). */
#form_14775 #li_9,
#form_15635 #li_9,
#form_15887 #li_9 {
  display: none !important;
}

/* --- Submit button, same as the site's primary buttons */
#main_body li.buttons {
  margin: 8px 0 0 !important;
  padding: 0 !important;
}

#main_body input.button_text,
#main_body #submit_form,
#main_body #submit_primary,
#main_body #submit_secondary {
  -webkit-appearance: none;
  appearance: none;
  display: inline-block;
  width: auto;
  min-width: 220px;
  height: auto !important;
  margin: 0 !important;
  padding: 14px 32px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: #ffaa01 !important;
  background-image: none !important;
  font-family: 'Barlow Condensed', 'Arial Narrow', Arial, sans-serif !important;
  font-size: 19px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.02em;
  color: #002c42 !important;
  text-shadow: none !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: background-color 0.15s ease, transform 0.15s ease;
}

#main_body input.button_text:hover,
#main_body #submit_form:hover {
  background: #e69900 !important;
}

#main_body input.button_text:focus-visible,
#main_body #submit_form:focus-visible {
  outline: 2px solid #002c42 !important;
  outline-offset: 3px;
}

/* --- Validation errors */
#main_body form li.error {
  padding: 12px 14px !important;
  border: 0 !important;
  border-left: 4px solid #c2410c !important;
  border-radius: 4px;
  background: #fff4ed !important;
}

#main_body form li.error label.description,
#main_body form li.error span.description {
  color: #9a3412 !important;
}

#main_body form p.error,
#main_body #error_message {
  margin: 6px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  font-family: 'Barlow Condensed', 'Arial Narrow', Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #9a3412 !important;
}

#main_body #error_message {
  margin: 0 0 18px !important;
  padding: 12px 14px !important;
  border-radius: 8px;
  background: #fff4ed !important;
}

#main_body #error_message_title,
#main_body #error_message_desc {
  font-family: 'Barlow Condensed', 'Arial Narrow', Arial, sans-serif !important;
  color: #9a3412 !important;
}

/* --- Thank-you message after sending */
#main_body .form_success,
#main_body #form_container .form_success h2 {
  font-family: 'Barlow Condensed', 'Arial Narrow', Arial, sans-serif !important;
  color: #002c42 !important;
  text-align: center;
}

/* --- Phones */
@media (max-width: 480px) {
  #main_body #form_container {
    padding: 20px 16px 12px !important;
  }

  #main_body input.button_text,
  #main_body #submit_form {
    width: 100% !important;
    min-width: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  #main_body * {
    transition: none !important;
  }
}

#main_body form li#li_9 {
  display: none !important;
}
#main_body h1 {
  background-color: #111111 !important;
  border-bottom: 3px solid #F5A800;
  padding: 16px 0 !important;
}
#main_body h1 a {
  background-image: url('https://cdn.shopify.com/s/files/1/1007/0120/8924/files/powerslave-logo-email.png?v=1791485319') !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  height: 80px !important;
}