/* TEC Custom CSS TM */
/* globals.css */
:root {

  --slate-50: #f8fafc;
  /*  slate-50 */
  --slate-100: #f1f5f9;
  /*  slate-100 */
  --slate-200: #e2e8f0;
  /*  slate-200 */
  --slate-300: #cbd5e1;
  /*  slate-300 */
  --slate-400: #94a3b8;
  /*  slate-400 */
  --slate-500: #64748b;
  /*  slate-500 */
  --slate-600: #475569;
  /*  slate-600 */
  --slate-700: #334155;
  /*  slate-700 */
  --slate-800: #1e293b;
  /*  slate-800 */
  --slate-900: #0f172a;
  /*  slate-950 */

  --rhino-50: #f2f4fc;
  /*  rhino-50 */
  --rhino-100: #e2e7f7;
  /*  rhino-100 */
  --rhino-200: #ccd6f1;
  /*  rhino-200 */
  --rhino-300: #a8bbe8;
  /*  rhino-300 */
  --rhino-400: #7f99db;
  /*  rhino-400 */
  --rhino-500: #6078d1;
  /*  rhino-500 */
  --rhino-600: #4d5ec3;
  /*  rhino-600 */
  --rhino-700: #424db3;
  /*  rhino-700 */
  --rhino-800: #3b4092;
  /*  rhino-800 */
  --rhino-900: #2b3061;
  /*  rhino-900 DEFAULT */
  --rhino-950: #232648;
  /*  rhino-950 */

  --ochre-50: #fcf8ee;
  /*  ochre-50 */
  --ochre-100: #f7edce;
  /*  ochre-100 */
  --ochre-200: #eed999;
  /*  ochre-200 */
  --ochre-300: #e5c164;
  /*  ochre-300 */
  --ochre-400: #deaa41;
  /*  ochre-400 */
  --ochre-500: #d68e2a;
  /*  ochre-500 */
  --ochre-600: #c67324;
  /*  ochre-600  DEFAULT */
  --ochre-700: #9d5020;
  /*  ochre-700 */
  --ochre-800: #803f20;
  /*  ochre-800 */
  --ochre-900: #6a351d;
  /*  ochre-900 */
  --ochre-950: #3c1b0c;
  /*  ochre-950 */
  /* --tec-color-link-primary: var(--ochre-600) !important; */


  --amethyst-50: #f9f6fe;
  --amethyst-100: #f2eafd;
  --amethyst-200: #e7d9fb;
  --amethyst-300: #d4bcf6;
  --amethyst-400: #b991ef;
  --amethyst-500: #9f66e6;
  --amethyst-600: #7d36d3;
  --amethyst-700: #7334bc;
  --amethyst-800: #622f9a;
  --amethyst-900: #51277c;
  --amethyst-950: #35115a;
}

div[data-form-id="1429"] {
  background: var(--ochre-100);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2rem;
width: fit-content;
}

/* Form Container */
.ctct-form-wrapper {
text-align: center;
}

/* Heading */
.ctct-form-wrapper h3 {
font-size: 1.875rem; /* 30px */
line-height: 2.25rem; /* 36px */
font-weight: 700;
text-decoration: underline;
text-decoration-color: var(--ochre-500);
font-family: 'Elza', sans-serif;
}

/* Description */
.ctct-form-description {
font-size: 1.25rem; /* 20px */
line-height: 1.75rem; /* 28px */
font-weight: 300;
color: var(--slate-600);
display: flex;
flex-direction: column;
justify-content: center;
}

.ctct-form-description div {
width: 60ch;
align-self: center;
}

/* Form */
.ctct-form {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 0.75rem; /* 12px */
width: 100%;
}

/* Email Input */
.ctct-form-field-email input {
width: 100%;
padding: 0.75rem 0.75rem 0.75rem 1.5rem; /* 12px 12px 12px 24px */
font-size: 0.875rem; /* 14px */
line-height: 1.25rem; /* 20px */
border-radius: 0.375rem; /* 6px */
border: 1px solid #cbd5e1; /* slate-300 */
background-color: #f8fafc; /* slate-50 */
color: #1e293b; /* slate-900 */
text-align: left;
}

.ctct-form-field-email input:focus {
border-color: #f97316; /* rhino-50 */
}

/* Submit Button */
.ctct-form-field-submit input {
width: 100px; /* 1/3 */
padding: 0.75rem 1.5rem; /* 12px 24px */
font-size: 0.875rem; /* 14px */
line-height: 1.25rem; /* 20px */
font-weight: 400;
border-radius: 0.375rem; /* 6px */
background-color: var(--ochre-500); /* ochre-700 */
color: #ffffff;
transition: all 0.15s ease-in;
}

.ctct-form-field-submit input:hover {
background-color: #b7952e; /* ochre-600 */
}

.ctct-form-field-submit input:focus {
outline: none;
box-shadow: 0 0 0 4px rgba(249, 115, 22, 0.5); /* rhino-30 */
}

/* Checkbox Lists */
.ctct-form-field-checkbox fieldset {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 0.5rem; /* 8px */
width: 100%;
}

.ctct-form-field-checkbox fieldset input[type="checkbox"] {
padding: 0.5rem;
cursor: pointer;
}

.ctct-form-field-checkbox legend {
font-size: 0.875rem; /* 14px */
line-height: 1.25rem; /* 20px */
font-weight: 500;
margin-bottom: 0.5rem; /* 8px */
}

.ctct-form-field-checkbox .ctct-label-right {
font-size: 0.875rem; /* 14px */
line-height: 1.25rem; /* 20px */
color: var(--slate-900); /* slate-900 */
text-wrap: nowrap;
width: fit-content !important;
margin-right: 0em !important;
}

/* Disclosure */
.ctct-disclosure {
font-size: 0.75rem; /* 12px */
line-height: 1rem; /* 16px */
color: #6b7280; /* slate-500 */
}

.ctct-disclosure a {
color: #f97316; /* rhino-600 */
text-decoration: underline;
text-decoration-style: dotted;
text-underline-offset: 2px;
}

.ctct-disclosure a:hover {
color: #c2a976; /* ochre-700 */
text-decoration-color: #c2a976; /* ochre-700 */
}