/* Link Tree Page Styles - ID 5606 */

/* --- COLUMN STYLES --- */

/*
   CONTAINER LAYOUT
   - Enable Flexbox to ensure equal height columns
   - Wrap items so rows form naturally
*/
#top.page-id-5606 .flex_cell_inner {
    display: flex !important;
    flex-wrap: wrap !important;
    align-content: flex-start !important;
}

/* Ensure headings/separators take full width to break lines */
#top.page-id-5606 .flex_cell_inner>.av_textblock_section,
#top.page-id-5606 .flex_cell_inner>.hr {
    width: 100% !important;
    flex-basis: 100% !important;
}

/* Text Column (Left) */
#top.page-id-5606 .flex_column.av_two_third {
    width: 60% !important;
    /* Reduced from 70% to give image more space */
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 20px !important;
    margin-top: 0 !important;
    background-color: rgb(248, 249, 250) !important;
    border-top-left-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    padding: 20px 10px 20px 25px !important;
    /* Reduced left padding */
    min-height: 110px !important;
    height: auto !important;
    overflow: visible !important;
    box-shadow: none !important;
    z-index: 1;
}

/* Image Column (Right) */
#top.page-id-5606 .flex_column.av_one_third {
    width: 40% !important;
    /* Increased from 30% to 40% */
    margin-left: 0 !important;
    margin-bottom: 20px !important;
    margin-top: 0 !important;
    background-color: rgb(248, 249, 250) !important;
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 10px 0px 10px 0px !important;
    /* Minimize padding to maximize image size */
    min-height: 110px !important;
    height: auto !important;
    overflow: visible !important;
    clear: none !important;
    float: left !important;
}

/* Prevent text clipping inside the left column */
#top.page-id-5606 .flex_column.av_two_third .flex_column_div,
#top.page-id-5606 .flex_column.av_two_third .avia-button-wrap,
#top.page-id-5606 .flex_column.av_two_third .avia-button {
    height: auto !important;
    overflow: visible !important;
}

/* --- BUTTON / TEXT STYLES --- */
#top.page-id-5606 .avia-button-wrap {
    width: 100% !important;
    margin: 0 !important;
}

#top.page-id-5606 .avia-button {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    padding: 0 !important;
    min-width: 0 !important;
    text-align: left !important;
    display: block !important;
    width: 100% !important;
}

/* Text Appearance: Body copy style, black, left aligned */
#top.page-id-5606 .avia-button .avia_iconbox_title {
    color: #000000 !important;
    /* Black */
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    /* Standard body font */
    font-size: 20px !important;
    /* Standard body size */
    font-weight: 400 !important;
    /* Normal weight */
    line-height: 1.5 !important;
    text-align: left !important;
    letter-spacing: 0 !important;
}

/* Hide icon */
#top.page-id-5606 .avia-button .avia_button_icon {
    display: none !important;
}

/* --- IMAGE STYLING --- */
/* Target specific image container to ensure overrides */
#top.page-id-5606 .av_one_third .avia-image-container-inner img {
    width: 250px !important;
    /* Wider image */
    max-width: 100% !important;
    /* Responsive scaling */
    height: auto !important;
    /* Preserve aspect ratio (full image) */
    border-radius: 0px !important;
    /* Square */
    object-fit: contain !important;
    /* Ensure full image visibility */
    box-shadow: none !important;
    /* No shadow */
    display: block !important;
}

/* --- HOVER EFFECTS --- */
/* Apply hover to both parts when either is hovered */
#top.page-id-5606 .flex_column.av_two_third:hover,
#top.page-id-5606 .flex_column.av_two_third:hover+.flex_column.av_one_third,
#top.page-id-5606 .flex_column.av_two_third:has(+ .flex_column.av_one_third:hover),
#top.page-id-5606 .flex_column.av_one_third:hover {
    background-color: #e2e6ea !important;
}

/* --- HEADINGS --- */
#top.page-id-5606 h1,
#top.page-id-5606 h2,
#top.page-id-5606 h3,
#top.page-id-5606 .av-special-heading-tag {
    color: rgb(93, 55, 136) !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    text-align: center;
    margin-top: 30px !important;
    margin-bottom: 20px !important;
}

/* --- MOBILE RESPONSIVENESS --- */
@media only screen and (max-width: 767px) {
    #top.page-id-5606 .flex_column.av_two_third {
        width: 65% !important;
        float: left !important;
        clear: none !important;
        margin-bottom: 20px !important;
        border-radius: 50px 0 0 50px !important;
        min-height: 110px !important;
        padding-left: 20px !important;
        padding-right: 5px !important;
    }

    #top.page-id-5606 .flex_column.av_one_third {
        width: 35% !important;
        float: right !important;
        clear: none !important;
        margin-bottom: 20px !important;
        border-radius: 0 50px 50px 0 !important;
        min-height: 110px !important;
        padding: 10px !important;
    }

    #top.page-id-5606 .flex_column_div {
        display: block !important;
    }
}
