.elementor-3042 .elementor-element.elementor-element-33086010{--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;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3042 .elementor-element.elementor-element-33086010:not(.elementor-motion-effects-element-type-background), .elementor-3042 .elementor-element.elementor-element-33086010 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F4F2;}.elementor-3042 .elementor-element.elementor-element-0af81ce{--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;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3042 .elementor-element.elementor-element-0af81ce:not(.elementor-motion-effects-element-type-background), .elementor-3042 .elementor-element.elementor-element-0af81ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#101820;}.elementor-3042 .elementor-element.elementor-element-d5d2cd0{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3042 .elementor-element.elementor-element-22913a1{color:#F05830;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-3042 .elementor-element.elementor-element-96b6d95{color:#FFFFFF;}.elementor-3042 .elementor-element.elementor-element-b252825{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:0px;--padding-left:80px;--padding-right:80px;}.elementor-3042 .elementor-element.elementor-element-fd718b4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3042 .elementor-element.elementor-element-ea58de8{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:0px 0px 0px 0px;font-family:"Rajdhani", Sans-serif;font-size:19px;font-weight:500;line-height:1.62em;color:#000000;}.elementor-3042 .elementor-element.elementor-element-52d39ce{--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;--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}.elementor-3042 .elementor-element.elementor-element-65c530a{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-3042 .elementor-element.elementor-element-162805d{--grid-columns:4;}.elementor-3042 .elementor-element.elementor-element-162805d > .elementor-widget-container{border-radius:0px 0px 0px 0px;}@media(min-width:768px){.elementor-3042 .elementor-element.elementor-element-b252825{--content-width:900px;}.elementor-3042 .elementor-element.elementor-element-52d39ce{--content-width:900px;}}@media(max-width:1024px){.elementor-widget-text-editor{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-loop-grid .elementor-pagination{line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-loop-grid .e-load-more-message{line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-3042 .elementor-element.elementor-element-162805d{--grid-columns:2;}}@media(max-width:767px){.elementor-3042 .elementor-element.elementor-element-33086010{--padding-top:80px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-3042 .elementor-element.elementor-element-0af81ce{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3042 .elementor-element.elementor-element-d5d2cd0{--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-3042 .elementor-element.elementor-element-b252825{--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-widget-loop-grid .elementor-pagination{line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-loop-grid .e-load-more-message{line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-3042 .elementor-element.elementor-element-162805d{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-33086010 *//* =========================================
   TEAM K.HO — DISTRICT SURVEYS MASTHEAD
   Native Elementor Masthead
========================================= */

@import url("https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap");


/* =========================================
   OUTER MASTHEAD
========================================= */

.tkh-kevin-mast{
    position:relative;

    width:100%;
    height:auto !important;
    min-height:0 !important;

    margin:0;

    /*
    Creates dark background space beneath
    the transparent, overlaid site navigation.
    */
    padding:180px 0 0 !important;

    overflow:hidden;

    background:#101820;
    color:#FFFFFF;

    font-family:"Rajdhani",system-ui,Arial,sans-serif !important;

    box-sizing:border-box;

    isolation:isolate;
}


/* =========================================
   DISTRICT SURVEYS MAP ARTWORK
========================================= */

.tkh-kevin-mast::before{
    content:"";

    position:absolute;
    inset:0;
    z-index:0;

    background-image:
        url("https://team-kho.com/wp-content/uploads/2026/09/DistrictSurveysHeader.png");

    background-repeat:no-repeat;
    background-size:cover;
    background-position:center bottom;

    pointer-events:none;
}


/* =========================================
   DARK BLUE IMAGE OVERLAY

   Layer 1:
   overall navy tint

   Layer 2:
   stronger darkness behind left-side copy
========================================= */

.tkh-kevin-mast::after{
    content:"";

    position:absolute;
    inset:0;
    z-index:1;

    background:
        linear-gradient(
            90deg,
            rgba(7,24,34,.82) 0%,
            rgba(7,24,34,.72) 34%,
            rgba(7,24,34,.46) 60%,
            rgba(7,24,34,.22) 100%
        ),
        rgba(8,27,38,.24);

    pointer-events:none;
}


.tkh-kevin-mast *,
.tkh-kevin-mast *::before,
.tkh-kevin-mast *::after{
    box-sizing:border-box;
}


/* Remove Elementor container minimum-height behavior */

.tkh-kevin-mast.e-con{
    min-height:0 !important;
    height:auto !important;
}


/* =========================================
   INNER COPY CONTAINER
   ORIGINAL POSITIONING PRESERVED
========================================= */

.tkh-kevin-mast .tkh-kevin-mast__inner{
    position:relative;
    z-index:2;

    flex:0 0 auto !important;
    align-self:center !important;

    width:min(100%,900px) !important;
    max-width:900px !important;
    height:auto !important;
    min-height:0 !important;

    margin-right:auto !important;
    margin-left:auto !important;

    padding:54px 24px 150px !important;

    gap:0 !important;
}


/* Elementor container-width enforcement */

.tkh-kevin-mast .tkh-kevin-mast__inner.e-con{
    --width:900px;
    --content-width:900px;

    flex:0 0 auto !important;

    width:min(100%,900px) !important;
    max-width:900px !important;

    height:auto !important;
    min-height:0 !important;
}


/* Remove automatic paragraph margins */

.tkh-kevin-mast p{
    margin-top:0;
}


/* =========================================
   EYEBROW
========================================= */

.tkh-kevin-mast .tkh-kevin-mast__kicker{
    margin:0 !important;
    padding:0 !important;
}

.tkh-kevin-mast .tkh-kevin-mast__kicker,
.tkh-kevin-mast .tkh-kevin-mast__kicker *,
.tkh-kevin-mast .tkh-kevin-mast__kicker p,
.tkh-kevin-mast .tkh-kevin-mast__kicker span{
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding:0 !important;

    color:#F05830 !important;

    font-family:"Rajdhani",system-ui,Arial,sans-serif !important;
    font-size:14px !important;
    line-height:1.3 !important;
    font-weight:700 !important;
    font-style:normal !important;

    letter-spacing:.24em !important;
    text-transform:uppercase !important;
}


/* =========================================
   MAIN TITLE
========================================= */

.tkh-kevin-mast .tkh-kevin-mast__title{
    width:100%;
    max-width:780px;

    margin:0 0 16px !important;
    padding:0 !important;
}

.tkh-kevin-mast
.tkh-kevin-mast__title
.elementor-heading-title{
    margin:0 !important;
    padding:0 !important;

    color:#F7F3EC !important;

    font-family:"Rajdhani",system-ui,Arial,sans-serif !important;
    font-size:50px !important;
    line-height:1.03 !important;
    font-weight:700 !important;
    letter-spacing:-.01em !important;
}


/* =========================================
   SPACE BETWEEN EYEBROW AND TITLE
========================================= */

.tkh-kevin-mast
.tkh-kevin-mast__kicker
+
.tkh-kevin-mast__title{
    margin-top:12px !important;
}


/* =========================================
   ORANGE YEAR
========================================= */

.tkh-kevin-mast
.tkh-kevin-mast__title
.elementor-heading-title
.tkh-year{
    color:#D35A36 !important;
    font:inherit;
}


/* =========================================
   SUBTITLE
========================================= */

.tkh-kevin-mast .tkh-kevin-mast__subtitle{
    width:100%;
    max-width:660px;

    margin:0 0 22px !important;
    padding:0 !important;
}

.tkh-kevin-mast .tkh-kevin-mast__subtitle,
.tkh-kevin-mast .tkh-kevin-mast__subtitle *,
.tkh-kevin-mast .tkh-kevin-mast__subtitle p{
    color:#D8DEE6 !important;

    font-family:"Rajdhani",system-ui,Arial,sans-serif !important;
    font-size:21px !important;
    line-height:1.45 !important;
    font-weight:400 !important;
}

.tkh-kevin-mast .tkh-kevin-mast__subtitle p{
    margin:0 !important;
    padding:0 !important;
}


/* =========================================
   BYLINE
========================================= */

.tkh-kevin-mast .tkh-kevin-mast__byline{
    margin:0 !important;
    padding:0 !important;
}

.tkh-kevin-mast .tkh-kevin-mast__byline,
.tkh-kevin-mast .tkh-kevin-mast__byline p,
.tkh-kevin-mast .tkh-kevin-mast__byline span{
    color:#9FB0C2 !important;

    font-family:"Rajdhani",system-ui,Arial,sans-serif !important;
    font-size:15px !important;
    line-height:1.5 !important;
    font-weight:500 !important;
}

.tkh-kevin-mast .tkh-kevin-mast__byline p{
    margin:0 !important;
    padding:0 !important;
}


/* Kevin Ho in gold */

.tkh-kevin-mast .tkh-kevin-mast__byline strong,
.tkh-kevin-mast .tkh-kevin-mast__byline b{
    color:#F0B018 !important;
    font-family:inherit !important;
    font-weight:600 !important;
}


/* =========================================
   DATA PILL
========================================= */

.tkh-kevin-mast .tkh-kevin-mast__stamp{
    align-self:flex-start !important;

    flex:0 0 auto !important;

    width:auto !important;
    max-width:100%;

    margin:18px 0 0 !important;
    padding:8px 15px !important;

    background:#20303F !important;
    border-radius:5px !important;
}

.tkh-kevin-mast
.tkh-kevin-mast__stamp
.elementor-widget-container{
    width:auto !important;

    margin:0 !important;
    padding:0 !important;
}

.tkh-kevin-mast .tkh-kevin-mast__stamp,
.tkh-kevin-mast .tkh-kevin-mast__stamp *,
.tkh-kevin-mast .tkh-kevin-mast__stamp p{
    color:#E7DEC9 !important;

    font-family:"Rajdhani",system-ui,Arial,sans-serif !important;
    font-size:13.5px !important;
    line-height:1.45 !important;
    font-weight:600 !important;
}

.tkh-kevin-mast .tkh-kevin-mast__stamp p{
    margin:0 !important;
    padding:0 !important;
}


/* =========================================
   OLD SKYLINE
   Hidden — map artwork replaces it
========================================= */

.tkh-kevin-mast .tkh-kevin-mast__skyline{
    display:none !important;
}


/* =========================================
   TABLET
========================================= */

@media (max-width:1024px){

    .tkh-kevin-mast{
        padding-top:105px !important;
    }

    .tkh-kevin-mast .tkh-kevin-mast__inner{
        width:100% !important;
        max-width:900px !important;

        padding-right:32px !important;
        padding-left:32px !important;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width:640px){

    .tkh-kevin-mast{
        padding-top:88px !important;
    }


    /*
     * Crop artwork independently on mobile.
     * Does not affect text positioning.
     */
    .tkh-kevin-mast::before{
        background-size:auto 100%;
        background-position:58% bottom;
    }


    /*
     * Stronger overlay on mobile because
     * the map necessarily sits behind copy.
     */
    .tkh-kevin-mast::after{
        background:
            linear-gradient(
                180deg,
                rgba(7,24,34,.76) 0%,
                rgba(7,24,34,.66) 55%,
                rgba(7,24,34,.42) 100%
            ),
            rgba(8,27,38,.24);
    }


    .tkh-kevin-mast .tkh-kevin-mast__inner{
        width:100% !important;

        padding:38px 20px 126px !important;
    }

    .tkh-kevin-mast .tkh-kevin-mast__kicker,
    .tkh-kevin-mast .tkh-kevin-mast__kicker *,
    .tkh-kevin-mast .tkh-kevin-mast__kicker p{
        font-size:12px !important;
        letter-spacing:.19em !important;
    }

    .tkh-kevin-mast
    .tkh-kevin-mast__title
    .elementor-heading-title{
        font-size:35px !important;
    }

    .tkh-kevin-mast .tkh-kevin-mast__subtitle,
    .tkh-kevin-mast .tkh-kevin-mast__subtitle *,
    .tkh-kevin-mast .tkh-kevin-mast__subtitle p{
        font-size:18px !important;
    }

    .tkh-kevin-mast .tkh-kevin-mast__byline,
    .tkh-kevin-mast .tkh-kevin-mast__byline p{
        font-size:14px !important;
    }

    .tkh-kevin-mast .tkh-kevin-mast__stamp{
        padding:8px 12px !important;
    }

    .tkh-kevin-mast .tkh-kevin-mast__stamp,
    .tkh-kevin-mast .tkh-kevin-mast__stamp *,
    .tkh-kevin-mast .tkh-kevin-mast__stamp p{
        font-size:12.5px !important;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width:420px){

    .tkh-kevin-mast{
        padding-top:80px !important;
    }

    .tkh-kevin-mast .tkh-kevin-mast__inner{
        padding-right:17px !important;
        padding-left:17px !important;
    }

}/* End custom CSS */
/* Start custom CSS for taxonomy-filter, class: .elementor-element-65c530a *//* =========================================
   TEAM K.HO — DISTRICT SURVEYS TAXONOMY FILTER
   ========================================= */

.tkh-survey-filter{
    width: 100%;
    margin: 0 0 34px;
}


/* -----------------------------------------
   FILTER LIST / OUTER BAR
   ----------------------------------------- */

.tkh-survey-filter .e-filter{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;

    gap: 14px;

    width: 100%;
    padding: 10px;

    background: #faf9f7;
    border: 1px solid #e6e1dc;
    border-radius: 12px;
}


/* -----------------------------------------
   FILTER LOZENGES
   ----------------------------------------- */

.tkh-survey-filter .e-filter-item{
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 12px;
    padding: 10px 26px;

    background: #ffffff;
    border: 1px solid #ddd7d1;
    border-radius: 999px;

    color: #4b4b4b;

    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;

    cursor: pointer;

    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;

    transition:
        background-color .2s ease,
        border-color .2s ease,
        color .2s ease;
}


/* All — slightly wider than its text */

.tkh-survey-filter .e-filter-item:first-child{
    padding-left: 34px;
    padding-right: 34px;
}


/* -----------------------------------------
   HOVER
   ----------------------------------------- */

.tkh-survey-filter .e-filter-item:hover{
    color: #d35a36;
    border-color: #d35a36;
    background: #ffffff;
}


/* -----------------------------------------
   ACTIVE FILTER
   ----------------------------------------- */

.tkh-survey-filter .e-filter-item[aria-pressed="true"],
.tkh-survey-filter .e-filter-item.e-active{
    color: #ffffff;
    background: #d35a36;
    border-color: #d35a36;
}


/* Keep active state orange on hover */

.tkh-survey-filter .e-filter-item[aria-pressed="true"]:hover,
.tkh-survey-filter .e-filter-item.e-active:hover{
    color: #ffffff;
    background: #d35a36;
    border-color: #d35a36;
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 1024px){

    .tkh-survey-filter .e-filter{
        gap: 10px;
    }

    .tkh-survey-filter .e-filter-item{
        padding-left: 22px;
        padding-right: 22px;
    }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px){

    .tkh-survey-filter{
        margin-bottom: 26px;
    }

    .tkh-survey-filter .e-filter{
        gap: 8px;
        padding: 8px;
    }

    .tkh-survey-filter .e-filter-item{
        flex: 1 1 auto;

        min-height: 44px;
        padding: 9px 16px;

        font-size: 14px;
        white-space: nowrap;
    }
}/* End custom CSS */