body {
  --cff_main_slider_color: rgb(81, 62, 43);
}

/* Base */
.cp_cff_elegant { padding: 10px; }

#cff_ai_assistant_bubble,
.cp_cff_elegant #fbuilder {
  color: rgb(81, 62, 43);
  font-family: Cambria, Georgia, 'Times New Roman', Times, serif;
}

.cp_cff_elegant #fbuilder .uh { color: rgb(81, 62, 43); }

/* Typography */
.cp_cff_elegant #fbuilder h1,
.cp_cff_elegant #fbuilder h2,
.cp_cff_elegant #fbuilder h3,
.cp_cff_elegant #fbuilder h4,
.cp_cff_elegant #fbuilder h5,
.cp_cff_elegant #fbuilder h6,
.cp_cff_elegant #fbuilder .fform p {
  color: rgb(81, 62, 43);
  font-family: p22-underground, arial, sans-serif;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
}
.cp_cff_elegant #fbuilder h1 { font-size: 2.6em; }
.cp_cff_elegant #fbuilder h2 { font-size: 2em; }
.cp_cff_elegant #fbuilder h3 { font-size: 1.5em; }
.cp_cff_elegant #fbuilder h4 { font-size: 1.3em; }
.cp_cff_elegant #fbuilder h5 { font-size: 1em; }
.cp_cff_elegant #fbuilder h6 { font-size: 0.8em; }

/* Section breaks */
.cp_cff_elegant #fbuilder .fields.section_breaks { margin-bottom: 15px; margin-top: 15px; }
.cp_cff_elegant #fbuilder .fields.section_breaks,
.cp_cff_elegant #fbuilder .fform span {
  color: rgb(81, 62, 43);
  text-align: center;
  font-variant: small-caps;
  border-top: 1px dotted rgb(164, 147, 132);
  border-bottom: 1px dotted rgb(164, 147, 132);
  display: block;
  padding: 0;
}
.cp_cff_elegant #fbuilder .fields .section_break { display: none; }

/* Inputs */
.cp_cff_elegant #fbuilder select,
.cp_cff_elegant #fbuilder textarea,
.cp_cff_elegant #fbuilder input[type="date"],
.cp_cff_elegant #fbuilder input[type="datetime"],
.cp_cff_elegant #fbuilder input[type="time"],
.cp_cff_elegant #fbuilder input[type="search"],
.cp_cff_elegant #fbuilder input[type="url"],
.cp_cff_elegant #fbuilder input[type="email"],
.cp_cff_elegant #fbuilder input[type="password"],
.cp_cff_elegant #fbuilder input[type="text"],
.cp_cff_elegant #fbuilder input[type="number"],
.cp_cff_elegant #fbuilder input[type="file"] {
  border: 1px solid rgb(148, 132, 116);
  padding-bottom: 5px;
  padding-top: 5px;
  font-size: 14px;
  background: #FFF;
  color: rgb(81, 62, 43);
  box-shadow: inset 0px 2px 7px 0px rgba(0, 0, 0, 0.09);
  padding-left: 5px;
  padding-right: 5px;
}

.cp_cff_elegant #fbuilder .select2-selection {
  border: 1px solid rgb(148, 132, 116);
  font-size: 14px;
  background: #FFF;
  color: rgb(81, 62, 43);
  box-shadow: inset 0px 2px 7px 0px rgba(0, 0, 0, 0.09);
}
.cp_cff_elegant #fbuilder .select2-dropdown .select2-search__field { width: 100% !important; }
.cp_cff_elegant #fbuilder .select2-dropdown { border: 1px solid rgb(148, 132, 116) !important; border-radius: 0; }
.cp_cff_elegant #fbuilder .select2-selection--multiple,
.cp_cff_elegant #fbuilder .select2-selection--single { border-radius: 0; }
.cp_cff_elegant #fbuilder .select2-dropdown *,
.cp_cff_elegant #fbuilder .select2-selection--multiple *,
.cp_cff_elegant #fbuilder .select2-selection--single * { font-family: p22-underground, arial, sans-serif; }
.cp_cff_elegant #fbuilder .select2-results__option--highlighted { background: #177da7; }

/* Legend / Fieldset */
.cp_cff_elegant #fbuilder legend {
  color: rgb(81, 62, 43);
  font-weight: normal;
  text-align: center;
  border: 0;
  font-family: p22-underground, arial, sans-serif;
}
.cp_cff_elegant #fbuilder legend::before,
.cp_cff_elegant #fbuilder legend::after { content: "\007E"; }
.cp_cff_elegant #fbuilder fieldset { border: 0; padding: 0; }

/* Buttons */
#cff_ai_assistant_use_suggestion,
.cp_cff_elegant #fbuilder button:not([class*="trumbowyg"]),
.cp_cff_elegant #fbuilder input[type="button"],
.cp_cff_elegant #fbuilder input[type="submit"],
.cp_cff_elegant #fbuilder input[type="reset"],
.cp_cff_elegant .cff-spinner .cff-spinner-down,
.cp_cff_elegant .cff-spinner .cff-spinner-up,
.cp_cff_elegant #fbuilder .pbSubmit,
.cp_cff_elegant #fbuilder .pbPrevious,
.cp_cff_elegant #fbuilder .pbNext {
  border: 0;
  color: #fff;
  font-variant: small-caps;
  font-size: 14px;
  font-weight: bold;
  background: #177da7;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 5px 20px;
  cursor: pointer;
}
.cp_cff_elegant #fbuilder .cff-spinner .cff-spinner-down,
.cp_cff_elegant #fbuilder .cff-spinner .cff-spinner-up { padding: 0; }
.cp_cff_elegant #fbuilder button:not([class*="trumbowyg"]):hover,
.cp_cff_elegant #fbuilder input[type="button"]:hover,
.cp_cff_elegant #fbuilder input[type="submit"]:hover,
.cp_cff_elegant #fbuilder input[type="reset"]:hover,
.cp_cff_elegant .cff-spinner .cff-spinner-down:hover,
.cp_cff_elegant .cff-spinner .cff-spinner-up:hover,
.cp_cff_elegant #fbuilder .pbSubmit:hover,
.cp_cff_elegant #fbuilder .pbPrevious:hover,
.cp_cff_elegant #fbuilder .pbNext:hover { background: #115c7a; }

.cp_cff_elegant #fbuilder .r { color: #177da7; }

/* Slider */
.cp_cff_elegant #fbuilder .ui-slider-range { border-radius: 0; background: #177da7; }
.cp_cff_elegant #fbuilder .slider { background: #DCDCDC; border-radius: 0; border: 0; height: 0.3em; }
.cp_cff_elegant #fbuilder .ui-slider-handle {
  height: 0.8em;
  border-radius: 0;
  width: 0.8em;
  background: #FFF;
  border: 1px solid rgb(148, 132, 116);
}
.cp_cff_elegant #fbuilder .cff-slider-field .mark { top: 4px; background: #DCDCDC; }

/* Misc */
.cp_cff_elegant #fbuilder .discount-container { margin-top: 10px; font-weight: bold; }
.cp_cff_elegant #fbuilder .cff-switch { background: #b29d8673; }
.cp_cff_elegant #fbuilder span.files-list img { border-color: rgb(148, 132, 116); }
.cp_cff_elegant #fbuilder .cff-popup-header:not(:empty) { border-bottom: 1px dotted rgb(164, 147, 132); }

/* Timeslots */
.cp_cff_elegant #fbuilder .cff-timeslot { border-color: rgb(81, 62, 43); }
.cp_cff_elegant #fbuilder .cff-timeslot[data-active="0"] { text-shadow: none; border-color: #c2c5b9; color: #c2c5b9; }
.cp_cff_elegant #fbuilder .cff-timeslot[data-selected="1"],
.cp_cff_elegant #fbuilder .cff-timeslot-selected { border-color: #177da7; background: #177da7; text-shadow: none; color: #FFFFFF; }
.cp_cff_elegant #fbuilder .cff-timeslot[data-active="1"][data-selected="0"]:hover { border-color: #177da7; color: rgb(81, 62, 43); }
.cp_cff_elegant #fbuilder .cff-timeslot-selected::after { border-color: #177da7; color: #177da7; }

.cp_cff_elegant #fbuilder .cff-file-field .cff-file-field-container:hover { background-color: rgba(220, 220, 220, 0.3); }
