/* =========================================================
   OVERRIDE.CSS — BRAND / THEME CONFIG
   ========================================================= */


/* ---------------------
   LOAD FONTS
   --------------------- */

@import url();

@font-face{

}




/* ---------------------
   COLORS + MAX-WIDTH
   --------------------- */
:root {
  --bg: #complement;
  --color-inside: #complement;

  --element: #maincolor;

  --text: #maincolor;
  --link: #maincolor;

  /* form width */
  --content-max-width: 1200px;

  /* body card shape */
  --body-border-radius: 100px;

  /* body inner padding (left/right only) */
  --body-padding: 40px;
  
  /* divider */
  --divider: var(--element);

  

/* ---------------------
   BUTTONS
   --------------------- */
/* continue button - auto = center, 0 = default */
  --continue-btn-margin-left:  auto;
  --continue-btn-margin-right: auto;

  --button-text: #complement;
  --button-master: #maincolor;
  --button-bg: var(--button-master);
  --button-border: var(--button-master);
  --button-hover-bg: transparent;
  --button-hover-text: var(--button-master);
  --button-hover-border: var(--button-master);
  --button-border-radius: 4px;

}



/* ---------------------
   FORM FIELDS STYLE
   --------------------- */
:root {
  --field-border-color: var(--element);
  --field-border-style: solid;
  --field-border-sides-width: 1px;   /* top/right/left */
  --field-border-bottom-width: 1px;
  --field-border-radius: 0px;
  --field-bg: transparent;
  --field-bg-focus: transparent;
  --required-field-color: #F97316;
}

/* ---------------------
   TYPOGRAPHY
   --------------------- */
:root {
  --font-primary-style: Georgia, sans-serif;
  --font-primary-size: 16px;

  --font-secondary-style: "Times New Roman", sans-serif;
  --font-secondary-size: 24px;

  --font-tertiary-style: Georgia, sans-serif;
  --font-tertiary-size: 14px;
}




/* ---------------------
   ICONS
   --------------------- */
:root {
  --icon-datepicker: url("data:image/svg+xml;charset=UTF-8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><path fill='%23maincolor' d='M30.667 3.111h-4v-0.889c0-0.491-0.398-0.889-0.889-0.889s-0.889 0.398-0.889 0.889v0.889h-17.778v-0.889c0-0.491-0.398-0.889-0.889-0.889s-0.889 0.398-0.889 0.889v0.889h-4c-0.491 0-0.889 0.398-0.889 0.889v25.333c0 0.491 0.398 0.889 0.889 0.889h29.333c0.491 0 0.889-0.398 0.889-0.889v-25.333c0-0.491-0.398-0.889-0.889-0.889zM29.778 28.444h-27.556v-19.111h27.556v19.111zM29.778 7.556h-27.556v-2.667h3.111v0.889c0 0.491 0.398 0.889 0.889 0.889s0.889-0.398 0.889-0.889v-0.889h17.778v0.889c0 0.491 0.398 0.889 0.889 0.889s0.889-0.398 0.889-0.889v-0.889h3.111v2.667z'/><path fill='%23maincolor' d='M4.444 22.667h4.444v4h-4.444v-4z'/><path fill='%23maincolor' d='M10.667 22.667h4.444v4h-4.444v-4z'/><path fill='%23maincolor' d='M16.889 22.667h4.444v4h-4.444v-4z'/><path fill='%23maincolor' d='M23.111 22.667h4.444v4h-4.444v-4z'/><path fill='%23maincolor' d='M4.444 16.889h4.444v4h-4.444v-4z'/><path fill='%23maincolor' d='M10.667 16.889h4.444v4h-4.444v-4z'/><path fill='%23maincolor' d='M16.889 16.889h4.444v4h-4.444v-4z'/><path fill='%23maincolor' d='M23.111 16.889h4.444v4h-4.444v-4z'/><path fill='%23maincolor' d='M4.444 11.111h4.444v4h-4.444v-4z'/><path fill='%23maincolor' d='M10.667 11.111h4.444v4h-4.444v-4z'/><path fill='%23maincolor' d='M16.889 11.111h4.444v4h-4.444v-4z'/><path fill='%23maincolor' d='M23.111 11.111h4.444v4h-4.444v-4z'/></svg>");


  --icon-select-arrow: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23maincolor' d='M16 24.133l-15.244-14.044 1.467-1.6 13.778 12.622 13.778-12.622 1.467 1.6-15.244 14.044z'/></svg>");


  --icon-file-upload: url("data:image/svg+xml;charset=UTF-8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32' height='32' viewBox='0 0 32 32'><path fill='%23complement' d='M21.733 18l-5.511-5.067-5.467 5.067 1.067 1.289 3.289-3.111v12.711h1.778v-12.711l3.511 3.111 1.333-1.289z'></path><path fill='%23complement' d='M25.378 12.978h-0.044c-0.486-4.642-4.379-8.228-9.108-8.228-3.909 0-7.247 2.45-8.559 5.899-3.876 0.137-6.975 3.268-6.999 7.127-0.001 0.043-0.001 0.091-0.001 0.139 0 3.776 2.999 6.852 6.746 6.974l5.922 0v-1.778h-5.867c-2.819-0.098-5.067-2.407-5.067-5.241 0-0.032 0-0.065 0.001-0.097 0.024-2.915 2.372-5.279 5.284-5.328l1.205-0 0.444-1.156c1.095-2.79 3.764-4.729 6.886-4.729 3.799 0 6.928 2.872 7.333 6.563l0.181 1.633h1.689c2.288 0.025 4.133 1.886 4.133 4.178 0 0 0 0 0 0-0.050 2.318-1.941 4.178-4.266 4.178-0 0-0.001 0-0.001 0h-6.622v1.778h6.622c0 0 0 0 0 0 3.298 0 5.975-2.661 6-5.953 0-0.016 0-0.031 0-0.047 0-3.265-2.646-5.911-5.911-5.911-0 0-0 0 0 0z'></path></svg>");


  --icon-file-upload-hover: url("data:image/svg+xml;charset=UTF-8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32' height='32' viewBox='0 0 32 32'><path fill='%23maincolor' d='M21.733 18l-5.511-5.067-5.467 5.067 1.067 1.289 3.289-3.111v12.711h1.778v-12.711l3.511 3.111 1.333-1.289z'></path><path fill='%23maincolor' d='M25.378 12.978h-0.044c-0.486-4.642-4.379-8.228-9.108-8.228-3.909 0-7.247 2.45-8.559 5.899-3.876 0.137-6.975 3.268-6.999 7.127-0.001 0.043-0.001 0.091-0.001 0.139 0 3.776 2.999 6.852 6.746 6.974l5.922 0v-1.778h-5.867c-2.819-0.098-5.067-2.407-5.067-5.241 0-0.032 0-0.065 0.001-0.097 0.024-2.915 2.372-5.279 5.284-5.328l1.205-0 0.444-1.156c1.095-2.79 3.764-4.729 6.886-4.729 3.799 0 6.928 2.872 7.333 6.563l0.181 1.633h1.689c2.288 0.025 4.133 1.886 4.133 4.178 0 0 0 0 0 0-0.050 2.318-1.941 4.178-4.266 4.178-0 0-0.001 0-0.001 0h-6.622v1.778h6.622c0 0 0 0 0 0 3.298 0 5.975-2.661 6-5.953 0-0.016 0-0.031 0-0.047 0-3.265-2.646-5.911-5.911-5.911-0 0-0 0 0 0z'></path></svg>");

  --icon-checkbox-check: url("data:image/svg+xml;charset=UTF-8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32' height='32' viewBox='0 0 32 32'><path fill='%23complement' d='M11.511 27.689l-10.889-11.378 3.2-3.067 7.733 8.089 16.667-17.022 3.156 3.067-19.867 20.311z'></path></svg>");

  --icon-tick-bubble-check: url("data:image/svg+xml;charset=UTF-8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><path fill='%23complement' d='M11.511 27.689l-10.889-11.378 3.2-3.067 7.733 8.089 16.667-17.022 3.156 3.067-19.867 20.311z'/></svg>");

}
