body {
  --cff_main_slider_color: #322c20;
}

/* Base */
.cp_cff_professional {
  border-radius: 10px;
  padding: 10px;
  background: linear-gradient(to bottom, #5e513e 0%, #423524 100%);
}

.cp_cff_professional * {
  font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

#cff_ai_assistant_bubble,
.cp_cff_professional #fbuilder {
  color: #FFF;
  text-shadow: 0px 1px 0px #000000;
  font-weight: normal;
}
.cp_cff_professional .fform * { text-align: center; }
.cp_cff_professional .fform h1,
.cp_cff_professional .fform h2,
.cp_cff_professional .fform h3,
.cp_cff_professional .fform h4,
.cp_cff_professional .fform h5,
.cp_cff_professional .fform h6,
.cp_cff_professional .fform p { color: #FFF; }

.cp_cff_professional #fbuilder .fform .cff-form-title { font-size: 2em; font-weight: 700; }
.cp_cff_professional #fbuilder .cpefb_error.message { text-shadow: none; color: #000; }
.cp_cff_professional #fbuilder .fields label { color: #FFF; }
.cp_cff_professional #fbuilder .dfield label,
.cp_cff_professional #fbuilder .uh { color: #c9c2b7; }
.cp_cff_professional #fbuilder .top_aligned .fields > .dfield { margin-top: 5px; }

#cff_ai_assistant_bubble {
  background: #322c20;
  border-color: #584b38 !important;
}

/* Inputs */
.cp_cff_professional #fbuilder .slider,
.cp_cff_professional #fbuilder input[type="password"],
.cp_cff_professional #fbuilder input[type="date"],
.cp_cff_professional #fbuilder input[type="datetime"],
.cp_cff_professional #fbuilder input[type="email"],
.cp_cff_professional #fbuilder input[type="search"],
.cp_cff_professional #fbuilder input[type="time"],
.cp_cff_professional #fbuilder input[type="url"],
.cp_cff_professional #fbuilder select,
.cp_cff_professional #fbuilder textarea,
.cp_cff_professional #fbuilder input[type="text"],
.cp_cff_professional #fbuilder input[type="number"],
.cp_cff_professional #fbuilder input[type="file"],
.cp_cff_professional #fbuilder .select2-selection--multiple,
.cp_cff_professional #fbuilder .select2-selection--single {
  border-bottom: 1px solid #776D5D;
  border-top: 1px solid #252118;
  border-left: 1px solid #312C20;
  border-right: 1px solid #312C20;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #c9c2b7;
  border-radius: 10px;
  background: linear-gradient(to bottom, #322c20 0%, #3b3425 8%, #483f2e 100%);
  padding-left: 10px;
  padding-right: 10px;
  min-height: 34px;
}

.cp_cff_professional #fbuilder select:not([multiple]) option,
.cp_cff_professional #fbuilder select:not([multiple]) optgroup {
  background: #554836;
  box-shadow: none !important;
}

/* Scrollbar */
.cp_cff_professional .select2-results__options::-webkit-scrollbar,
.cp_cff_professional textarea::-webkit-scrollbar,
.cp_cff_professional select[multiple]::-webkit-scrollbar { width: 20px; }
.cp_cff_professional .select2-results__options::-webkit-scrollbar-track,
.cp_cff_professional textarea::-webkit-scrollbar-track,
.cp_cff_professional select[multiple]::-webkit-scrollbar-track {
  background-color: transparent;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.cp_cff_professional .select2-results__options::-webkit-scrollbar-thumb,
.cp_cff_professional textarea::-webkit-scrollbar-thumb,
.cp_cff_professional select[multiple]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  border: 5px solid transparent;
  background-clip: content-box;
  background-color: #c9c2b7;
}

/* Field sizes */
.cp_cff_professional #fbuilder .large { width: 100%; }
@media screen and (min-width: 740px), print {
  .cp_cff_professional #fbuilder .medium { width: 50%; }
  .cp_cff_professional #fbuilder .small { width: 25%; }
}
@media screen and (max-width: 640px) {
  .cp_cff_professional #fbuilder .medium,
  .cp_cff_professional #fbuilder .small { width: 100%; }
}

/* Fieldset / Legend */
.cp_cff_professional #fbuilder fieldset { border: 0; }
.cp_cff_professional #fbuilder legend { border: 0; padding: 0; font-size: 150%; }

/* Buttons */
#cff_ai_assistant_use_suggestion,
.cp_cff_professional #fbuilder button:not([class*="trumbowyg"]),
.cp_cff_professional #fbuilder input[type="button"],
.cp_cff_professional #fbuilder input[type="submit"],
.cp_cff_professional #fbuilder input[type="reset"],
.cp_cff_professional .cff-spinner .cff-spinner-down,
.cp_cff_professional .cff-spinner .cff-spinner-up,
.cp_cff_professional #fbuilder .pbSubmit,
.cp_cff_professional #fbuilder .pbPrevious,
.cp_cff_professional #fbuilder .pbNext {
  color: #455c14;
  font-size: 16px;
  font-weight: bold;
  text-shadow: 0px 1px 0px #ffffff66;
  background: linear-gradient(to bottom, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
  border-radius: 5px;
  padding: 5px 20px;
  border: 0;
  min-height: 32px;
  cursor: pointer;
}
.cp_cff_professional #fbuilder .cff-spinner .cff-spinner-down,
.cp_cff_professional #fbuilder .cff-spinner .cff-spinner-up { padding: 0; }

#cff_ai_assistant_use_suggestion:hover,
.cp_cff_professional #fbuilder button:not([class*="trumbowyg"]):hover,
.cp_cff_professional #fbuilder input[type="button"]:hover,
.cp_cff_professional #fbuilder input[type="submit"]:hover,
.cp_cff_professional #fbuilder input[type="reset"]:hover,
.cp_cff_professional .cff-spinner .cff-spinner-down:hover,
.cp_cff_professional .cff-spinner .cff-spinner-up:hover,
.cp_cff_professional #fbuilder .pbSubmit:hover,
.cp_cff_professional #fbuilder .pbPrevious:hover,
.cp_cff_professional #fbuilder .pbNext:hover {
  transform: scale(1.05);
}

.cp_cff_professional #fbuilder button:not([class*="trumbowyg"]):active,
.cp_cff_professional #fbuilder input[type="button"]:active,
.cp_cff_professional #fbuilder input[type="submit"]:active,
.cp_cff_professional #fbuilder input[type="reset"]:active,
.cp_cff_professional .cff-spinner .cff-spinner-down:active,
.cp_cff_professional .cff-spinner .cff-spinner-up:active,
.cp_cff_professional #fbuilder .pbSubmit:active,
.cp_cff_professional #fbuilder .pbPrevious:active,
.cp_cff_professional #fbuilder .pbNext:active {
  background: #8eb92a;
}

/* Slider */
.cp_cff_professional #fbuilder .slider { padding: 0; min-height: auto; }
.cp_cff_professional #fbuilder .ui-slider-range { background: rgba(173, 201, 69, 0.7); }
.cp_cff_professional #fbuilder .ui-slider-handle {
  background: linear-gradient(to bottom, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
  border: 1px solid #9ecb2d;
}

/* Section breaks */
.cp_cff_professional #fbuilder .section_breaks { margin-top: 20px; margin-bottom: 20px; }
.cp_cff_professional #fbuilder .section_breaks > label { font-size: 1.3em; }
.cp_cff_professional #fbuilder .section_breaks .section_break { border: 0; }

/* Misc */
.cp_cff_professional #fbuilder .discount-container { margin-top: 10px; font-weight: bold; color: #bfd255; }
.cp_cff_professional #fbuilder .cff-switch { background: #3b3425; }
.cp_cff_professional #fbuilder .cff-switch-container input:checked + span.cff-switch { background: #8eb92a; }
.cp_cff_professional #fbuilder .cff-file-clearer:hover,
.cp_cff_professional #fbuilder .select2-selection__choice__remove:hover { color: #8eb92a; }
.cp_cff_professional #fbuilder .cff-file-field .cff-file-field-container {
  border-color: rgb(57, 50, 36);
  border-width: 2.5px;
  border-style: solid;
  border-bottom: 1px solid #776D5D !important;
}
.cp_cff_professional #fbuilder .cff-file-field .cff-file-field-container:hover { background-color: rgba(119, 109, 93, 0.2); }
.cp_cff_professional #fbuilder .cff-file-field .cff-file-info-container { color: #c9c2b7; }
.cp_cff_professional #fbuilder span.files-list img { border-color: #776D5D; }

/* Select2 */
.cp_cff_professional #fbuilder .select2-dropdown .select2-search__field { width: 100% !important; }
.cp_cff_professional #fbuilder .select2-selection--multiple,
.cp_cff_professional #fbuilder .select2-selection--single { padding: 0; }
.cp_cff_professional #fbuilder .select2-dropdown {
  border: 1px solid #403828;
  background: #5e513e;
}
.cp_cff_professional #fbuilder .select2-selection__choice { color: #352f22; text-shadow: none; }
.cp_cff_professional #fbuilder .select2-selection__choice__remove:hover,
.cp_cff_professional #fbuilder .select2-selection__choice__remove { color: #352f22; float: left; text-shadow: none; }
.cp_cff_professional #fbuilder .select2-selection--single .select2-selection__rendered { color: #c9c2b7; text-shadow: none; }
.cp_cff_professional #fbuilder .select2-container--default .select2-results__option[aria-selected="true"],
.cp_cff_professional #fbuilder .select2-results__option--highlighted { background: #403828; }

/* Popup */
.cp_cff_professional #fbuilder .cff-popup-container {
  border-color: #312C20;
  background: linear-gradient(to bottom, #5e513e 0%, #423524 100%);
}
.cp_cff_professional #fbuilder .cff-popup-title { color: white; }
.cp_cff_professional #fbuilder .cff-popup-header:not(:empty) { border-color: #312C20; }

/* Timeslots */
.cp_cff_professional #fbuilder .cff-timeslot { border-color: #bfd255; }
.cp_cff_professional #fbuilder .cff-timeslot[data-active="0"] { text-shadow: none; border-color: #847764; color: #847764; }
.cp_cff_professional #fbuilder .cff-timeslot[data-selected="1"],
.cp_cff_professional #fbuilder .cff-timeslot-selected { border-color: #bfd255; background: #bfd255; text-shadow: none; color: #3d3627; }
.cp_cff_professional #fbuilder .cff-timeslot[data-active="1"][data-selected="0"]:hover { border-color: #bfd255; color: #bfd255; }
.cp_cff_professional #fbuilder .cff-timeslot-selected::after { border-color: #bfd255; color: #3d3627; }
