/*
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
*/
/* main menu btn*/
.menu-item .menu-text.fusion-button .button-icon-right i {
   color: #A89767;
} 
.menu-item .menu-text.fusion-button:hover .button-icon-right i {
    color: #3F6077;
}




.fusion-button.fusion-button-blue-btn {
    background-color: #3F6077;
    border-color: #3F6077;
}

.fusion-button.fusion-button-blue-btn .fusion-button-text {
    color: #fff;
}


.fusion-button.fusion-button-blue-btn i {
    color: #A89767;
}


.fusion-button.fusion-button-golden-btn {
    background-color: #A89767;
    border-color: #A89767;
}
.fusion-button.fusion-button-golden-btn .fusion-button-text {
    color: #fff;
}
.fusion-button.fusion-button-golden-btn i {
    color: #fff;
}
.fusion-button.fusion-button-golden-btn:hover {
    background-color: #3F6077;
    border-color: #3F6077;
}
.fusion-button.fusion-button-golden-btn:hover .fusion-button-text {
    color: #fff;
}
.fusion-button.fusion-button-golden-btn:hover i {
    color: #A89767;
}



/* path graphic styles*/
.twoPathsContainer {
    display: flex;
    flex-direction: row;
    padding: 20px;
    align-items: center;
    gap: 20px;
    width: 100%;
    box-sizing: border-box;
}
.pathContent h5 {
    margin: 0;
}
.post-content .path.pathA p.p-small {
    font-size: 12px;
    color: #FFFBF2;
    margin: 0;
}
.post-content .path.pathB p.p-small {
    font-size: 12px;
    color: #3F6077;
    margin: 0;
}
.path {
    width: 233px;
    max-width: 100%;
    flex: 0 0 233px;
    box-sizing: border-box;
}
.path.pathA {
    background: #3F6077;
    padding: 15px 20px;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 10px;
}
.path.pathA .pathNbr {
    background: #7B9994;
    border-radius: 50%;
    color: #ffffff;
    font-weight: 800;
    font-size: 13px;
    width: 22px;
    text-align: center;
}
.path.pathA h5 {
    color: #ffffff;
}

.path.pathB {
    background: #FFFFFF;
    padding: 15px 20px;
    border-radius: 15px;
    border: 1px solid #CFCECE;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 10px;
}
.path.pathB .pathNbr {
    background: #F1EADC;
    border-radius: 50%;
    color: #3F6077;
    font-weight: 800;
    font-size: 13px;
    width: 22px;
    text-align: center;
}
.path.pathB h5 {
    color: #1E323F;
}
.lineToArrow {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: row;
    flex: 1 1 120px;
    min-width: 80px;
}
.lineToArrow .line {
    width: 100%;
    height: 1px;
    background: #55827B;
}
.trackContent h5{
    color: #1E323F !important;
    font-weight: 400 !important;
}

/* responsive two-column info rows */
.responsiveInfoTable {
    display: grid;
    gap: 0;
    width: 100%;
    max-width: 720px;
}

.responsiveInfoTable p {
    display: grid;
    grid-template-columns: minmax(140px, 1fr) minmax(0, 2fr);
    column-gap: 32px;
    margin: 0;
    padding: 12px 0;
    border-top: 1px solid #697b8f;
}

.responsiveInfoTable p:last-child {
    border-top: 0;
}
.responsiveInfoTable span:first-child {
    font-weight: 700;
    color: #FFFFFF;
}


.responsiveInfoTable span:last-child {
    color: #FFFFFF;
}
.responsiveInfoTable.Train span:last-child {
    color: #1E323F;
}

.responsiveInfoTable.Train span:first-child {
    font-weight: 700;
    color: #1E323F;
}
@media screen and (max-width: 767px) {
    .twoPathsContainer {
        flex-direction: column;
        align-items: center;
        gap: 12px;
        padding: 15px;
    }

    .path {
        width: 100%;
        max-width: 340px;
        flex: 0 1 auto;
    }

    .lineToArrow {
        flex: 0 0 52px;
        min-width: 0;
        width: 100%;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 4px;
    }

    .lineToArrow .line {
        width: 1px;
        height: 36px;
    }

    .lineToArrow .arrow i {
        transform: rotate(90deg);
        margin: 0 !important;
    }

    .track {
        width: 100%;
        max-width: 340px;
        text-align: center;
    }

    .responsiveInfoTable p {
        padding: 10px 0;
    }
    .brownDiscUL ul li {
        padding-bottom: 0px;
    }
    .brownDiscUL ul {
        margin-bottom: 0px;
    }
    .cardIcon h4 {
        font-size: 16px !important;
    }
    .cardIcon p {
        font-size: 10px !important;
    }
    .gform-theme--foundation #field_submit {
        justify-content: center !important;
    }
}

/* Gravity Forms radio cards */
.gform_wrapper .gfield--type-radio .gfield_radio {
    display: grid;
    gap: 12px;
    width: 100%;
}

.gform_wrapper .gfield--type-radio .gchoice {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 14px 18px;
    border-radius: 8px;
    border: 1.5px solid var(--Gold-2, #C9BC9B);
    background: #FFF;
    color: #1E323F;
    line-height: 1.35;
    cursor: pointer;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

.gform_wrapper .gfield--type-radio .gchoice:has(.gfield-choice-input:checked) {
    border-color: var(--Blue-1, #3F6077);
    background: var(--Cream, #FFFBF2);
}

.gform_wrapper .gfield--type-radio .gchoice:has(.gfield-choice-input:focus-visible) {
    outline: 2px solid var(--Blue-1, #3F6077);
    outline-offset: 3px;
}

.gform_wrapper .gfield--type-radio .gchoice:hover {
    border-color: var(--Blue-1, #3F6077);
}

.gform_wrapper .gfield--type-radio .gchoice .gfield-choice-input {
    flex: 0 0 auto;
    margin: 0;
}

.gform_wrapper .gfield--type-radio .gchoice .gform-field-label {
    flex: 1 1 auto;
    margin: 0;
    cursor: pointer;
}

.gform-theme--foundation #field_submit {
    justify-content: flex-end;
}
/* Gravity Forms submit button, styled closer to Avada buttons */
#gform_wrapper_1 .gform_footer input[type="submit"],
#gform_wrapper_1 .gform_page_footer input[type="submit"],
#gform_submit_button_1 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 44px;
    padding: 13px 28px;
    border: 1px solid #3F6077;
    border-radius: 33px;
    background-color: #3F6077;
    color: #fff;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0;
    cursor: pointer;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

#gform_wrapper_1 .gform_footer input[type="submit"]:hover,
#gform_wrapper_1 .gform_footer input[type="submit"]:focus,
#gform_wrapper_1 .gform_page_footer input[type="submit"]:hover,
#gform_wrapper_1 .gform_page_footer input[type="submit"]:focus,
#gform_submit_button_1:hover,
#gform_submit_button_1:focus {
    border-color: #A89767;
    background-color: #A89767;
    color: #fff;
}

#gform_submit_button_1 i {
    color: #A89767;
}

#gform_submit_button_1:hover i,
#gform_submit_button_1:focus i {
    color: #fff;
}

.gform_button {
    border-radius: 30px !important;
    text-transform: uppercase !important;
    font-size: 15px !important;
    padding: 12px 24px !important;
    background-color: #a89767 !important;
}
.gform_button:hover {
    background-color: hsla(var(--awb-color8-h),calc(var(--awb-color8-s) - 5%),calc(var(--awb-color8-l) - 10%),var(--awb-color8-a)) !important;
}

/* Labels each row of the Child repeater "Child 1", "Child 2", etc. */
#field_15_929 .gfield_repeater_items {
    counter-reset: child-item;
}

#field_15_929 .gfield_repeater_item {
    counter-increment: child-item;
}

#field_15_929 .gfield_repeater_item::before {
    content: "Child " counter(child-item);
    display: block;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 12px;
}

/* Labels each row of the Person (attorneys/social workers) repeater
   "Person 1", "Person 2", etc. */
#field_15_939 .gfield_repeater_items {
    counter-reset: person-item;
}

#field_15_939 .gfield_repeater_item {
    counter-increment: person-item;
}

#field_15_939 .gfield_repeater_item::before {
    content: "Person " counter(person-item);
    display: block;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 12px;
}