@import url('fonts.css');

body {
  --cff_main_slider_color: #4D4D4D;
}

/* Base */
#cff_ai_assistant_bubble,
.cp_cff_minimalist #fbuilder {
  font-family: 'Open Sans Condensed', arial, sans;
  padding: 30px;
  background: #FFFFFF;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.22);
}

/* Form header */
.cp_cff_minimalist #fbuilder .fform {
  background: #4D4D4D;
  text-transform: uppercase;
  font-family: 'Open Sans Condensed', sans-serif;
  color: #d8d8d8;
  font-size: 18px;
  font-weight: 100;
  padding: 20px;
  margin: -30px -30px 30px -30px;
}

.cp_cff_minimalist #fbuilder .fform h1,
.cp_cff_minimalist #fbuilder .fform h2,
.cp_cff_minimalist #fbuilder .fform h3,
.cp_cff_minimalist #fbuilder .fform h4,
.cp_cff_minimalist #fbuilder .fform h5,
.cp_cff_minimalist #fbuilder .fform h6,
.cp_cff_minimalist #fbuilder .fform p {
  color: #AAA;
  font-family: 'Open Sans Condensed', sans-serif;
}
.cp_cff_minimalist #fbuilder .fform h1 { font-size: 2.6em; }
.cp_cff_minimalist #fbuilder .fform h2 { font-size: 2em; }
.cp_cff_minimalist #fbuilder .fform h3 { font-size: 1.5em; }
.cp_cff_minimalist #fbuilder .fform h4 { font-size: 1.3em; }
.cp_cff_minimalist #fbuilder .fform h5 { font-size: 1em; }
.cp_cff_minimalist #fbuilder .fform h6 { font-size: 0.8em; }

/* Inputs */
.cp_cff_minimalist #fbuilder input[type="date"],
.cp_cff_minimalist #fbuilder input[type="datetime"],
.cp_cff_minimalist #fbuilder input[type="search"],
.cp_cff_minimalist #fbuilder input[type="time"],
.cp_cff_minimalist #fbuilder input[type="url"],
.cp_cff_minimalist #fbuilder input[type="email"],
.cp_cff_minimalist #fbuilder input[type="text"],
.cp_cff_minimalist #fbuilder input[type="number"],
.cp_cff_minimalist #fbuilder input[type="password"],
.cp_cff_minimalist #fbuilder textarea,
.cp_cff_minimalist #fbuilder select,
.cp_cff_minimalist #fbuilder .select2-selection {
  box-sizing: border-box;
  outline: none;
  padding: 7px 3px;
  border: none;
  border-bottom: 1px solid #ddd;
  background: transparent;
  margin-bottom: 10px;
  font: 16px Arial, Helvetica, sans-serif;
  min-height: 45px;
  height: 45px;
}
.cp_cff_minimalist #fbuilder textarea { height: auto; }
.cp_cff_minimalist #fbuilder .select2-selection { border: 0; border-bottom: 1px solid #ddd; }
.cp_cff_minimalist #fbuilder .select2-dropdown .select2-search__field { width: 100% !important; }
.cp_cff_minimalist #fbuilder .select2-dropdown { border: 1px solid #ddd !important; }
.cp_cff_minimalist #fbuilder .select2-dropdown * { font: 16px Arial, Helvetica, sans-serif; }
.cp_cff_minimalist #fbuilder .select2-selection__choice { background: #108484; border: 0; padding: 5px; color: #fff; }
.cp_cff_minimalist #fbuilder .select2-selection__choice__remove { color: #fff; float: left; }
.cp_cff_minimalist #fbuilder .select2-selection--multiple .select2-selection__rendered { font: 16px Arial, Helvetica, sans-serif; color: white; }
.cp_cff_minimalist #fbuilder .select2-selection--single { height: 35px; }
.cp_cff_minimalist #fbuilder .select2-selection--single .select2-selection__rendered { line-height: 35px !important; font: 16px Arial, Helvetica, sans-serif; }
.cp_cff_minimalist #fbuilder .select2-selection__arrow { min-height: 35px; }
.cp_cff_minimalist #fbuilder .select2-results__option--highlighted { background: #108484; }

/* Buttons */
#cff_ai_assistant_use_suggestion,
.cp_cff_minimalist .cff-spinner .cff-spinner-down,
.cp_cff_minimalist .cff-spinner .cff-spinner-up,
.cp_cff_minimalist #fbuilder .pbSubmit,
.cp_cff_minimalist #fbuilder .pbreak .pbPrevious,
.cp_cff_minimalist #fbuilder .pbreak .pbNext,
.cp_cff_minimalist #fbuilder button:not([class*="trumbowyg"]),
.cp_cff_minimalist #fbuilder input[type="button"],
.cp_cff_minimalist #fbuilder input[type="reset"],
.cp_cff_minimalist #fbuilder input[type="submit"] {
  box-shadow: inset 0px 1px 0px 0px #45D6D6;
  background-color: #108484;
  border: 1px solid #27A0A0;
  display: inline-block;
  cursor: pointer;
  color: #FFFFFF;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 14px;
  padding: 8px 18px;
  text-decoration: none;
  text-transform: uppercase;
}
.cp_cff_minimalist #fbuilder .cff-spinner .cff-spinner-down,
.cp_cff_minimalist #fbuilder .cff-spinner .cff-spinner-up { padding: 0; }

#cff_ai_assistant_use_suggestion:hover,
.cp_cff_minimalist #fbuilder .pbSubmit:hover,
.cp_cff_minimalist #fbuilder .pbreak .pbPrevious:hover,
.cp_cff_minimalist #fbuilder .pbreak .pbNext:hover,
.cp_cff_minimalist #fbuilder button:not([class*="trumbowyg"]):hover,
.cp_cff_minimalist #fbuilder input[type="button"]:hover,
.cp_cff_minimalist #fbuilder input[type="reset"]:hover,
.cp_cff_minimalist #fbuilder input[type="submit"]:hover {
  background: linear-gradient(to bottom, #34CACA 5%, #30C9C9 100%);
  background-color: #34CACA;
}

/* Pagination */
.cp_cff_minimalist #fbuilder .pbEnd .pbNext,
.cp_cff_minimalist #fbuilder .pb0 .pbPrevious { display: none; }

/* Fieldset / Legend */
.cp_cff_minimalist #fbuilder fieldset,
.cp_cff_minimalist #fbuilder legend { border: 1px solid #ddd; }
.cp_cff_minimalist #fbuilder .pbreak > fieldset { border: 0; }
.cp_cff_minimalist #fbuilder .pbreak > fieldset > legend { display: none; }

/* Section breaks */
.cp_cff_minimalist #fbuilder .fields.section_breaks {
  border-left: 3px solid #27A0A0;
  padding-left: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.cp_cff_minimalist #fbuilder .fields.section_breaks label { font-weight: bold; }
.cp_cff_minimalist #fbuilder .fields.section_breaks .section_break { border: 0; }

/* Slider layout */
@media print, screen and (min-width: 24em) {
  .cp_cff_minimalist #fbuilder .right_aligned .dfield.slider-container,
  .cp_cff_minimalist #fbuilder .left_aligned .dfield.slider-container { padding-top: 10px; }
}

.cp_cff_minimalist #fbuilder .r { color: #1b7575; }
.cp_cff_minimalist #fbuilder .wizard-progressbar { width: 100%; height: 5px; background-color: #ddd; }
.cp_cff_minimalist #fbuilder .wizard-progressbar-value { display: block; background-color: #27A0A0; height: 5px; }

/* Slider */
.cp_cff_minimalist #fbuilder .ui-slider-range { background: #108484; }
.cp_cff_minimalist #fbuilder .slider { background: #ddd; border-radius: 0; border: 0; height: 0.3em; }
.cp_cff_minimalist #fbuilder .ui-slider-handle {
  height: 0.8em;
  border-radius: 0;
  width: 0.8em;
  box-shadow: inset 0px 1px 0px 0px #45D6D6;
  background: #108484;
  border: 1px solid #27A0A0;
}
.cp_cff_minimalist #fbuilder .cff-slider-field .mark { top: 5px; }

/* Misc */
.cp_cff_minimalist #fbuilder .discount-container { margin-top: 10px; font-weight: bold; }
.cp_cff_minimalist #fbuilder span.files-list img { border-color: #DDD; }
.cp_cff_minimalist #fbuilder .cff-popup-container { border: 0; }
.cp_cff_minimalist #fbuilder .cff-popup-header:not(:empty) { background: #4D4D4D; border: 0; }
.cp_cff_minimalist #fbuilder .cff-popup-title { color: #AAAAAA; }
.cp_cff_minimalist #fbuilder .cff-popup-close { color: #108484; }

/* Timeslots */
.cp_cff_minimalist #fbuilder .cff-timeslot { border-color: #108484; }
.cp_cff_minimalist #fbuilder .cff-timeslot[data-active="0"] { text-shadow: none; border-color: #c2c5b9; color: #c2c5b9; }
.cp_cff_minimalist #fbuilder .cff-timeslot[data-selected="1"],
.cp_cff_minimalist #fbuilder .cff-timeslot-selected { border-color: #108484; background: #108484; text-shadow: none; color: #FFFFFF; }
.cp_cff_minimalist #fbuilder .cff-timeslot[data-active="1"][data-selected="0"]:hover { border-color: #108484; color: #108484; }
.cp_cff_minimalist #fbuilder .cff-timeslot-selected::after { border-color: #108484; color: #108484; font-family: sans-serif; }

.cp_cff_minimalist #fbuilder .cff-file-field .cff-file-field-container { background-color: #FFFFFF; border: 1.5px solid #dddddd; }
.cp_cff_minimalist #fbuilder .cff-file-field .cff-file-field-container:hover { background-color: rgba(222, 222, 222, 0.3); }
