/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/

#hero .thank-you-image{
	width: 185px;
}


/*Form customization*/
.gfield_label {
    font-weight: 700 !important;
    font-size: 20px !important;
}
.gchoice label {
    font-weight: 700 !important;
    color: #252525 !important;
    font-size: 16px !important;
}

.gform_required_legend{
	display: none;
}

/* 01 step-position */
.step-position .gfield_radio, .step-additional-qualifications .gfield_radio {
    grid-column-gap: 1rem !important;
    grid-row-gap: 15px;
}
.step-position .gfield_radio .gchoice, .step-additional-qualifications .gfield_radio .gchoice {
    height: 95px;
    width: 195px;
}

/* 02 step-education */
.step-education .gfield_radio{
    grid-template-columns: repeat(2,1fr);
    grid-column-gap: 1rem;
    grid-row-gap: 15px;
}
.step-education .gfield_radio .gchoice {
    height: 100px;
    width: 294px;
}

/* 04 step-salary */

/* 05 step-weekly-hours */
.step-weekly-hours .gfield_radio{
	grid-column-gap: 1rem !important;
    grid-row-gap: 15px;
}
.step-weekly-hours .gfield_radio .gchoice {
    height: 100px;
    width: 192px;
}

/* 06 step-satisfaction */
.step-satisfaction .gfield_radio {
    grid-column-gap: 1rem !important;
}
.step-satisfaction .gfield_radio .o_text {
  margin-top: 5px;
}

/* 07 step-additional-qualifications */
.step-additional-qualifications .gfield_radio {
	grid-column-gap: 1rem;
    grid-row-gap: 15px;
}
.step-additional-qualifications .gfield_radio .gchoice {
    height: 100px;
    width: 192px;
}

/* 08 step-revenue-share */
.step-revenue-share .gfield_radio .gfsp_label_img,
.step-new-job .gfield_radio .gfsp_label_img{
	width: 20px;
    margin: 5px;
	left: 70px;
}


/* 09 step-zip-code */
.step-zip-code .gfield--width-full .ginput_container {
    position: relative;
}
.step-zip-code .gfield--width-full span.gfsp_icon {
    position: absolute;
    top: 0;
    left: 9px;
}
.step-zip-code .gfield--width-full input {
    border: 1px solid #D3D3D3 !important;
    background-color: #ffffff !important;
    border-radius: 5px !important;
    padding: 10px 10px 10px 45px !important;
    max-width: 31% !important;
}


/* 10 step-contact-form */
.step-contact-form .gform_fields input[type="text"],
.step-contact-form .gform_fields input[type="email"],
.step-contact-form .gform_fields input[type="tel"] {
    background-color: #ffffff !important;
    border: 1px solid #D3D3D3 !important;
    border-radius: 5px !important;
    padding: 12px 12px;
    margin: 0px !important;
}
.step-contact-form #field_2_33 {
    width: 340px;
    margin: 0px 0px 0px 0px !important;
}
.different .gfield-choice-input {
  margin-right: 5px !important;
}
.step-contact-form #field_2_33 .gfield_label {
    width: 14% !important;
    float: left;
    margin: 0px !important;
}
.step-contact-form #field_2_33 .ginput_container_checkbox {
    float: right;
}
.step-contact-form #field_2_33 {
    float: left;
    width: auto !important;
    display: inherit;
}
.step-contact-form .gform_previous_button {
    display: none;
}

/* slider */
.ginput_container.ginput_container_slider {
    background-color: #ffffff !important;
    padding: 1px 15px 40px 15px;
    box-shadow: 0px 7px 15px -5px #18879a26;
    border-radius: 19px;
}
.noUi-target {
    background: #023774;
    border-radius: 3px;
    border: 0px !important;
    box-shadow: 0px 0px 0px 0px !important;
}
.noUi-horizontal {
    height: 6px;
}
.noUi-horizontal .noUi-handle {
    width: 41px;
    height: 23px;
    top: -9px;
}
.noUi-handle {
    border: 3px solid #023774 !important;
    border-radius: 19px;
    background: #00A3CC;
    cursor: default;
    box-shadow: 0px 0px 0px 0px !important;
}
.noUi-handle:after, .noUi-handle:before
{
	display: none;
}
.noUi-horizontal .noUi-tooltip {
    bottom: 198%;
    background-color: #023774;
    color: #ffffff;
    width: 80px;
    height: 34px;
    padding: 3px;
    border-radius: 7px;
}
.noUi-horizontal .noUi-tooltip:after {
    content: "";
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid #023774;
    bottom: -11px;
    left: 0;
    right: 0;
    width: 0px;
    margin: 0 auto;
}





/*Banner image opacity disable for desktop*/

@media only screen and (min-width:1080px)
{
	.gm-main-banner .av-section-color-overlay {
    opacity: .0 !important;
    background-color: #ffffff;
}
}

/*Media query for screen 767px max*/

@media only screen and (max-width:767px)
{
	.gm-main-banner {
    background-position: 66% 100% !important;
}
	h1 {
    font-size: 24px !important;
}
	h2.gform_title {
    font-size: 20px !important;
}
	.gfield_label {
    font-weight: 700 !important;
    font-size: 16px !important;
}
	#input_2_1, .step-additional-qualifications .gfield_radio {
    grid-column-gap: 1rem !important;
    grid-row-gap: 10px;
}
	#input_2_1 .gchoice, .step-additional-qualifications .gfield_radio .gchoice {
    height: 70px;
    width: 100%;
}
	.step-additional-qualifications .o_img_wr
	{
		display: none !important;
	}
	.gform_page_footer {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}
form#gform_2 {
    margin-bottom: 0px !important;
}
input#gform_next_button_2_3 {
    margin-bottom: 0px !important;
}
	.step-weekly-hours .gfield_radio {
    grid-column-gap: 1rem !important;
    grid-row-gap: 0px;
}
	.step-weekly-hours .gfield_radio .gchoice {
    height: 70px;
    width: 100%;
}
	.step-zip-code .gfield--width-full input {
    max-width: 80% !important;
}
	.step-contact-form #field_2_33 {
    width: 100%;
}
.step-contact-form #field_2_33 .ginput_container_checkbox {
    float: none;
}
.step-contact-form #field_2_33 .ginput_container_checkbox .gchoice {
    display: inline-block !important;
    margin-right: 15px;
}
}

@media only screen and (max-width:767px)
{
	h2 {
    font-size: 24px !important;
}
	.gm-padding-mobile .content {
    padding: 30px 0px !important;
}
}


/*Process section*/
@media only screen and (min-width:1080px){
.gm-working-process .av_one_fourth {
    width: 19% !important;
}
.gm-working-process .av_one_fourth:first-child {
    width: 28% !important;
    padding-right: 81px;
}
}
.gm-process-gridbox p {
    margin: 0px;
    padding: 0px !important;
}
.gm-process-gridbox img {
    height: 80px;
    width: auto;
}
.gm-process-col-1 section:before {
    content: "";
    position: absolute;
    background-image: url(https://www.medizin-gehaltsrechner.de/wp-content/uploads/2022/08/arrow-top.png);
    width: 276px;
    height: 51px;
    top: -65px;
    right: -150px;
    background-size: cover !important;
    z-index: 22;
}
.gm-process-col-2 section:after {
    content: "";
    position: absolute;
    background-image: url(https://www.medizin-gehaltsrechner.de/wp-content/uploads/2022/08/arrow-bottom.png);
    width: 276px;
    height: 51px;
    bottom: -65px;
    right: -150px;
    background-size: cover !important;
    z-index: 22;
}
@media only screen and (max-width:767px)
{
	.gm-process-col-1 section:before, .gm-process-col-2 section:after
	{
		display: none;
	}
}


/*Testimonials*/

.gm-testimonials .container {
    max-width: 1335px !important;
}
.gm-testimonials-grids {
    background-color: #ffffff;
    box-shadow: 5px 10px 20px 0px #00a3cc12;
    padding: 24px 24px;
    border-radius: 10px;
}
.gm-testimonial-stars {
    color: #00a3cc;
    font-size: 22px;
}
.gm-testimonial-stars span {
    color: #F3F3F3;
}
.gm-testimonial-time {
    color: #BBBDC0;
    font-size: 13px;
    margin-top: 2px;
}
.gm-testimonial-content {
    color: #252525;
    font-size: 14px;
    font-style: italic;
}
.gm-testimonial-author {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0px;
	margin-top: 45px;
}
.gm-testimonial-author, .gm-testimonial-author-location {
    text-align: right;
}
.gm-testimonial-author-location {
    margin-bottom: 0px;
    margin-top: 5px;
    font-size: 14px;
}
.gm-testimonial-quote-icon {
    position: absolute;
    bottom: 50px;
    left: 40px;
}
@media only screen and (max-width:767px)
{
.gm-testimonial-google-logo {
    display: none !important;
}
}
@media only screen and (max-width:479px)
{
	.sa_hover_container {
    margin: 0px !important;
}
}

/*FAQ Section*/
.gm-faq-section .toggler .toggle_icon { background: url("/wp-content/uploads/2022/10/accordion-down-arrow.png"); 
background-repeat: no-repeat !important;
    background-position: 58% 48% !important;
}
.gm-faq-section .activeTitle .toggle_icon { background: url("/wp-content/uploads/2022/10/accordion-up-arrow.png") !important; 
background-repeat: no-repeat !important;
    background-position: 58% 48% !important;
}
.gm-faq-section .av-elegant-toggle .toggle_icon {
    opacity: 1 !important;
}
.gm-faq-section .av-section-color-overlay {
    background-size: auto 100%;
    background-repeat: no-repeat !important;
    background-position: 2% 0%;
}

.av_toggle_section {
    margin-bottom: 14px !important;
}
p.toggler {
    background-color: #ffffff !important;
    color: #252525 !important;
    font-weight: 700;
    padding: 16px 10px !important;
    border-radius: 7px !important;
    
}
p.toggler.activeTitle {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.toggle_content {
    background-color: #EFFCFF !important;
    color: #252525;
    font-weight: 400;
    line-height: 1.7em !important;
    padding: 8px 23px !important;
    border-bottom-left-radius: 7px !important;
    border-bottom-right-radius: 7px !important;
}
@media only screen and (max-width:767px)
{
	.gm-faq-section .av-section-color-overlay
	{
		display: none;
	}
	.gm-copyright-text p {
    text-align: center;
    max-width: 67%;
    margin: 0 auto;
    font-size: 14px;
}
	p.toggler {
    padding-right: 13% !important;
    font-size: 14px !important;
}
}

/*Footer*/

.footer-page-content img {
    height: 49px;
    width: auto;
}

/* Responsive Form */

.different .gfield-choice-input {
  position: relative !important;
  opacity: 1 !important;
  top: 2px !important;
}
#input_2_26_1 {
  position: relative;
  opacity: 1;
}
@media (max-width: 500px) {
 #gform_next_button_2_3 {
  width: 100%;
 }
}


/* Form css by deyf */

.qualifications .o_text {
  line-height: 55px;
}
.check .o_text {
  position: relative;
  top: -10px;
  font-size: 18px;
}
.check .gfsp_label_img {
  display: block;
  position: relative;
  left: 75px;
  top: 25px;
}