/*
Theme Name: Entretien Elevex
Text Domain: entretien
*/

@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap');

body {
    font-family: 'Raleway', sans-serif;
}

.title_area {
    margin-top: -15rem;
    padding-bottom: 4rem;
}

h2 {
    font-size: 35px;
    font-weight:bold;
    color: white;
}


.gform_wrapper.gravity-theme .gfield_checkbox label, .gform_wrapper.gravity-theme .gfield_radio label {
    font-size: 24px!important;
}

input {
    border: 2px solid grey;
    padding: 0 1rem;
}

.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large {
    width: 100%;
    height: 44px;
}


datalist {
  position: absolute;
  max-height: 20em;
  border: 0 none;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1;
}

datalist option {
  font-size: 0.8em;
  padding: 0.3em 1em;
  background-color: #F5F5F5;
  cursor: pointer;
}

datalist option:hover, datalist option:focus {
  color: #AA182C;
  background-color: #F5F5F5;
  outline: 0 none;
}

.datalistwrapper {
  position: relative;
  height: 44px;
}

.arrow {
  position: absolute;
  z-index: -1;
  right: 0;
  top: 0;
  height: 44px;
  width: 44px;
  /*background: #d2d6dc;*/
  display: flex;
  font-size: 25px;
  justify-content: center;
  align-items: center;
  border: none;
}

@media only screen and (max-width: 641px){
    .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
        line-height: 1.5!important;
    }
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}

.gchoice {
    display: inline-block;
}

.gform_wrapper.gravity-theme .gfield_label {
    font-size: 20px!important;
}

.gform_wrapper.gravity-theme .gfield_list_icons button {
    width: 30px!important;
    height: 30px!important;
    background-size: cover!important;
}
gform_wrapper.gravity-theme .gfield_header_item--icons, .gform_wrapper.gravity-theme .gfield_list_icons {
    width:100px!important;
}

/* UPDATE FIGMA SEPT 28, 2022 */ 

.gf_progressbar_title {
    font-weight:bold!important;
    color: #AA182C!important;
    font-size: 20px!important;
}

.gf_progressbar_blue {
    background: #D9D9D9!important;
}

.gform_wrapper.gravity-theme .gf_progressbar, .gform_wrapper.gravity-theme .gf_progressbar_percentage:not(.percentbar_100) {
    border-radius:0!important;
}

.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue {
    background: #AA182C!important;
}

.gform_wrapper.gravity-theme .gf_progressbar_percentage span {
    font-size:12px!important;
    font-weight:bold!important;
}

.gform_wrapper.gravity-theme .gfield_label {
    font-size: 16px!important;
    font-weight: bold!important;
}

.gform_wrapper .gfield_required .gfield_required_custom, .gform_wrapper .gfield_required .gfield_required_text {
    font-style: normal!important;
    text-transform: lowercase;
}

.gform_wrapper .gfield_required {
    color: #AA182C!important;
}

:focus-visible {
    outline-color: #AA182C!important;
}

input, select, textarea {
    border: 0.75px solid #D9D9D9!important;
    background: #F5F5F5!important;
}

::placeholder {
    color:#D9D9D9!important;
}

#clients, #input_2_31 {
    background-color: #0000000a!important;
}

.btn {
    border-radius:0;
}

.btn-secondary {
    font-size: 23px;
    font-weight: bold;
    background-color: #AA182C;
}

option {
    color:black;
}

.btn-success {
    background:#3BA32B;
}

h3 {
    font-weight:bold!important;
    color: #AA182C!important;
    font-size:20px!important;
}

.gform_wrapper.gravity-theme .gsection {
    border:0!important;
    padding:0!important;
}

.gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

@media(max-width:992px){
    .gfield_radio {
        display:flex;
        justify-content: space-between;
    }
}

.gchoice > label {
    width: 100px;
    opacity:0.5;
}

#input_2_15 > .gchoice > label, #input_2_18 > .gchoice > label {
    opacity:1;
}
#input_2_15, #input_2_18 {
    display:block;
}

.btn-check:checked+.btn {
    opacity:1;
}

.gform_wrapper .gfield_error .gfield_repeater_cell label, .gform_wrapper .gfield_error label, .gform_wrapper .gfield_error legend, .gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message, .gform_wrapper [aria-invalid=true]+label, .gform_wrapper label+[aria-invalid=true] {
    color: #AA182C!important;
}
.gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message {
    border: 1px solid #AA182C!important;
}

.gform_wrapper .validation_error {
    color: #AA182C!important;
    border-bottom: 2px solid #AA182C!important;
    border-top: 2px solid #AA182C!important;
}

.gform_wrapper .gform_validation_errors {
        border: 1.5px solid #AA182C!important;
}

.gform_wrapper.gravity-theme .gfield_list_icons {
    margin:0!important;
}

.gform_wrapper.gravity-theme .gfield_list_group_item::before, .gfield_header_item {
    font-weight: bold!important;
}

.gform_wrapper.gravity-theme .gfield-choice-input+label {
    max-width: 90px!important;
}

#input_4_1,
#input_5_1,
#input_6_1,
#input_4_4,
#input_5_64,
#input_6_4 {
    display: flex;
    flex-direction: column;
}

#gform_4 .gchoice label,
#gform_6 .gchoice label {
    max-width: none!important;
    width: unset;
}
#gform_4 .gfield_radio,
#gform_6 .gfield_radio {
    display: flex;
    flex-direction: column;
}