/* Gravity forms */

.quizzes-template-default  .gfield_label .gfield_required, .questionnaires-template-default  .gfield_label .gfield_required {
    display: none;
}

.gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label, .gform_wrapper.gravity-theme .gform_body select {
    font-size: 18px;
}


/* Select field */
.gform_body select {
    padding: 8px 15px;
}

.gform_wrapper.gravity-theme .gform_body .gfield_label{
    font-size: 1.4rem;
    font-weight: bold;
}
.gform_wrapper.gravity-theme .gform_body .gfield_checkbox label, .gform_wrapper.gravity-theme .gform_body .gfield_radio label, .gform_body .gfield-choice-input {
    font-size: 1.2rem;
    padding-right: 5px;
    cursor: pointer;
}

/* Buttons */
.gform_wrapper .gform_body .button {
	border: none;
    font-weight: bold;
    padding: 10px 40px;
} 


/* Gravity Forms survey design - likert fields - Impruve UI - Suitable for numbers only and affects as long as there is no .textual-likert CSS selector */
.gform_wrapper .gsurvey-survey-field:not(.textual-likert) {
    padding: 20px;
    margin: 0 0 20px 0;
    border: 1px solid #eee;
    background-color: #fff ;
    box-shadow: 0 0 14px -10px black;
    border-radius: 10px;
}

.gform_wrapper .gsurvey-survey-field:not(.textual-likert) table.gsurvey-likert tbody {
    table-layout: auto;
}

.gform_wrapper .gsurvey-survey-field:not(.textual-likert) table.gsurvey-likert {
    max-width: 340px;
    border-collapse: separate;
    border-spacing: 5px 0;
    border: none;
    margin: 0;
}

.gform_wrapper ul li.gsurvey-survey-field.block-likert label {
    margin-bottom: 10px;
}

.gform_wrapper .gsurvey-survey-field:not(.textual-likert)  table.gsurvey-likert thead {
	display: none;
}

.gform_wrapper .gsurvey-survey-field:not(.textual-likert) table.gsurvey-likert td:after {
    content: attr(data-label);
    line-height: 2;
    font-weight: 400;
    margin-left: unset;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 36px;
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
}

.gform_wrapper .gsurvey-survey-field:not(.textual-likert) .ginput_container_likert table.gsurvey-likert tr {
    display: table-row;
}

body.rtl .gform_wrapper .gsurvey-survey-field:not(.textual-likert) table.gsurvey-likert td.gsurvey-likert-choice {
    display: table-cell;
    line-height: 27px;
    background-image: none;
    max-height: unset;
    background-color: transparent;
    border: none;
    transition: .3s ease-out;
    cursor: pointer;
    overflow: visible;
    width: 34px;
}

body.rtl .gform_wrapper .gsurvey-survey-field:not(.textual-likert) table.gsurvey-likert td.gsurvey-likert-choice:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 27px;
    background-image: none;
    max-height: unset;
    transition-duration: .25s;
    background-color: transparent;
    border-radius: 50%;
    border: 2px solid var(--e-global-color-primary);
    color: var(--e-global-color-primary);
    height: 36px;
    width: 36px;
}

body.rtl .gform_wrapper ul.gform_fields .gsurvey-survey-field:not(.textual-likert) table.gsurvey-likert td.gsurvey-likert-choice:after {
    margin: auto;
    clear: both;
    display: table;
    font-size: 28px;
    line-height: 1.3;
    color:  var(--e-global-color-primary);
}

body.rtl .gform_wrapper .gsurvey-survey-field:not(.textual-likert) table.gsurvey-likert tr td.gsurvey-likert-choice.gsurvey-likert-hover:before {
    border-color: var(--e-global-color-8e5883e); 
}

body.rtl .gform_wrapper .gsurvey-survey-field:not(.textual-likert) table.gsurvey-likert tr td.gsurvey-likert-choice.gsurvey-likert-hover:after {
    color: var(--e-global-color-8e5883e);
}

body.rtl .gform_wrapper .gsurvey-survey-field:not(.textual-likert) table.gsurvey-likert tr td.gsurvey-likert-choice.gsurvey-likert-selected:before {
    border-color: #FDBB47;
}

/* focus -a11y */
.gform_wrapper .gsurvey-likert-choice.gsurvey-likert-focus.gsurvey-likert-focus {
    background-color: unset!important;
} 
.gsurvey-likert-choice.gsurvey-likert-focus:before {
    box-shadow: 0 0 1px 4px var(--e-global-color-ed9c68a);
}

body.rtl .gform_wrapper .gsurvey-survey-field:not(.textual-likert) table.gsurvey-likert tr td.gsurvey-likert-choice.gsurvey-likert-selected:after {
    color: #fff;
    background-color: var(--e-global-color-8e5883e);
    line-height: 2.5;
    border-radius: 50%;
}

body.rtl .gform_wrapper .gsurvey-survey-field:not(.textual-likert) table.gsurvey-likert td.gsurvey-likert-choice input {
    display: block;
    opacity: 0;
    position: static;
}

/*  Likerts with short labels design  */
.gform_wrapper .gsurvey-survey-field:not(.textual-likert):not(.block-likert) {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
        
    padding: 10px 30px 10px 10px;
    margin: 0 0 20px 0;
    border: 1px solid #eee;
    box-shadow: 0 0 14px -10px black;
    border-radius: 40px;
}

.gform_wrapper  .gsurvey-survey-field:not(.block-likert) label {
    grid-area: 1 / 1 / 2 / 2;
} 
.gform_wrapper.gravity-theme  .gsurvey-survey-field:not(.block-likert) .gfield_description {
    grid-area: 2 / 1 / 3 / 2;
    padding-bottom: 0;
} 
.gform_wrapper .gsurvey-survey-field:not(.block-likert) .ginput_container_likert {
    grid-area: 1 / 2 / 3 / 3;
	cursor: pointer;
    display: inline-grid;
}
.gform_wrapper .gsurvey-survey-field:not(.block-likert) table.gsurvey-likert {
	max-width: unset;
	margin:0;
}

.gform_wrapper .gsurvey-survey-field table.gsurvey-likert {
	overflow: hidden;
    min-height: 48px;
}

@media (max-width: 767px){
	.gform_wrapper  .gsurvey-survey-field:not(.textual-likert):not(.block-likert) {
        padding: 20px;
        border-radius: 10px;
        display: block;
    }

    .gform_wrapper .gsurvey-survey-field:not(.block-likert) label {
        margin-bottom: 10px;
    }

    .gform_wrapper.gravity-theme .gsurvey-survey-field:not(.block-likert) .gfield_description {
        padding-bottom: 16px;
    }
}



@supports (-webkit-appearance: none) or (-moz-appearance: none) {
.gform_wrapper .gform_fields .gfield_radio input[type='radio'],
.gform_wrapper .gform_fields .gfield_checkbox input[type='checkbox'] {
    --active: var(--e-global-color-8e5883e);
    --active-inner: #fff;
    --focus: 3px #1e7ac4;
    --border: var(--e-global-color-primary);
    --border-hover: var(--e-global-color-8e5883e);
    --background: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin:2px;
    height: 21px;
    width: 21px!important;
    outline: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    cursor: pointer;
    border: 2px solid var(--bc, var(--border));
    background: var(--b, var(--background));
    -webkit-transition: background .3s, border-color .3s, box-shadow .2s;
    transition: background .3s, border-color .3s, box-shadow .2s;
  }

  .gform_wrapper .gform_fields .gfield_radio input[type='radio'] {
    border-radius: 50%;
  }
  
.gform_wrapper .gfield_radio input[type='radio']:hover:not(:checked):not(:disabled),
.gform_wrapper .gfield_radio input[type='radio']:focus:not(:checked):not(:disabled),
.gform_wrapper .gfield_checkbox input[type='checkbox']:hover:not(:checked):not(:disabled),
.gform_wrapper .gfield_checkbox input[type='checkbox']:focus:not(:checked):not(:disabled) {
    box-shadow: 0 0 0 var(--focus);
}
  
.gform_wrapper .gfield_radio input[type='radio']:checked,
.gform_wrapper .gfield_checkbox input[type='checkbox']:checked {
    --b: var(--active);
    --bc: var(--border);
    --d-o: .3s;
    --d-t: .6s;
    --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
    outline: 3px #fff solid;
    outline-offset: -5px;
  }

}

.gform_wrapper .gfield_radio input[type='radio']:hover + label,
.gform_wrapper .gfield_radio input[type='radio']:focus + label,
.gform_wrapper .gfield_radio input[type='radio']:checked + label,
.gform_wrapper .gfield_checkbox input[type='checkbox']:hover + label,
.gform_wrapper .gfield_checkbox input[type='checkbox']:focus + label,
.gform_wrapper .gfield_checkbox input[type='checkbox']:checked + label {
    font-weight: bold;
}


@media only screen and (max-width: 641px) {
    html[dir=rtl] div.gform_wrapper {
        padding-right: 0;
    }
}

body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html {
    margin-bottom: 20px;
}

/* Gravity Progress Bar */
/*Hide the progress bar from first screen*/
.gf_progressbar_percentage.percentbar_blue.percentbar_0{
	display: none;
}
body .gf_progressbar_title {display:none;}
body .gform_wrapper .gf_progressbar{
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
body .gform_wrapper .gf_progressbar:after{
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


body .gform_wrapper  .gf_progressbar_percentage span{
    font-family: "afek", Sans-serif;
	font-size: 16px;
    line-height: 1;
	color: #fff;
	text-shadow: none;
}


/* Validation error */
.gform_wrapper.gravity-theme .field_description_above .gfield_description.gfield_validation_message, 
.gform_wrapper.gravity-theme .field_description_above .validation_message {
    margin-top: 8px;
    padding: 12.992px 24px;
    border-width: 3px 0 0 0;
    background-color: unset;
    font-weight: bold;
    margin-top: 20px;
    padding: 10px 0 0 20px;
    display: inline-block;
    width: auto;
}

/* Button inside radio label */
.border-between-radio-items .gfield_radio
{
	border-top:1px solid #cfcfcf;
} 
.gform_wrapper .border-between-radio-items .gfield_radio li {
	border-bottom:1px solid #cfcfcf;
	padding-top: 4px!important;
  padding-bottom: 4px!important;
}
.gfield_radio label a.popup-lgbaomer {
	background-color:var(--e-global-color-8e5883e);
	color: #fff;
	padding: 5px 10px;
	font-size:12px;
	line-height:1;
	margin-right: 10px;
	position:absolute;
	left:0px;
	display: inline-block;
	border-radius: 20px;
	font-weight:400;
}
@media(max-width:767px){
	.gfield_radio label a.popup-lgbaomer {
	background-color:var(--e-global-color-8e5883e);
	position:static;
}
}



/* Duplicate prevention - Button*/
.gform_footer .gform_button.duplicateprevention-loading {
    background-color: #ccc;
}