/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/*  ----------------------------------------------------------------------
    NINA Header - Top Bar
    ---------------------------------------------------------------------- */
#incon_back_to_home {
    background-color: #fff !important;
    width: 50px;
    height: 50px;
    background: url('img/opt_logo_top.svg') no-repeat center center;
    background-size: 30px;
    border-radius: 25px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1) !important;
    padding: 0;
}

.header_wrapper_topbar,
#bogen_gruen,
.bogen_blue,
.bogen_blue_top,
.bogen_white_top,
.bogen_white_bottom,
#bogen_hellblau {
    position: relative
}

#bogen_gruen::after,
.bogen_blue::after,
.header_wrapper_topbar::after,
#bogen_hellblau::after {
    content: '';
    width: calc(100% + 10px);
    height: 12vh;
    position: absolute;
    right: 0;
    left: -5px;
    bottom: -11.8vh;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: left top;

    /*background: transparent no-repeat left top; */
    z-index: 100
}

.bogen_blue::before,
.bogen_blue_top::before,
#bogen_gruen::before,
#bogen_hellblau::before {
    content: '';
    width: calc(100% + 10px);
    height: 12vh;
    position: absolute;
    right: 0;
    left: -5px;
    top: -11.8vh;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: left bottom;
    z-index: 100
}

.bogen_white_top::before {
    content: '';
    width: calc(100% + 10px);
    height: 12vh;
    position: absolute;
    right: 0;
    left: -5px;
    top: -0.1vh;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: left top;
    z-index: 100
}

.bogen_white_bottom::after {
    content: '';
    width: calc(100% + 10px);
    height: 12vh;
    position: absolute;
    right: 0;
    left: -5px;
    bottom: -0.2vh;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: left bottom;
}

.bogen_white_bottom::after {
    background-image: url(img/opt_bogen_white_bottom_inner.svg);
}

.bogen_white_top::before {
    background-image: url(img/opt_bogen_white_top_inner.svg)
}

#bogen_gruen::before {
    background-image: url(img/opt_bogen_gelb_top.svg)
}

#bogen_gruen::after {
    background-image: url(img/opt_bogen_gelb_bottom.svg)
}

.bogen_blue::before,
.bogen_blue_top::before {
    background-image: url(img/opt_bogen_blue_top.svg)
}

.bogen_blue::after,
.header_wrapper_topbar::after {
    background-image: url(img/opt_bogen_blue_bottom.svg)
}

#bogen_hellblau::before {
    background-image: url(img/opt_bogen_hellblau_top.svg)
}

#bogen_hellblau::after {
    background-image: url(img/opt_bogen_hellblau_bottom.svg)
}

/*  ----------------------------------------------------------------------
    NINA PROGRESS BAR
    ---------------------------------------------------------------------- */
.incon_progressbar {
    display: grid;
    grid-template-columns: 60px auto 60px;
    justify-content: inherit !important;
    grid-gap: 40px;
    font-weight: 700;
    line-height: 21px;
    color: #fff
}

.incon_progressbar.is_home {
    grid-template-columns: auto 60px
}

.incon_progressbar_navigation {
    max-width: 160px;
    margin: auto;
    text-align: center
}

li {
    list-style-type: none;
}

/*  --------------------------------------------------
    PROGRESS BAR SHORTCODE
    -------------------------------------------------- */
.incon_progressbar_navigation_dots {
    display: grid;
}

.incon_progressbar_navigation_dots.has_3_dots {
    grid-template-columns: 33% 33% 33%;
}

.incon_progressbar_navigation_dots.has_4_dots {
    grid-template-columns: 25% 25% 25% 25%;
}

.incon_progressbar_navigation_dots.has_5_dots {
    grid-template-columns: 20% 20% 20% 20% 20%;
}

.incon_progressbar_navigation_dots.has_6_dots {
    grid-template-columns: 16.66% 16.66% 16.66% 16.66% 16.66% 16.66%;
}

.progressbar_navigation_dot {
    margin-top: 5px;
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1.5px solid #fff;
    place-self: center;
}

.progressbar_navigation_dot.is_active {
    background: #fff;
}

/*  ----------------------------------------------------------------------
    NINA Icons bei der Einleitung
    ---------------------------------------------------------------------- */
.beginn:before {
    content: "\f271"; /* FontAwesome Unicode */
    font-family: "Font Awesome 5 Pro";
    padding-right: 0.5em;
    margin-left: -1.3em;
    color: #00a8a5;
    font-weight: 500
}

.haus:before {
    content: "\f602";
    font-family: "Font Awesome 5 Pro";
    padding-right: 0.5em;
    margin-left: -1.3em;
    color: #00a8a5;
    font-weight: 500
}

.zeit:before {
    content: "\f017";
    font-family: "Font Awesome 5 Pro";
    padding-right: 0.5em;
    margin-left: -1.3em;
    color: #00a8a5;
    font-weight: 500
}


/*  ----------------------------------------------------------------------
    NINA Icons / weitere Elemente
    ---------------------------------------------------------------------- */
.icon-shadow {
    box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 16px 2px
}

.incon-image-testimonial {
    border-radius: 50%
}

.col.content-box-wrapper .fontawesome-icon {
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);
}

div.icon > span {
    border-color: #fff;
    background: #fff;
}

.fusion-content-boxes .content-container {
    margin-top: -45px;
}

.fusion-content-boxes .fusion-column {
    margin-bottom: 20px !important;
}

/*  ----------------------------------------------------------------------
    NINA Formulare
    ---------------------------------------------------------------------- */
.ginput_container.ginput_container_text input {
    padding-top: 2px !important;
}

.gform_wrapper {
    max-width: 800px;
    margin: 0 auto
}

.gform_heading {
    display: none
}

.gform_wrapper.gravity-theme .gsection {
    border-bottom: none;
    text-align: center
}

.gfield_radio label,
.gfield_checkbox label {
    cursor: pointer
}

.gfield_radio .gchoice,
.gfield_checkbox .gchoice {
    background: #fff;
    margin: 0px 0px 10px;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.04)
}

.gchoice:hover {
    box-shadow: 0 0 12px 3px rgba(0, 0, 0, 0.12)
}

.gform_wrapper.gravity-theme .gfield_radio label,
.gform_wrapper.gravity-theme .gfield_checkbox label {
    font-size: 20px;
    font-weight: 200
}

#field_5_13, #field_5_14, #field_5_15, #field_5_12 {
    box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.04);
    border-radius: 5px;
}

/*Stil für Icons - generelle Einstellung*/
input:checked {
    position: relative;
}

input[type="radio"],
input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    cursor: pointer;
}

.form_standort .gform_body.gform-body .gchoice input[type="checkbox"]::after,
.form_standort .gform_body.gform-body .gchoice input[type="checkbox"]:checked::after,
.formular_stelle .gform_body.gform-body .gchoice input[type="radio"]::after,
.formular_stelle .gform_body.gform-body .gchoice input[type="radio"]:checked::after {
    font-family: "Font Awesome 5 Pro";
    font-size: 20px;
    left: 0px;
    top: 0px;
}

/*Icon für Stelle*/
.margin_top .gchoice input {
    padding-top: 2px;
}

.formular_stelle .gform_body.gform-body .gchoice input[type="radio"]::after {
    content: '\f0a9';
    color: #00A8A5;
}

.formular_stelle .gform_body.gform-body .gchoice input[type="radio"]:checked::after {
    content: '\f0a9';
    color: #D5D400;
}

/*Icon für Standort*/
.form_standort .gform_body.gform-body .gchoice input[type="checkbox"]::after {
    content: '\f3c5';
    color: #00A8A5;
}

.form_standort .gform_body.gform-body .gchoice input[type="checkbox"]:checked::after {
    content: '\f3c5';
    color: #D5D400;
}

/*Icon für JA / NEIN & Ausbildung*/
.form-ausbildung .gform_body.gform-body .gfield label,
.form_arbeitszeit .gform_body.gform-body .gfield label { /*Auswahltext*/
    text-align: center;
    min-width: 100%;
    font-weight: bold;
    border-top: 1px solid #CBDEEB;
    padding: 10px 10px 4px;
}

.form-ausbildung .gform_body.gform-body .gfield_radio,
.form_arbeitszeit .gform_body.gform-body .gfield_radio { /*AUFTEILUNG*/
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0;
    margin: 0px auto;
    grid-gap: 3%;
}

.form-ausbildung .gform_body.gform-body .gchoice input,
.form_arbeitszeit .gform_body.gform-body .gchoice input {
    width: 100%;
    text-align: center;
    padding: 25px;
    min-height: 90px !important;
}

.form-ausbildung .gform_body.gform-body .check-custom .gchoice input[type="radio"]::after,
.form-ausbildung .gform_body.gform-body .check-custom .gchoice input[type="radio"]:checked::after,
.form_arbeitszeit .gform_body.gform-body .check-custom .gchoice input[type="radio"]::after,
.form_arbeitszeit .gform_body.gform-body .check-custom .gchoice input[type="radio"]:checked::after {
    font-family: "Font Awesome 5 Pro";
    font-size: 60px;
    text-align: center;
}

.form-ausbildung input#choice_2_3_0[type="radio"]::after { /*JA Icon*/
    content: '\f00c';
    color: #00A8A5;
}

.form-ausbildung input#choice_2_3_0[type="radio"]:checked::after { /*JA Icon*/
    content: '\f00c';
    color: #006A68;
}

.form-ausbildung input#choice_2_3_1[type="radio"]::after { /*NEIN Icon*/
    content: '\f00d';
    color: #333333;
}

.form-ausbildung input#choice_2_3_1[type="radio"]:checked::after { /*NEIN Icon*/
    content: '\f00d';
    color: #A29F9F;
}

/*Icon für Arbeitszeit*/
.form_arbeitszeit input#choice_6_10_0[type="radio"]::after { /*Vollzeit Icon*/
    content: '\f017';
    color: #00A8A5;
}

.form_arbeitszeit input#choice_6_10_0[type="radio"]:checked::after { /*Vollzeit Icon*/
    content: '\f017';
    color: #006A68;
}

.form_arbeitszeit input#choice_6_10_1[type="radio"]::after { /*Teilzeit Icon*/
    content: '\f1da';
    color: #333333;
}

.form_arbeitszeit input#choice_6_10_1[type="radio"]:checked::after { /*Teilzeit Icon*/
    content: '\f1da';
    color: #A29F9F;
}


/*Icons letzte Seite*/
/*NINA FORMULAR - FRAGE 5*/
/**/

/*Nina Formular letzte Seite*/
#gform_5 input {
    padding-left: 40px;
    position: relative;
}

.ginput_container_consent input {
    width: 40px;
    height: 40px;
}

.ginput_container_consent input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    -ms-appearance: checkbox;
    -o-appearance: checkbox;
    appearance: checkbox;
    accent-color: #efefef;
}

.icon::before {
    position: absolute;
    z-index: 100;
    font-family: "Font Awesome 5 Pro";
    padding-left: 13px;
    padding-top: 11px;
    color: #00A8A5;
}

#field_5_13::before {
    content: '\f007';
}

#field_5_14::before {
    content: '\f0e0';
}

#field_5_15::before {
    content: '\f095';
}

#field_5_12::before {
    content: '\f017';
}

#input_5_10_1 {
    width: 23px;
    margin-bottom: 5px;
}

#field_5_10 a {
    color: #333333;
    text-decoration: underline;
}

#field_5_10 a:hover {
    color: #47BFBD;
    text-decoration: underline;
}

.ginput_container_text::placeholder {
    font-size: 25px;
}

/*  --------------------------------------------------
    TRANSMITTED DATA SHORTCODE
    -------------------------------------------------- */
.incon_transmitted_data_container {
    text-align: center;
}

.incon_transmitted_data_label {
    font-weight: bold;
    margin-right: 5px;
}


/*  --------------------------------------------------
    GM: FORMULARE
    -------------------------------------------------- */
.gform_wrapper .gform_footer .is_forced_to_hide.gform_button[type="submit"] {
    width: 1px !important;
    height: 1px;
    padding: 0px !important;
    background: transparent !important;
}

/*  --------------------------------------------------
    GM: FEHLERMELDUNGEN
    -------------------------------------------------- */
.gform_wrapper .gform_validation_errors {
    padding: 10px 10px 5px !important;
    background: #fff !important;
    border-color: #db4b68 !important;
}

.gform_submission_error.hide_summary {
    color: #db4b68 !important;
}

.gfield_description.validation_message.gfield_validation_message {
    background: #fff !important;
    border-color: #db4b68 !important;
    color: #db4b68 !important;
    padding: 10px 10px 10px !important;
}


/*  ----------------------------------------------------------------------
    NINA Responsive
    ---------------------------------------------------------------------- */
@media screen and (max-width: 900px) {
    #bogen_gruen::before {
        background-image: url(img/opt_bogen_gelb_top_mobil.svg);
    }

    #bogen_gruen::after {
        background-image: url(img/opt_bogen_gelb_bottom_mobil.svg);
    }

    .bogen_blue::before,
    .bogen_blue_top::before {
        background-image: url(img/opt_bogen_blue_top_mobil.svg);
    }

    .bogen_blue::after,
    .header_wrapper_topbar::after {
        background-image: url(img/opt_bogen_blue_bottom_mobil.svg);
    }

    .bogen_white_top::before {
        background-image: url(img/opt_bogen_white_top_inner_mobil.svg);
    }

    .bogen_white_bottom::after {
        background-image: url(img/opt_bogen_white_bottom_inner_mobil.svg);
    }

    #bogen_hellblau::before {
        background-image: url(img/opt_bogen_hellblau_top_mobil.svg)
    }

    #bogen_hellblau::after {
        background-image: url(img/opt_bogen_hellblau_bottom_mobil.svg)
    }
}