.elementor-226393 .elementor-element.elementor-element-d0f78b9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-226393 .elementor-element.elementor-element-9665e1e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-226393 .elementor-element.elementor-element-8cb977c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-8270fc0 */.fringe-hero{

    position:relative;

    width:100vw;

    margin-left:calc(50% - 50vw);

    margin-right:calc(50% - 50vw);

    min-height:88vh;

    display:flex;

    align-items:center;

    overflow:hidden;

    background:
        url("https://www.architecture.com.au/wp-content/uploads/250502_AIA_Archi-Party_Chau-Chak_Maclay-Heriot_L1100497-1.jpg") center center/cover no-repeat;

}

.fringe-hero-overlay{

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.82) 0%,
            rgba(5,40,28,.65) 45%,
            rgba(13,177,75,.18) 100%
        );

}

.fringe-container{

    position:relative;

    z-index:2;

    width:min(1400px,calc(100% - 80px));

    margin:auto;

}

.fringe-eyebrow{

    color:#0db14b;

    font-size:12px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.22em;

    margin-bottom:22px;

}

.fringe-hero h1{

    color:#fff;

    font-size:clamp(64px,7vw,108px);

    line-height:.9;

    letter-spacing:-.05em;

    text-transform:none;

    max-width:700px;

    margin-bottom:32px;

}

.fringe-intro{

    color:rgba(255,255,255,.88);

    font-size:22px;

    line-height:1.7;

    max-width:700px;

    margin-bottom:48px;

}

.fringe-buttons{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

}

.fringe-button-primary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 36px;

    border-radius:999px;

    background:#0db14b;

    color:#fff;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}

.fringe-button-primary:hover{

    background:#0a963f;

}

.fringe-button-secondary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 36px;

    border-radius:999px;

    border:2px solid rgba(255,255,255,.35);

    color:#fff;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}

.fringe-button-secondary:hover{

    background:#fff;

    color:#111;

}

@media(max-width:900px){

    .fringe-hero{

        min-height:70vh;

    }

    .fringe-container{

        width:calc(100% - 50px);

    }

    .fringe-hero h1{

        font-size:54px;

    }

    .fringe-intro{

        font-size:18px;

    }

    .fringe-buttons{

        flex-direction:column;

        align-items:flex-start;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f20cfef */.fringe-overview{

    width:100vw;

    margin-left:calc(50% - 50vw);

    margin-right:calc(50% - 50vw);

    padding:60px 0;

    background:#f2eee82;

}

.fringe-overview-container{

    width:min(1400px,calc(100% - 80px));

    margin:auto;

}

.fringe-section-label{

    color:#0db14b;

    text-transform:uppercase;

    letter-spacing:.22em;

    font-size:12px;

    font-weight:700;

    margin-bottom:18px;

}

.fringe-overview h2{

    font-size:clamp(48px,5vw,72px);

    line-height:.95;

    letter-spacing:-.04em;

    text-transform:none;

    margin-bottom:24px;

}

.fringe-overview-intro{

    max-width:760px;

    font-size:22px;

    line-height:1.7;

    color:#666;

    margin-bottom:70px;

}

.fringe-stats{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:30px;

}

.fringe-stat{

    background:#fff;

    padding:40px;

    border:1px solid #e6e2dc;

    transition:.3s;

}

.fringe-stat:hover{

    transform:translateY(-6px);

    border-color:#0db14b;

}

.stat-number{

    display:block;

    color:#0db14b;

    font-size:34px;

    font-weight:700;

    margin-bottom:24px;

    line-height:1;

}

.fringe-stat h3{

    font-size:24px;

    margin-bottom:16px;

    text-transform:none;

}

.fringe-stat p{

    color:#666;

    line-height:1.7;

    margin:0;

}

@media(max-width:1000px){

    .fringe-stats{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:700px){

    .fringe-overview{

        padding:80px 0;

    }

    .fringe-overview-container{

        width:calc(100% - 40px);

    }

    .fringe-stats{

        grid-template-columns:1fr;

    }

    .fringe-overview-intro{

        font-size:18px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9393799 */.fringe-program{

    width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);

    padding:30px 0;

    background:#f2eee8;

}

.fringe-program-container{

    width:min(1400px,calc(100% - 80px));

    margin:auto;

}

/* ---------- Heading ---------- */

.fringe-program-label{

    font-size:14px;
    font-weight:700;
    letter-spacing:.18em;
    text-transform:uppercase;

    color:#0db14b;

    margin:0 0 18px;

}

.fringe-program-heading{

    font-size:48px;
    font-weight:600;
    line-height:1.05;

    color:#111;

    text-transform:none;

    margin:0 0 24px;

}

.fringe-program-intro{

    max-width:760px;

    font-size:22px;

    line-height:1.7;

    color:#666;

    margin:0 0 70px;

}

/* ---------- Accordion ---------- */

.program-day{

    background:#fff;

    border:1px solid #e7e2db;

    margin-bottom:30px;

}

.program-day summary{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:35px 40px;

    cursor:pointer;

    list-style:none;

    font-size:28px;

    font-weight:600;

    text-transform:none;

}

.program-day summary::-webkit-details-marker{

    display:none;

}

.program-count{

    color:#0db14b;

    font-size:18px;

    font-weight:600;

}

/* ---------- Events ---------- */

.program-list{

    padding:0 30px 30px;

}

.program-card{

    display:grid;

    grid-template-columns:200px 1fr 180px;

    gap:40px;

    align-items:start;

    padding:35px 10px;

    border-top:1px solid #eee;

}

.program-time{

    font-size:18px;

    font-weight:700;

    color:#111;

    padding-top:8px;

}

.program-content{

    min-width:0;

}

.program-type{

    display:inline-block;

    width:max-content;

    padding:8px 14px;

    border-radius:999px;

    background:#eaf8ef;

    color:#0db14b;

    font-size:11px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.12em;

    margin-bottom:18px;

}

.program-content h3{

    font-size:32px;

    font-weight:600;

    line-height:1.15;

    text-transform:none;

    color:#111;

    margin:0 0 18px;

}

.program-location{

    color:#555;

    margin:0 0 8px;

}

.program-price{

    color:#0db14b;

    font-weight:600;

    margin:0 0 14px;

}

.program-description{

    color:#666;

    line-height:1.7;

    max-width:700px;

    margin:0;

}

/* ---------- Button ---------- */

.program-button{

    justify-self:end;

    align-self:start;

    white-space:nowrap;

    padding:16px 28px;

    border:2px solid #0db14b;

    border-radius:999px;

    color:#0db14b;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}

.program-button:hover{

    background:#0db14b;

    color:#fff;

}

/* ---------- Mobile ---------- */

@media (max-width:900px){

    .fringe-program{

        padding:90px 0;

    }

    .fringe-program-container{

        width:calc(100% - 40px);

    }

    .fringe-program-heading{

        font-size:38px;

    }

    .program-day summary{

        padding:25px;

        font-size:22px;

    }

    .program-list{

        padding:0 20px 20px;

    }

    .program-card{

        grid-template-columns:1fr;

        gap:20px;

        padding:30px 0;

    }

    .program-time{

        padding-top:0;

    }

    .program-button{

        justify-self:start;

    }

    .program-content h3{

        font-size:28px;

    }

/* =========================================
   NATIONAL AWARDS - BLACK FEATURE CARD
========================================== */

.national-awards-card {
    background:#111 !important;
    color:#fff !important;
    border-top:3px solid #0db14b !important;
    padding:45px 20px !important;
}

.national-awards-card .program-time {
    color:#fff !important;
}

.national-awards-card .program-type {
    background:#0db14b !important;
    color:#fff !important;
}

.national-awards-card .program-content h3 {
    color:#fff !important;
    font-size:38px;
}

.national-awards-card .program-location {
    color:#ccc !important;
}

.national-awards-card .program-description {
    color:#aaa !important;
}

.national-awards-card .program-button {
    background:#0db14b !important;
    border:2px solid #0db14b !important;
    color:#fff !important;
}

.national-awards-card .program-button:hover {
    background:#fff !important;
    border-color:#fff !important;
    color:#111 !important;
}


/* ---------- Awards details ---------- */

.national-awards-meta {
    display:flex;
    gap:60px;
    margin-top:30px;
    padding-top:25px;
    border-top:1px solid rgba(255,255,255,.18);
}

.national-awards-meta > div {
    display:flex;
    flex-direction:column;
    gap:5px;
}

.national-awards-meta span {
    color:#0db14b;
    font-size:10px;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.national-awards-meta strong {
    color:#fff;
    font-size:15px;
    font-weight:600;
}

.national-awards-meta small {
    color:#888;
    font-size:13px;
    line-height:1.4;
    max-width:400px;
}


/* ---------- Mobile ---------- */

@media (max-width:900px) {

    .national-awards-card {
        padding:35px 10px !important;
    }

    .national-awards-card .program-content h3 {
        font-size:30px;
    }

    .national-awards-meta {
        flex-direction:column;
        gap:25px;
    }

}/* End custom CSS */